@interopio/groups-ui-react 4.5.0-next.0 → 4.5.1-next.0

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 (function(global2, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("react"), require("react-dom"), require("@interopio/react-hooks")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "react", "react-dom", "@interopio/react-hooks"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2["groups-ui-react"] = {}, global2.jsxRuntime, global2.React, global2.ReactDOM, global2["interopio-hooks"]));
-})(this, function(exports2, jsxRuntime, o, b, reactHooks) {
+})(this, function(exports2, jsxRuntime, o, w, reactHooks) {
   "use strict";
   function _interopNamespaceDefault(e) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -19,7 +19,7 @@
     return Object.freeze(n);
   }
   const o__namespace = /* @__PURE__ */ _interopNamespaceDefault(o);
-  const b__namespace = /* @__PURE__ */ _interopNamespaceDefault(b);
+  const w__namespace = /* @__PURE__ */ _interopNamespaceDefault(w);
   var StandardButtonTarget = /* @__PURE__ */ ((StandardButtonTarget2) => {
     StandardButtonTarget2["Default"] = "default";
     StandardButtonTarget2["Frame"] = "frame";
@@ -187,8 +187,8 @@
     removePopupById(elementId) {
       return window.webGroupsManager.removePopupById(elementId);
     }
-    subscribeForWindowFocused(cb) {
-      return window.webGroupsManager.subscribeForWindowFocused(cb);
+    subscribeForWindowFocused(cb2) {
+      return window.webGroupsManager.subscribeForWindowFocused(cb2);
     }
     unmount() {
       return window.webGroupsManager.unmount();
@@ -515,8 +515,8 @@
       const channel = x / 255;
       return channel <= 0.04045 ? channel / 12.92 : Math.pow((channel + 0.055) / 1.055, 2.4);
     }
-    const [r2, g, b2] = parseToRgba(color);
-    return 0.2126 * f(r2) + 0.7152 * f(g) + 0.0722 * f(b2);
+    const [r2, g, b] = parseToRgba(color);
+    return 0.2126 * f(r2) + 0.7152 * f(g) + 0.0722 * f(b);
   }
   function readableColorIsBlack(color) {
     return getLuminance(color) > 0.179;
@@ -526,8 +526,8 @@
       const rgba = parseToRgba(color);
       const r2 = rgba[0];
       const g = rgba[1];
-      const b2 = rgba[2];
-      const backgroundWeight = (0.2126 * r2 + 0.7152 * g + 0.0722 * b2) / 255;
+      const b = rgba[2];
+      const backgroundWeight = (0.2126 * r2 + 0.7152 * g + 0.0722 * b) / 255;
       return backgroundWeight > 0.5;
     } catch {
     }
@@ -752,13 +752,13 @@
   };
   const waitForWindow = (io2, windowId) => {
     return new Promise((res, rej) => {
-      const unsub = io2.windows.onWindowAdded((w) => {
-        if (w.id === windowId) {
-          res(w);
+      const unsub = io2.windows.onWindowAdded((w2) => {
+        if (w2.id === windowId) {
+          res(w2);
           unsub();
         }
       });
-      const windowInCollection = io2.windows.list().find((w) => w.id === windowId);
+      const windowInCollection = io2.windows.list().find((w2) => w2.id === windowId);
       if (windowInCollection) {
         res(windowInCollection);
         unsub();
@@ -982,7 +982,7 @@
         this.connected_ = false;
       };
       ResizeObserverController2.prototype.onTransitionEnd_ = function(_a2) {
-        var _b = _a2.propertyName, propertyName = _b === void 0 ? "" : _b;
+        var _b2 = _a2.propertyName, propertyName = _b2 === void 0 ? "" : _b2;
         var isReflowProperty = transitionKeys.some(function(key) {
           return !!~propertyName.indexOf(key);
         });
@@ -1484,7 +1484,7 @@
     return /* @__PURE__ */ jsxRuntime.jsx("div", { id: moveAreaId, className: "t42-move-area t42-frame-caption-bar-element", children });
   };
   const BaseMultiChannelSelector = ({ outsideClass, contentClass, showSelector, selectedChannels, channelLabel, channelRestrictions }) => {
-    var _a2, _b;
+    var _a2, _b2;
     const ref = o.useRef(null);
     const len = selectedChannels.length;
     const showBaseChannelSelector = len < 2;
@@ -1520,7 +1520,7 @@
         {
           showSelector,
           selectedChannel: (_a2 = selectedChannels[0]) == null ? void 0 : _a2.name,
-          selectedChannelColor: (_b = selectedChannels[0]) == null ? void 0 : _b.color,
+          selectedChannelColor: (_b2 = selectedChannels[0]) == null ? void 0 : _b2.color,
           outsideClass,
           contentClass,
           channelLabel,
@@ -1869,9 +1869,20 @@
     shim.exports = requireUseSyncExternalStoreShim_development();
   }
   var shimExports = shim.exports;
+  class WebGroupsFeatureDetector {
+    isFeatureSupported(feature) {
+      switch (feature) {
+        case "internal-universal-popups":
+          return true;
+        default:
+          return false;
+      }
+    }
+  }
+  const featureDetector = new WebGroupsFeatureDetector();
   class GroupWrapper extends o.Component {
     componentDidMount() {
-      var _a2, _b, _c2, _d2, _e2, _f2;
+      var _a2, _b2, _c2, _d2, _e2, _f2;
       const componentFactory = {
         createGroupCaptionBar: this.props.onCreateGroupCaptionBarRequested,
         updateGroupCaptionBar: this.props.onUpdateGroupCaptionBarRequested,
@@ -1919,16 +1930,17 @@
         commitCaptionEditing: this.props.onCommitCaptionEditingRequested,
         hideCaptionEditor: this.props.onHideCaptionEditorRequested,
         showLoadingAnimation: this.props.onShowLoadingAnimationRequested,
-        hideLoadingAnimation: this.props.onHideLoadingAnimationRequested
+        hideLoadingAnimation: this.props.onHideLoadingAnimationRequested,
+        isFeatureSupported: featureDetector.isFeatureSupported.bind(featureDetector)
       };
       webGroupsManager.init(void 0, componentFactory);
-      webGroupsManager.updateTabHeaderStyles(((_b = (_a2 = this.props.styles) == null ? void 0 : _a2.tabs) == null ? void 0 : _b.header) ?? {});
+      webGroupsManager.updateTabHeaderStyles(((_b2 = (_a2 = this.props.styles) == null ? void 0 : _a2.tabs) == null ? void 0 : _b2.header) ?? {});
       webGroupsManager.updateTabMoveAreaStyles(((_d2 = (_c2 = this.props.styles) == null ? void 0 : _c2.tabs) == null ? void 0 : _d2.moveArea) ?? {});
       webGroupsManager.updateFrameStyles(((_f2 = (_e2 = this.props.styles) == null ? void 0 : _e2.frame) == null ? void 0 : _f2.element) ?? {});
     }
     componentDidUpdate(prevProps, prevState, snapshot) {
-      var _a2, _b, _c2, _d2, _e2, _f2, _g2, _h, _i2, _j, _k, _l2, _m, _n2, _o2, _p2, _q, _r2;
-      if (((_b = (_a2 = this.props.styles) == null ? void 0 : _a2.tabs) == null ? void 0 : _b.header) !== ((_d2 = (_c2 = prevProps.styles) == null ? void 0 : _c2.tabs) == null ? void 0 : _d2.header)) {
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h, _i2, _j, _k, _l2, _m, _n2, _o2, _p2, _q, _r2;
+      if (((_b2 = (_a2 = this.props.styles) == null ? void 0 : _a2.tabs) == null ? void 0 : _b2.header) !== ((_d2 = (_c2 = prevProps.styles) == null ? void 0 : _c2.tabs) == null ? void 0 : _d2.header)) {
         webGroupsManager.updateTabHeaderStyles(((_f2 = (_e2 = this.props.styles) == null ? void 0 : _e2.tabs) == null ? void 0 : _f2.header) ?? {});
       }
       if (((_h = (_g2 = this.props.styles) == null ? void 0 : _g2.tabs) == null ? void 0 : _h.moveArea) !== ((_j = (_i2 = prevProps.styles) == null ? void 0 : _i2.tabs) == null ? void 0 : _j.moveArea)) {
@@ -1946,7 +1958,7 @@
   }
   class Portal extends o.Component {
     render() {
-      return b.createPortal(this.props.children, this.props.parentElement);
+      return w.createPortal(this.props.children, this.props.parentElement);
     }
   }
   class WebGroupsStore {
@@ -1984,10 +1996,10 @@
         htmlButtons: {}
         // dict frameId to crate html buttons options
       };
-      this.subscribe = (cb) => {
-        this.listeners.add(cb);
+      this.subscribe = (cb2) => {
+        this.listeners.add(cb2);
         return () => {
-          this.listeners.delete(cb);
+          this.listeners.delete(cb2);
         };
       };
       this.getSnapshot = () => {
@@ -2506,8 +2518,8 @@
           };
         });
       };
-      this.setState = (cb) => {
-        this.state = cb(this.state);
+      this.setState = (cb2) => {
+        this.state = cb2(this.state);
         this.listeners.forEach((l) => l());
       };
     }
@@ -2520,7 +2532,7 @@
     ] }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
   };
   const GroupElementCreationWrapper = ({ components, styles }) => {
-    var _a2, _b, _c2, _d2, _e2, _f2, _g2, _h, _i2, _j, _k, _l2, _m, _n2, _o2, _p2, _q, _r2, _s, _t2, _u2, _v, _w2, _x;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h, _i2, _j, _k, _l2, _m, _n2, _o2, _p2, _q, _r2, _s, _t2, _u2, _v, _w, _x;
     const state = shimExports.useSyncExternalStore(webGroupsStore.subscribe, webGroupsStore.getSnapshot);
     const LoadingAnimation = ((_a2 = components == null ? void 0 : components.frame) == null ? void 0 : _a2.LoadingAnimation) ?? FrameLoadingAnimation;
     const renderGroupCaptionBar = () => {
@@ -3182,7 +3194,7 @@
       /* @__PURE__ */ jsxRuntime.jsx(
         GroupWrapper,
         {
-          onCreateGroupCaptionBarRequested: ((_b = components == null ? void 0 : components.group) == null ? void 0 : _b.CaptionBar) ? webGroupsStore.onCreateGroupCaptionBarRequested : void 0,
+          onCreateGroupCaptionBarRequested: ((_b2 = components == null ? void 0 : components.group) == null ? void 0 : _b2.CaptionBar) ? webGroupsStore.onCreateGroupCaptionBarRequested : void 0,
           onCreateGroupOverlayRequested: ((_c2 = components == null ? void 0 : components.group) == null ? void 0 : _c2.Overlay) ? webGroupsStore.onCreateGroupOverlayRequested : void 0,
           onCreateFrameCaptionBarRequested: ((_d2 = components == null ? void 0 : components.flat) == null ? void 0 : _d2.CaptionBar) ? webGroupsStore.onCreateFrameCaptionBarRequested : void 0,
           onCreateFrameWindowOverlayRequested: ((_e2 = components == null ? void 0 : components.frame) == null ? void 0 : _e2.Overlay) ? webGroupsStore.onCreateFrameWindowOverlayRequested : void 0,
@@ -3207,7 +3219,7 @@
           onUpdateAboveTabsRequested: ((_t2 = components == null ? void 0 : components.tabs) == null ? void 0 : _t2.Above) ? webGroupsStore.onUpdateAboveTabsRequested : void 0,
           onUpdateBeforeTabsComponentRequested: ((_u2 = components == null ? void 0 : components.tabs) == null ? void 0 : _u2.Before) ? webGroupsStore.onUpdateBeforeTabsRequested : void 0,
           onUpdateTabRequested: ((_v = components == null ? void 0 : components.tabs) == null ? void 0 : _v.Element) ? webGroupsStore.onUpdateTabElementRequested : void 0,
-          onUpdateAfterTabsComponentRequested: ((_w2 = components == null ? void 0 : components.tabs) == null ? void 0 : _w2.After) ? webGroupsStore.onUpdateAfterTabsRequested : void 0,
+          onUpdateAfterTabsComponentRequested: ((_w = components == null ? void 0 : components.tabs) == null ? void 0 : _w.After) ? webGroupsStore.onUpdateAfterTabsRequested : void 0,
           onUpdateBelowTabsRequested: ((_x = components == null ? void 0 : components.tabs) == null ? void 0 : _x.Below) ? webGroupsStore.onUpdateBelowTabsRequested : void 0,
           onRemoveFrameCaptionBarRequested: webGroupsStore.onRemoveFrameCaptionBarRequested,
           onRemoveFrameWindowOverlayRequested: webGroupsStore.onRemoveFrameWindowOverlayRequested,
@@ -3237,13 +3249,13 @@
     const [IOConnectWindow, setIOConnectWindow] = o.useState(void 0);
     const io2 = window.io || o.useContext(reactHooks.IOConnectContext);
     o.useEffect(() => {
-      const unsub = io2.windows.onWindowAdded((w) => {
-        if (w.id === windowId) {
-          setIOConnectWindow(w);
+      const unsub = io2.windows.onWindowAdded((w2) => {
+        if (w2.id === windowId) {
+          setIOConnectWindow(w2);
           unsub();
         }
       });
-      const windowInCollection = io2.windows.list().find((w) => w.id === windowId);
+      const windowInCollection = io2.windows.list().find((w2) => w2.id === windowId);
       if (windowInCollection) {
         setIOConnectWindow(windowInCollection);
         unsub();
@@ -3347,16 +3359,16 @@
       hiddenTabsToTheRight.length > 0 && createSection(hiddenTabsToTheRight, "Open right")
     ] });
   };
-  function S(e) {
+  function C(e) {
     return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
   }
-  var C, N = { exports: {} };
+  var S, N = { exports: {} };
   /*!
   	Copyright (c) 2018 Jed Watson.
   	Licensed under the MIT License (MIT), see
   	http://jedwatson.github.io/classnames
   */
-  C = N, function() {
+  S = N, function() {
     var e = {}.hasOwnProperty;
     function t() {
       for (var e2 = "", t2 = 0; t2 < arguments.length; t2++) {
@@ -3382,22 +3394,22 @@
     function o2(e2, t2) {
       return t2 ? e2 ? e2 + " " + t2 : e2 + t2 : e2;
     }
-    C.exports ? (t.default = t, C.exports = t) : window.classNames = t;
+    S.exports ? (t.default = t, S.exports = t) : window.classNames = t;
   }();
-  var E = S(N.exports);
-  function I({ className: t, size: n = "16", variant: o2 = "workspace", ...i }) {
+  var E = C(N.exports);
+  function P({ className: t, size: n = "16", variant: o2 = "workspace", ...i }) {
     const r2 = E("icon", n && [`icon-size-${n}`], t);
     return jsxRuntime.jsx("span", { className: r2, "aria-label": `icon-${o2}`, role: "presentation", ...i, children: jsxRuntime.jsx("i", { className: `icon-${o2}` }) });
   }
-  const P = o.forwardRef(({ className: t, variant: n = "default", icon: o$1 = "workspace", size: i = "16", tooltip: r2, iconSize: s = "16", onClick: c, disabled: l, children: u, ...d }, f) => {
+  const I = o.forwardRef(({ className: t, variant: n = "default", icon: o$1 = "workspace", size: i = "16", tooltip: r2, iconSize: s = "16", onClick: c, disabled: l, children: u, ...d }, f) => {
     const p = E("io-btn-icon", "default" !== n && [`io-btn-icon-${n}`], [`io-btn-icon-size-${i}`], t), m = o.useCallback((e) => {
       if (!l)
         return c ? c(e) : void 0;
       e.preventDefault();
     }, [c, l]);
-    return jsxRuntime.jsx("button", { className: p, type: "button", ref: f, "aria-label": "icon button", "aria-disabled": l, title: r2, onClick: m, disabled: l, ...d, children: u ?? (o$1 && jsxRuntime.jsx(I, { variant: o$1, size: s })) });
+    return jsxRuntime.jsx("button", { className: p, type: "button", ref: f, "aria-label": "icon button", "aria-disabled": l, title: r2, onClick: m, disabled: l, ...d, children: u ?? (o$1 && jsxRuntime.jsx(P, { variant: o$1, size: s })) });
   });
-  P.displayName = "ButtonIcon";
+  I.displayName = "ButtonIcon";
   function L({ className: t, variant: n = "default", children: o2, ...i }) {
     const r2 = E("io-badge", "default" !== n && [`io-badge-${n}`], t);
     return jsxRuntime.jsx("div", { className: r2, ...i, children: o2 });
@@ -3445,7 +3457,7 @@
     }, [u, d]), y = o.useCallback((e) => {
       d || R(e) && (e.preventDefault(), g(e));
     }, [g, d]);
-    return jsxRuntime.jsxs("button", { className: h, ref: m, type: "button", "aria-disabled": d, onClick: g, onKeyDown: y, disabled: d, tabIndex: 0, ...p, children: [r2 && !c && jsxRuntime.jsx(I, { variant: r2, size: s }), f ?? l, r2 && c && jsxRuntime.jsx(I, { variant: r2, size: s })] });
+    return jsxRuntime.jsxs("button", { className: h, ref: m, type: "button", "aria-disabled": d, onClick: g, onKeyDown: y, disabled: d, tabIndex: 0, ...p, children: [r2 && !c && jsxRuntime.jsx(P, { variant: r2, size: s }), f ?? l, r2 && c && jsxRuntime.jsx(P, { variant: r2, size: s })] });
   });
   $.displayName = "Button";
   const _ = o.createContext({}), j = o.forwardRef(({ icon: t = "chevron-down", onClick: n, onKeyDown: o$1, ...i }, r2) => {
@@ -3467,7 +3479,7 @@
     }, [n, s]), p = o.useCallback((e) => {
       o$1 == null ? void 0 : o$1(e), e.defaultPrevented || R(e) && (e.preventDefault(), e.stopPropagation(), s == null ? void 0 : s());
     }, [o$1, s]);
-    return jsxRuntime.jsx(P, { size: t, onClick: f, onKeyDown: p, disabled: l, ref: d, ...i });
+    return jsxRuntime.jsx(I, { size: t, onClick: f, onKeyDown: p, disabled: l, ref: d, ...i });
   });
   function H({ className: t, ...n }) {
     const o2 = E("io-dropdown-content", t);
@@ -3475,10 +3487,10 @@
   }
   z.displayName = "DropdownButtonIcon";
   const W = o.createContext({}), V = o.forwardRef((n, o$1) => {
-    const { className: i, prepend: r2, append: a, isSelected: s, onClick: l, description: u, disabled: d = false, children: f, tooltip: p, ...m } = n, { variant: h = "default", selected: g, checkIcon: y, handleItemClick: v } = o.useContext(W), w = s ?? (g == null ? void 0 : g.some((e) => e.children === f)), b2 = "default" !== h && !!y, k = b2 || r2, x = E("io-list-item", k && "io-list-item-left", a && "io-list-item-right", "default" !== h && w && "selected", u && "io-list-item-description", d && "io-list-item-disabled", i);
+    const { className: i, prepend: r2, append: a, isSelected: s, onClick: l, description: u, disabled: d = false, children: f, tooltip: p, ...m } = n, { variant: h = "default", selected: g, checkIcon: y, handleItemClick: v } = o.useContext(W), b = s ?? (g == null ? void 0 : g.some((e) => e.children === f)), w2 = "default" !== h && !!y, k = w2 || r2, x = E("io-list-item", k && "io-list-item-left", a && "io-list-item-right", "default" !== h && b && "selected", u && "io-list-item-description", d && "io-list-item-disabled", i);
     return jsxRuntime.jsxs("li", { className: x, ref: o$1, role: "menuitem", "aria-roledescription": "menuitem", tabIndex: 0, onClick: (e) => {
       d ? e.preventDefault() : (v == null ? void 0 : v(e, { children: f }), l == null ? void 0 : l(e));
-    }, ...m, children: [k && jsxRuntime.jsxs("div", { className: "io-list-left-column", children: [b2 && jsxRuntime.jsx(I, { variant: y.variant, title: w ? y.tooltip : void 0, "data-testid": "list-item-check-icon" }), r2] }), jsxRuntime.jsx("span", { className: "io-list-text", title: p, "data-testid": "list-item-title", children: f }), a && jsxRuntime.jsx("div", { className: "io-list-right-column", children: a }), u && jsxRuntime.jsx("div", { className: "io-list-text-description", children: u })] });
+    }, ...m, children: [k && jsxRuntime.jsxs("div", { className: "io-list-left-column", children: [w2 && jsxRuntime.jsx(P, { variant: y.variant, title: b ? y.tooltip : void 0, "data-testid": "list-item-check-icon" }), r2] }), jsxRuntime.jsx("span", { className: "io-list-text", title: p, "data-testid": "list-item-title", children: f }), a && jsxRuntime.jsx("div", { className: "io-list-right-column", children: a }), u && jsxRuntime.jsx("div", { className: "io-list-text-description", children: u })] });
   });
   V.displayName = "ListItem";
   const U = o.forwardRef(({ className: n, prepend: o2, append: i, children: r2, tooltip: a, ...s }, c) => {
@@ -3515,8 +3527,8 @@
       if ("default" === i)
         return;
       const n2 = d.some((e2) => {
-        var _a2, _b;
-        return ((_a2 = e2.children) == null ? void 0 : _a2.toString()) === ((_b = t2.children) == null ? void 0 : _b.toString());
+        var _a2, _b2;
+        return ((_a2 = e2.children) == null ? void 0 : _a2.toString()) === ((_b2 = t2.children) == null ? void 0 : _b2.toString());
       });
       "single" === i ? f([t2]) : (() => {
         const e2 = n2 ? d.filter((e3) => e3.children !== t2.children) : [...d, t2];
@@ -3566,7 +3578,7 @@
   const re = o.forwardRef(({ className: t, variant: n = "outline", align: o$1 = "down", disabled: i, isOpen: r2, onOpenChange: s, children: c, ...m }, h) => {
     const g = o.useRef(null), y = o.useRef(null);
     o.useImperativeHandle(h, () => y.current, []);
-    const { isOpen: v, handleOpen: w, handleClose: b2 } = ((e, t2) => {
+    const { isOpen: v, handleOpen: b, handleClose: w2 } = ((e, t2) => {
       const [n2, o$12] = o.useState(false), i2 = void 0 !== e, r3 = i2 ? e : n2, s2 = o.useCallback((e2) => {
         i2 || o$12(e2), t2 == null ? void 0 : t2(e2);
       }, [i2, t2]), c2 = o.useCallback(() => s2(true), [s2]), u = o.useCallback(() => s2(false), [s2]);
@@ -3586,12 +3598,12 @@
           cancelAnimationFrame(i2), document.removeEventListener("mousedown", o2, true);
         };
       }, [e, t2, n2]);
-    })(y, b2, v), ie(() => {
-      v && b2();
+    })(y, w2, v), ie(() => {
+      v && w2();
     }, ["Escape"], y), ie(() => {
-      v || i || g.current !== document.activeElement || w();
+      v || i || g.current !== document.activeElement || b();
     }, ["ArrowDown", "ArrowUp"], y);
-    const k = o.useMemo(() => ({ variant: n, align: o$1, disabled: i, isOpen: v, handleOpen: w, handleClose: b2, handleToggle: v ? b2 : w, setTriggerRef: (e) => g.current = e }), [n, o$1, i, v, w, b2]), x = E("io-dropdown", v && "io-dropdown-open", "default" !== n && `io-dropdown-${n}`, t);
+    const k = o.useMemo(() => ({ variant: n, align: o$1, disabled: i, isOpen: v, handleOpen: b, handleClose: w2, handleToggle: v ? w2 : b, setTriggerRef: (e) => g.current = e }), [n, o$1, i, v, b, w2]), x = E("io-dropdown", v && "io-dropdown-open", "default" !== n && `io-dropdown-${n}`, t);
     return jsxRuntime.jsx(_.Provider, { value: k, children: jsxRuntime.jsx("div", { className: x, ref: y, ...m, children: c }) });
   });
   function ae({ className: t, variant: n = "default", align: o2 = "left", children: i, ...r2 }) {
@@ -3630,7 +3642,7 @@
     }, onKeyDown: (e) => {
       const t = e.target instanceof HTMLDialogElement && "DIALOG" === e.target.nodeName;
       r2 && s && " " === e.key && t && s();
-    }, ...l, children: [jsxRuntime.jsxs(ce, { draggable: a, children: [jsxRuntime.jsx("h3", { "data-testid": "io-dialog-title", children: i }), jsxRuntime.jsx(ae, { children: jsxRuntime.jsx(P, { className: "non-draggable", "data-testid": "io-dialog-close-button", size: "24", icon: "close", iconSize: "12", onClick: s, tabIndex: -1 }) })] }), c] });
+    }, ...l, children: [jsxRuntime.jsxs(ce, { draggable: a, children: [jsxRuntime.jsx("h3", { "data-testid": "io-dialog-title", children: i }), jsxRuntime.jsx(ae, { children: jsxRuntime.jsx(I, { className: "non-draggable", "data-testid": "io-dialog-close-button", size: "24", icon: "close", iconSize: "12", onClick: s, tabIndex: -1 }) })] }), c] });
   }
   function pe() {
     return "undefined" != typeof window;
@@ -3652,24 +3664,24 @@
   function ve(e) {
     return !!pe() && (e instanceof Element || e instanceof he(e).Element);
   }
-  function we(e) {
+  function be(e) {
     return !!pe() && (e instanceof HTMLElement || e instanceof he(e).HTMLElement);
   }
-  function be(e) {
+  function we(e) {
     return !(!pe() || "undefined" == typeof ShadowRoot) && (e instanceof ShadowRoot || e instanceof he(e).ShadowRoot);
   }
-  re.Button = j, re.ButtonIcon = z, re.Content = H, re.List = Z, re.Item = ee, re.ItemTitle = te, re.ItemSection = ne, re.Separator = oe, ae.Button = $, ae.ButtonIcon = P, ae.Dropdown = re, se.Title = D, se.ButtonGroup = ae, se.Button = $, se.ButtonIcon = P, se.Dropdown = re, ce.Title = D, ce.ButtonGroup = ae, ce.Button = $, ce.ButtonIcon = P, ce.Dropdown = re, le.Content = function({ className: t, children: n, ...o2 }) {
+  re.Button = j, re.ButtonIcon = z, re.Content = H, re.List = Z, re.Item = ee, re.ItemTitle = te, re.ItemSection = ne, re.Separator = oe, ae.Button = $, ae.ButtonIcon = I, ae.Dropdown = re, se.Title = D, se.ButtonGroup = ae, se.Button = $, se.ButtonIcon = I, se.Dropdown = re, ce.Title = D, ce.ButtonGroup = ae, ce.Button = $, ce.ButtonIcon = I, ce.Dropdown = re, le.Content = function({ className: t, children: n, ...o2 }) {
     const i = E("io-dialog-content", t);
     return jsxRuntime.jsx("div", { className: i, ...o2, children: n });
-  }, ue.ButtonGroup = ae, ue.Button = $, ue.ButtonIcon = P, ue.Dropdown = re, de.ButtonGroup = ae, de.Button = $, de.ButtonIcon = P, de.Dropdown = re, fe.Header = ce, fe.Body = le, fe.Footer = de;
+  }, ue.ButtonGroup = ae, ue.Button = $, ue.ButtonIcon = I, ue.Dropdown = re, de.ButtonGroup = ae, de.Button = $, de.ButtonIcon = I, de.Dropdown = re, fe.Header = ce, fe.Body = le, fe.Footer = de;
   const ke = /* @__PURE__ */ new Set(["inline", "contents"]);
   function xe(e) {
     const { overflow: t, overflowX: n, overflowY: o2, display: i } = Re(e);
     return /auto|scroll|overlay|hidden|clip/.test(t + o2 + n) && !ke.has(i);
   }
-  const Se = /* @__PURE__ */ new Set(["table", "td", "th"]);
-  function Ce(e) {
-    return Se.has(me(e));
+  const Ce = /* @__PURE__ */ new Set(["table", "td", "th"]);
+  function Se(e) {
+    return Ce.has(me(e));
   }
   const Ne = [":popover-open", ":modal"];
   function Ee(e) {
@@ -3681,10 +3693,10 @@
       }
     });
   }
-  const Ie = ["transform", "translate", "scale", "rotate", "perspective"], Pe = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ae = ["paint", "layout", "strict", "content"];
+  const Pe = ["transform", "translate", "scale", "rotate", "perspective"], Ie = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ae = ["paint", "layout", "strict", "content"];
   function Oe(e) {
     const t = Le(), n = ve(e) ? Re(e) : e;
-    return Ie.some((e2) => !!n[e2] && "none" !== n[e2]) || !!n.containerType && "normal" !== n.containerType || !t && !!n.backdropFilter && "none" !== n.backdropFilter || !t && !!n.filter && "none" !== n.filter || Pe.some((e2) => (n.willChange || "").includes(e2)) || Ae.some((e2) => (n.contain || "").includes(e2));
+    return Pe.some((e2) => !!n[e2] && "none" !== n[e2]) || !!n.containerType && "normal" !== n.containerType || !t && !!n.backdropFilter && "none" !== n.backdropFilter || !t && !!n.filter && "none" !== n.filter || Ie.some((e2) => (n.willChange || "").includes(e2)) || Ae.some((e2) => (n.contain || "").includes(e2));
   }
   function Le() {
     return !("undefined" == typeof CSS || !CSS.supports) && CSS.supports("-webkit-backdrop-filter", "none");
@@ -3702,12 +3714,12 @@
   function Me(e) {
     if ("html" === me(e))
       return e;
-    const t = e.assignedSlot || e.parentNode || be(e) && e.host || ge(e);
-    return be(t) ? t.host : t;
+    const t = e.assignedSlot || e.parentNode || we(e) && e.host || ge(e);
+    return we(t) ? t.host : t;
   }
   function Fe(e) {
     const t = Me(e);
-    return Te(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : we(t) && xe(t) ? t : Fe(t);
+    return Te(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : be(t) && xe(t) ? t : Fe(t);
   }
   function $e(e, t, n) {
     var o2;
@@ -3736,7 +3748,7 @@
     const n = null == t.getRootNode ? void 0 : t.getRootNode();
     if (e.contains(t))
       return true;
-    if (n && be(n)) {
+    if (n && we(n)) {
       let n2 = t;
       for (; n2; ) {
         if (e === n2)
@@ -3789,7 +3801,7 @@
     return "composedPath" in e ? e.composedPath()[0] : e.target;
   }
   function Qe(e) {
-    return we(e) && e.matches("input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])");
+    return be(e) && e.matches("input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])");
   }
   function Ze(e) {
     e.preventDefault(), e.stopPropagation();
@@ -3826,27 +3838,27 @@
   function yt(e) {
     return e.replace(/start|end/g, (e2) => st[e2]);
   }
-  const vt = ["left", "right"], wt = ["right", "left"], bt = ["top", "bottom"], kt = ["bottom", "top"];
+  const vt = ["left", "right"], bt = ["right", "left"], wt = ["top", "bottom"], kt = ["bottom", "top"];
   function xt(e, t, n, o2) {
     const i = dt(e);
     let r2 = function(e2, t2, n2) {
       switch (e2) {
         case "top":
         case "bottom":
-          return n2 ? t2 ? wt : vt : t2 ? vt : wt;
+          return n2 ? t2 ? bt : vt : t2 ? vt : bt;
         case "left":
         case "right":
-          return t2 ? bt : kt;
+          return t2 ? wt : kt;
         default:
           return [];
       }
     }(ut(e), "start" === n, o2);
     return i && (r2 = r2.map((e2) => e2 + "-" + i), t && (r2 = r2.concat(r2.map(yt)))), r2;
   }
-  function St(e) {
+  function Ct(e) {
     return e.replace(/left|right|bottom|top/g, (e2) => at[e2]);
   }
-  function Ct(e) {
+  function St(e) {
     const { x: t, y: n, width: o2, height: i } = e;
     return { width: o2, height: i, top: n, left: t, right: t + o2, bottom: n + i, x: t, y: n };
   }
@@ -3854,8 +3866,8 @@
   * tabbable 6.4.0
   * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
   */
-  var Nt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"].join(","), Et = "undefined" == typeof Element, It = Et ? function() {
-  } : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, Pt = !Et && Element.prototype.getRootNode ? function(e) {
+  var Nt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"].join(","), Et = "undefined" == typeof Element, Pt = Et ? function() {
+  } : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, It = !Et && Element.prototype.getRootNode ? function(e) {
     var t;
     return null == e || null === (t = e.getRootNode) || void 0 === t ? void 0 : t.call(e);
   } : function(e) {
@@ -3873,7 +3885,7 @@
           var a = r2.assignedElements(), s = a.length ? a : r2.children, c = Ot(s, true, n);
           n.flatten ? o2.push.apply(o2, c) : o2.push({ scopeParent: r2, candidates: c });
         } else {
-          It.call(r2, Nt) && n.filter(r2) && (t || !e.includes(r2)) && o2.push(r2);
+          Pt.call(r2, Nt) && n.filter(r2) && (t || !e.includes(r2)) && o2.push(r2);
           var l = r2.shadowRoot || "function" == typeof n.getShadowRoot && n.getShadowRoot(r2), u = !At(l, false) && (!n.shadowRootFilter || n.shadowRootFilter(r2));
           if (l && u) {
             var d = Ot(true === l ? r2.children : l.children, true, n);
@@ -3902,7 +3914,7 @@
     }(e) && !function(e2) {
       if (!e2.name)
         return true;
-      var t, n = e2.form || Pt(e2), o2 = function(e3) {
+      var t, n = e2.form || It(e2), o2 = function(e3) {
         return n.querySelectorAll('input[type="radio"][name="' + e3 + '"]');
       };
       if ("undefined" != typeof window && void 0 !== window.CSS && "function" == typeof window.CSS.escape)
@@ -3929,8 +3941,8 @@
       return !e.checkVisibility({ checkOpacity: false, opacityProperty: false, contentVisibilityAuto: true, visibilityProperty: true, checkVisibilityCSS: true });
     if ("hidden" === getComputedStyle(e).visibility)
       return true;
-    var i = It.call(e, "details>summary:first-of-type") ? e.parentElement : e;
-    if (It.call(i, "details:not([open]) *"))
+    var i = Pt.call(e, "details>summary:first-of-type") ? e.parentElement : e;
+    if (Pt.call(i, "details:not([open]) *"))
       return true;
     if (n && "full" !== n && "full-native" !== n && "legacy-full" !== n) {
       if ("non-zero-area" === n)
@@ -3938,7 +3950,7 @@
     } else {
       if ("function" == typeof o2) {
         for (var r2 = e; e; ) {
-          var a = e.parentElement, s = Pt(e);
+          var a = e.parentElement, s = It(e);
           if (a && !a.shadowRoot && true === o2(a))
             return Mt(e);
           e = e.assignedSlot ? e.assignedSlot : a || s === e.ownerDocument ? a : s.host;
@@ -3946,11 +3958,11 @@
         e = r2;
       }
       if (function(e2) {
-        var t2, n2, o3, i2, r3 = e2 && Pt(e2), a2 = null === (t2 = r3) || void 0 === t2 ? void 0 : t2.host, s2 = false;
+        var t2, n2, o3, i2, r3 = e2 && It(e2), a2 = null === (t2 = r3) || void 0 === t2 ? void 0 : t2.host, s2 = false;
         if (r3 && r3 !== e2)
           for (s2 = !!(null !== (n2 = a2) && void 0 !== n2 && null !== (o3 = n2.ownerDocument) && void 0 !== o3 && o3.contains(a2) || null != e2 && null !== (i2 = e2.ownerDocument) && void 0 !== i2 && i2.contains(e2)); !s2 && a2; ) {
             var c, l, u;
-            s2 = !(null === (l = a2 = null === (c = r3 = Pt(a2)) || void 0 === c ? void 0 : c.host) || void 0 === l || null === (u = l.ownerDocument) || void 0 === u || !u.contains(a2));
+            s2 = !(null === (l = a2 = null === (c = r3 = It(a2)) || void 0 === c ? void 0 : c.host) || void 0 === l || null === (u = l.ownerDocument) || void 0 === u || !u.contains(a2));
           }
         return s2;
       }(e))
@@ -3973,7 +3985,7 @@
             for (var n = 0; n < t2.children.length; n++) {
               var o2 = t2.children.item(n);
               if ("LEGEND" === o2.tagName)
-                return !!It.call(t2, "fieldset[disabled] *") || !o2.contains(e2);
+                return !!Pt.call(t2, "fieldset[disabled] *") || !o2.contains(e2);
             }
             return true;
           }
@@ -4003,7 +4015,7 @@
       if (At(e2))
         return [];
       var o2 = Array.prototype.slice.apply(e2.querySelectorAll(Nt));
-      return t2 && It.call(e2, Nt) && o2.unshift(e2), o2.filter(n2);
+      return t2 && Pt.call(e2, Nt) && o2.unshift(e2), o2.filter(n2);
     }(e, t.includeContainer, _t.bind(null, t)), zt(n);
   };
   function Wt(e, t, n) {
@@ -4042,14 +4054,14 @@
       return "number" != typeof e2 ? function(e3) {
         return { top: 0, right: 0, bottom: 0, left: 0, ...e3 };
       }(e2) : { top: e2, right: e2, bottom: e2, left: e2 };
-    }(p), h = s[f ? "floating" === d ? "reference" : "floating" : d], g = Ct(await r2.getClippingRect({ element: null == (n = await (null == r2.isElement ? void 0 : r2.isElement(h))) || n ? h : h.contextElement || await (null == r2.getDocumentElement ? void 0 : r2.getDocumentElement(s.floating)), boundary: l, rootBoundary: u, strategy: c })), y = "floating" === d ? { x: o2, y: i, width: a.floating.width, height: a.floating.height } : a.reference, v = await (null == r2.getOffsetParent ? void 0 : r2.getOffsetParent(s.floating)), w = await (null == r2.isElement ? void 0 : r2.isElement(v)) && await (null == r2.getScale ? void 0 : r2.getScale(v)) || { x: 1, y: 1 }, b2 = Ct(r2.convertOffsetParentRelativeRectToViewportRelativeRect ? await r2.convertOffsetParentRelativeRectToViewportRelativeRect({ elements: s, rect: y, offsetParent: v, strategy: c }) : y);
-    return { top: (g.top - b2.top + m.top) / w.y, bottom: (b2.bottom - g.bottom + m.bottom) / w.y, left: (g.left - b2.left + m.left) / w.x, right: (b2.right - g.right + m.right) / w.x };
+    }(p), h = s[f ? "floating" === d ? "reference" : "floating" : d], g = St(await r2.getClippingRect({ element: null == (n = await (null == r2.isElement ? void 0 : r2.isElement(h))) || n ? h : h.contextElement || await (null == r2.getDocumentElement ? void 0 : r2.getDocumentElement(s.floating)), boundary: l, rootBoundary: u, strategy: c })), y = "floating" === d ? { x: o2, y: i, width: a.floating.width, height: a.floating.height } : a.reference, v = await (null == r2.getOffsetParent ? void 0 : r2.getOffsetParent(s.floating)), b = await (null == r2.isElement ? void 0 : r2.isElement(v)) && await (null == r2.getScale ? void 0 : r2.getScale(v)) || { x: 1, y: 1 }, w2 = St(r2.convertOffsetParentRelativeRectToViewportRelativeRect ? await r2.convertOffsetParentRelativeRectToViewportRelativeRect({ elements: s, rect: y, offsetParent: v, strategy: c }) : y);
+    return { top: (g.top - w2.top + m.top) / b.y, bottom: (w2.bottom - g.bottom + m.bottom) / b.y, left: (g.left - w2.left + m.left) / b.x, right: (w2.right - g.right + m.right) / b.x };
   }
   const Ut = /* @__PURE__ */ new Set(["left", "top"]);
   function Kt(e) {
     const t = Re(e);
     let n = parseFloat(t.width) || 0, o2 = parseFloat(t.height) || 0;
-    const i = we(e), r2 = i ? e.offsetWidth : n, a = i ? e.offsetHeight : o2, s = ot(n) !== r2 || ot(o2) !== a;
+    const i = be(e), r2 = i ? e.offsetWidth : n, a = i ? e.offsetHeight : o2, s = ot(n) !== r2 || ot(o2) !== a;
     return s && (n = r2, o2 = a), { width: n, height: o2, $: s };
   }
   function Gt(e) {
@@ -4057,7 +4069,7 @@
   }
   function qt(e) {
     const t = Gt(e);
-    if (!we(t))
+    if (!be(t))
       return rt(1);
     const n = t.getBoundingClientRect(), { width: o2, height: i, $: r2 } = Kt(t);
     let a = (r2 ? ot(n.width) : n.width) / o2, s = (r2 ? ot(n.height) : n.height) / i;
@@ -4085,7 +4097,7 @@
         c *= e3.x, l *= e3.y, u *= e3.x, d *= e3.y, c += r3, l += a2, n2 = he(i2), i2 = _e(n2);
       }
     }
-    return Ct({ width: u, height: d, x: c, y: l });
+    return St({ width: u, height: d, x: c, y: l });
   }
   function Qt(e, t) {
     const n = Be(e).scrollLeft;
@@ -4124,21 +4136,21 @@
       }(ge(e));
     else if (ve(t))
       o2 = function(e2, t2) {
-        const n2 = Xt(e2, true, "fixed" === t2), o3 = n2.top + e2.clientTop, i = n2.left + e2.clientLeft, r2 = we(e2) ? qt(e2) : rt(1);
+        const n2 = Xt(e2, true, "fixed" === t2), o3 = n2.top + e2.clientTop, i = n2.left + e2.clientLeft, r2 = be(e2) ? qt(e2) : rt(1);
         return { width: e2.clientWidth * r2.x, height: e2.clientHeight * r2.y, x: i * r2.x, y: o3 * r2.y };
       }(t, n);
     else {
       const n2 = Yt(e);
       o2 = { x: t.x - n2.x, y: t.y - n2.y, width: t.width, height: t.height };
     }
-    return Ct(o2);
+    return St(o2);
   }
   function nn(e, t) {
     const n = Me(e);
     return !(n === t || !ve(n) || Te(n)) && ("fixed" === Re(n).position || nn(n, t));
   }
   function on(e, t, n) {
-    const o2 = we(t), i = ge(t), r2 = "fixed" === n, a = Xt(e, true, r2, t);
+    const o2 = be(t), i = ge(t), r2 = "fixed" === n, a = Xt(e, true, r2, t);
     let s = { scrollLeft: 0, scrollTop: 0 };
     const c = rt(0);
     function l() {
@@ -4158,7 +4170,7 @@
     return "static" === Re(e).position;
   }
   function an(e, t) {
-    if (!we(e) || "fixed" === Re(e).position)
+    if (!be(e) || "fixed" === Re(e).position)
       return null;
     if (t)
       return t(e);
@@ -4169,7 +4181,7 @@
     const n = he(e);
     if (Ee(e))
       return n;
-    if (!we(e)) {
+    if (!be(e)) {
       let t2 = Me(e);
       for (; t2 && !Te(t2); ) {
         if (ve(t2) && !rn(t2))
@@ -4179,11 +4191,11 @@
       return n;
     }
     let o2 = an(e, t);
-    for (; o2 && Ce(o2) && rn(o2); )
+    for (; o2 && Se(o2) && rn(o2); )
       o2 = an(o2, t);
     return o2 && Te(o2) && rn(o2) && !Oe(o2) ? n : o2 || function(e2) {
       let t2 = Me(e2);
-      for (; we(t2) && !Te(t2); ) {
+      for (; be(t2) && !Te(t2); ) {
         if (Oe(t2))
           return t2;
         if (Ee(t2))
@@ -4199,8 +4211,8 @@
     if (o2 === a || s && r2)
       return n;
     let c = { scrollLeft: 0, scrollTop: 0 }, l = rt(1);
-    const u = rt(0), d = we(o2);
-    if ((d || !d && !r2) && (("body" !== me(o2) || xe(a)) && (c = Be(o2)), we(o2))) {
+    const u = rt(0), d = be(o2);
+    if ((d || !d && !r2) && (("body" !== me(o2) || xe(a)) && (c = Be(o2)), be(o2))) {
       const e2 = Xt(o2);
       l = qt(o2), u.x = e2.x + o2.clientLeft, u.y = e2.y + o2.clientTop;
     }
@@ -4332,30 +4344,30 @@
       const { placement: i, middlewareData: r2, rects: a, initialPlacement: s, platform: c, elements: l } = t, { mainAxis: u = true, crossAxis: d = true, fallbackPlacements: f, fallbackStrategy: p = "bestFit", fallbackAxisSideDirection: m = "none", flipAlignment: h = true, ...g } = lt(e, t);
       if (null != (n = r2.arrow) && n.alignmentOffset)
         return {};
-      const y = ut(i), v = ht(s), w = ut(s) === s, b2 = await (null == c.isRTL ? void 0 : c.isRTL(l.floating)), k = f || (w || !h ? [St(s)] : function(e2) {
-        const t2 = St(e2);
+      const y = ut(i), v = ht(s), b = ut(s) === s, w2 = await (null == c.isRTL ? void 0 : c.isRTL(l.floating)), k = f || (b || !h ? [Ct(s)] : function(e2) {
+        const t2 = Ct(e2);
         return [yt(e2), t2, yt(t2)];
       }(s)), x = "none" !== m;
-      !f && x && k.push(...xt(s, h, m, b2));
-      const S2 = [s, ...k], C2 = await c.detectOverflow(t, g), N2 = [];
+      !f && x && k.push(...xt(s, h, m, w2));
+      const C2 = [s, ...k], S2 = await c.detectOverflow(t, g), N2 = [];
       let E2 = (null == (o2 = r2.flip) ? void 0 : o2.overflows) || [];
-      if (u && N2.push(C2[y]), d) {
+      if (u && N2.push(S2[y]), d) {
         const e2 = function(e3, t2, n2) {
           void 0 === n2 && (n2 = false);
           const o3 = dt(e3), i2 = gt(e3), r3 = pt(i2);
           let a2 = "x" === i2 ? o3 === (n2 ? "end" : "start") ? "right" : "left" : "start" === o3 ? "bottom" : "top";
-          return t2.reference[r3] > t2.floating[r3] && (a2 = St(a2)), [a2, St(a2)];
-        }(i, a, b2);
-        N2.push(C2[e2[0]], C2[e2[1]]);
+          return t2.reference[r3] > t2.floating[r3] && (a2 = Ct(a2)), [a2, Ct(a2)];
+        }(i, a, w2);
+        N2.push(S2[e2[0]], S2[e2[1]]);
       }
       if (E2 = [...E2, { placement: i, overflows: N2 }], !N2.every((e2) => e2 <= 0)) {
-        var I2, P2;
-        const e2 = ((null == (I2 = r2.flip) ? void 0 : I2.index) || 0) + 1, t2 = S2[e2];
+        var P2, I2;
+        const e2 = ((null == (P2 = r2.flip) ? void 0 : P2.index) || 0) + 1, t2 = C2[e2];
         if (t2) {
           if (!("alignment" === d && v !== ht(t2)) || E2.every((e3) => ht(e3.placement) !== v || e3.overflows[0] > 0))
             return { data: { index: e2, overflows: E2 }, reset: { placement: t2 } };
         }
-        let n2 = null == (P2 = E2.filter((e3) => e3.overflows[0] <= 0).sort((e3, t3) => e3.overflows[1] - t3.overflows[1])[0]) ? void 0 : P2.placement;
+        let n2 = null == (I2 = E2.filter((e3) => e3.overflows[0] <= 0).sort((e3, t3) => e3.overflows[1] - t3.overflows[1])[0]) ? void 0 : I2.placement;
         if (!n2)
           switch (p) {
             case "bestFit": {
@@ -4385,8 +4397,8 @@
       let l = await a.getElementRects({ reference: e2, floating: t2, strategy: i2 }), { x: u, y: d } = Wt(l, o3, c), f = o3, p = {}, m = 0;
       for (let n3 = 0; n3 < s.length; n3++) {
         var h;
-        const { name: r4, fn: g } = s[n3], { x: y, y: v, data: w, reset: b2 } = await g({ x: u, y: d, initialPlacement: o3, placement: f, strategy: i2, middlewareData: p, rects: l, platform: { ...a, detectOverflow: null != (h = a.detectOverflow) ? h : Vt }, elements: { reference: e2, floating: t2 } });
-        u = null != y ? y : u, d = null != v ? v : d, p = { ...p, [r4]: { ...p[r4], ...w } }, b2 && m <= 50 && (m++, "object" == typeof b2 && (b2.placement && (f = b2.placement), b2.rects && (l = true === b2.rects ? await a.getElementRects({ reference: e2, floating: t2, strategy: i2 }) : b2.rects), { x: u, y: d } = Wt(l, f, c)), n3 = -1);
+        const { name: r4, fn: g } = s[n3], { x: y, y: v, data: b, reset: w2 } = await g({ x: u, y: d, initialPlacement: o3, placement: f, strategy: i2, middlewareData: p, rects: l, platform: { ...a, detectOverflow: null != (h = a.detectOverflow) ? h : Vt }, elements: { reference: e2, floating: t2 } });
+        u = null != y ? y : u, d = null != v ? v : d, p = { ...p, [r4]: { ...p[r4], ...b } }, w2 && m <= 50 && (m++, "object" == typeof w2 && (w2.placement && (f = w2.placement), w2.rects && (l = true === w2.rects ? await a.getElementRects({ reference: e2, floating: t2, strategy: i2 }) : w2.rects), { x: u, y: d } = Wt(l, f, c)), n3 = -1);
       }
       return { x: u, y: d, placement: f, strategy: i2, middlewareData: p };
     })(e, t, { ...i, platform: r2 });
@@ -4433,13 +4445,13 @@
     const n = yn(e);
     return Math.round(t * n) / n;
   }
-  function wn(e) {
+  function bn(e) {
     const t = o__namespace.useRef(e);
     return hn(() => {
       t.current = e;
     }), t;
   }
-  const bn = (e, t) => ({ ...fn(e), options: [e, t] }), kn = (e, t) => ({ ...pn(e), options: [e, t] });
+  const wn = (e, t) => ({ ...fn(e), options: [e, t] }), kn = (e, t) => ({ ...pn(e), options: [e, t] });
   function xn(e) {
     return o__namespace.useMemo(() => e.every((e2) => null == e2) ? null : (t) => {
       e.forEach((e2) => {
@@ -4447,13 +4459,13 @@
       });
     }, e);
   }
-  const Sn = { ...o__namespace }, Cn = Sn.useInsertionEffect || ((e) => e());
+  const Cn = { ...o__namespace }, Sn = Cn.useInsertionEffect || ((e) => e());
   function Nn(e) {
     const t = o__namespace.useRef(() => {
       if ("production" !== process.env.NODE_ENV)
         throw new Error("Cannot call an event handler while rendering.");
     });
-    return Cn(() => {
+    return Sn(() => {
       t.current = e;
     }), o__namespace.useCallback(function() {
       for (var e2 = arguments.length, n = new Array(e2), o2 = 0; o2 < e2; o2++)
@@ -4461,7 +4473,7 @@
       return null == t.current ? void 0 : t.current(...n);
     }, []);
   }
-  const En = "ArrowUp", In = "ArrowDown", Pn = "ArrowLeft", An = "ArrowRight";
+  const En = "ArrowUp", Pn = "ArrowDown", In = "ArrowLeft", An = "ArrowRight";
   function On(e, t, n) {
     return Math.floor(e / t) !== n;
   }
@@ -4570,7 +4582,7 @@
   }
   let Vn = false, Un = 0;
   const Kn = () => "floating-ui-" + Math.random().toString(36).slice(2, 6) + Un++;
-  const Gn = Sn.useId || function() {
+  const Gn = Cn.useId || function() {
     const [e, t] = o__namespace.useState(() => Vn ? Kn() : void 0);
     return $n(() => {
       null == e && t(Kn());
@@ -4691,13 +4703,13 @@
     return go(e.concat(Array.from(o2.querySelectorAll("[aria-live]"))), o2, t, n);
   }
   const vo = () => ({ getShadowRoot: true, displayCheck: "function" == typeof ResizeObserver && ResizeObserver.toString().includes("[native code]") ? "full" : "none" });
-  function wo(e, t) {
+  function bo(e, t) {
     const n = Ht(e, vo());
     "prev" === t && n.reverse();
     const o2 = n.indexOf(je(Je(e)));
     return n.slice(o2 + 1)[0];
   }
-  function bo(e, t) {
+  function wo(e, t) {
     const n = t || e.currentTarget, o2 = e.relatedTarget;
     return !o2 || !ze(n, o2);
   }
@@ -4705,45 +4717,45 @@
   function xo(e) {
     "Tab" === e.key && (e.target, clearTimeout(void 0));
   }
-  const So = o__namespace.forwardRef(function(e, t) {
+  const Co = o__namespace.forwardRef(function(e, t) {
     const [n, i] = o__namespace.useState();
     $n(() => (Ke() && i("button"), document.addEventListener("keydown", xo), () => {
       document.removeEventListener("keydown", xo);
     }), []);
     const r2 = { ref: t, tabIndex: 0, role: n, "aria-hidden": !n || void 0, [oo("focus-guard")]: "", style: ko };
     return o__namespace.createElement("span", Wn({}, e, r2));
-  }), Co = o__namespace.createContext(null), No = "data-floating-ui-focusable";
+  }), So = o__namespace.createContext(null), No = "data-floating-ui-focusable";
   function Eo(e) {
     return e ? e.hasAttribute(No) ? e : e.querySelector("[" + No + "]") || e : null;
   }
-  let Io = [];
-  function Po(e) {
-    Io = Io.filter((e2) => e2.isConnected);
+  let Po = [];
+  function Io(e) {
+    Po = Po.filter((e2) => e2.isConnected);
     let t = e;
     if (t && "body" !== me(t)) {
       if (!function(e2, t2) {
         if (t2 = t2 || {}, !e2)
           throw new Error("No node provided");
-        return false !== It.call(e2, Nt) && _t(t2, e2);
+        return false !== Pt.call(e2, Nt) && _t(t2, e2);
       }(t, vo())) {
         const e2 = Ht(t, vo())[0];
         e2 && (t = e2);
       }
-      Io.push(t), Io.length > 20 && (Io = Io.slice(-20));
+      Po.push(t), Po.length > 20 && (Po = Po.slice(-20));
     }
   }
   function Ao() {
-    return Io.slice().reverse().find((e) => e.isConnected);
+    return Po.slice().reverse().find((e) => e.isConnected);
   }
   const Oo = o__namespace.forwardRef(function(e, t) {
     return o__namespace.createElement("button", Wn({}, e, { type: "button", ref: t, tabIndex: -1, style: ko }));
   });
   function Lo(e) {
-    const { context: t, children: n, disabled: i = false, order: r2 = ["content"], guards: a = true, initialFocus: s = 0, returnFocus: c = true, restoreFocus: l = false, modal: u = true, visuallyHiddenDismiss: d = false, closeOnFocusOut: f = true } = e, { open: p, refs: m, nodeId: h, onOpenChange: g, events: y, dataRef: v, floatingId: w, elements: { domReference: b2, floating: k } } = t, x = "number" == typeof s && s < 0, S2 = et(b2) && x, C2 = "undefined" == typeof HTMLElement || !("inert" in HTMLElement.prototype) || a, N2 = io(r2), E2 = io(s), I2 = io(c), P2 = eo(), A = o__namespace.useContext(Co), O = o__namespace.useRef(null), L2 = o__namespace.useRef(null), D2 = o__namespace.useRef(false), T2 = o__namespace.useRef(false), R2 = o__namespace.useRef(-1), B2 = null != A, M2 = Eo(k), F = Nn(function(e2) {
+    const { context: t, children: n, disabled: i = false, order: r2 = ["content"], guards: a = true, initialFocus: s = 0, returnFocus: c = true, restoreFocus: l = false, modal: u = true, visuallyHiddenDismiss: d = false, closeOnFocusOut: f = true } = e, { open: p, refs: m, nodeId: h, onOpenChange: g, events: y, dataRef: v, floatingId: b, elements: { domReference: w2, floating: k } } = t, x = "number" == typeof s && s < 0, C2 = et(w2) && x, S2 = "undefined" == typeof HTMLElement || !("inert" in HTMLElement.prototype) || a, N2 = io(r2), E2 = io(s), P2 = io(c), I2 = eo(), A = o__namespace.useContext(So), O = o__namespace.useRef(null), L2 = o__namespace.useRef(null), D2 = o__namespace.useRef(false), T2 = o__namespace.useRef(false), R2 = o__namespace.useRef(-1), B2 = null != A, M2 = Eo(k), F = Nn(function(e2) {
       return void 0 === e2 && (e2 = M2), e2 ? Ht(e2, vo()) : [];
     }), $2 = Nn((e2) => {
       const t2 = F(e2);
-      return N2.current.map((e3) => b2 && "reference" === e3 ? b2 : M2 && "floating" === e3 ? M2 : t2).filter(Boolean).flat();
+      return N2.current.map((e3) => w2 && "reference" === e3 ? w2 : M2 && "floating" === e3 ? M2 : t2).filter(Boolean).flat();
     });
     function _2(e2) {
       return !i && d && u ? o__namespace.createElement(Oo, { ref: "start" === e2 ? O : L2, onClick: (e3) => g(false, e3.nativeEvent) }, "string" == typeof d ? d : "Dismiss") : null;
@@ -4755,16 +4767,16 @@
         return;
       function e2(e3) {
         if ("Tab" === e3.key) {
-          ze(M2, je(Je(M2))) && 0 === F().length && !S2 && Ze(e3);
+          ze(M2, je(Je(M2))) && 0 === F().length && !C2 && Ze(e3);
           const t3 = $2(), n2 = Xe(e3);
-          "reference" === N2.current[0] && n2 === b2 && (Ze(e3), e3.shiftKey ? co(t3[t3.length - 1]) : co(t3[1])), "floating" === N2.current[1] && n2 === M2 && e3.shiftKey && (Ze(e3), co(t3[0]));
+          "reference" === N2.current[0] && n2 === w2 && (Ze(e3), e3.shiftKey ? co(t3[t3.length - 1]) : co(t3[1])), "floating" === N2.current[1] && n2 === M2 && e3.shiftKey && (Ze(e3), co(t3[0]));
         }
       }
       const t2 = Je(M2);
       return t2.addEventListener("keydown", e2), () => {
         t2.removeEventListener("keydown", e2);
       };
-    }, [i, b2, M2, u, N2, S2, F, $2]), o__namespace.useEffect(() => {
+    }, [i, w2, M2, u, N2, C2, F, $2]), o__namespace.useEffect(() => {
       if (!i && k)
         return k.addEventListener("focusin", e2), () => {
           k.removeEventListener("focusin", e2);
@@ -4775,8 +4787,8 @@
       }
     }, [i, k, F]), o__namespace.useEffect(() => {
       if (!i && f)
-        return k && we(b2) ? (b2.addEventListener("focusout", t2), b2.addEventListener("pointerdown", e2), k.addEventListener("focusout", t2), () => {
-          b2.removeEventListener("focusout", t2), b2.removeEventListener("pointerdown", e2), k.removeEventListener("focusout", t2);
+        return k && be(w2) ? (w2.addEventListener("focusout", t2), w2.addEventListener("pointerdown", e2), k.addEventListener("focusout", t2), () => {
+          w2.removeEventListener("focusout", t2), w2.removeEventListener("pointerdown", e2), k.removeEventListener("focusout", t2);
         }) : void 0;
       function e2() {
         T2.current = true, setTimeout(() => {
@@ -4786,7 +4798,7 @@
       function t2(e3) {
         const t3 = e3.relatedTarget;
         queueMicrotask(() => {
-          const n2 = !(ze(b2, t3) || ze(k, t3) || ze(t3, k) || ze(null == A ? void 0 : A.portalNode, t3) || null != t3 && t3.hasAttribute(oo("focus-guard")) || P2 && (lo(P2.nodesRef.current, h).find((e4) => {
+          const n2 = !(ze(w2, t3) || ze(k, t3) || ze(t3, k) || ze(null == A ? void 0 : A.portalNode, t3) || null != t3 && t3.hasAttribute(oo("focus-guard")) || I2 && (lo(I2.nodesRef.current, h).find((e4) => {
             var n3, o2;
             return ze(null == (n3 = e4.context) ? void 0 : n3.elements.floating, t3) || ze(null == (o2 = e4.context) ? void 0 : o2.elements.domReference, t3);
           }) || function(e4, t4) {
@@ -4797,31 +4809,31 @@
               i2 = null == t5 ? void 0 : t5.parentId, t5 && (o2 = o2.concat(t5));
             }
             return o2;
-          }(P2.nodesRef.current, h).find((e4) => {
+          }(I2.nodesRef.current, h).find((e4) => {
             var n3, o2;
             return (null == (n3 = e4.context) ? void 0 : n3.elements.floating) === t3 || (null == (o2 = e4.context) ? void 0 : o2.elements.domReference) === t3;
           })));
           if (l && n2 && je(Je(M2)) === Je(M2).body) {
-            we(M2) && M2.focus();
+            be(M2) && M2.focus();
             const e4 = R2.current, t4 = F(), n3 = t4[e4] || t4[t4.length - 1] || M2;
-            we(n3) && n3.focus();
+            be(n3) && n3.focus();
           }
-          !S2 && u || !t3 || !n2 || T2.current || t3 === Ao() || (D2.current = true, g(false, e3, "focus-out"));
+          !C2 && u || !t3 || !n2 || T2.current || t3 === Ao() || (D2.current = true, g(false, e3, "focus-out"));
         });
       }
-    }, [i, b2, k, M2, u, h, P2, A, g, f, l, F, S2]), o__namespace.useEffect(() => {
+    }, [i, w2, k, M2, u, h, I2, A, g, f, l, F, C2]), o__namespace.useEffect(() => {
       var e2;
       if (i)
         return;
       const t2 = Array.from((null == A || null == (e2 = A.portalNode) ? void 0 : e2.querySelectorAll("[" + oo("portal") + "]")) || []);
       if (k) {
-        const e3 = [k, ...t2, O.current, L2.current, N2.current.includes("reference") || S2 ? b2 : null].filter((e4) => null != e4), n2 = u || S2 ? yo(e3, C2, !C2) : yo(e3);
+        const e3 = [k, ...t2, O.current, L2.current, N2.current.includes("reference") || C2 ? w2 : null].filter((e4) => null != e4), n2 = u || C2 ? yo(e3, S2, !S2) : yo(e3);
         return () => {
           n2();
         };
       }
-    }, [i, b2, k, u, N2, A, S2, C2]), $n(() => {
-      if (i || !we(M2))
+    }, [i, w2, k, u, N2, A, C2, S2]), $n(() => {
+      if (i || !be(M2))
         return;
       const e2 = je(Je(M2));
       queueMicrotask(() => {
@@ -4836,23 +4848,23 @@
       let o2 = v.current.openEvent;
       function r3(t3) {
         let { open: n3, reason: i2, event: r4, nested: a3 } = t3;
-        n3 && (o2 = r4), "escape-key" === i2 && m.domReference.current && Po(m.domReference.current), "hover" === i2 && "mouseleave" === r4.type && (D2.current = true), "outside-press" === i2 && (a3 ? (D2.current = false, e2 = true) : D2.current = !(Ve(r4) || Ue(r4)));
+        n3 && (o2 = r4), "escape-key" === i2 && m.domReference.current && Io(m.domReference.current), "hover" === i2 && "mouseleave" === r4.type && (D2.current = true), "outside-press" === i2 && (a3 ? (D2.current = false, e2 = true) : D2.current = !(Ve(r4) || Ue(r4)));
       }
-      Po(n2), y.on("openchange", r3);
+      Io(n2), y.on("openchange", r3);
       const a2 = t2.createElement("span");
-      return a2.setAttribute("tabindex", "-1"), a2.setAttribute("aria-hidden", "true"), Object.assign(a2.style, ko), B2 && b2 && b2.insertAdjacentElement("afterend", a2), () => {
+      return a2.setAttribute("tabindex", "-1"), a2.setAttribute("aria-hidden", "true"), Object.assign(a2.style, ko), B2 && w2 && w2.insertAdjacentElement("afterend", a2), () => {
         y.off("openchange", r3);
-        const n3 = je(t2), i2 = ze(k, n3) || P2 && lo(P2.nodesRef.current, h).some((e3) => {
+        const n3 = je(t2), i2 = ze(k, n3) || I2 && lo(I2.nodesRef.current, h).some((e3) => {
           var t3;
           return ze(null == (t3 = e3.context) ? void 0 : t3.elements.floating, n3);
         });
-        (i2 || o2 && ["click", "mousedown"].includes(o2.type)) && m.domReference.current && Po(m.domReference.current);
-        const s2 = "boolean" == typeof I2.current ? Ao() || a2 : I2.current.current || a2;
+        (i2 || o2 && ["click", "mousedown"].includes(o2.type)) && m.domReference.current && Io(m.domReference.current);
+        const s2 = "boolean" == typeof P2.current ? Ao() || a2 : P2.current.current || a2;
         queueMicrotask(() => {
-          I2.current && !D2.current && we(s2) && (s2 === n3 || n3 === t2.body || i2) && s2.focus({ preventScroll: e2 }), a2.remove();
+          P2.current && !D2.current && be(s2) && (s2 === n3 || n3 === t2.body || i2) && s2.focus({ preventScroll: e2 }), a2.remove();
         });
       };
-    }, [i, k, M2, I2, v, m, y, P2, h, B2, b2]), o__namespace.useEffect(() => {
+    }, [i, k, M2, P2, v, m, y, I2, h, B2, w2]), o__namespace.useEffect(() => {
       queueMicrotask(() => {
         D2.current = false;
       });
@@ -4880,25 +4892,25 @@
         t2.disconnect();
       };
     }, [i, k, M2, m, N2, F, x]);
-    const j2 = !i && C2 && (!u || !S2) && (B2 || u);
-    return o__namespace.createElement(o__namespace.Fragment, null, j2 && o__namespace.createElement(So, { "data-type": "inside", ref: null == A ? void 0 : A.beforeInsideRef, onFocus: (e2) => {
+    const j2 = !i && S2 && (!u || !C2) && (B2 || u);
+    return o__namespace.createElement(o__namespace.Fragment, null, j2 && o__namespace.createElement(Co, { "data-type": "inside", ref: null == A ? void 0 : A.beforeInsideRef, onFocus: (e2) => {
       if (u) {
         const e3 = $2();
         co("reference" === r2[0] ? e3[0] : e3[e3.length - 1]);
       } else if (null != A && A.preserveTabOrder && A.portalNode)
-        if (D2.current = false, bo(e2, A.portalNode)) {
-          const e3 = wo(document.body, "next") || b2;
+        if (D2.current = false, wo(e2, A.portalNode)) {
+          const e3 = bo(document.body, "next") || w2;
           null == e3 || e3.focus();
         } else {
           var t2;
           null == (t2 = A.beforeOutsideRef.current) || t2.focus();
         }
-    } }), !S2 && _2("start"), n, _2("end"), j2 && o__namespace.createElement(So, { "data-type": "inside", ref: null == A ? void 0 : A.afterInsideRef, onFocus: (e2) => {
+    } }), !C2 && _2("start"), n, _2("end"), j2 && o__namespace.createElement(Co, { "data-type": "inside", ref: null == A ? void 0 : A.afterInsideRef, onFocus: (e2) => {
       if (u)
         co($2()[0]);
       else if (null != A && A.preserveTabOrder && A.portalNode)
-        if (f && (D2.current = true), bo(e2, A.portalNode)) {
-          const e3 = wo(document.body, "prev") || b2;
+        if (f && (D2.current = true), wo(e2, A.portalNode)) {
+          const e3 = bo(document.body, "prev") || w2;
           null == e3 || e3.focus();
         } else {
           var t2;
@@ -4907,7 +4919,7 @@
     } }));
   }
   function Do(e) {
-    return we(e.target) && "BUTTON" === e.target.tagName;
+    return be(e.target) && "BUTTON" === e.target.tagName;
   }
   function To(e) {
     return Qe(e);
@@ -4943,17 +4955,17 @@
       void 0 === e2 && (e2 = {});
       const { placement: t2 = "bottom", strategy: n2 = "absolute", middleware: i2 = [], platform: r3, elements: { reference: a2, floating: s2 } = {}, transform: c2 = true, whileElementsMounted: l2, open: u2 } = e2, [d2, f2] = o__namespace.useState({ x: 0, y: 0, strategy: n2, placement: t2, middlewareData: {}, isPositioned: false }), [p2, m2] = o__namespace.useState(i2);
       gn(p2, i2) || m2(i2);
-      const [h2, g2] = o__namespace.useState(null), [y2, v2] = o__namespace.useState(null), b2 = o__namespace.useCallback((e3) => {
-        e3 !== C2.current && (C2.current = e3, g2(e3));
+      const [h2, g2] = o__namespace.useState(null), [y2, v2] = o__namespace.useState(null), w2 = o__namespace.useCallback((e3) => {
+        e3 !== S2.current && (S2.current = e3, g2(e3));
       }, []), k = o__namespace.useCallback((e3) => {
         e3 !== N2.current && (N2.current = e3, v2(e3));
-      }, []), x = a2 || h2, S2 = s2 || y2, C2 = o__namespace.useRef(null), N2 = o__namespace.useRef(null), E2 = o__namespace.useRef(d2), I2 = null != l2, P2 = wn(l2), A = wn(r3), O = wn(u2), L2 = o__namespace.useCallback(() => {
-        if (!C2.current || !N2.current)
+      }, []), x = a2 || h2, C2 = s2 || y2, S2 = o__namespace.useRef(null), N2 = o__namespace.useRef(null), E2 = o__namespace.useRef(d2), P2 = null != l2, I2 = bn(l2), A = bn(r3), O = bn(u2), L2 = o__namespace.useCallback(() => {
+        if (!S2.current || !N2.current)
           return;
         const e3 = { placement: t2, strategy: n2, middleware: p2 };
-        A.current && (e3.platform = A.current), mn(C2.current, N2.current, e3).then((e4) => {
+        A.current && (e3.platform = A.current), mn(S2.current, N2.current, e3).then((e4) => {
           const t3 = { ...e4, isPositioned: false !== O.current };
-          D2.current && !gn(E2.current, t3) && (E2.current = t3, b__namespace.flushSync(() => {
+          D2.current && !gn(E2.current, t3) && (E2.current = t3, w__namespace.flushSync(() => {
             f2(t3);
           }));
         });
@@ -4965,13 +4977,13 @@
       hn(() => (D2.current = true, () => {
         D2.current = false;
       }), []), hn(() => {
-        if (x && (C2.current = x), S2 && (N2.current = S2), x && S2) {
-          if (P2.current)
-            return P2.current(x, S2, L2);
+        if (x && (S2.current = x), C2 && (N2.current = C2), x && C2) {
+          if (I2.current)
+            return I2.current(x, C2, L2);
           L2();
         }
-      }, [x, S2, L2, P2, I2]);
-      const T2 = o__namespace.useMemo(() => ({ reference: C2, floating: N2, setReference: b2, setFloating: k }), [b2, k]), R2 = o__namespace.useMemo(() => ({ reference: x, floating: S2 }), [x, S2]), B2 = o__namespace.useMemo(() => {
+      }, [x, C2, L2, I2, P2]);
+      const T2 = o__namespace.useMemo(() => ({ reference: S2, floating: N2, setReference: w2, setFloating: k }), [w2, k]), R2 = o__namespace.useMemo(() => ({ reference: x, floating: C2 }), [x, C2]), B2 = o__namespace.useMemo(() => {
         const e3 = { position: n2, left: 0, top: 0 };
         if (!R2.floating)
           return e3;
@@ -5024,21 +5036,21 @@
     }
   }
   function Vo(e, t) {
-    return Wo(t, e === En || e === In, e === Pn || e === An);
+    return Wo(t, e === En || e === Pn, e === In || e === An);
   }
   function Uo(e, t, n) {
-    return Wo(t, e === In, n ? e === Pn : e === An) || "Enter" === e || " " === e || "" === e;
+    return Wo(t, e === Pn, n ? e === In : e === An) || "Enter" === e || " " === e || "" === e;
   }
   function Ko(e, t, n) {
-    return Wo(t, n ? e === An : e === Pn, e === En);
+    return Wo(t, n ? e === An : e === In, e === En);
   }
   function Go(e, t) {
     const { open: n, onOpenChange: i, elements: r2 } = e, { listRef: a, activeIndex: s, onNavigate: c = () => {
-    }, enabled: l = true, selectedIndex: u = null, allowEscape: d = false, loop: f = false, nested: p = false, rtl: m = false, virtual: h = false, focusItemOnOpen: g = "auto", focusItemOnHover: y = true, openOnArrowKeyDown: v = true, disabledIndices: w, orientation: b2 = "vertical", cols: k = 1, scrollItemIntoView: x = true, virtualItemRef: S2, itemSizes: C2, dense: N2 = false } = t;
-    "production" !== process.env.NODE_ENV && (d && (f || Jn("`useListNavigation` looping must be enabled to allow escaping."), h || Jn("`useListNavigation` must be virtual to allow escaping.")), "vertical" === b2 && k > 1 && Jn("In grid list navigation mode (`cols` > 1), the `orientation` should", 'be either "horizontal" or "both".'));
-    const E2 = io(Eo(r2.floating)), I2 = Zn(), P2 = eo(), A = Nn(c), O = et(r2.domReference), L2 = o__namespace.useRef(g), D2 = o__namespace.useRef(null != u ? u : -1), T2 = o__namespace.useRef(null), R2 = o__namespace.useRef(true), B2 = o__namespace.useRef(A), M2 = o__namespace.useRef(!!r2.floating), F = o__namespace.useRef(n), $2 = o__namespace.useRef(false), _2 = o__namespace.useRef(false), j2 = io(w), z2 = io(n), H2 = io(x), W2 = io(u), [V2, U2] = o__namespace.useState(), [K2, G2] = o__namespace.useState(), q2 = Nn(function(e2, t2, n2) {
+    }, enabled: l = true, selectedIndex: u = null, allowEscape: d = false, loop: f = false, nested: p = false, rtl: m = false, virtual: h = false, focusItemOnOpen: g = "auto", focusItemOnHover: y = true, openOnArrowKeyDown: v = true, disabledIndices: b, orientation: w2 = "vertical", cols: k = 1, scrollItemIntoView: x = true, virtualItemRef: C2, itemSizes: S2, dense: N2 = false } = t;
+    "production" !== process.env.NODE_ENV && (d && (f || Jn("`useListNavigation` looping must be enabled to allow escaping."), h || Jn("`useListNavigation` must be virtual to allow escaping.")), "vertical" === w2 && k > 1 && Jn("In grid list navigation mode (`cols` > 1), the `orientation` should", 'be either "horizontal" or "both".'));
+    const E2 = io(Eo(r2.floating)), P2 = Zn(), I2 = eo(), A = Nn(c), O = et(r2.domReference), L2 = o__namespace.useRef(g), D2 = o__namespace.useRef(null != u ? u : -1), T2 = o__namespace.useRef(null), R2 = o__namespace.useRef(true), B2 = o__namespace.useRef(A), M2 = o__namespace.useRef(!!r2.floating), F = o__namespace.useRef(n), $2 = o__namespace.useRef(false), _2 = o__namespace.useRef(false), j2 = io(b), z2 = io(n), H2 = io(x), W2 = io(u), [V2, U2] = o__namespace.useState(), [K2, G2] = o__namespace.useState(), q2 = Nn(function(e2, t2, n2) {
       function o2(e3) {
-        h ? (U2(e3.id), null == P2 || P2.events.emit("virtualfocus", e3), S2 && (S2.current = e3)) : co(e3, { preventScroll: true, sync: !(!He().toLowerCase().startsWith("mac") || navigator.maxTouchPoints || !Ke()) && (Ho || $2.current) });
+        h ? (U2(e3.id), null == I2 || I2.events.emit("virtualfocus", e3), C2 && (C2.current = e3)) : co(e3, { preventScroll: true, sync: !(!He().toLowerCase().startsWith("mac") || navigator.maxTouchPoints || !Ke()) && (Ho || $2.current) });
       }
       void 0 === n2 && (n2 = false);
       const i2 = e2.current[t2.current];
@@ -5071,27 +5083,27 @@
                 }
                 e2++;
               } else
-                D2.current = null == T2.current || Uo(T2.current, b2, m) || p ? Dn(a, j2.current) : Tn(a, j2.current), T2.current = null, A(D2.current);
+                D2.current = null == T2.current || Uo(T2.current, w2, m) || p ? Dn(a, j2.current) : Tn(a, j2.current), T2.current = null, A(D2.current);
             };
             t2();
           }
         } else
           Ln(a, s) || (D2.current = s, q2(a, D2, _2.current), _2.current = false);
-    }, [l, n, r2.floating, s, W2, p, a, b2, m, A, q2, j2]), $n(() => {
+    }, [l, n, r2.floating, s, W2, p, a, w2, m, A, q2, j2]), $n(() => {
       var e2;
-      if (!l || r2.floating || !P2 || h || !M2.current)
+      if (!l || r2.floating || !I2 || h || !M2.current)
         return;
-      const t2 = P2.nodesRef.current, n2 = null == (e2 = t2.find((e3) => e3.id === I2)) || null == (e2 = e2.context) ? void 0 : e2.elements.floating, o2 = je(Je(r2.floating)), i2 = t2.some((e3) => e3.context && ze(e3.context.elements.floating, o2));
+      const t2 = I2.nodesRef.current, n2 = null == (e2 = t2.find((e3) => e3.id === P2)) || null == (e2 = e2.context) ? void 0 : e2.elements.floating, o2 = je(Je(r2.floating)), i2 = t2.some((e3) => e3.context && ze(e3.context.elements.floating, o2));
       n2 && !i2 && R2.current && n2.focus({ preventScroll: true });
-    }, [l, r2.floating, P2, I2, h]), $n(() => {
-      if (l && P2 && h && !I2)
-        return P2.events.on("virtualfocus", e2), () => {
-          P2.events.off("virtualfocus", e2);
+    }, [l, r2.floating, I2, P2, h]), $n(() => {
+      if (l && I2 && h && !P2)
+        return I2.events.on("virtualfocus", e2), () => {
+          I2.events.off("virtualfocus", e2);
         };
       function e2(e3) {
-        G2(e3.id), S2 && (S2.current = e3);
+        G2(e3.id), C2 && (C2.current = e3);
       }
-    }, [l, P2, h, I2, S2]), $n(() => {
+    }, [l, I2, h, P2, C2]), $n(() => {
       B2.current = A, M2.current = !!r2.floating;
     }), $n(() => {
       n || (T2.current = null);
@@ -5123,11 +5135,11 @@
         return;
       if (!z2.current && e2.currentTarget === E2.current)
         return;
-      if (p && Ko(e2.key, b2, m))
-        return Ze(e2), i(false, e2.nativeEvent, "list-navigation"), void (we(r2.domReference) && (h ? null == P2 || P2.events.emit("virtualfocus", r2.domReference) : r2.domReference.focus()));
-      const t2 = D2.current, o2 = Dn(a, w), s2 = Tn(a, w);
+      if (p && Ko(e2.key, w2, m))
+        return Ze(e2), i(false, e2.nativeEvent, "list-navigation"), void (be(r2.domReference) && (h ? null == I2 || I2.events.emit("virtualfocus", r2.domReference) : r2.domReference.focus()));
+      const t2 = D2.current, o2 = Dn(a, b), s2 = Tn(a, b);
       if (O || ("Home" === e2.key && (Ze(e2), D2.current = o2, A(D2.current)), "End" === e2.key && (Ze(e2), D2.current = s2, A(D2.current))), k > 1) {
-        const t3 = C2 || Array.from({ length: a.current.length }, () => ({ width: 1, height: 1 })), n2 = function(e3, t4, n3) {
+        const t3 = S2 || Array.from({ length: a.current.length }, () => ({ width: 1, height: 1 })), n2 = function(e3, t4, n3) {
           const o3 = [];
           let i3 = 0;
           return e3.forEach((e4, r4) => {
@@ -5145,7 +5157,7 @@
               }), c3 = true) : i3++;
             }
           }), [...o3];
-        }(t3, k, N2), i2 = n2.findIndex((e3) => null != e3 && !Fn(a.current, e3, w)), r3 = n2.reduce((e3, t4, n3) => null == t4 || Fn(a.current, t4, w) ? e3 : n3, -1), c2 = n2[function(e3, t4) {
+        }(t3, k, N2), i2 = n2.findIndex((e3) => null != e3 && !Fn(a.current, e3, b)), r3 = n2.reduce((e3, t4, n3) => null == t4 || Fn(a.current, t4, b) ? e3 : n3, -1), c2 = n2[function(e3, t4) {
           let { event: n3, orientation: o3, loop: i3, rtl: r4, cols: a2, disabledIndices: s3, minIndex: c3, maxIndex: l2, prevIndex: u2, stopEvent: d2 = false } = t4, f2 = u2;
           if (n3.key === En) {
             if (d2 && Ze(n3), -1 === u2)
@@ -5156,43 +5168,43 @@
             }
             Ln(e3, f2) && (f2 = u2);
           }
-          if (n3.key === In && (d2 && Ze(n3), -1 === u2 ? f2 = c3 : (f2 = Rn(e3, { startingIndex: u2, amount: a2, disabledIndices: s3 }), i3 && u2 + a2 > l2 && (f2 = Rn(e3, { startingIndex: u2 % a2 - a2, amount: a2, disabledIndices: s3 }))), Ln(e3, f2) && (f2 = u2)), "both" === o3) {
+          if (n3.key === Pn && (d2 && Ze(n3), -1 === u2 ? f2 = c3 : (f2 = Rn(e3, { startingIndex: u2, amount: a2, disabledIndices: s3 }), i3 && u2 + a2 > l2 && (f2 = Rn(e3, { startingIndex: u2 % a2 - a2, amount: a2, disabledIndices: s3 }))), Ln(e3, f2) && (f2 = u2)), "both" === o3) {
             const t5 = it(u2 / a2);
-            n3.key === (r4 ? Pn : An) && (d2 && Ze(n3), u2 % a2 !== a2 - 1 ? (f2 = Rn(e3, { startingIndex: u2, disabledIndices: s3 }), i3 && On(f2, a2, t5) && (f2 = Rn(e3, { startingIndex: u2 - u2 % a2 - 1, disabledIndices: s3 }))) : i3 && (f2 = Rn(e3, { startingIndex: u2 - u2 % a2 - 1, disabledIndices: s3 })), On(f2, a2, t5) && (f2 = u2)), n3.key === (r4 ? An : Pn) && (d2 && Ze(n3), u2 % a2 !== 0 ? (f2 = Rn(e3, { startingIndex: u2, decrement: true, disabledIndices: s3 }), i3 && On(f2, a2, t5) && (f2 = Rn(e3, { startingIndex: u2 + (a2 - u2 % a2), decrement: true, disabledIndices: s3 }))) : i3 && (f2 = Rn(e3, { startingIndex: u2 + (a2 - u2 % a2), decrement: true, disabledIndices: s3 })), On(f2, a2, t5) && (f2 = u2));
+            n3.key === (r4 ? In : An) && (d2 && Ze(n3), u2 % a2 !== a2 - 1 ? (f2 = Rn(e3, { startingIndex: u2, disabledIndices: s3 }), i3 && On(f2, a2, t5) && (f2 = Rn(e3, { startingIndex: u2 - u2 % a2 - 1, disabledIndices: s3 }))) : i3 && (f2 = Rn(e3, { startingIndex: u2 - u2 % a2 - 1, disabledIndices: s3 })), On(f2, a2, t5) && (f2 = u2)), n3.key === (r4 ? An : In) && (d2 && Ze(n3), u2 % a2 !== 0 ? (f2 = Rn(e3, { startingIndex: u2, decrement: true, disabledIndices: s3 }), i3 && On(f2, a2, t5) && (f2 = Rn(e3, { startingIndex: u2 + (a2 - u2 % a2), decrement: true, disabledIndices: s3 }))) : i3 && (f2 = Rn(e3, { startingIndex: u2 + (a2 - u2 % a2), decrement: true, disabledIndices: s3 })), On(f2, a2, t5) && (f2 = u2));
             const o4 = it(l2 / a2) === t5;
-            Ln(e3, f2) && (f2 = i3 && o4 ? n3.key === (r4 ? An : Pn) ? l2 : Rn(e3, { startingIndex: u2 - u2 % a2 - 1, disabledIndices: s3 }) : u2);
+            Ln(e3, f2) && (f2 = i3 && o4 ? n3.key === (r4 ? An : In) ? l2 : Rn(e3, { startingIndex: u2 - u2 % a2 - 1, disabledIndices: s3 }) : u2);
           }
           return f2;
-        }({ current: n2.map((e3) => null != e3 ? a.current[e3] : null) }, { event: e2, orientation: b2, loop: f, rtl: m, cols: k, disabledIndices: Mn([...w || a.current.map((e3, t4) => Fn(a.current, t4) ? t4 : void 0), void 0], n2), minIndex: i2, maxIndex: r3, prevIndex: Bn(D2.current > s2 ? o2 : D2.current, t3, n2, k, e2.key === In ? "bl" : e2.key === (m ? Pn : An) ? "tr" : "tl"), stopEvent: true })];
-        if (null != c2 && (D2.current = c2, A(D2.current)), "both" === b2)
+        }({ current: n2.map((e3) => null != e3 ? a.current[e3] : null) }, { event: e2, orientation: w2, loop: f, rtl: m, cols: k, disabledIndices: Mn([...b || a.current.map((e3, t4) => Fn(a.current, t4) ? t4 : void 0), void 0], n2), minIndex: i2, maxIndex: r3, prevIndex: Bn(D2.current > s2 ? o2 : D2.current, t3, n2, k, e2.key === Pn ? "bl" : e2.key === (m ? In : An) ? "tr" : "tl"), stopEvent: true })];
+        if (null != c2 && (D2.current = c2, A(D2.current)), "both" === w2)
           return;
       }
-      if (Vo(e2.key, b2)) {
+      if (Vo(e2.key, w2)) {
         if (Ze(e2), n && !h && je(e2.currentTarget.ownerDocument) === e2.currentTarget)
-          return D2.current = Uo(e2.key, b2, m) ? o2 : s2, void A(D2.current);
-        Uo(e2.key, b2, m) ? D2.current = f ? t2 >= s2 ? d && t2 !== a.current.length ? -1 : o2 : Rn(a, { startingIndex: t2, disabledIndices: w }) : Math.min(s2, Rn(a, { startingIndex: t2, disabledIndices: w })) : D2.current = f ? t2 <= o2 ? d && -1 !== t2 ? a.current.length : s2 : Rn(a, { startingIndex: t2, decrement: true, disabledIndices: w }) : Math.max(o2, Rn(a, { startingIndex: t2, decrement: true, disabledIndices: w })), Ln(a, D2.current) ? A(null) : A(D2.current);
+          return D2.current = Uo(e2.key, w2, m) ? o2 : s2, void A(D2.current);
+        Uo(e2.key, w2, m) ? D2.current = f ? t2 >= s2 ? d && t2 !== a.current.length ? -1 : o2 : Rn(a, { startingIndex: t2, disabledIndices: b }) : Math.min(s2, Rn(a, { startingIndex: t2, disabledIndices: b })) : D2.current = f ? t2 <= o2 ? d && -1 !== t2 ? a.current.length : s2 : Rn(a, { startingIndex: t2, decrement: true, disabledIndices: b }) : Math.max(o2, Rn(a, { startingIndex: t2, decrement: true, disabledIndices: b })), Ln(a, D2.current) ? A(null) : A(D2.current);
       }
-    }), Q2 = o__namespace.useMemo(() => h && n && J2 && { "aria-activedescendant": K2 || V2 }, [h, n, J2, K2, V2]), Z2 = o__namespace.useMemo(() => ({ "aria-orientation": "both" === b2 ? void 0 : b2, ...!et(r2.domReference) && Q2, onKeyDown: X2, onPointerMove() {
+    }), Q2 = o__namespace.useMemo(() => h && n && J2 && { "aria-activedescendant": K2 || V2 }, [h, n, J2, K2, V2]), Z2 = o__namespace.useMemo(() => ({ "aria-orientation": "both" === w2 ? void 0 : w2, ...!et(r2.domReference) && Q2, onKeyDown: X2, onPointerMove() {
       R2.current = true;
-    } }), [Q2, X2, r2.domReference, b2]), ee2 = o__namespace.useMemo(() => {
+    } }), [Q2, X2, r2.domReference, w2]), ee2 = o__namespace.useMemo(() => {
       function e2(e3) {
         "auto" === g && Ve(e3.nativeEvent) && (L2.current = true);
       }
       return { ...Q2, onKeyDown(e3) {
         R2.current = false;
         const t2 = e3.key.startsWith("Arrow"), o2 = ["Home", "End"].includes(e3.key), r3 = t2 || o2, s2 = function(e4, t3, n2) {
-          return Wo(t3, n2 ? e4 === Pn : e4 === An, e4 === In);
-        }(e3.key, b2, m), c2 = Ko(e3.key, b2, m), l2 = Vo(e3.key, b2), d2 = (p ? s2 : l2) || "Enter" === e3.key || "" === e3.key.trim();
+          return Wo(t3, n2 ? e4 === In : e4 === An, e4 === Pn);
+        }(e3.key, w2, m), c2 = Ko(e3.key, w2, m), l2 = Vo(e3.key, w2), d2 = (p ? s2 : l2) || "Enter" === e3.key || "" === e3.key.trim();
         if (h && n) {
-          const t3 = null == P2 ? void 0 : P2.nodesRef.current.find((e4) => null == e4.parentId), n2 = P2 && t3 ? function(e4, t4) {
+          const t3 = null == I2 ? void 0 : I2.nodesRef.current.find((e4) => null == e4.parentId), n2 = I2 && t3 ? function(e4, t4) {
             let n3, o3 = -1;
             return function t5(i2, r4) {
               r4 > o3 && (n3 = i2, o3 = r4), lo(e4, i2).forEach((e5) => {
                 t5(e5.id, r4 + 1);
               });
             }(t4, 0), e4.find((e5) => e5.id === n3);
-          }(P2.nodesRef.current, t3.id) : null;
-          if (r3 && n2 && S2) {
+          }(I2.nodesRef.current, t3.id) : null;
+          if (r3 && n2 && C2) {
             const t4 = new KeyboardEvent("keydown", { key: e3.key, bubbles: true });
             if (s2 || c2) {
               var f2, g2;
@@ -5213,7 +5225,7 @@
       }, onPointerDown: function(e3) {
         L2.current = g, "auto" === g && Ue(e3.nativeEvent) && (L2.current = true);
       }, onMouseDown: e2, onClick: e2 };
-    }, [V2, Q2, X2, j2, g, a, p, A, i, n, v, b2, m, u, P2, h, S2]);
+    }, [V2, Q2, X2, j2, g, a, p, A, i, n, v, w2, m, u, I2, h, C2]);
     return o__namespace.useMemo(() => l ? { reference: ee2, floating: Z2, item: Y2 } : {}, [l, ee2, Z2, Y2]);
   }
   const qo = /* @__PURE__ */ new Map([["select", "listbox"], ["combobox", "listbox"], ["label", false]]);
@@ -5239,40 +5251,40 @@
         }
         if (clearTimeout(i), !d.domReference || !d.floating || null == u || null == n2 || null == l2)
           return;
-        const { clientX: g, clientY: y } = e3, v = [g, y], w = Xe(e3), b2 = "mouseleave" === e3.type, k = ze(d.floating, w), x = ze(d.domReference, w), S2 = d.domReference.getBoundingClientRect(), C2 = d.floating.getBoundingClientRect(), N2 = u.split("-")[0], E2 = n2 > C2.right - C2.width / 2, I2 = l2 > C2.bottom - C2.height / 2, P2 = function(e4, t2) {
+        const { clientX: g, clientY: y } = e3, v = [g, y], b = Xe(e3), w2 = "mouseleave" === e3.type, k = ze(d.floating, b), x = ze(d.domReference, b), C2 = d.domReference.getBoundingClientRect(), S2 = d.floating.getBoundingClientRect(), N2 = u.split("-")[0], E2 = n2 > S2.right - S2.width / 2, P2 = l2 > S2.bottom - S2.height / 2, I2 = function(e4, t2) {
           return e4[0] >= t2.x && e4[0] <= t2.x + t2.width && e4[1] >= t2.y && e4[1] <= t2.y + t2.height;
-        }(v, S2), A = C2.width > S2.width, O = C2.height > S2.height, L2 = (A ? S2 : C2).left, D2 = (A ? S2 : C2).right, T2 = (O ? S2 : C2).top, R2 = (O ? S2 : C2).bottom;
-        if (k && (r2 = true, !b2))
+        }(v, C2), A = S2.width > C2.width, O = S2.height > C2.height, L2 = (A ? C2 : S2).left, D2 = (A ? C2 : S2).right, T2 = (O ? C2 : S2).top, R2 = (O ? C2 : S2).bottom;
+        if (k && (r2 = true, !w2))
           return;
-        if (x && (r2 = false), x && !b2)
+        if (x && (r2 = false), x && !w2)
           return void (r2 = true);
-        if (b2 && ve(e3.relatedTarget) && ze(d.floating, e3.relatedTarget))
+        if (w2 && ve(e3.relatedTarget) && ze(d.floating, e3.relatedTarget))
           return;
         if (m && lo(m.nodesRef.current, p).some((e4) => {
           let { context: t2 } = e4;
           return null == t2 ? void 0 : t2.open;
         }))
           return;
-        if ("top" === N2 && l2 >= S2.bottom - 1 || "bottom" === N2 && l2 <= S2.top + 1 || "left" === N2 && n2 >= S2.right - 1 || "right" === N2 && n2 <= S2.left + 1)
+        if ("top" === N2 && l2 >= C2.bottom - 1 || "bottom" === N2 && l2 <= C2.top + 1 || "left" === N2 && n2 >= C2.right - 1 || "right" === N2 && n2 <= C2.left + 1)
           return h();
         let B2 = [];
         switch (N2) {
           case "top":
-            B2 = [[L2, S2.top + 1], [L2, C2.bottom - 1], [D2, C2.bottom - 1], [D2, S2.top + 1]];
+            B2 = [[L2, C2.top + 1], [L2, S2.bottom - 1], [D2, S2.bottom - 1], [D2, C2.top + 1]];
             break;
           case "bottom":
-            B2 = [[L2, C2.top + 1], [L2, S2.bottom - 1], [D2, S2.bottom - 1], [D2, C2.top + 1]];
+            B2 = [[L2, S2.top + 1], [L2, C2.bottom - 1], [D2, C2.bottom - 1], [D2, S2.top + 1]];
             break;
           case "left":
-            B2 = [[C2.right - 1, R2], [C2.right - 1, T2], [S2.left + 1, T2], [S2.left + 1, R2]];
+            B2 = [[S2.right - 1, R2], [S2.right - 1, T2], [C2.left + 1, T2], [C2.left + 1, R2]];
             break;
           case "right":
-            B2 = [[S2.right - 1, R2], [S2.right - 1, T2], [C2.left + 1, T2], [C2.left + 1, R2]];
+            B2 = [[C2.right - 1, R2], [C2.right - 1, T2], [S2.left + 1, T2], [S2.left + 1, R2]];
         }
         if (!Jo([g, y], B2)) {
-          if (r2 && !P2)
+          if (r2 && !I2)
             return h();
-          if (!b2 && o2) {
+          if (!w2 && o2) {
             const t2 = function(e4, t3) {
               const n3 = performance.now(), o3 = n3 - c;
               if (null === a || null === s || 0 === o3)
@@ -5287,15 +5299,15 @@
             let [n3, o3] = e4;
             switch (N2) {
               case "top":
-                return [[A ? n3 + t / 2 : E2 ? n3 + 4 * t : n3 - 4 * t, o3 + t + 1], [A ? n3 - t / 2 : E2 ? n3 + 4 * t : n3 - 4 * t, o3 + t + 1], ...[[C2.left, E2 || A ? C2.bottom - t : C2.top], [C2.right, E2 ? A ? C2.bottom - t : C2.top : C2.bottom - t]]];
+                return [[A ? n3 + t / 2 : E2 ? n3 + 4 * t : n3 - 4 * t, o3 + t + 1], [A ? n3 - t / 2 : E2 ? n3 + 4 * t : n3 - 4 * t, o3 + t + 1], ...[[S2.left, E2 || A ? S2.bottom - t : S2.top], [S2.right, E2 ? A ? S2.bottom - t : S2.top : S2.bottom - t]]];
               case "bottom":
-                return [[A ? n3 + t / 2 : E2 ? n3 + 4 * t : n3 - 4 * t, o3 - t], [A ? n3 - t / 2 : E2 ? n3 + 4 * t : n3 - 4 * t, o3 - t], ...[[C2.left, E2 || A ? C2.top + t : C2.bottom], [C2.right, E2 ? A ? C2.top + t : C2.bottom : C2.top + t]]];
+                return [[A ? n3 + t / 2 : E2 ? n3 + 4 * t : n3 - 4 * t, o3 - t], [A ? n3 - t / 2 : E2 ? n3 + 4 * t : n3 - 4 * t, o3 - t], ...[[S2.left, E2 || A ? S2.top + t : S2.bottom], [S2.right, E2 ? A ? S2.top + t : S2.bottom : S2.top + t]]];
               case "left": {
-                const e5 = [n3 + t + 1, O ? o3 + t / 2 : I2 ? o3 + 4 * t : o3 - 4 * t], i2 = [n3 + t + 1, O ? o3 - t / 2 : I2 ? o3 + 4 * t : o3 - 4 * t];
-                return [...[[I2 || O ? C2.right - t : C2.left, C2.top], [I2 ? O ? C2.right - t : C2.left : C2.right - t, C2.bottom]], e5, i2];
+                const e5 = [n3 + t + 1, O ? o3 + t / 2 : P2 ? o3 + 4 * t : o3 - 4 * t], i2 = [n3 + t + 1, O ? o3 - t / 2 : P2 ? o3 + 4 * t : o3 - 4 * t];
+                return [...[[P2 || O ? S2.right - t : S2.left, S2.top], [P2 ? O ? S2.right - t : S2.left : S2.right - t, S2.bottom]], e5, i2];
               }
               case "right":
-                return [[n3 - t, O ? o3 + t / 2 : I2 ? o3 + 4 * t : o3 - 4 * t], [n3 - t, O ? o3 - t / 2 : I2 ? o3 + 4 * t : o3 - 4 * t], ...[[I2 || O ? C2.left + t : C2.right, C2.top], [I2 ? O ? C2.left + t : C2.right : C2.left + t, C2.bottom]]];
+                return [[n3 - t, O ? o3 + t / 2 : P2 ? o3 + 4 * t : o3 - 4 * t], [n3 - t, O ? o3 - t / 2 : P2 ? o3 + 4 * t : o3 - 4 * t], ...[[P2 || O ? S2.left + t : S2.right, S2.top], [P2 ? O ? S2.left + t : S2.right : S2.left + t, S2.bottom]]];
             }
           }([n2, l2])) ? !r2 && o2 && (i = window.setTimeout(h, 40)) : h();
         }
@@ -5320,7 +5332,7 @@
   });
   Qo.displayName = "DropdownMenuItem";
   const Zo = o.forwardRef(({ className: n, variant: i = "default", icon: r2, iconRight: a, text: s = "", disabled: p, children: m, ...h }, g) => {
-    const [y, v] = o.useState(false), [w, b2] = o.useState(false), [k, x] = o.useState(null), S2 = o.useRef([]), C2 = o.useRef([]), N2 = o.useContext(Xo), I2 = eo(), P2 = function() {
+    const [y, v] = o.useState(false), [b, w2] = o.useState(false), [k, x] = o.useState(null), C2 = o.useRef([]), S2 = o.useRef([]), N2 = o.useContext(Xo), P2 = eo(), I2 = function() {
       const e = Gn(), t = eo(), n2 = Zn();
       return $n(() => {
         const o2 = { id: e, parentId: n2 };
@@ -5328,12 +5340,12 @@
           null == t || t.removeNode(o2);
         };
       }, [t, e, n2]), e;
-    }(), A = Zn(), O = Hn(), L2 = null != A, { floatingStyles: D2, refs: T2, context: R2 } = $o({ nodeId: P2, open: y, onOpenChange: v, placement: L2 ? "right-start" : "bottom-start", middleware: [(B2 = { mainAxis: L2 ? 0 : 4, alignmentAxis: L2 ? -4 : 0 }, { ...dn(B2), options: [B2, M2] }), kn(), bn()], whileElementsMounted: un });
+    }(), A = Zn(), O = Hn(), L2 = null != A, { floatingStyles: D2, refs: T2, context: R2 } = $o({ nodeId: I2, open: y, onOpenChange: v, placement: L2 ? "right-start" : "bottom-start", middleware: [(B2 = { mainAxis: L2 ? 0 : 4, alignmentAxis: L2 ? -4 : 0 }, { ...dn(B2), options: [B2, M2] }), kn(), wn()], whileElementsMounted: un });
     var B2, M2;
     const F = function(e, t) {
       void 0 === t && (t = {});
-      const { open: n2, onOpenChange: i2, dataRef: r3, events: a2, elements: s2 } = e, { enabled: c = true, delay: l = 0, handleClose: u = null, mouseOnly: d = false, restMs: f = 0, move: p2 = true } = t, m2 = eo(), h2 = Zn(), g2 = io(u), y2 = io(l), v2 = io(n2), w2 = o__namespace.useRef(), b3 = o__namespace.useRef(-1), k2 = o__namespace.useRef(), x2 = o__namespace.useRef(-1), S3 = o__namespace.useRef(true), C3 = o__namespace.useRef(false), N3 = o__namespace.useRef(() => {
-      }), E2 = o__namespace.useRef(false), I3 = o__namespace.useCallback(() => {
+      const { open: n2, onOpenChange: i2, dataRef: r3, events: a2, elements: s2 } = e, { enabled: c = true, delay: l = 0, handleClose: u = null, mouseOnly: d = false, restMs: f = 0, move: p2 = true } = t, m2 = eo(), h2 = Zn(), g2 = io(u), y2 = io(l), v2 = io(n2), b2 = o__namespace.useRef(), w3 = o__namespace.useRef(-1), k2 = o__namespace.useRef(), x2 = o__namespace.useRef(-1), C3 = o__namespace.useRef(true), S3 = o__namespace.useRef(false), N3 = o__namespace.useRef(() => {
+      }), E2 = o__namespace.useRef(false), P3 = o__namespace.useCallback(() => {
         var e2;
         const t2 = null == (e2 = r3.current.openEvent) ? void 0 : e2.type;
         return (null == t2 ? void 0 : t2.includes("mouse")) && "mousedown" !== t2;
@@ -5345,7 +5357,7 @@
           };
         function e2(e3) {
           let { open: t2 } = e3;
-          t2 || (clearTimeout(b3.current), clearTimeout(x2.current), S3.current = true, E2.current = false);
+          t2 || (clearTimeout(w3.current), clearTimeout(x2.current), C3.current = true, E2.current = false);
         }
       }, [c, a2]), o__namespace.useEffect(() => {
         if (!c)
@@ -5355,23 +5367,23 @@
         if (!n2)
           return;
         function e2(e3) {
-          I3() && i2(false, e3, "hover");
+          P3() && i2(false, e3, "hover");
         }
         const t2 = Je(s2.floating).documentElement;
         return t2.addEventListener("mouseleave", e2), () => {
           t2.removeEventListener("mouseleave", e2);
         };
-      }, [s2.floating, n2, i2, c, g2, I3]);
-      const P3 = o__namespace.useCallback(function(e2, t2, n3) {
+      }, [s2.floating, n2, i2, c, g2, P3]);
+      const I3 = o__namespace.useCallback(function(e2, t2, n3) {
         void 0 === t2 && (t2 = true), void 0 === n3 && (n3 = "hover");
-        const o2 = ao(y2.current, "close", w2.current);
-        o2 && !k2.current ? (clearTimeout(b3.current), b3.current = window.setTimeout(() => i2(false, e2, n3), o2)) : t2 && (clearTimeout(b3.current), i2(false, e2, n3));
+        const o2 = ao(y2.current, "close", b2.current);
+        o2 && !k2.current ? (clearTimeout(w3.current), w3.current = window.setTimeout(() => i2(false, e2, n3), o2)) : t2 && (clearTimeout(w3.current), i2(false, e2, n3));
       }, [y2, i2]), A2 = Nn(() => {
         N3.current(), k2.current = void 0;
       }), O2 = Nn(() => {
-        if (C3.current) {
+        if (S3.current) {
           const e2 = Je(s2.floating).body;
-          e2.style.pointerEvents = "", e2.removeAttribute(ro), C3.current = false;
+          e2.style.pointerEvents = "", e2.removeAttribute(ro), S3.current = false;
         }
       }), L3 = Nn(() => !!r3.current.openEvent && ["click", "mousedown"].includes(r3.current.openEvent.type));
       o__namespace.useEffect(() => {
@@ -5384,10 +5396,10 @@
           };
         }
         function t2(e3) {
-          if (clearTimeout(b3.current), S3.current = false, d && !qe(w2.current) || f > 0 && !ao(y2.current, "open"))
+          if (clearTimeout(w3.current), C3.current = false, d && !qe(b2.current) || f > 0 && !ao(y2.current, "open"))
             return;
-          const t3 = ao(y2.current, "open", w2.current);
-          t3 ? b3.current = window.setTimeout(() => {
+          const t3 = ao(y2.current, "open", b2.current);
+          t3 ? w3.current = window.setTimeout(() => {
             v2.current || i2(true, e3, "hover");
           }, t3) : n2 || i2(true, e3, "hover");
         }
@@ -5397,25 +5409,25 @@
           N3.current();
           const t3 = Je(s2.floating);
           if (clearTimeout(x2.current), E2.current = false, g2.current && r3.current.floatingContext) {
-            n2 || clearTimeout(b3.current), k2.current = g2.current({ ...r3.current.floatingContext, tree: m2, x: e3.clientX, y: e3.clientY, onClose() {
-              O2(), A2(), L3() || P3(e3, true, "safe-polygon");
+            n2 || clearTimeout(w3.current), k2.current = g2.current({ ...r3.current.floatingContext, tree: m2, x: e3.clientX, y: e3.clientY, onClose() {
+              O2(), A2(), L3() || I3(e3, true, "safe-polygon");
             } });
             const o3 = k2.current;
             return t3.addEventListener("mousemove", o3), void (N3.current = () => {
               t3.removeEventListener("mousemove", o3);
             });
           }
-          ("touch" !== w2.current || !ze(s2.floating, e3.relatedTarget)) && P3(e3);
+          ("touch" !== b2.current || !ze(s2.floating, e3.relatedTarget)) && I3(e3);
         }
         function a3(e3) {
           L3() || r3.current.floatingContext && (null == g2.current || g2.current({ ...r3.current.floatingContext, tree: m2, x: e3.clientX, y: e3.clientY, onClose() {
-            O2(), A2(), L3() || P3(e3);
+            O2(), A2(), L3() || I3(e3);
           } })(e3));
         }
-      }, [s2, c, e, d, f, p2, P3, A2, O2, i2, n2, v2, m2, y2, g2, r3, L3]), $n(() => {
+      }, [s2, c, e, d, f, p2, I3, A2, O2, i2, n2, v2, m2, y2, g2, r3, L3]), $n(() => {
         var e2;
-        if (c && n2 && null != (e2 = g2.current) && e2.__options.blockPointerEvents && I3()) {
-          C3.current = true;
+        if (c && n2 && null != (e2 = g2.current) && e2.__options.blockPointerEvents && P3()) {
+          S3.current = true;
           const e3 = s2.floating;
           if (ve(s2.domReference) && e3) {
             var t2;
@@ -5427,27 +5439,27 @@
             };
           }
         }
-      }, [c, n2, h2, s2, m2, g2, I3]), $n(() => {
-        n2 || (w2.current = void 0, E2.current = false, A2(), O2());
+      }, [c, n2, h2, s2, m2, g2, P3]), $n(() => {
+        n2 || (b2.current = void 0, E2.current = false, A2(), O2());
       }, [n2, A2, O2]), o__namespace.useEffect(() => () => {
-        A2(), clearTimeout(b3.current), clearTimeout(x2.current), O2();
+        A2(), clearTimeout(w3.current), clearTimeout(x2.current), O2();
       }, [c, s2.domReference, A2, O2]);
       const D3 = o__namespace.useMemo(() => {
         function e2(e3) {
-          w2.current = e3.pointerType;
+          b2.current = e3.pointerType;
         }
         return { onPointerDown: e2, onPointerEnter: e2, onMouseMove(e3) {
           const { nativeEvent: t2 } = e3;
           function o2() {
-            S3.current || v2.current || i2(true, t2, "hover");
+            C3.current || v2.current || i2(true, t2, "hover");
           }
-          d && !qe(w2.current) || n2 || 0 === f || E2.current && e3.movementX ** 2 + e3.movementY ** 2 < 2 || (clearTimeout(x2.current), "touch" === w2.current ? o2() : (E2.current = true, x2.current = window.setTimeout(o2, f)));
+          d && !qe(b2.current) || n2 || 0 === f || E2.current && e3.movementX ** 2 + e3.movementY ** 2 < 2 || (clearTimeout(x2.current), "touch" === b2.current ? o2() : (E2.current = true, x2.current = window.setTimeout(o2, f)));
         } };
       }, [d, i2, n2, v2, f]), T3 = o__namespace.useMemo(() => ({ onMouseEnter() {
-        clearTimeout(b3.current);
+        clearTimeout(w3.current);
       }, onMouseLeave(e2) {
-        L3() || P3(e2.nativeEvent, false);
-      } }), [P3, L3]);
+        L3() || I3(e2.nativeEvent, false);
+      } }), [I3, L3]);
       return o__namespace.useMemo(() => c ? { reference: D3, floating: T3 } : {}, [c, D3, T3]);
     }(R2, { enabled: L2, delay: { open: 75 }, handleClose: Yo({ blockPointerEvents: true }) }), _2 = function(e, t) {
       void 0 === t && (t = {});
@@ -5485,7 +5497,7 @@
       return o__namespace.useMemo(() => a2 ? { reference: d, floating: f, item: p2 } : {}, [a2, d, f, p2]);
     }(R2, { role: "menu" }), z2 = function(e, t) {
       void 0 === t && (t = {});
-      const { open: n2, onOpenChange: i2, elements: r3, dataRef: a2 } = e, { enabled: s2 = true, escapeKey: c = true, outsidePress: l = true, outsidePressEvent: u = "pointerdown", referencePress: d = false, referencePressEvent: f = "pointerdown", ancestorScroll: p2 = false, bubbles: m2, capture: h2 } = t, g2 = eo(), y2 = Nn("function" == typeof l ? l : () => false), v2 = "function" == typeof l ? y2 : l, w2 = o__namespace.useRef(false), b3 = o__namespace.useRef(false), { escapeKey: k2, outsidePress: x2 } = Mo(m2), { escapeKey: S3, outsidePress: C3 } = Mo(h2), N3 = o__namespace.useRef(false), E2 = Nn((e2) => {
+      const { open: n2, onOpenChange: i2, elements: r3, dataRef: a2 } = e, { enabled: s2 = true, escapeKey: c = true, outsidePress: l = true, outsidePressEvent: u = "pointerdown", referencePress: d = false, referencePressEvent: f = "pointerdown", ancestorScroll: p2 = false, bubbles: m2, capture: h2 } = t, g2 = eo(), y2 = Nn("function" == typeof l ? l : () => false), v2 = "function" == typeof l ? y2 : l, b2 = o__namespace.useRef(false), w3 = o__namespace.useRef(false), { escapeKey: k2, outsidePress: x2 } = Mo(m2), { escapeKey: C3, outsidePress: S3 } = Mo(h2), N3 = o__namespace.useRef(false), E2 = Nn((e2) => {
         var t2;
         if (!n2 || !s2 || !c || "Escape" !== e2.key)
           return;
@@ -5503,19 +5515,19 @@
         i2(false, function(e3) {
           return "nativeEvent" in e3;
         }(e2) ? e2.nativeEvent : e2, "escape-key");
-      }), I3 = Nn((e2) => {
+      }), P3 = Nn((e2) => {
         var t2;
         const n3 = () => {
           var t3;
           E2(e2), null == (t3 = Xe(e2)) || t3.removeEventListener("keydown", n3);
         };
         null == (t2 = Xe(e2)) || t2.addEventListener("keydown", n3);
-      }), P3 = Nn((e2) => {
+      }), I3 = Nn((e2) => {
         var t2;
-        const n3 = w2.current;
-        w2.current = false;
-        const o2 = b3.current;
-        if (b3.current = false, "click" === u && o2)
+        const n3 = b2.current;
+        b2.current = false;
+        const o2 = w3.current;
+        if (w3.current = false, "click" === u && o2)
           return;
         if (n3)
           return;
@@ -5531,7 +5543,7 @@
         }
         if (l2.length && ve(s3) && !s3.matches("html,body") && !ze(s3, r3.floating) && Array.from(l2).every((e3) => !ze(d2, e3)))
           return;
-        if (we(s3) && L3) {
+        if (be(s3) && L3) {
           const t3 = s3.clientWidth > 0 && s3.scrollWidth > s3.clientWidth, n4 = s3.clientHeight > 0 && s3.scrollHeight > s3.clientHeight;
           let o3 = n4 && e2.offsetX > s3.clientWidth;
           if (n4 && "rtl" === Re(s3).direction && (o3 = e2.offsetX <= s3.offsetWidth - s3.clientWidth), o3 || t3 && e2.offsetY > s3.clientHeight)
@@ -5557,7 +5569,7 @@
         var t2;
         const n3 = () => {
           var t3;
-          P3(e2), null == (t3 = Xe(e2)) || t3.removeEventListener(u, n3);
+          I3(e2), null == (t3 = Xe(e2)) || t3.removeEventListener(u, n3);
         };
         null == (t2 = Xe(e2)) || t2.addEventListener(u, n3);
       });
@@ -5578,7 +5590,7 @@
           }, Le() ? 5 : 0);
         }
         const d2 = Je(r3.floating);
-        c && (d2.addEventListener("keydown", S3 ? I3 : E2, S3), d2.addEventListener("compositionstart", o2), d2.addEventListener("compositionend", l2)), v2 && d2.addEventListener(u, C3 ? A2 : P3, C3);
+        c && (d2.addEventListener("keydown", C3 ? P3 : E2, C3), d2.addEventListener("compositionstart", o2), d2.addEventListener("compositionend", l2)), v2 && d2.addEventListener(u, S3 ? A2 : I3, S3);
         let f2 = [];
         return p2 && (ve(r3.domReference) && (f2 = $e(r3.domReference)), ve(r3.floating) && (f2 = f2.concat($e(r3.floating))), !ve(r3.reference) && r3.reference && r3.reference.contextElement && (f2 = f2.concat($e(r3.reference.contextElement)))), f2 = f2.filter((e3) => {
           var t3;
@@ -5586,47 +5598,47 @@
         }), f2.forEach((e3) => {
           e3.addEventListener("scroll", t2, { passive: true });
         }), () => {
-          c && (d2.removeEventListener("keydown", S3 ? I3 : E2, S3), d2.removeEventListener("compositionstart", o2), d2.removeEventListener("compositionend", l2)), v2 && d2.removeEventListener(u, C3 ? A2 : P3, C3), f2.forEach((e3) => {
+          c && (d2.removeEventListener("keydown", C3 ? P3 : E2, C3), d2.removeEventListener("compositionstart", o2), d2.removeEventListener("compositionend", l2)), v2 && d2.removeEventListener(u, S3 ? A2 : I3, S3), f2.forEach((e3) => {
             e3.removeEventListener("scroll", t2);
           }), window.clearTimeout(e2);
         };
-      }, [a2, r3, c, v2, u, n2, i2, p2, s2, k2, x2, E2, S3, I3, P3, C3, A2]), o__namespace.useEffect(() => {
-        w2.current = false;
+      }, [a2, r3, c, v2, u, n2, i2, p2, s2, k2, x2, E2, C3, P3, I3, S3, A2]), o__namespace.useEffect(() => {
+        b2.current = false;
       }, [v2, u]);
       const O2 = o__namespace.useMemo(() => ({ onKeyDown: E2, [Ro[f]]: (e2) => {
         d && i2(false, e2.nativeEvent, "reference-press");
       } }), [E2, i2, d, f]), L3 = o__namespace.useMemo(() => ({ onKeyDown: E2, onMouseDown() {
-        b3.current = true;
+        w3.current = true;
       }, onMouseUp() {
-        b3.current = true;
+        w3.current = true;
       }, [Bo[u]]: () => {
-        w2.current = true;
+        b2.current = true;
       } }), [E2, u]);
       return o__namespace.useMemo(() => s2 ? { reference: O2, floating: L3 } : {}, [s2, O2, L3]);
-    }(R2, { bubbles: true }), H2 = Go(R2, { listRef: S2, activeIndex: k, nested: L2, onNavigate: x }), { getReferenceProps: W2, getFloatingProps: V2, getItemProps: U2 } = function(e) {
+    }(R2, { bubbles: true }), H2 = Go(R2, { listRef: C2, activeIndex: k, nested: L2, onNavigate: x }), { getReferenceProps: W2, getFloatingProps: V2, getItemProps: U2 } = function(e) {
       void 0 === e && (e = []);
       const t = e.map((e2) => null == e2 ? void 0 : e2.reference), n2 = e.map((e2) => null == e2 ? void 0 : e2.floating), i2 = e.map((e2) => null == e2 ? void 0 : e2.item), r3 = o__namespace.useCallback((t2) => zo(t2, e, "reference"), t), a2 = o__namespace.useCallback((t2) => zo(t2, e, "floating"), n2), s2 = o__namespace.useCallback((t2) => zo(t2, e, "item"), i2);
       return o__namespace.useMemo(() => ({ getReferenceProps: r3, getFloatingProps: a2, getItemProps: s2 }), [r3, a2, s2]);
     }([F, _2, j2, z2, H2]);
     o.useEffect(() => {
-      if (I2)
-        return I2.events.on("click", e), I2.events.on("menuopen", t), () => {
-          I2.events.off("click", e), I2.events.off("menuopen", t);
+      if (P2)
+        return P2.events.on("click", e), P2.events.on("menuopen", t), () => {
+          P2.events.off("click", e), P2.events.off("menuopen", t);
         };
       function e() {
         v(false);
       }
       function t(e2) {
-        e2.nodeId !== P2 && e2.parentId === A && v(false);
+        e2.nodeId !== I2 && e2.parentId === A && v(false);
       }
-    }, [I2, P2, A]), o.useEffect(() => {
-      y && I2 && I2.events.emit("menuopen", { parentId: A, nodeId: P2 });
-    }, [I2, y, P2, A]);
-    const K2 = { activeIndex: k, setActiveIndex: x, getItemProps: U2, setHasFocusInside: b2, isOpen: y, setIsOpen: v }, G2 = o.useMemo(() => K2, [k, x, U2, b2, y]), q2 = E("io-dropdown-menu-button", L2 && "io-dropdown-menu-item", y && !L2 && "active", n), J2 = xn([T2.setReference, O.ref, g]), Y2 = N2.activeIndex === O.index ? 0 : -1;
-    return jsxRuntime.jsxs(to, { id: P2, children: [jsxRuntime.jsx($, { className: q2, ref: J2, variant: L2 ? "link" : i, tabIndex: L2 ? Y2 : void 0, role: L2 ? "menuitem" : void 0, "data-open": y ? "" : void 0, "data-nested": L2 ? "" : void 0, "data-focus-inside": w ? "" : void 0, text: s, icon: L2 ? "chevron-right" : r2, iconSize: "10", iconRight: !!L2 || a, disabled: p, ...W2(N2.getItemProps({ onFocus(e) {
+    }, [P2, I2, A]), o.useEffect(() => {
+      y && P2 && P2.events.emit("menuopen", { parentId: A, nodeId: I2 });
+    }, [P2, y, I2, A]);
+    const K2 = { activeIndex: k, setActiveIndex: x, getItemProps: U2, setHasFocusInside: w2, isOpen: y, setIsOpen: v }, G2 = o.useMemo(() => K2, [k, x, U2, w2, y]), q2 = E("io-dropdown-menu-button", L2 && "io-dropdown-menu-item", y && !L2 && "active", n), J2 = xn([T2.setReference, O.ref, g]), Y2 = N2.activeIndex === O.index ? 0 : -1;
+    return jsxRuntime.jsxs(to, { id: I2, children: [jsxRuntime.jsx($, { className: q2, ref: J2, variant: L2 ? "link" : i, tabIndex: L2 ? Y2 : void 0, role: L2 ? "menuitem" : void 0, "data-open": y ? "" : void 0, "data-nested": L2 ? "" : void 0, "data-focus-inside": b ? "" : void 0, text: s, icon: L2 ? "chevron-right" : r2, iconSize: "10", iconRight: !!L2 || a, disabled: p, ...W2(N2.getItemProps({ onFocus(e) {
       var _a2;
-      (_a2 = h.onFocus) == null ? void 0 : _a2.call(h, e), b2(false), N2.setHasFocusInside(true);
-    }, ...h })) }), jsxRuntime.jsx(Xo.Provider, { value: G2, children: jsxRuntime.jsx(zn, { elementsRef: S2, labelsRef: C2, children: y && jsxRuntime.jsx(Lo, { context: R2, modal: false, initialFocus: L2 ? -1 : 0, returnFocus: !L2, children: jsxRuntime.jsx("div", { ref: T2.setFloating, className: "io-dropdown-menu", style: D2, ...V2(), children: m }) }) }) })] });
+      (_a2 = h.onFocus) == null ? void 0 : _a2.call(h, e), w2(false), N2.setHasFocusInside(true);
+    }, ...h })) }), jsxRuntime.jsx(Xo.Provider, { value: G2, children: jsxRuntime.jsx(zn, { elementsRef: C2, labelsRef: S2, children: y && jsxRuntime.jsx(Lo, { context: R2, modal: false, initialFocus: L2 ? -1 : 0, returnFocus: !L2, children: jsxRuntime.jsx("div", { ref: T2.setFloating, className: "io-dropdown-menu", style: D2, ...V2(), children: m }) }) }) })] });
   });
   Zo.displayName = "DropdownMenu";
   const ei = o.forwardRef(({ ...t }, n) => null === Zn() ? jsxRuntime.jsx(no, { children: jsxRuntime.jsx(Zo, { ref: n, ...t }) }) : jsxRuntime.jsx(Zo, { ref: n, ...t }));
@@ -5651,17 +5663,17 @@
   function vi(e) {
     return e instanceof yi(e).Element || e instanceof Element;
   }
-  function wi(e) {
+  function bi(e) {
     return e instanceof yi(e).HTMLElement || e instanceof HTMLElement;
   }
-  function bi(e) {
+  function wi(e) {
     return "undefined" != typeof ShadowRoot && (e instanceof yi(e).ShadowRoot || e instanceof ShadowRoot);
   }
   var ki = { name: "applyStyles", enabled: true, phase: "write", fn: function(e) {
     var t = e.state;
     Object.keys(t.elements).forEach(function(e2) {
       var n = t.styles[e2] || {}, o2 = t.attributes[e2] || {}, i = t.elements[e2];
-      wi(i) && gi(i) && (Object.assign(i.style, n), Object.keys(o2).forEach(function(e3) {
+      bi(i) && gi(i) && (Object.assign(i.style, n), Object.keys(o2).forEach(function(e3) {
         var t2 = o2[e3];
         false === t2 ? i.removeAttribute(e3) : i.setAttribute(e3, true === t2 ? "" : t2);
       }));
@@ -5673,7 +5685,7 @@
         var o2 = t.elements[e2], i = t.attributes[e2] || {}, r2 = Object.keys(t.styles.hasOwnProperty(e2) ? t.styles[e2] : n[e2]).reduce(function(e3, t2) {
           return e3[t2] = "", e3;
         }, {});
-        wi(o2) && gi(o2) && (Object.assign(o2.style, r2), Object.keys(i).forEach(function(e3) {
+        bi(o2) && gi(o2) && (Object.assign(o2.style, r2), Object.keys(i).forEach(function(e3) {
           o2.removeAttribute(e3);
         }));
       });
@@ -5682,32 +5694,32 @@
   function xi(e) {
     return e.split("-")[0];
   }
-  var Si = Math.max, Ci = Math.min, Ni = Math.round;
+  var Ci = Math.max, Si = Math.min, Ni = Math.round;
   function Ei() {
     var e = navigator.userAgentData;
     return null != e && e.brands && Array.isArray(e.brands) ? e.brands.map(function(e2) {
       return e2.brand + "/" + e2.version;
     }).join(" ") : navigator.userAgent;
   }
-  function Ii() {
+  function Pi() {
     return !/^((?!chrome|android).)*safari/i.test(Ei());
   }
-  function Pi(e, t, n) {
+  function Ii(e, t, n) {
     void 0 === t && (t = false), void 0 === n && (n = false);
     var o2 = e.getBoundingClientRect(), i = 1, r2 = 1;
-    t && wi(e) && (i = e.offsetWidth > 0 && Ni(o2.width) / e.offsetWidth || 1, r2 = e.offsetHeight > 0 && Ni(o2.height) / e.offsetHeight || 1);
-    var a = (vi(e) ? yi(e) : window).visualViewport, s = !Ii() && n, c = (o2.left + (s && a ? a.offsetLeft : 0)) / i, l = (o2.top + (s && a ? a.offsetTop : 0)) / r2, u = o2.width / i, d = o2.height / r2;
+    t && bi(e) && (i = e.offsetWidth > 0 && Ni(o2.width) / e.offsetWidth || 1, r2 = e.offsetHeight > 0 && Ni(o2.height) / e.offsetHeight || 1);
+    var a = (vi(e) ? yi(e) : window).visualViewport, s = !Pi() && n, c = (o2.left + (s && a ? a.offsetLeft : 0)) / i, l = (o2.top + (s && a ? a.offsetTop : 0)) / r2, u = o2.width / i, d = o2.height / r2;
     return { width: u, height: d, top: l, right: c + u, bottom: l + d, left: c, x: c, y: l };
   }
   function Ai(e) {
-    var t = Pi(e), n = e.offsetWidth, o2 = e.offsetHeight;
+    var t = Ii(e), n = e.offsetWidth, o2 = e.offsetHeight;
     return Math.abs(t.width - n) <= 1 && (n = t.width), Math.abs(t.height - o2) <= 1 && (o2 = t.height), { x: e.offsetLeft, y: e.offsetTop, width: n, height: o2 };
   }
   function Oi(e, t) {
     var n = t.getRootNode && t.getRootNode();
     if (e.contains(t))
       return true;
-    if (n && bi(n)) {
+    if (n && wi(n)) {
       var o2 = t;
       do {
         if (o2 && e.isSameNode(o2))
@@ -5727,20 +5739,20 @@
     return ((vi(e) ? e.ownerDocument : e.document) || window.document).documentElement;
   }
   function Ri(e) {
-    return "html" === gi(e) ? e : e.assignedSlot || e.parentNode || (bi(e) ? e.host : null) || Ti(e);
+    return "html" === gi(e) ? e : e.assignedSlot || e.parentNode || (wi(e) ? e.host : null) || Ti(e);
   }
   function Bi(e) {
-    return wi(e) && "fixed" !== Li(e).position ? e.offsetParent : null;
+    return bi(e) && "fixed" !== Li(e).position ? e.offsetParent : null;
   }
   function Mi(e) {
     for (var t = yi(e), n = Bi(e); n && Di(n) && "static" === Li(n).position; )
       n = Bi(n);
     return n && ("html" === gi(n) || "body" === gi(n) && "static" === Li(n).position) ? t : n || function(e2) {
       var t2 = /firefox/i.test(Ei());
-      if (/Trident/i.test(Ei()) && wi(e2) && "fixed" === Li(e2).position)
+      if (/Trident/i.test(Ei()) && bi(e2) && "fixed" === Li(e2).position)
         return null;
       var n2 = Ri(e2);
-      for (bi(n2) && (n2 = n2.host); wi(n2) && ["html", "body"].indexOf(gi(n2)) < 0; ) {
+      for (wi(n2) && (n2 = n2.host); bi(n2) && ["html", "body"].indexOf(gi(n2)) < 0; ) {
         var o2 = Li(n2);
         if ("none" !== o2.transform || "none" !== o2.perspective || "paint" === o2.contain || -1 !== ["transform", "perspective"].indexOf(o2.willChange) || t2 && "filter" === o2.willChange || t2 && o2.filter && "none" !== o2.filter)
           return n2;
@@ -5753,7 +5765,7 @@
     return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
   }
   function $i(e, t, n) {
-    return Si(e, Ci(t, n));
+    return Ci(e, Si(t, n));
   }
   function _i(e) {
     return Object.assign({}, { top: 0, right: 0, bottom: 0, left: 0 }, e);
@@ -5768,8 +5780,8 @@
     if (r2 && a) {
       var u = function(e2, t2) {
         return _i("number" != typeof (e2 = "function" == typeof e2 ? e2(Object.assign({}, t2.rects, { placement: t2.placement })) : e2) ? e2 : ji(e2, ci));
-      }(i.padding, n), d = Ai(r2), f = "y" === c ? oi : ai, p = "y" === c ? ii : ri, m = n.rects.reference[l] + n.rects.reference[c] - a[c] - n.rects.popper[l], h = a[c] - n.rects.reference[c], g = Mi(r2), y = g ? "y" === c ? g.clientHeight || 0 : g.clientWidth || 0 : 0, v = m / 2 - h / 2, w = u[f], b2 = y - d[l] - u[p], k = y / 2 - d[l] / 2 + v, x = $i(w, k, b2), S2 = c;
-      n.modifiersData[o2] = ((t = {})[S2] = x, t.centerOffset = x - k, t);
+      }(i.padding, n), d = Ai(r2), f = "y" === c ? oi : ai, p = "y" === c ? ii : ri, m = n.rects.reference[l] + n.rects.reference[c] - a[c] - n.rects.popper[l], h = a[c] - n.rects.reference[c], g = Mi(r2), y = g ? "y" === c ? g.clientHeight || 0 : g.clientWidth || 0 : 0, v = m / 2 - h / 2, b = u[f], w2 = y - d[l] - u[p], k = y / 2 - d[l] / 2 + v, x = $i(b, k, w2), C2 = c;
+      n.modifiersData[o2] = ((t = {})[C2] = x, t.centerOffset = x - k, t);
     }
   }, effect: function(e) {
     var t = e.state, n = e.options.element, o2 = void 0 === n ? "[data-popper-arrow]" : n;
@@ -5782,19 +5794,19 @@
   function Vi(e) {
     var t, n = e.popper, o2 = e.popperRect, i = e.placement, r2 = e.variation, a = e.offsets, s = e.position, c = e.gpuAcceleration, l = e.adaptive, u = e.roundOffsets, d = e.isFixed, f = a.x, p = void 0 === f ? 0 : f, m = a.y, h = void 0 === m ? 0 : m, g = "function" == typeof u ? u({ x: p, y: h }) : { x: p, y: h };
     p = g.x, h = g.y;
-    var y = a.hasOwnProperty("x"), v = a.hasOwnProperty("y"), w = ai, b2 = oi, k = window;
+    var y = a.hasOwnProperty("x"), v = a.hasOwnProperty("y"), b = ai, w2 = oi, k = window;
     if (l) {
-      var x = Mi(n), S2 = "clientHeight", C2 = "clientWidth";
-      if (x === yi(n) && "static" !== Li(x = Ti(n)).position && "absolute" === s && (S2 = "scrollHeight", C2 = "scrollWidth"), i === oi || (i === ai || i === ri) && r2 === ui)
-        b2 = ii, h -= (d && x === k && k.visualViewport ? k.visualViewport.height : x[S2]) - o2.height, h *= c ? 1 : -1;
+      var x = Mi(n), C2 = "clientHeight", S2 = "clientWidth";
+      if (x === yi(n) && "static" !== Li(x = Ti(n)).position && "absolute" === s && (C2 = "scrollHeight", S2 = "scrollWidth"), i === oi || (i === ai || i === ri) && r2 === ui)
+        w2 = ii, h -= (d && x === k && k.visualViewport ? k.visualViewport.height : x[C2]) - o2.height, h *= c ? 1 : -1;
       if (i === ai || (i === oi || i === ii) && r2 === ui)
-        w = ri, p -= (d && x === k && k.visualViewport ? k.visualViewport.width : x[C2]) - o2.width, p *= c ? 1 : -1;
+        b = ri, p -= (d && x === k && k.visualViewport ? k.visualViewport.width : x[S2]) - o2.width, p *= c ? 1 : -1;
     }
-    var N2, E2 = Object.assign({ position: s }, l && Wi), I2 = true === u ? function(e2, t2) {
+    var N2, E2 = Object.assign({ position: s }, l && Wi), P2 = true === u ? function(e2, t2) {
       var n2 = e2.x, o3 = e2.y, i2 = t2.devicePixelRatio || 1;
       return { x: Ni(n2 * i2) / i2 || 0, y: Ni(o3 * i2) / i2 || 0 };
     }({ x: p, y: h }, yi(n)) : { x: p, y: h };
-    return p = I2.x, h = I2.y, c ? Object.assign({}, E2, ((N2 = {})[b2] = v ? "0" : "", N2[w] = y ? "0" : "", N2.transform = (k.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + h + "px)" : "translate3d(" + p + "px, " + h + "px, 0)", N2)) : Object.assign({}, E2, ((t = {})[b2] = v ? h + "px" : "", t[w] = y ? p + "px" : "", t.transform = "", t));
+    return p = P2.x, h = P2.y, c ? Object.assign({}, E2, ((N2 = {})[w2] = v ? "0" : "", N2[b] = y ? "0" : "", N2.transform = (k.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + h + "px)" : "translate3d(" + p + "px, " + h + "px, 0)", N2)) : Object.assign({}, E2, ((t = {})[w2] = v ? h + "px" : "", t[b] = y ? p + "px" : "", t.transform = "", t));
   }
   var Ui = { passive: true };
   var Ki = { left: "right", right: "left", bottom: "top", top: "bottom" };
@@ -5814,14 +5826,14 @@
     return { scrollLeft: t.pageXOffset, scrollTop: t.pageYOffset };
   }
   function Xi(e) {
-    return Pi(Ti(e)).left + Yi(e).scrollLeft;
+    return Ii(Ti(e)).left + Yi(e).scrollLeft;
   }
   function Qi(e) {
     var t = Li(e), n = t.overflow, o2 = t.overflowX, i = t.overflowY;
     return /auto|scroll|overlay|hidden/.test(n + i + o2);
   }
   function Zi(e) {
-    return ["html", "body", "#document"].indexOf(gi(e)) >= 0 ? e.ownerDocument.body : wi(e) && Qi(e) ? e : Zi(Ri(e));
+    return ["html", "body", "#document"].indexOf(gi(e)) >= 0 ? e.ownerDocument.body : bi(e) && Qi(e) ? e : Zi(Ri(e));
   }
   function er(e, t) {
     var n;
@@ -5837,27 +5849,27 @@
       var n2 = yi(e2), o2 = Ti(e2), i = n2.visualViewport, r2 = o2.clientWidth, a = o2.clientHeight, s = 0, c = 0;
       if (i) {
         r2 = i.width, a = i.height;
-        var l = Ii();
+        var l = Pi();
         (l || !l && "fixed" === t2) && (s = i.offsetLeft, c = i.offsetTop);
       }
       return { width: r2, height: a, x: s + Xi(e2), y: c };
     }(e, n)) : vi(t) ? function(e2, t2) {
-      var n2 = Pi(e2, false, "fixed" === t2);
+      var n2 = Ii(e2, false, "fixed" === t2);
       return n2.top = n2.top + e2.clientTop, n2.left = n2.left + e2.clientLeft, n2.bottom = n2.top + e2.clientHeight, n2.right = n2.left + e2.clientWidth, n2.width = e2.clientWidth, n2.height = e2.clientHeight, n2.x = n2.left, n2.y = n2.top, n2;
     }(t, n) : tr(function(e2) {
-      var t2, n2 = Ti(e2), o2 = Yi(e2), i = null == (t2 = e2.ownerDocument) ? void 0 : t2.body, r2 = Si(n2.scrollWidth, n2.clientWidth, i ? i.scrollWidth : 0, i ? i.clientWidth : 0), a = Si(n2.scrollHeight, n2.clientHeight, i ? i.scrollHeight : 0, i ? i.clientHeight : 0), s = -o2.scrollLeft + Xi(e2), c = -o2.scrollTop;
-      return "rtl" === Li(i || n2).direction && (s += Si(n2.clientWidth, i ? i.clientWidth : 0) - r2), { width: r2, height: a, x: s, y: c };
+      var t2, n2 = Ti(e2), o2 = Yi(e2), i = null == (t2 = e2.ownerDocument) ? void 0 : t2.body, r2 = Ci(n2.scrollWidth, n2.clientWidth, i ? i.scrollWidth : 0, i ? i.clientWidth : 0), a = Ci(n2.scrollHeight, n2.clientHeight, i ? i.scrollHeight : 0, i ? i.clientHeight : 0), s = -o2.scrollLeft + Xi(e2), c = -o2.scrollTop;
+      return "rtl" === Li(i || n2).direction && (s += Ci(n2.clientWidth, i ? i.clientWidth : 0) - r2), { width: r2, height: a, x: s, y: c };
     }(Ti(e)));
   }
   function or(e, t, n, o2) {
     var i = "clippingParents" === t ? function(e2) {
-      var t2 = er(Ri(e2)), n2 = ["absolute", "fixed"].indexOf(Li(e2).position) >= 0 && wi(e2) ? Mi(e2) : e2;
+      var t2 = er(Ri(e2)), n2 = ["absolute", "fixed"].indexOf(Li(e2).position) >= 0 && bi(e2) ? Mi(e2) : e2;
       return vi(n2) ? t2.filter(function(e3) {
         return vi(e3) && Oi(e3, n2) && "body" !== gi(e3);
       }) : [];
     }(e) : [].concat(t), r2 = [].concat(i, [n]), a = r2[0], s = r2.reduce(function(t2, n2) {
       var i2 = nr(e, n2, o2);
-      return t2.top = Si(i2.top, t2.top), t2.right = Ci(i2.right, t2.right), t2.bottom = Ci(i2.bottom, t2.bottom), t2.left = Si(i2.left, t2.left), t2;
+      return t2.top = Ci(i2.top, t2.top), t2.right = Si(i2.right, t2.right), t2.bottom = Si(i2.bottom, t2.bottom), t2.left = Ci(i2.left, t2.left), t2;
     }, nr(e, a, o2));
     return s.width = s.right - s.left, s.height = s.bottom - s.top, s.x = s.left, s.y = s.top, s;
   }
@@ -5894,12 +5906,12 @@
   }
   function rr(e, t) {
     void 0 === t && (t = {});
-    var n = t, o2 = n.placement, i = void 0 === o2 ? e.placement : o2, r2 = n.strategy, a = void 0 === r2 ? e.strategy : r2, s = n.boundary, c = void 0 === s ? "clippingParents" : s, l = n.rootBoundary, u = void 0 === l ? di : l, d = n.elementContext, f = void 0 === d ? fi : d, p = n.altBoundary, m = void 0 !== p && p, h = n.padding, g = void 0 === h ? 0 : h, y = _i("number" != typeof g ? g : ji(g, ci)), v = f === fi ? "reference" : fi, w = e.rects.popper, b2 = e.elements[m ? v : f], k = or(vi(b2) ? b2 : b2.contextElement || Ti(e.elements.popper), c, u, a), x = Pi(e.elements.reference), S2 = ir({ reference: x, element: w, strategy: "absolute", placement: i }), C2 = tr(Object.assign({}, w, S2)), N2 = f === fi ? C2 : x, E2 = { top: k.top - N2.top + y.top, bottom: N2.bottom - k.bottom + y.bottom, left: k.left - N2.left + y.left, right: N2.right - k.right + y.right }, I2 = e.modifiersData.offset;
-    if (f === fi && I2) {
-      var P2 = I2[i];
+    var n = t, o2 = n.placement, i = void 0 === o2 ? e.placement : o2, r2 = n.strategy, a = void 0 === r2 ? e.strategy : r2, s = n.boundary, c = void 0 === s ? "clippingParents" : s, l = n.rootBoundary, u = void 0 === l ? di : l, d = n.elementContext, f = void 0 === d ? fi : d, p = n.altBoundary, m = void 0 !== p && p, h = n.padding, g = void 0 === h ? 0 : h, y = _i("number" != typeof g ? g : ji(g, ci)), v = f === fi ? "reference" : fi, b = e.rects.popper, w2 = e.elements[m ? v : f], k = or(vi(w2) ? w2 : w2.contextElement || Ti(e.elements.popper), c, u, a), x = Ii(e.elements.reference), C2 = ir({ reference: x, element: b, strategy: "absolute", placement: i }), S2 = tr(Object.assign({}, b, C2)), N2 = f === fi ? S2 : x, E2 = { top: k.top - N2.top + y.top, bottom: N2.bottom - k.bottom + y.bottom, left: k.left - N2.left + y.left, right: N2.right - k.right + y.right }, P2 = e.modifiersData.offset;
+    if (f === fi && P2) {
+      var I2 = P2[i];
       Object.keys(E2).forEach(function(e2) {
         var t2 = [ri, ii].indexOf(e2) >= 0 ? 1 : -1, n2 = [oi, ii].indexOf(e2) >= 0 ? "y" : "x";
-        E2[e2] += P2[n2] * t2;
+        E2[e2] += I2[n2] * t2;
       });
     }
     return E2;
@@ -5927,23 +5939,23 @@
           return [];
         var t2 = Gi(e2);
         return [Ji(e2), t2, Ji(t2)];
-      }(g)), w = [g].concat(v).reduce(function(e2, n2) {
+      }(g)), b = [g].concat(v).reduce(function(e2, n2) {
         return e2.concat(xi(n2) === si ? ar(t, { placement: n2, boundary: u, rootBoundary: d, padding: l, flipVariations: m, allowedAutoPlacements: h }) : n2);
-      }, []), b2 = t.rects.reference, k = t.rects.popper, x = /* @__PURE__ */ new Map(), S2 = true, C2 = w[0], N2 = 0; N2 < w.length; N2++) {
-        var E2 = w[N2], I2 = xi(E2), P2 = Hi(E2) === li, A = [oi, ii].indexOf(I2) >= 0, O = A ? "width" : "height", L2 = rr(t, { placement: E2, boundary: u, rootBoundary: d, altBoundary: f, padding: l }), D2 = A ? P2 ? ri : ai : P2 ? ii : oi;
-        b2[O] > k[O] && (D2 = Gi(D2));
+      }, []), w2 = t.rects.reference, k = t.rects.popper, x = /* @__PURE__ */ new Map(), C2 = true, S2 = b[0], N2 = 0; N2 < b.length; N2++) {
+        var E2 = b[N2], P2 = xi(E2), I2 = Hi(E2) === li, A = [oi, ii].indexOf(P2) >= 0, O = A ? "width" : "height", L2 = rr(t, { placement: E2, boundary: u, rootBoundary: d, altBoundary: f, padding: l }), D2 = A ? I2 ? ri : ai : I2 ? ii : oi;
+        w2[O] > k[O] && (D2 = Gi(D2));
         var T2 = Gi(D2), R2 = [];
-        if (r2 && R2.push(L2[I2] <= 0), s && R2.push(L2[D2] <= 0, L2[T2] <= 0), R2.every(function(e2) {
+        if (r2 && R2.push(L2[P2] <= 0), s && R2.push(L2[D2] <= 0, L2[T2] <= 0), R2.every(function(e2) {
           return e2;
         })) {
-          C2 = E2, S2 = false;
+          S2 = E2, C2 = false;
           break;
         }
         x.set(E2, R2);
       }
-      if (S2)
+      if (C2)
         for (var B2 = function(e2) {
-          var t2 = w.find(function(t3) {
+          var t2 = b.find(function(t3) {
             var n2 = x.get(t3);
             if (n2)
               return n2.slice(0, e2).every(function(e3) {
@@ -5951,12 +5963,12 @@
               });
           });
           if (t2)
-            return C2 = t2, "break";
+            return S2 = t2, "break";
         }, M2 = m ? 3 : 1; M2 > 0; M2--) {
           if ("break" === B2(M2))
             break;
         }
-      t.placement !== C2 && (t.modifiersData[o2]._skip = true, t.placement = C2, t.reset = true);
+      t.placement !== S2 && (t.modifiersData[o2]._skip = true, t.placement = S2, t.reset = true);
     }
   }, requiresIfExists: ["offset"], data: { _skip: false } };
   function cr(e, t, n) {
@@ -5977,29 +5989,29 @@
     null != t.modifiersData.popperOffsets && (t.modifiersData.popperOffsets.x += c, t.modifiersData.popperOffsets.y += l), t.modifiersData[o2] = a;
   } };
   var dr = { name: "preventOverflow", enabled: true, phase: "main", fn: function(e) {
-    var t = e.state, n = e.options, o2 = e.name, i = n.mainAxis, r2 = void 0 === i || i, a = n.altAxis, s = void 0 !== a && a, c = n.boundary, l = n.rootBoundary, u = n.altBoundary, d = n.padding, f = n.tether, p = void 0 === f || f, m = n.tetherOffset, h = void 0 === m ? 0 : m, g = rr(t, { boundary: c, rootBoundary: l, padding: d, altBoundary: u }), y = xi(t.placement), v = Hi(t.placement), w = !v, b2 = Fi(y), k = "x" === b2 ? "y" : "x", x = t.modifiersData.popperOffsets, S2 = t.rects.reference, C2 = t.rects.popper, N2 = "function" == typeof h ? h(Object.assign({}, t.rects, { placement: t.placement })) : h, E2 = "number" == typeof N2 ? { mainAxis: N2, altAxis: N2 } : Object.assign({ mainAxis: 0, altAxis: 0 }, N2), I2 = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, P2 = { x: 0, y: 0 };
+    var t = e.state, n = e.options, o2 = e.name, i = n.mainAxis, r2 = void 0 === i || i, a = n.altAxis, s = void 0 !== a && a, c = n.boundary, l = n.rootBoundary, u = n.altBoundary, d = n.padding, f = n.tether, p = void 0 === f || f, m = n.tetherOffset, h = void 0 === m ? 0 : m, g = rr(t, { boundary: c, rootBoundary: l, padding: d, altBoundary: u }), y = xi(t.placement), v = Hi(t.placement), b = !v, w2 = Fi(y), k = "x" === w2 ? "y" : "x", x = t.modifiersData.popperOffsets, C2 = t.rects.reference, S2 = t.rects.popper, N2 = "function" == typeof h ? h(Object.assign({}, t.rects, { placement: t.placement })) : h, E2 = "number" == typeof N2 ? { mainAxis: N2, altAxis: N2 } : Object.assign({ mainAxis: 0, altAxis: 0 }, N2), P2 = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, I2 = { x: 0, y: 0 };
     if (x) {
       if (r2) {
-        var A, O = "y" === b2 ? oi : ai, L2 = "y" === b2 ? ii : ri, D2 = "y" === b2 ? "height" : "width", T2 = x[b2], R2 = T2 + g[O], B2 = T2 - g[L2], M2 = p ? -C2[D2] / 2 : 0, F = v === li ? S2[D2] : C2[D2], $2 = v === li ? -C2[D2] : -S2[D2], _2 = t.elements.arrow, j2 = p && _2 ? Ai(_2) : { width: 0, height: 0 }, z2 = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : { top: 0, right: 0, bottom: 0, left: 0 }, H2 = z2[O], W2 = z2[L2], V2 = $i(0, S2[D2], j2[D2]), U2 = w ? S2[D2] / 2 - M2 - V2 - H2 - E2.mainAxis : F - V2 - H2 - E2.mainAxis, K2 = w ? -S2[D2] / 2 + M2 + V2 + W2 + E2.mainAxis : $2 + V2 + W2 + E2.mainAxis, G2 = t.elements.arrow && Mi(t.elements.arrow), q2 = G2 ? "y" === b2 ? G2.clientTop || 0 : G2.clientLeft || 0 : 0, J2 = null != (A = null == I2 ? void 0 : I2[b2]) ? A : 0, Y2 = T2 + K2 - J2, X2 = $i(p ? Ci(R2, T2 + U2 - J2 - q2) : R2, T2, p ? Si(B2, Y2) : B2);
-        x[b2] = X2, P2[b2] = X2 - T2;
+        var A, O = "y" === w2 ? oi : ai, L2 = "y" === w2 ? ii : ri, D2 = "y" === w2 ? "height" : "width", T2 = x[w2], R2 = T2 + g[O], B2 = T2 - g[L2], M2 = p ? -S2[D2] / 2 : 0, F = v === li ? C2[D2] : S2[D2], $2 = v === li ? -S2[D2] : -C2[D2], _2 = t.elements.arrow, j2 = p && _2 ? Ai(_2) : { width: 0, height: 0 }, z2 = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : { top: 0, right: 0, bottom: 0, left: 0 }, H2 = z2[O], W2 = z2[L2], V2 = $i(0, C2[D2], j2[D2]), U2 = b ? C2[D2] / 2 - M2 - V2 - H2 - E2.mainAxis : F - V2 - H2 - E2.mainAxis, K2 = b ? -C2[D2] / 2 + M2 + V2 + W2 + E2.mainAxis : $2 + V2 + W2 + E2.mainAxis, G2 = t.elements.arrow && Mi(t.elements.arrow), q2 = G2 ? "y" === w2 ? G2.clientTop || 0 : G2.clientLeft || 0 : 0, J2 = null != (A = null == P2 ? void 0 : P2[w2]) ? A : 0, Y2 = T2 + K2 - J2, X2 = $i(p ? Si(R2, T2 + U2 - J2 - q2) : R2, T2, p ? Ci(B2, Y2) : B2);
+        x[w2] = X2, I2[w2] = X2 - T2;
       }
       if (s) {
-        var Q2, Z2 = "x" === b2 ? oi : ai, ee2 = "x" === b2 ? ii : ri, te2 = x[k], ne2 = "y" === k ? "height" : "width", oe2 = te2 + g[Z2], ie2 = te2 - g[ee2], re2 = -1 !== [oi, ai].indexOf(y), ae2 = null != (Q2 = null == I2 ? void 0 : I2[k]) ? Q2 : 0, se2 = re2 ? oe2 : te2 - S2[ne2] - C2[ne2] - ae2 + E2.altAxis, ce2 = re2 ? te2 + S2[ne2] + C2[ne2] - ae2 - E2.altAxis : ie2, le2 = p && re2 ? function(e2, t2, n2) {
+        var Q2, Z2 = "x" === w2 ? oi : ai, ee2 = "x" === w2 ? ii : ri, te2 = x[k], ne2 = "y" === k ? "height" : "width", oe2 = te2 + g[Z2], ie2 = te2 - g[ee2], re2 = -1 !== [oi, ai].indexOf(y), ae2 = null != (Q2 = null == P2 ? void 0 : P2[k]) ? Q2 : 0, se2 = re2 ? oe2 : te2 - C2[ne2] - S2[ne2] - ae2 + E2.altAxis, ce2 = re2 ? te2 + C2[ne2] + S2[ne2] - ae2 - E2.altAxis : ie2, le2 = p && re2 ? function(e2, t2, n2) {
           var o3 = $i(e2, t2, n2);
           return o3 > n2 ? n2 : o3;
         }(se2, te2, ce2) : $i(p ? se2 : oe2, te2, p ? ce2 : ie2);
-        x[k] = le2, P2[k] = le2 - te2;
+        x[k] = le2, I2[k] = le2 - te2;
       }
-      t.modifiersData[o2] = P2;
+      t.modifiersData[o2] = I2;
     }
   }, requiresIfExists: ["offset"] };
   function fr(e, t, n) {
     void 0 === n && (n = false);
-    var o2, i, r2 = wi(t), a = wi(t) && function(e2) {
+    var o2, i, r2 = bi(t), a = bi(t) && function(e2) {
       var t2 = e2.getBoundingClientRect(), n2 = Ni(t2.width) / e2.offsetWidth || 1, o3 = Ni(t2.height) / e2.offsetHeight || 1;
       return 1 !== n2 || 1 !== o3;
-    }(t), s = Ti(t), c = Pi(e, a, n), l = { scrollLeft: 0, scrollTop: 0 }, u = { x: 0, y: 0 };
-    return (r2 || !r2 && !n) && (("body" !== gi(t) || Qi(s)) && (l = (o2 = t) !== yi(o2) && wi(o2) ? { scrollLeft: (i = o2).scrollLeft, scrollTop: i.scrollTop } : Yi(o2)), wi(t) ? ((u = Pi(t, true)).x += t.clientLeft, u.y += t.clientTop) : s && (u.x = Xi(s))), { x: c.left + l.scrollLeft - u.x, y: c.top + l.scrollTop - u.y, width: c.width, height: c.height };
+    }(t), s = Ti(t), c = Ii(e, a, n), l = { scrollLeft: 0, scrollTop: 0 }, u = { x: 0, y: 0 };
+    return (r2 || !r2 && !n) && (("body" !== gi(t) || Qi(s)) && (l = (o2 = t) !== yi(o2) && bi(o2) ? { scrollLeft: (i = o2).scrollLeft, scrollTop: i.scrollTop } : Yi(o2)), bi(t) ? ((u = Ii(t, true)).x += t.clientLeft, u.y += t.clientTop) : s && (u.x = Xi(s))), { x: c.left + l.scrollLeft - u.x, y: c.top + l.scrollTop - u.y, width: c.width, height: c.height };
   }
   function pr(e) {
     var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), o2 = [];
@@ -6116,7 +6128,7 @@
     var t = e.state, n = e.name, o2 = t.rects.reference, i = t.rects.popper, r2 = t.modifiersData.preventOverflow, a = rr(t, { elementContext: "reference" }), s = rr(t, { altBoundary: true }), c = cr(a, o2), l = cr(s, i, r2), u = lr(c), d = lr(l);
     t.modifiersData[n] = { referenceClippingOffsets: c, popperEscapeOffsets: l, isReferenceHidden: u, hasPopperEscaped: d }, t.attributes.popper = Object.assign({}, t.attributes.popper, { "data-popper-reference-hidden": u, "data-popper-escaped": d });
   } }] });
-  var vr = "undefined" != typeof Element, wr = "function" == typeof Map, br = "function" == typeof Set, kr = "function" == typeof ArrayBuffer && !!ArrayBuffer.isView;
+  var vr = "undefined" != typeof Element, br = "function" == typeof Map, wr = "function" == typeof Set, kr = "function" == typeof ArrayBuffer && !!ArrayBuffer.isView;
   function xr(e, t) {
     if (e === t)
       return true;
@@ -6132,7 +6144,7 @@
             return false;
         return true;
       }
-      if (wr && e instanceof Map && t instanceof Map) {
+      if (br && e instanceof Map && t instanceof Map) {
         if (e.size !== t.size)
           return false;
         for (r2 = e.entries(); !(o2 = r2.next()).done; )
@@ -6143,7 +6155,7 @@
             return false;
         return true;
       }
-      if (br && e instanceof Set && t instanceof Set) {
+      if (wr && e instanceof Set && t instanceof Set) {
         if (e.size !== t.size)
           return false;
         for (r2 = e.entries(); !(o2 = r2.next()).done; )
@@ -6179,7 +6191,7 @@
     }
     return e != e && t != t;
   }
-  var Sr = function(e, t) {
+  var Cr = function(e, t) {
     try {
       return xr(e, t);
     } catch (e2) {
@@ -6188,12 +6200,12 @@
       throw e2;
     }
   };
-  S(Sr);
+  C(Cr);
   function Er({ className: t, variant: n = "default", size: o2 = "16", src: i, alt: r2, ...a }) {
     const s = E("io-image-icon", "grayscale" === n && [`io-image-icon-${n}`], o2 && [`io-image-icon-${o2}`], t);
     return jsxRuntime.jsx("img", { className: s, style: { width: `${o2}px`, filter: "grayscale" === n ? "grayscale(100%)" : "none" }, src: i, alt: r2, ...a });
   }
-  const Ir = o.forwardRef((n, o$1) => {
+  const Pr = o.forwardRef((n, o$1) => {
     const { title: i, actions: r2, className: a, onClose: s, onActionItemClick: c, "data-testid": u = "context-menu", ...p } = n, m = o.useRef({}), [g, y] = o.useState(0), v = (e) => {
       var _a2;
       (_a2 = m.current[e]) == null ? void 0 : _a2.focus(), y(e);
@@ -6202,11 +6214,11 @@
       var _a2;
       (_a2 = m.current[g]) == null ? void 0 : _a2.focus();
     }, []), jsxRuntime.jsxs(Q, { ref: o$1, className: E(a, "context-menu"), onClick: (e) => e.stopPropagation(), onKeyDown: (e) => M({ event: e, currentIndex: g, min: 0, max: r2.length - 1, moveFocus: v, onClose: s }), "data-testid": u, ...p, children: [i && jsxRuntime.jsx(Q.ItemSection, { children: i }), r2.map((n2, o$12) => {
-      const i2 = n2.displayName || n2.name, r3 = n2.iconSrc ? jsxRuntime.jsx(Er, { size: "16", src: n2.iconSrc, alt: `${i2} icon` }) : n2.icon && jsxRuntime.jsx(I, { size: "16", variant: n2.icon });
+      const i2 = n2.displayName || n2.name, r3 = n2.iconSrc ? jsxRuntime.jsx(Er, { size: "16", src: n2.iconSrc, alt: `${i2} icon` }) : n2.icon && jsxRuntime.jsx(P, { size: "16", variant: n2.icon });
       return jsxRuntime.jsxs(o.Fragment, { children: [jsxRuntime.jsx(Q.Item, { ref: (e) => m.current[o$12] = e, prepend: r3, disabled: n2.disabled, tabIndex: -1, ...B((e) => c(e, n2)), "data-testid": `${u}-item-${n2.name}`, children: i2 }), n2.separatorAfter && jsxRuntime.jsx("li", { className: "context-menu-separator", "aria-hidden": true, "data-testid": `${u}-separator` })] }, n2.name);
     })] });
   });
-  Ir.displayName = "ContextMenuActionsList";
+  Pr.displayName = "ContextMenuActionsList";
   const Or = () => void 0 !== window.glue42gd || void 0 !== window.glue42alert || void 0 !== window.glue42dialog || void 0 !== window.iodesktop, $r = "warning", _r = { success: 5e3, warning: 1e4 }, jr = (e) => "string" == typeof e ? e : (e == null ? void 0 : e.message) ? "string" == typeof e.message ? e.message : JSON.stringify(e.message) : JSON.stringify(e), zr = async (e) => {
     const { io: t, variant: n, text: o2, error: i } = e, r2 = jr(i);
     try {
@@ -6543,7 +6555,7 @@
     const i = E("io-panel-header", t);
     return jsxRuntime.jsx(se, { className: i, ...o2, children: n });
   }
-  Vs.Title = D, Vs.ButtonGroup = ae, Vs.Button = $, Vs.ButtonIcon = P, Vs.Dropdown = re;
+  Vs.Title = D, Vs.ButtonGroup = ae, Vs.Button = $, Vs.ButtonIcon = I, Vs.Dropdown = re;
   const Us = o.forwardRef(({ className: t, children: n, ...o2 }, i) => {
     const r2 = E("io-panel-body", t);
     return jsxRuntime.jsx("div", { className: r2, ref: i, "data-testid": "panel-body", ...o2, children: n });
@@ -6574,7 +6586,7 @@
    *
    * Released under the MIT license.
    */
-  Us.displayName = "PanelBody", Ks.ButtonGroup = ae, Ks.Button = $, Ks.ButtonIcon = P, Ks.Dropdown = re, Gs.Header = Vs, Gs.Body = Us, Gs.Footer = Ks, qs.Icon = I;
+  Us.displayName = "PanelBody", Ks.ButtonGroup = ae, Ks.Button = $, Ks.ButtonIcon = I, Ks.Dropdown = re, Gs.Header = Vs, Gs.Body = Us, Gs.Footer = Ks, qs.Icon = P;
   const Ys = (e, t) => {
     const { o: n, i: o2, u: i } = e;
     let r2, a = n;
@@ -6583,24 +6595,24 @@
       return (c || i) && (a = s2, r2 = n2), [a, c, r2];
     };
     return [t ? (e2) => s(t(a, r2), e2) : s, (e2) => [a, !!e2, r2]];
-  }, Xs = "undefined" != typeof window && "undefined" != typeof HTMLElement && !!window.document ? window : {}, Qs = Math.max, Zs = Math.min, ec = Math.round, tc = Math.abs, nc = Math.sign, oc = Xs.cancelAnimationFrame, ic = Xs.requestAnimationFrame, rc = Xs.setTimeout, ac = Xs.clearTimeout, sc = (e) => void 0 !== Xs[e] ? Xs[e] : void 0, cc = sc("MutationObserver"), lc = sc("IntersectionObserver"), uc = sc("ResizeObserver"), dc = sc("ScrollTimeline"), fc = (e) => void 0 === e, pc = (e) => null === e, mc = (e) => "number" == typeof e, hc = (e) => "string" == typeof e, gc = (e) => "boolean" == typeof e, yc = (e) => "function" == typeof e, vc = (e) => Array.isArray(e), wc = (e) => "object" == typeof e && !vc(e) && !pc(e), bc = (e) => {
+  }, Xs = "undefined" != typeof window && "undefined" != typeof HTMLElement && !!window.document ? window : {}, Qs = Math.max, Zs = Math.min, ec = Math.round, tc = Math.abs, nc = Math.sign, oc = Xs.cancelAnimationFrame, ic = Xs.requestAnimationFrame, rc = Xs.setTimeout, ac = Xs.clearTimeout, sc = (e) => void 0 !== Xs[e] ? Xs[e] : void 0, cc = sc("MutationObserver"), lc = sc("IntersectionObserver"), uc = sc("ResizeObserver"), dc = sc("ScrollTimeline"), fc = (e) => void 0 === e, pc = (e) => null === e, mc = (e) => "number" == typeof e, hc = (e) => "string" == typeof e, gc = (e) => "boolean" == typeof e, yc = (e) => "function" == typeof e, vc = (e) => Array.isArray(e), bc = (e) => "object" == typeof e && !vc(e) && !pc(e), wc = (e) => {
     const t = !!e && e.length, n = mc(t) && t > -1 && t % 1 == 0;
-    return !!(vc(e) || !yc(e) && n) && (!(t > 0 && wc(e)) || t - 1 in e);
-  }, kc = (e) => !!e && e.constructor === Object, xc = (e) => e instanceof HTMLElement, Sc = (e) => e instanceof Element;
-  function Cc(e, t) {
-    if (bc(e))
+    return !!(vc(e) || !yc(e) && n) && (!(t > 0 && bc(e)) || t - 1 in e);
+  }, kc = (e) => !!e && e.constructor === Object, xc = (e) => e instanceof HTMLElement, Cc = (e) => e instanceof Element;
+  function Sc(e, t) {
+    if (wc(e))
       for (let n = 0; n < e.length && false !== t(e[n], n, e); n++)
         ;
     else
-      e && Cc(Object.keys(e), (n) => t(e[n], n, e));
+      e && Sc(Object.keys(e), (n) => t(e[n], n, e));
     return e;
   }
-  const Nc = (e, t) => e.indexOf(t) >= 0, Ec = (e, t) => e.concat(t), Ic = (e, t, n) => (!hc(t) && bc(t) ? Array.prototype.push.apply(e, t) : e.push(t), e), Pc = (e) => Array.from(e || []), Ac = (e) => vc(e) ? e : !hc(e) && bc(e) ? Pc(e) : [e], Oc = (e) => !!e && !e.length, Lc = (e) => Pc(new Set(e)), Dc = (e, t, n) => {
-    Cc(e, (e2) => !e2 || e2.apply(void 0, t || [])), n || (e.length = 0);
+  const Nc = (e, t) => e.indexOf(t) >= 0, Ec = (e, t) => e.concat(t), Pc = (e, t, n) => (!hc(t) && wc(t) ? Array.prototype.push.apply(e, t) : e.push(t), e), Ic = (e) => Array.from(e || []), Ac = (e) => vc(e) ? e : !hc(e) && wc(e) ? Ic(e) : [e], Oc = (e) => !!e && !e.length, Lc = (e) => Ic(new Set(e)), Dc = (e, t, n) => {
+    Sc(e, (e2) => !e2 || e2.apply(void 0, t || [])), n || (e.length = 0);
   }, Tc = "paddingTop", Rc = "paddingRight", Bc = "paddingLeft", Mc = "paddingBottom", Fc = "marginLeft", $c = "marginRight", _c = "marginBottom", jc = "overflowX", zc = "overflowY", Hc = "width", Wc = "height", Vc = "visible", Uc = "hidden", Kc = "scroll", Gc = (e, t, n, o2) => {
     if (e && t) {
       let o3 = true;
-      return Cc(n, (n2) => {
+      return Sc(n, (n2) => {
         e[n2] !== t[n2] && (o3 = false);
       }), o3;
     }
@@ -6631,7 +6643,7 @@
     }, d = (e2) => r2 && c ? r2(c, e2) : e2, f = () => {
       s && c && u(d(c) || c);
     }, p = function() {
-      const e2 = Pc(arguments), t2 = Zc(n);
+      const e2 = Ic(arguments), t2 = Zc(n);
       if (t2) {
         const n2 = "function" == typeof i ? i() : i, r3 = Zc(o2), p2 = d(e2) || e2, m = u.bind(0, p2);
         s && s(), n2 && !l ? (m(), l = true, s = t2(() => l = void 0)) : (s = t2(m), r3 && !a && (a = r3(f))), c = p2;
@@ -6641,8 +6653,8 @@
     return p.O = f, p;
   }, tl = (e, t) => Object.prototype.hasOwnProperty.call(e, t), nl = (e) => e ? Object.keys(e) : [], ol = (e, t, n, o2, i, r2, a) => {
     const s = [t, n, o2, i, r2, a];
-    return "object" == typeof e && !pc(e) || yc(e) || (e = {}), Cc(s, (t2) => {
-      Cc(t2, (n2, o3) => {
+    return "object" == typeof e && !pc(e) || yc(e) || (e = {}), Sc(s, (t2) => {
+      Sc(t2, (n2, o3) => {
         const i2 = t2[o3];
         if (e === i2)
           return true;
@@ -6655,43 +6667,43 @@
           e[o3] = r3 ? i2.slice() : i2;
       });
     }), e;
-  }, il = (e, t) => Cc(ol({}, e), (e2, t2, n) => {
+  }, il = (e, t) => Sc(ol({}, e), (e2, t2, n) => {
     void 0 === e2 ? delete n[t2] : e2 && kc(e2) && (n[t2] = il(e2));
   }), rl = (e) => !nl(e).length, al = () => {
   }, sl = (e, t, n) => Qs(e, Zs(t, n)), cl = (e) => Lc((vc(e) ? e : (e || "").split(" ")).filter((e2) => e2)), ll = (e, t) => e && e.getAttribute(t), ul = (e, t) => e && e.hasAttribute(t), dl = (e, t, n) => {
-    Cc(cl(t), (t2) => {
+    Sc(cl(t), (t2) => {
       e && e.setAttribute(t2, String(n || ""));
     });
   }, fl = (e, t) => {
-    Cc(cl(t), (t2) => e && e.removeAttribute(t2));
+    Sc(cl(t), (t2) => e && e.removeAttribute(t2));
   }, pl = (e, t) => {
     const n = cl(ll(e, t)), o2 = Xc(dl, e, t), i = (e2, t2) => {
       const o3 = new Set(n);
-      return Cc(cl(e2), (e3) => {
+      return Sc(cl(e2), (e3) => {
         o3[t2](e3);
-      }), Pc(o3).join(" ");
+      }), Ic(o3).join(" ");
     };
     return { C: (e2) => o2(i(e2, "delete")), $: (e2) => o2(i(e2, "add")), H: (e2) => {
       const t2 = cl(e2);
       return t2.reduce((e3, t3) => e3 && n.includes(t3), t2.length > 0);
     } };
-  }, ml = (e, t, n) => (pl(e, t).C(n), Xc(hl, e, t, n)), hl = (e, t, n) => (pl(e, t).$(n), Xc(ml, e, t, n)), gl = (e, t, n, o2) => (o2 ? hl : ml)(e, t, n), yl = (e, t, n) => pl(e, t).H(n), vl = (e) => pl(e, "class"), wl = (e, t) => {
+  }, ml = (e, t, n) => (pl(e, t).C(n), Xc(hl, e, t, n)), hl = (e, t, n) => (pl(e, t).$(n), Xc(ml, e, t, n)), gl = (e, t, n, o2) => (o2 ? hl : ml)(e, t, n), yl = (e, t, n) => pl(e, t).H(n), vl = (e) => pl(e, "class"), bl = (e, t) => {
     vl(e).C(t);
-  }, bl = (e, t) => (vl(e).$(t), Xc(wl, e, t)), kl = (e, t) => {
-    const n = t ? Sc(t) && t : document;
-    return n ? Pc(n.querySelectorAll(e)) : [];
-  }, xl = (e, t) => Sc(e) && e.matches(t), Sl = (e) => xl(e, "body"), Cl = (e) => e ? Pc(e.childNodes) : [], Nl = (e) => e && e.parentElement, El = (e, t) => Sc(e) && e.closest(t), Il = (e) => document.activeElement, Pl = (e, t, n) => {
+  }, wl = (e, t) => (vl(e).$(t), Xc(bl, e, t)), kl = (e, t) => {
+    const n = t ? Cc(t) && t : document;
+    return n ? Ic(n.querySelectorAll(e)) : [];
+  }, xl = (e, t) => Cc(e) && e.matches(t), Cl = (e) => xl(e, "body"), Sl = (e) => e ? Ic(e.childNodes) : [], Nl = (e) => e && e.parentElement, El = (e, t) => Cc(e) && e.closest(t), Pl = (e) => document.activeElement, Il = (e, t, n) => {
     const o2 = El(e, t), i = e && ((e2, t2) => {
-      const n2 = t2 ? Sc(t2) && t2 : document;
+      const n2 = t2 ? Cc(t2) && t2 : document;
       return n2 && n2.querySelector(e2);
     })(n, o2), r2 = El(i, t) === o2;
     return !(!o2 || !i) && (o2 === e || i === e || r2 && El(El(e, n), t) !== o2);
   }, Al = (e) => {
-    Cc(Ac(e), (e2) => {
+    Sc(Ac(e), (e2) => {
       const t = Nl(e2);
       e2 && t && t.removeChild(e2);
     });
-  }, Ol = (e, t) => Xc(Al, e && t && Cc(Ac(t), (t2) => {
+  }, Ol = (e, t) => Xc(Al, e && t && Sc(Ac(t), (t2) => {
     t2 && e.appendChild(t2);
   }));
   let Ll;
@@ -6700,13 +6712,13 @@
     return dl(t, "class", e), t;
   }, Tl = (e) => {
     const t = Dl(), n = Ll, o2 = e.trim();
-    return t.innerHTML = n ? n.createHTML(o2) : o2, Cc(Cl(t), (e2) => Al(e2));
+    return t.innerHTML = n ? n.createHTML(o2) : o2, Sc(Sl(t), (e2) => Al(e2));
   }, Rl = (e, t) => e.getPropertyValue(t) || e[t] || "", Bl = (e) => {
     const t = e || 0;
     return isFinite(t) ? t : 0;
   }, Ml = (e) => Bl(parseFloat(e || "")), Fl = (e) => Math.round(1e4 * e) / 1e4, $l = (e) => `${Fl(Bl(e))}px`;
   function _l(e, t) {
-    e && t && Cc(t, (t2, n) => {
+    e && t && Sc(t, (t2, n) => {
       try {
         const o2 = e.style, i = pc(t2) || gc(t2) ? "" : mc(t2) ? $l(t2) : t2;
         0 === n.indexOf("--") ? o2.setProperty(n, i) : o2[n] = i;
@@ -6719,21 +6731,21 @@
     let i = o2 ? "" : {};
     if (e) {
       const r2 = Xs.getComputedStyle(e, n) || e.style;
-      i = o2 ? Rl(r2, t) : Pc(t).reduce((e2, t2) => (e2[t2] = Rl(r2, t2), e2), i);
+      i = o2 ? Rl(r2, t) : Ic(t).reduce((e2, t2) => (e2[t2] = Rl(r2, t2), e2), i);
     }
     return i;
   }
   const zl = (e, t, n) => {
     const o2 = t ? `${t}-` : "", i = n ? `-${n}` : "", r2 = `${o2}top${i}`, a = `${o2}right${i}`, s = `${o2}bottom${i}`, c = `${o2}left${i}`, l = jl(e, [r2, a, s, c]);
     return { t: Ml(l[r2]), r: Ml(l[a]), b: Ml(l[s]), l: Ml(l[c]) };
-  }, Hl = (e, t) => "translate" + (wc(e) ? `(${e.x},${e.y})` : `${t ? "X" : "Y"}(${e})`), Wl = { w: 0, h: 0 }, Vl = (e, t) => t ? { w: t[`${e}Width`], h: t[`${e}Height`] } : Wl, Ul = (e) => Vl("inner", e || Xs), Kl = Xc(Vl, "offset"), Gl = Xc(Vl, "client"), ql = Xc(Vl, "scroll"), Jl = (e) => {
+  }, Hl = (e, t) => "translate" + (bc(e) ? `(${e.x},${e.y})` : `${t ? "X" : "Y"}(${e})`), Wl = { w: 0, h: 0 }, Vl = (e, t) => t ? { w: t[`${e}Width`], h: t[`${e}Height`] } : Wl, Ul = (e) => Vl("inner", e || Xs), Kl = Xc(Vl, "offset"), Gl = Xc(Vl, "client"), ql = Xc(Vl, "scroll"), Jl = (e) => {
     const t = parseFloat(jl(e, Hc)) || 0, n = parseFloat(jl(e, Wc)) || 0;
     return { w: t - ec(t), h: n - ec(n) };
   }, Yl = (e) => e.getBoundingClientRect(), Xl = (e) => !(!e || !e[Wc] && !e[Hc]), Ql = (e, t) => {
     const n = Xl(e);
     return !Xl(t) && n;
   }, Zl = (e, t, n, o2) => {
-    Cc(cl(t), (t2) => {
+    Sc(cl(t), (t2) => {
       e && e.removeEventListener(t2, n, o2);
     });
   }, eu = (e, t, n, o2) => {
@@ -6767,7 +6779,7 @@
   }, lu = (e) => {
     e && e.focus && e.focus({ preventScroll: true, focusVisible: false });
   }, uu = (e, t) => {
-    Cc(Ac(t), e);
+    Sc(Ac(t), e);
   }, du = (e) => {
     const t = /* @__PURE__ */ new Map(), n = (e2, n2) => {
       if (e2) {
@@ -6788,13 +6800,13 @@
       }
       gc(i) && i && n();
       const r2 = nl(e2), a = [];
-      return Cc(r2, (t2) => {
+      return Sc(r2, (t2) => {
         const n2 = e2[t2];
-        n2 && Ic(a, o2(t2, n2));
+        n2 && Pc(a, o2(t2, n2));
       }), Xc(Dc, a);
     };
     return o2(e || {}), [o2, n, (e2, n2) => {
-      Cc(Pc(t.get(e2)), (e3) => {
+      Sc(Ic(t.get(e2)), (e3) => {
         n2 && !Oc(n2) ? e3.apply(0, n2) : e3();
       });
     }];
@@ -6804,7 +6816,7 @@
       const e2 = n ? l(a, s, t) : l(t);
       return (c || pu)[o2] = e2;
     }
-  }), hu = (e) => pu[e], gu = "data-overlayscrollbars", yu = "os-environment", vu = `${yu}-scrollbar-hidden`, wu = `${gu}-initialize`, bu = "noClipping", ku = `${gu}-body`, xu = gu, Su = `${gu}-viewport`, Cu = jc, Nu = zc, Eu = "measuring", Iu = "scrollbarHidden", Pu = `${gu}-padding`, Au = `${gu}-content`, Ou = "os-size-observer", Lu = `${Ou}-appear`, Du = `${Ou}-listener`, Tu = "os-scrollbar", Ru = `${Tu}-rtl`, Bu = `${Tu}-horizontal`, Mu = `${Tu}-vertical`, Fu = `${Tu}-track`, $u = `${Tu}-handle`, _u = `${Tu}-visible`, ju = `${Tu}-cornerless`, zu = `${Tu}-interaction`, Hu = `${Tu}-unusable`, Wu = `${Tu}-auto-hide`, Vu = `${Wu}-hidden`, Uu = `${Tu}-wheel`, Ku = `${Fu}-interactive`, Gu = `${$u}-interactive`, qu = (e) => 0 === e.indexOf(Vc), Ju = (e, t) => {
+  }), hu = (e) => pu[e], gu = "data-overlayscrollbars", yu = "os-environment", vu = `${yu}-scrollbar-hidden`, bu = `${gu}-initialize`, wu = "noClipping", ku = `${gu}-body`, xu = gu, Cu = `${gu}-viewport`, Su = jc, Nu = zc, Eu = "measuring", Pu = "scrollbarHidden", Iu = `${gu}-padding`, Au = `${gu}-content`, Ou = "os-size-observer", Lu = `${Ou}-appear`, Du = `${Ou}-listener`, Tu = "os-scrollbar", Ru = `${Tu}-rtl`, Bu = `${Tu}-horizontal`, Mu = `${Tu}-vertical`, Fu = `${Tu}-track`, $u = `${Tu}-handle`, _u = `${Tu}-visible`, ju = `${Tu}-cornerless`, zu = `${Tu}-interaction`, Hu = `${Tu}-unusable`, Wu = `${Tu}-auto-hide`, Vu = `${Wu}-hidden`, Uu = `${Tu}-wheel`, Ku = `${Fu}-interactive`, Gu = `${$u}-interactive`, qu = (e) => 0 === e.indexOf(Vc), Ju = (e, t) => {
     if ("auto" === e)
       return t ? Kc : Uc;
     const n = e || Uc;
@@ -6818,9 +6830,9 @@
     return t;
   }), Zu = (e, t) => e ? `${t}`.split(".").reduce((e2, t2) => e2 && tl(e2, t2) ? e2[t2] : void 0, e) : void 0, ed = [33, 99], td = [222, 666, true], nd = { paddingAbsolute: false, showNativeOverlaidScrollbars: false, update: { elementEvents: [["img", "load"]], debounce: { mutation: [0, 33], resize: null, event: ed, env: td }, attributes: null, ignoreMutation: null, flowDirectionStyles: null }, overflow: { x: "scroll", y: "scroll" }, scrollbars: { theme: "os-theme-dark", visibility: "auto", autoHide: "never", autoHideDelay: 1300, autoHideSuspend: false, dragScroll: true, clickScroll: false, pointers: ["mouse", "touch", "pen"] } }, od = (e, t) => {
     const n = {};
-    return Cc(Ec(nl(t), nl(e)), (o2) => {
+    return Sc(Ec(nl(t), nl(e)), (o2) => {
       const i = e[o2], r2 = t[o2];
-      if (wc(i) && wc(r2))
+      if (bc(i) && bc(r2))
         ol(n[o2] = {}, od(i, r2)), rl(n[o2]) && delete n[o2];
       else if (tl(t, o2) && r2 !== i) {
         let e2 = true;
@@ -6844,13 +6856,13 @@
     i && (o2.nonce = i);
     const [r2, , a] = du(), [s, c] = Ys({ o: e(t, n), i: Jc }, Xc(e, t, n, true)), [l] = c(), u = ((e2) => {
       let t2 = false;
-      const n2 = bl(e2, vu);
+      const n2 = wl(e2, vu);
       try {
         t2 = "none" === jl(e2, "scrollbar-width") || "none" === jl(e2, "display", "::-webkit-scrollbar");
       } catch (e3) {
       }
       return n2(), t2;
-    })(t), d = { x: 0 === l.x, y: 0 === l.y }, f = { elements: { host: null, padding: !u, viewport: (e2) => u && Sl(e2) && e2, content: false }, scrollbars: { slot: true }, cancel: { nativeScrollbarsOverlaid: false, body: null } }, p = ol({}, nd), m = Xc(ol, {}, p), h = Xc(ol, {}, f), g = { P: l, k: d, U: u, J: !!dc, G: Xc(r2, "r"), K: h, Z: (e2) => ol(f, e2) && h(), tt: m, nt: (e2) => ol(p, e2) && m(), ot: ol({}, f), st: ol({}, p) };
+    })(t), d = { x: 0 === l.x, y: 0 === l.y }, f = { elements: { host: null, padding: !u, viewport: (e2) => u && Cl(e2) && e2, content: false }, scrollbars: { slot: true }, cancel: { nativeScrollbarsOverlaid: false, body: null } }, p = ol({}, nd), m = Xc(ol, {}, p), h = Xc(ol, {}, f), g = { P: l, k: d, U: u, J: !!dc, G: Xc(r2, "r"), K: h, Z: (e2) => ol(f, e2) && h(), tt: m, nt: (e2) => ol(p, e2) && m(), ot: ol({}, f), st: ol({}, p) };
     if (fl(t, "style"), Al(t), eu(Xs, "resize", () => {
       a("r", []);
     }), yc(Xs.matchMedia) && !u && (!d.x || !d.y)) {
@@ -6876,13 +6888,13 @@
             const [n3, o4] = t3 || [];
             return [o4 && n3 ? (r4 || kl)(n3, e2) : [], o4];
           });
-          Cc(a2, (n3) => Cc(n3[0], (r5) => {
+          Sc(a2, (n3) => Sc(n3[0], (r5) => {
             const a3 = n3[1], s2 = i2.get(r5) || [];
             if (e2.contains(r5) && a3) {
               const e3 = eu(r5, a3, (n4) => {
                 o3 ? (e3(), i2.delete(r5)) : t2(n4);
               });
-              i2.set(r5, Ic(s2, e3));
+              i2.set(r5, Pc(s2, e3));
             } else
               Dc(s2), i2.delete(r5);
           }));
@@ -6895,14 +6907,14 @@
       if (!Oc(r3)) {
         const a2 = l || al, s2 = u || al, d2 = [], m2 = [];
         let h2 = false, g2 = false;
-        if (Cc(r3, (n2) => {
-          const { attributeName: i3, target: r4, type: l2, oldValue: u2, addedNodes: f2, removedNodes: y } = n2, v = "attributes" === l2, w = "childList" === l2, b2 = e === r4, k = v && i3, x = k && ll(r4, i3 || ""), S2 = hc(x) ? x : null, C2 = k && u2 !== S2, N2 = Nc(p, i3) && C2;
-          if (t && (w || !b2)) {
-            const t2 = v && C2, l3 = t2 && c && xl(r4, c), p2 = (l3 ? !a2(r4, i3, u2, S2) : !v || t2) && !s2(n2, !!l3, e, o2);
-            Cc(f2, (e2) => Ic(d2, e2)), Cc(y, (e2) => Ic(d2, e2)), g2 = g2 || p2;
+        if (Sc(r3, (n2) => {
+          const { attributeName: i3, target: r4, type: l2, oldValue: u2, addedNodes: f2, removedNodes: y } = n2, v = "attributes" === l2, b = "childList" === l2, w2 = e === r4, k = v && i3, x = k && ll(r4, i3 || ""), C2 = hc(x) ? x : null, S2 = k && u2 !== C2, N2 = Nc(p, i3) && S2;
+          if (t && (b || !w2)) {
+            const t2 = v && S2, l3 = t2 && c && xl(r4, c), p2 = (l3 ? !a2(r4, i3, u2, C2) : !v || t2) && !s2(n2, !!l3, e, o2);
+            Sc(f2, (e2) => Pc(d2, e2)), Sc(y, (e2) => Pc(d2, e2)), g2 = g2 || p2;
           }
-          !t && b2 && C2 && !a2(r4, i3, u2, S2) && (Ic(m2, i3), h2 = h2 || N2);
-        }), f((e2) => Lc(d2).reduce((t2, n2) => (Ic(t2, kl(e2, n2)), xl(n2, e2) ? Ic(t2, n2) : t2), [])), t)
+          !t && w2 && S2 && !a2(r4, i3, u2, C2) && (Pc(m2, i3), h2 = h2 || N2);
+        }), f((e2) => Lc(d2).reduce((t2, n2) => (Pc(t2, kl(e2, n2)), xl(n2, e2) ? Pc(t2, n2) : t2), [])), t)
           return !i2 && g2 && n(false), [false];
         if (!Oc(m2) || h2) {
           const e2 = [Lc(m2), h2];
@@ -6938,18 +6950,18 @@
           } }), ud = ud || false, t3.disconnect();
         }
         const t2 = el(c, { p: 0, v: 0 }), o3 = (e2) => t2(e2), i2 = new uc(o3);
-        if (i2.observe(ud ? e : s), Ic(n2, [() => {
+        if (i2.observe(ud ? e : s), Pc(n2, [() => {
           i2.disconnect();
         }, !ud && Ol(e, a)]), ud) {
           const t3 = new uc(o3);
-          t3.observe(e, { box: "border-box" }), Ic(n2, () => t3.disconnect());
+          t3.observe(e, { box: "border-box" }), Pc(n2, () => t3.disconnect());
         }
       } else {
         if (!i)
           return al;
         {
           const [t2, r3] = i(s, c, o2);
-          Ic(n2, Ec([bl(a, Lu), eu(a, "animationstart", t2), Ol(e, a)], r3));
+          Pc(n2, Ec([wl(a, Lu), eu(a, "animationstart", t2), Ol(e, a)], r3));
         }
       }
       return Xc(Dc, n2);
@@ -6965,7 +6977,7 @@
     return [() => {
       const t2 = [];
       if (lc)
-        n = new lc(Xc(a, false), { root: e }), n.observe(o2), Ic(t2, () => {
+        n = new lc(Xc(a, false), { root: e }), n.observe(o2), Pc(t2, () => {
           n.disconnect();
         });
       else {
@@ -6973,14 +6985,14 @@
           const e3 = Kl(o2);
           r2(e3);
         };
-        Ic(t2, dd(o2, e2)()), e2();
+        Pc(t2, dd(o2, e2)()), e2();
       }
-      return Xc(Dc, Ic(t2, Ol(e, o2)));
+      return Xc(Dc, Pc(t2, Ol(e, o2)));
     }, () => n && a(true, n.takeRecords())];
   }, pd = (e, t, n, o2) => {
     let i, r2, a, s, c, l, u, d;
-    const f = `[${xu}]`, p = `[${Su}]`, m = ["id", "class", "style", "open", "wrap", "cols", "rows"], { dt: h, vt: g, L: y, gt: v, ht: w, V: b2, bt: k, wt: x, yt: S2, St: C2 } = e, N2 = (e2) => "rtl" === jl(e2, "direction"), E2 = { Ot: false, B: N2(h) }, I2 = cd(), P2 = hu(Xu), [A] = Ys({ i: qc, o: { w: 0, h: 0 } }, () => {
-      const o3 = P2 && P2.R(e, t, E2, I2, n).Y, i2 = !(k && b2) && yl(g, xu, bu), r3 = !b2 && x("arrange"), a2 = r3 && ru(v), s2 = a2 && C2(), c2 = S2(Eu, i2), l2 = r3 && o3 && o3(), u2 = ql(y), d2 = Jl(y);
+    const f = `[${xu}]`, p = `[${Cu}]`, m = ["id", "class", "style", "open", "wrap", "cols", "rows"], { dt: h, vt: g, L: y, gt: v, ht: b, V: w2, bt: k, wt: x, yt: C2, St: S2 } = e, N2 = (e2) => "rtl" === jl(e2, "direction"), E2 = { Ot: false, B: N2(h) }, P2 = cd(), I2 = hu(Xu), [A] = Ys({ i: qc, o: { w: 0, h: 0 } }, () => {
+      const o3 = I2 && I2.R(e, t, E2, P2, n).Y, i2 = !(k && w2) && yl(g, xu, wu), r3 = !w2 && x("arrange"), a2 = r3 && ru(v), s2 = a2 && S2(), c2 = C2(Eu, i2), l2 = r3 && o3 && o3(), u2 = ql(y), d2 = Jl(y);
       return l2 && l2(), iu(v, a2), s2 && s2(), i2 && c2(), { w: u2.w + d2.w, h: u2.h + d2.h };
     }), O = (() => {
       let e2, t2, n2;
@@ -7011,13 +7023,13 @@
     }, B2 = (e2, t2, n2) => {
       const o3 = { Ht: t2 };
       return L2(o3), t2 && !n2 && O(o3, i), o3;
-    }, [M2, F] = w ? fd(g, D2) : [], $2 = !b2 && dd(g, T2, { ft: true }), [_2, j2] = ld(g, false, B2, { ct: m, et: m }), z2 = b2 && uc && new uc((e2) => {
+    }, [M2, F] = b ? fd(g, D2) : [], $2 = !w2 && dd(g, T2, { ft: true }), [_2, j2] = ld(g, false, B2, { ct: m, et: m }), z2 = w2 && uc && new uc((e2) => {
       const t2 = e2[e2.length - 1].contentRect;
       T2({ _t: true, ft: Ql(t2, u) }), u = t2;
     });
     return [() => {
       z2 && z2.observe(g);
-      const e2 = $2 && $2(), t2 = M2 && M2(), n2 = _2(), o3 = I2.G((e3) => {
+      const e2 = $2 && $2(), t2 = M2 && M2(), n2 = _2(), o3 = P2.G((e3) => {
         const [, t3] = A();
         O({ Et: e3, xt: t3, _t: k }, s);
       });
@@ -7025,18 +7037,18 @@
         z2 && z2.disconnect(), e2 && e2(), t2 && t2(), l && l(), n2(), o3();
       };
     }, ({ zt: e2, It: t2, At: n2 }) => {
-      const o3 = {}, [u2] = e2("update.ignoreMutation"), [d2, h2] = e2("update.attributes"), [g2, v2] = e2("update.elementEvents"), [k2, x2] = e2("update.debounce"), S3 = t2 || n2;
+      const o3 = {}, [u2] = e2("update.ignoreMutation"), [d2, h2] = e2("update.attributes"), [g2, v2] = e2("update.elementEvents"), [k2, x2] = e2("update.debounce"), C3 = t2 || n2;
       if (v2 || h2) {
         c && c(), l && l();
-        const [e3, t3] = ld(w || y, true, R2, { et: Ec(m, d2 || []), rt: g2, it: f, ut: (e4, t4) => {
+        const [e3, t3] = ld(b || y, true, R2, { et: Ec(m, d2 || []), rt: g2, it: f, ut: (e4, t4) => {
           const { target: n3, attributeName: o4 } = e4;
-          return !(t4 || !o4 || b2) && Pl(n3, f, p) || !!El(n3, `.${Tu}`) || !!((e5) => yc(u2) && u2(e5))(e4);
+          return !(t4 || !o4 || w2) && Il(n3, f, p) || !!El(n3, `.${Tu}`) || !!((e5) => yc(u2) && u2(e5))(e4);
         } });
         l = e3(), c = t3;
       }
-      if (x2 && (O.O(), vc(k2) || mc(k2) ? (i = k2, r2 = false, a = ed, s = td) : kc(k2) ? (i = k2.mutation, r2 = k2.resize, a = k2.event, s = k2.env) : (i = false, r2 = false, a = false, s = false)), S3) {
+      if (x2 && (O.O(), vc(k2) || mc(k2) ? (i = k2, r2 = false, a = ed, s = td) : kc(k2) ? (i = k2.mutation, r2 = k2.resize, a = k2.event, s = k2.env) : (i = false, r2 = false, a = false, s = false)), C3) {
         const e3 = j2(), t3 = F && F(), n3 = c && c();
-        e3 && ol(o3, B2(e3[0], e3[1], S3)), t3 && ol(o3, D2(t3[0], S3)), n3 && ol(o3, R2(n3[0], S3));
+        e3 && ol(o3, B2(e3[0], e3[1], C3)), t3 && ol(o3, D2(t3[0], C3)), n3 && ol(o3, R2(n3[0], C3));
       }
       return L2(o3), o3;
     }, E2];
@@ -7047,7 +7059,7 @@
     const i = fc(o2) ? n : o2, r2 = md(e, i);
     return !!r2 && (xc(r2) ? r2 : t.apply(0, e));
   }, yd = (e, t, n, o2) => {
-    const i = "--os-viewport-percent", r2 = "--os-scroll-percent", a = "--os-scroll-direction", { K: s } = cd(), { scrollbars: c } = s(), { slot: l } = c, { dt: u, vt: d, L: f, Tt: p, gt: m, bt: h, V: g } = t, { scrollbars: y } = p ? {} : e, { slot: v } = y || {}, w = [], b2 = [], k = [], x = gd([u, d, f], () => g && h ? u : d, l, v), S2 = (e2) => {
+    const i = "--os-viewport-percent", r2 = "--os-scroll-percent", a = "--os-scroll-direction", { K: s } = cd(), { scrollbars: c } = s(), { slot: l } = c, { dt: u, vt: d, L: f, Tt: p, gt: m, bt: h, V: g } = t, { scrollbars: y } = p ? {} : e, { slot: v } = y || {}, b = [], w2 = [], k = [], x = gd([u, d, f], () => g && h ? u : d, l, v), C2 = (e2) => {
       if (dc) {
         let t2 = null, o3 = [];
         const i2 = new dc({ source: m, axis: e2 }), r3 = () => {
@@ -7058,37 +7070,37 @@
         };
         return { kt: a2 };
       }
-    }, C2 = { x: S2("x"), y: S2("y") }, N2 = (e2, t2, n2) => {
-      const o3 = n2 ? bl : wl;
-      Cc(e2, (e3) => {
+    }, S2 = { x: C2("x"), y: C2("y") }, N2 = (e2, t2, n2) => {
+      const o3 = n2 ? wl : bl;
+      Sc(e2, (e3) => {
         o3(e3.Lt, t2);
       });
     }, E2 = (e2, t2) => {
-      Cc(e2, (e3) => {
+      Sc(e2, (e3) => {
         const [n2, o3] = t2(e3);
         _l(n2, o3);
       });
-    }, I2 = (e2, t2, n2) => {
+    }, P2 = (e2, t2, n2) => {
       const o3 = gc(n2), i2 = !o3 || !n2;
-      (!o3 || n2) && N2(b2, e2, t2), i2 && N2(k, e2, t2);
-    }, P2 = (e2) => {
-      const t2 = e2 ? "x" : "y", n2 = Dl(`${Tu} ${e2 ? Bu : Mu}`), i2 = Dl(Fu), r3 = Dl($u), a2 = { Lt: n2, Ut: i2, Mt: r3 }, s2 = C2[t2];
-      return Ic(e2 ? b2 : k, a2), Ic(w, [Ol(n2, i2), Ol(i2, r3), Xc(Al, n2), s2 && s2.kt(a2), o2(a2, I2, e2)]), a2;
-    }, A = Xc(P2, true), O = Xc(P2, false);
+      (!o3 || n2) && N2(w2, e2, t2), i2 && N2(k, e2, t2);
+    }, I2 = (e2) => {
+      const t2 = e2 ? "x" : "y", n2 = Dl(`${Tu} ${e2 ? Bu : Mu}`), i2 = Dl(Fu), r3 = Dl($u), a2 = { Lt: n2, Ut: i2, Mt: r3 }, s2 = S2[t2];
+      return Pc(e2 ? w2 : k, a2), Pc(b, [Ol(n2, i2), Ol(i2, r3), Xc(Al, n2), s2 && s2.kt(a2), o2(a2, P2, e2)]), a2;
+    }, A = Xc(I2, true), O = Xc(I2, false);
     return A(), O(), [{ Pt: () => {
       const e2 = (() => {
         const { Rt: e3, Vt: t3 } = n, o3 = (e4, t4) => sl(0, 1, e4 / (e4 + t4) || 0);
         return { x: o3(t3.x, e3.x), y: o3(t3.y, e3.y) };
       })(), t2 = (e3) => (t3) => [t3.Lt, { [i]: Fl(e3) + "" }];
-      E2(b2, t2(e2.x)), E2(k, t2(e2.y));
+      E2(w2, t2(e2.x)), E2(k, t2(e2.y));
     }, Nt: () => {
       if (!dc) {
         const { Dt: e2 } = n, t2 = cu(e2, ru(m)), o3 = (e3) => (t3) => [t3.Lt, { [r2]: Fl(e3) + "" }];
-        E2(b2, o3(t2.x)), E2(k, o3(t2.y));
+        E2(w2, o3(t2.x)), E2(k, o3(t2.y));
       }
     }, qt: () => {
       const { Dt: e2 } = n, t2 = su(e2), o3 = (e3) => (t3) => [t3.Lt, { [a]: e3 ? "0" : "1" }];
-      E2(b2, o3(t2.x)), E2(k, o3(t2.y)), dc && (b2.forEach(C2.x.kt), k.forEach(C2.y.kt));
+      E2(w2, o3(t2.x)), E2(k, o3(t2.y)), dc && (w2.forEach(S2.x.kt), k.forEach(S2.y.kt));
     }, Bt: () => {
       if (g && !h) {
         const { Rt: e2, Dt: t2 } = n, o3 = su(t2), i2 = cu(t2, ru(m)), r3 = (t3) => {
@@ -7098,11 +7110,11 @@
           };
           return [r4, r4 && { transform: Hl({ x: a2(i2.x, e2.x, o3.x), y: a2(i2.y, e2.y, o3.y) }) }];
         };
-        E2(b2, r3), E2(k, r3);
+        E2(w2, r3), E2(k, r3);
       }
-    }, Ft: I2, jt: { Xt: b2, Yt: A, Wt: Xc(E2, b2) }, Jt: { Xt: k, Yt: O, Wt: Xc(E2, k) } }, () => (Ol(x, b2[0].Lt), Ol(x, k[0].Lt), Xc(Dc, w))];
+    }, Ft: P2, jt: { Xt: w2, Yt: A, Wt: Xc(E2, w2) }, Jt: { Xt: k, Yt: O, Wt: Xc(E2, k) } }, () => (Ol(x, w2[0].Lt), Ol(x, k[0].Lt), Xc(Dc, b))];
   }, vd = (e, t, n, o2) => (i, r2, a) => {
-    const { vt: s, L: c, V: l, gt: u, Gt: d, St: f } = t, { Lt: p, Ut: m, Mt: h } = i, [g, y] = Qc(333), [v, w] = Qc(444), b2 = (e2) => {
+    const { vt: s, L: c, V: l, gt: u, Gt: d, St: f } = t, { Lt: p, Ut: m, Mt: h } = i, [g, y] = Qc(333), [v, b] = Qc(444), w2 = (e2) => {
       yc(u.scrollBy) && u.scrollBy({ behavior: "smooth", left: e2.x, top: e2.y });
     };
     let k = true;
@@ -7111,11 +7123,11 @@
     }), eu(p, "pointerleave pointercancel", () => {
       r2(zu, false);
     }), !l && eu(p, "mousedown", () => {
-      const e2 = Il();
-      (ul(e2, Su) || ul(e2, xu) || e2 === document.body) && rc(Xc(lu, c), 25);
+      const e2 = Pl();
+      (ul(e2, Cu) || ul(e2, xu) || e2 === document.body) && rc(Xc(lu, c), 25);
     }), eu(p, "wheel", (e2) => {
       const { deltaX: t2, deltaY: n2, deltaMode: o3 } = e2;
-      k && 0 === o3 && Nl(p) === s && b2({ x: t2, y: n2 }), k = false, r2(Uu, true), g(() => {
+      k && 0 === o3 && Nl(p) === s && w2({ x: t2, y: n2 }), k = false, r2(Uu, true), g(() => {
         k = true, r2(Uu);
       }), nu(e2);
     }, { I: false, A: true }), eu(p, "pointerdown", () => {
@@ -7130,16 +7142,16 @@
         iu(u, { [c2]: e2 + a2 });
       }, p2 = [];
       return eu(m, "pointerdown", (n2) => {
-        const a2 = El(n2.target, `.${$u}`) === h, g2 = a2 ? h : m, y2 = e.scrollbars, k2 = y2[a2 ? "dragScroll" : "clickScroll"], { button: x, isPrimary: S2, pointerType: C2 } = n2, { pointers: N2 } = y2;
-        if (0 === x && S2 && k2 && (N2 || []).includes(C2)) {
-          Dc(p2), w();
-          const e2 = !a2 && (n2.shiftKey || "instant" === k2), y3 = Xc(Yl, h), x2 = Xc(Yl, m), S3 = (e3, t3) => (e3 || y3())[r3] - (t3 || x2())[r3], C3 = ec(Yl(u)[i2]) / Kl(u)[s2] || 1, N3 = l2(ru(u)[c2], 1 / C3), E2 = n2[o3], I2 = y3(), P2 = x2(), A = I2[i2], O = S3(I2, P2) + A / 2, L2 = E2 - P2[r3], D2 = a2 ? 0 : L2 - O, T2 = (e3) => {
+        const a2 = El(n2.target, `.${$u}`) === h, g2 = a2 ? h : m, y2 = e.scrollbars, k2 = y2[a2 ? "dragScroll" : "clickScroll"], { button: x, isPrimary: C2, pointerType: S2 } = n2, { pointers: N2 } = y2;
+        if (0 === x && C2 && k2 && (N2 || []).includes(S2)) {
+          Dc(p2), b();
+          const e2 = !a2 && (n2.shiftKey || "instant" === k2), y3 = Xc(Yl, h), x2 = Xc(Yl, m), C3 = (e3, t3) => (e3 || y3())[r3] - (t3 || x2())[r3], S3 = ec(Yl(u)[i2]) / Kl(u)[s2] || 1, N3 = l2(ru(u)[c2], 1 / S3), E2 = n2[o3], P2 = y3(), I2 = x2(), A = P2[i2], O = C3(P2, I2) + A / 2, L2 = E2 - I2[r3], D2 = a2 ? 0 : L2 - O, T2 = (e3) => {
             Dc(M2), g2.releasePointerCapture(e3.pointerId);
           }, R2 = a2 || e2, B2 = f(), M2 = [eu(d, t2, T2), eu(d, "selectstart", (e3) => nu(e3), { I: false }), eu(m, t2, T2), R2 && eu(m, "pointermove", (e3) => N3(D2 + (e3[o3] - E2))), R2 && (() => {
             const e3 = ru(u);
             B2();
             const t3 = ru(u), n3 = { x: t3.x - e3.x, y: t3.y - e3.y };
-            (tc(n3.x) > 3 || tc(n3.y) > 3) && (f(), iu(u, e3), b2(n3), v(B2));
+            (tc(n3.x) > 3 || tc(n3.y) > 3) && (f(), iu(u, e3), w2(n3), v(B2));
           })];
           if (g2.setPointerCapture(n2.pointerId), e2)
             N3(D2);
@@ -7147,33 +7159,33 @@
             const e3 = hu("__osClickScrollPlugin");
             if (e3) {
               const t3 = e3(N3, D2, A, (e4) => {
-                e4 ? B2() : Ic(M2, B2);
+                e4 ? B2() : Pc(M2, B2);
               });
-              Ic(M2, t3), Ic(p2, Xc(t3, true));
+              Pc(M2, t3), Pc(p2, Xc(t3, true));
             }
           }
         }
       });
-    })(), y, w]);
-  }, wd = (e) => {
-    const t = cd(), { K: n, U: o2 } = t, { elements: i } = n(), { padding: r2, viewport: a, content: s } = i, c = xc(e), l = c ? {} : e, { elements: u } = l, { padding: d, viewport: f, content: p } = u || {}, m = c ? e : l.target, h = Sl(m), g = m.ownerDocument, y = g.documentElement, v = () => g.defaultView || Xs, w = Xc(hd, [m]), b2 = Xc(gd, [m]), k = Xc(Dl, ""), x = Xc(w, k, a), S2 = Xc(b2, k, s), C2 = x(f), N2 = C2 === m, E2 = N2 && h, I2 = !N2 && S2(p), P2 = !N2 && C2 === I2, A = E2 ? y : C2, O = E2 ? A : m, L2 = !N2 && b2(k, r2, d), D2 = !P2 && I2, T2 = [D2, A, L2, O].map((e2) => xc(e2) && !Nl(e2) && e2), R2 = (e2) => e2 && Nc(T2, e2), B2 = !R2(A) && ((e2) => {
+    })(), y, b]);
+  }, bd = (e) => {
+    const t = cd(), { K: n, U: o2 } = t, { elements: i } = n(), { padding: r2, viewport: a, content: s } = i, c = xc(e), l = c ? {} : e, { elements: u } = l, { padding: d, viewport: f, content: p } = u || {}, m = c ? e : l.target, h = Cl(m), g = m.ownerDocument, y = g.documentElement, v = () => g.defaultView || Xs, b = Xc(hd, [m]), w2 = Xc(gd, [m]), k = Xc(Dl, ""), x = Xc(b, k, a), C2 = Xc(w2, k, s), S2 = x(f), N2 = S2 === m, E2 = N2 && h, P2 = !N2 && C2(p), I2 = !N2 && S2 === P2, A = E2 ? y : S2, O = E2 ? A : m, L2 = !N2 && w2(k, r2, d), D2 = !I2 && P2, T2 = [D2, A, L2, O].map((e2) => xc(e2) && !Nl(e2) && e2), R2 = (e2) => e2 && Nc(T2, e2), B2 = !R2(A) && ((e2) => {
       const t2 = Kl(e2), n2 = ql(e2), o3 = jl(e2, jc), i2 = jl(e2, zc);
       return n2.w - t2.w > 0 && !qu(o3) || n2.h - t2.h > 0 && !qu(i2);
-    })(A) ? A : m, M2 = E2 ? y : A, F = { dt: m, vt: O, L: A, rn: L2, ht: D2, gt: M2, Kt: E2 ? g : A, ln: h ? y : B2, Gt: g, bt: h, Tt: c, V: N2, an: v, wt: (e2) => yl(A, Su, e2), yt: (e2, t2) => gl(A, Su, e2, t2), St: () => gl(M2, Su, "scrolling", true) }, { dt: $2, vt: _2, rn: j2, L: z2, ht: H2 } = F, W2 = [() => {
-      fl(_2, [xu, wu]), fl($2, wu), h && fl(y, [wu, xu]);
+    })(A) ? A : m, M2 = E2 ? y : A, F = { dt: m, vt: O, L: A, rn: L2, ht: D2, gt: M2, Kt: E2 ? g : A, ln: h ? y : B2, Gt: g, bt: h, Tt: c, V: N2, an: v, wt: (e2) => yl(A, Cu, e2), yt: (e2, t2) => gl(A, Cu, e2, t2), St: () => gl(M2, Cu, "scrolling", true) }, { dt: $2, vt: _2, rn: j2, L: z2, ht: H2 } = F, W2 = [() => {
+      fl(_2, [xu, bu]), fl($2, bu), h && fl(y, [bu, xu]);
     }];
-    let V2 = Cl([H2, z2, j2, _2, $2].find((e2) => e2 && !R2(e2)));
+    let V2 = Sl([H2, z2, j2, _2, $2].find((e2) => e2 && !R2(e2)));
     const U2 = E2 ? $2 : H2 || z2, K2 = Xc(Dc, W2);
     return [F, () => {
-      const e2 = v(), t2 = Il(), n2 = (e3) => {
-        Ol(Nl(e3), Cl(e3)), Al(e3);
+      const e2 = v(), t2 = Pl(), n2 = (e3) => {
+        Ol(Nl(e3), Sl(e3)), Al(e3);
       }, i2 = (e3) => eu(e3, "focusin focusout focus blur", ou, { A: true, I: false }), r3 = "tabindex", a2 = ll(z2, r3), s2 = i2(t2);
-      return dl(_2, xu, N2 ? "" : "host"), dl(j2, Pu, ""), dl(z2, Su, ""), dl(H2, Au, ""), N2 || (dl(z2, r3, a2 || "-1"), h && dl(y, ku, "")), Ol(U2, V2), Ol(_2, j2), Ol(j2 || _2, !N2 && z2), Ol(z2, H2), Ic(W2, [s2, () => {
-        const e3 = Il(), t3 = R2(z2), o3 = t3 && e3 === z2 ? $2 : e3, s3 = i2(o3);
-        fl(j2, Pu), fl(H2, Au), fl(z2, Su), h && fl(y, ku), a2 ? dl(z2, r3, a2) : fl(z2, r3), R2(H2) && n2(H2), t3 && n2(z2), R2(j2) && n2(j2), lu(o3), s3();
-      }]), o2 && !N2 && (hl(z2, Su, Iu), Ic(W2, Xc(fl, z2, Su))), lu(!N2 && h && t2 === $2 && e2.top === e2 ? z2 : t2), s2(), V2 = 0, K2;
+      return dl(_2, xu, N2 ? "" : "host"), dl(j2, Iu, ""), dl(z2, Cu, ""), dl(H2, Au, ""), N2 || (dl(z2, r3, a2 || "-1"), h && dl(y, ku, "")), Ol(U2, V2), Ol(_2, j2), Ol(j2 || _2, !N2 && z2), Ol(z2, H2), Pc(W2, [s2, () => {
+        const e3 = Pl(), t3 = R2(z2), o3 = t3 && e3 === z2 ? $2 : e3, s3 = i2(o3);
+        fl(j2, Iu), fl(H2, Au), fl(z2, Cu), h && fl(y, ku), a2 ? dl(z2, r3, a2) : fl(z2, r3), R2(H2) && n2(H2), t3 && n2(z2), R2(j2) && n2(j2), lu(o3), s3();
+      }]), o2 && !N2 && (hl(z2, Cu, Pu), Pc(W2, Xc(fl, z2, Cu))), lu(!N2 && h && t2 === $2 && e2.top === e2 ? z2 : t2), s2(), V2 = 0, K2;
     }, K2];
-  }, bd = ({ ht: e }) => ({ Qt: t, un: n, At: o2 }) => {
+  }, wd = ({ ht: e }) => ({ Qt: t, un: n, At: o2 }) => {
     const { $t: i } = t || {}, { Ot: r2 } = n;
     e && (i || o2) && _l(e, { [Wc]: r2 && "100%" });
   }, kd = ({ vt: e, rn: t, L: n, V: o2 }, i) => {
@@ -7182,24 +7194,24 @@
       let [u, d] = a(l);
       const { U: f } = cd(), { _t: p, xt: m, Ct: h } = s || {}, { B: g } = c, [y, v] = e2("paddingAbsolute");
       (p || d || (l || m)) && ([u, d] = r2(l));
-      const w = !o2 && (v || h || d);
-      if (w) {
+      const b = !o2 && (v || h || d);
+      if (b) {
         const e3 = !y || !t && !f, o3 = u.r + u.l, r3 = u.t + u.b, a2 = { [$c]: e3 && !g ? -o3 : 0, [_c]: e3 ? -r3 : 0, [Fc]: e3 && g ? -o3 : 0, top: e3 ? -u.t : 0, right: e3 ? g ? -u.r : "auto" : 0, left: e3 ? g ? "auto" : -u.l : 0, [Hc]: e3 && `calc(100% + ${o3}px)` }, s2 = { [Tc]: e3 ? u.t : 0, [Rc]: e3 ? u.r : 0, [Mc]: e3 ? u.b : 0, [Bc]: e3 ? u.l : 0 };
         _l(t || n, a2), _l(n, s2), ol(i, { rn: u, fn: !e3, F: t ? s2 : ol({}, a2, s2) });
       }
-      return { _n: w };
+      return { _n: b };
     };
   }, xd = (e, t) => {
-    const n = cd(), { vt: o2, rn: i, L: r2, V: a, Kt: s, gt: c, bt: l, yt: u, an: d } = e, { U: f } = n, p = l && a, m = Xc(Qs, 0), h = { display: () => false, direction: (e2) => "ltr" !== e2, flexDirection: (e2) => e2.endsWith("-reverse"), writingMode: (e2) => "horizontal-tb" !== e2 }, g = nl(h), y = { i: qc, o: { w: 0, h: 0 } }, v = { i: Jc, o: {} }, w = (e2) => {
+    const n = cd(), { vt: o2, rn: i, L: r2, V: a, Kt: s, gt: c, bt: l, yt: u, an: d } = e, { U: f } = n, p = l && a, m = Xc(Qs, 0), h = { display: () => false, direction: (e2) => "ltr" !== e2, flexDirection: (e2) => e2.endsWith("-reverse"), writingMode: (e2) => "horizontal-tb" !== e2 }, g = nl(h), y = { i: qc, o: { w: 0, h: 0 } }, v = { i: Jc, o: {} }, b = (e2) => {
       u(Eu, !p && e2);
-    }, b2 = () => jl(r2, g), k = (e2, t2) => {
+    }, w2 = () => jl(r2, g), k = (e2, t2) => {
       const n2 = !nl(e2).length, o3 = !t2 && g.some((t3) => {
         const n3 = e2[t3];
         return hc(n3) && h[t3](n3);
       });
       if (n2 && !o3 || !((e3) => !!e3 && ((e4) => !!(e4.offsetWidth || e4.offsetHeight || e4.getClientRects().length))(e3))(r2))
         return { D: { x: 0, y: 0 }, M: { x: 1, y: 1 } };
-      w(true);
+      b(true);
       const i2 = ru(c), a2 = eu(s, Kc, (e3) => {
         const t3 = ru(c);
         e3.isTrusted && t3.x === i2.x && t3.y === i2.y && tu(e3);
@@ -7209,12 +7221,12 @@
       iu(c, { x: f2.w, y: f2.h });
       const p2 = ru(c), m2 = { x: p2.x - d2.x, y: p2.y - d2.y };
       iu(c, { x: -f2.w, y: -f2.h });
-      const y2 = ru(c), v2 = { x: y2.x - d2.x, y: y2.y - d2.y }, b3 = { x: tc(m2.x) >= tc(v2.x) ? p2.x : y2.x, y: tc(m2.y) >= tc(v2.y) ? p2.y : y2.y };
-      return iu(c, i2), ic(() => a2()), { D: d2, M: b3 };
+      const y2 = ru(c), v2 = { x: y2.x - d2.x, y: y2.y - d2.y }, w3 = { x: tc(m2.x) >= tc(v2.x) ? p2.x : y2.x, y: tc(m2.y) >= tc(v2.y) ? p2.y : y2.y };
+      return iu(c, i2), ic(() => a2()), { D: d2, M: w3 };
     }, x = (e2, t2) => {
       const n2 = Xs.devicePixelRatio % 1 != 0 ? 1 : 0, o3 = { w: m(e2.w - t2.w), h: m(e2.h - t2.h) };
       return { w: o3.w > n2 ? o3.w : 0, h: o3.h > n2 ? o3.h : 0 };
-    }, S2 = (e2, t2) => {
+    }, C2 = (e2, t2) => {
       const n2 = (e3, t3, n3, o3) => {
         const i2 = e3 === Vc ? Uc : ((e4) => e4.replace(`${Vc}-`, ""))(e3), r3 = qu(e3), a2 = qu(n3);
         if (!t3 && !o3)
@@ -7227,10 +7239,10 @@
         return t3 ? i2 : a2 && o3 ? Vc : Uc;
       };
       return { x: n2(t2.x, e2.x, t2.y, e2.y), y: n2(t2.y, e2.y, t2.x, e2.x) };
-    }, C2 = (e2) => {
+    }, S2 = (e2) => {
       const t2 = (e3) => [Vc, Uc, Kc].map((t3) => _2(Ju(t3), e3)), n2 = t2(true).concat(t2()).join(" ");
       u(n2), u(nl(e2).map((t3) => _2(e2[t3], "x" === t3)).join(" "), true);
-    }, [N2, E2] = Ys(y, Xc(Jl, r2)), [I2, P2] = Ys(y, Xc(ql, r2)), [A, O] = Ys(y), [L2] = Ys(v), [D2, T2] = Ys(y), [R2] = Ys(v), [B2] = Ys({ i: (e2, t2) => Gc(e2, t2, Lc(Ec(nl(e2), nl(t2)))), o: {} }), [M2, F] = Ys({ i: (e2, t2) => Jc(e2.D, t2.D) && Jc(e2.M, t2.M), o: { D: { x: 0, y: 0 }, M: { x: 0, y: 0 } } }), $2 = hu(Xu), _2 = (e2, t2) => `${t2 ? Cu : Nu}${((e3) => {
+    }, [N2, E2] = Ys(y, Xc(Jl, r2)), [P2, I2] = Ys(y, Xc(ql, r2)), [A, O] = Ys(y), [L2] = Ys(v), [D2, T2] = Ys(y), [R2] = Ys(v), [B2] = Ys({ i: (e2, t2) => Gc(e2, t2, Lc(Ec(nl(e2), nl(t2)))), o: {} }), [M2, F] = Ys({ i: (e2, t2) => Jc(e2.D, t2.D) && Jc(e2.M, t2.M), o: { D: { x: 0, y: 0 }, M: { x: 0, y: 0 } } }), $2 = hu(Xu), _2 = (e2, t2) => `${t2 ? Su : Nu}${((e3) => {
       const t3 = String(e3 || "");
       return t3 ? t3[0].toUpperCase() + t3.slice(1) : "";
     })(e2)}`;
@@ -7239,37 +7251,37 @@
         const { k: n2 } = t2, [o3, i2] = e2("showNativeOverlaidScrollbars");
         return [o3 && n2.x && n2.y, i2];
       })(a2, n), [q2, J2] = a2("overflow"), Y2 = qu(q2.x), X2 = qu(q2.y), Q2 = g2 || h2 || v2 || _3 || z2 || G2;
-      let Z2 = E2(l2), ee2 = P2(l2), te2 = O(l2), ne2 = T2(l2);
-      if (G2 && f && u(Iu, !K2), Q2) {
-        yl(o2, xu, bu) && w(true);
-        const e2 = V2 && V2(), [t2] = Z2 = N2(l2), [n2] = ee2 = I2(l2), i2 = Gl(r2), a3 = p && Ul(d()), s3 = { w: m(n2.w + t2.w), h: m(n2.h + t2.h) }, c3 = { w: m((a3 ? a3.w : i2.w + m(i2.w - n2.w)) + t2.w), h: m((a3 ? a3.h : i2.h + m(i2.h - n2.h)) + t2.h) };
+      let Z2 = E2(l2), ee2 = I2(l2), te2 = O(l2), ne2 = T2(l2);
+      if (G2 && f && u(Pu, !K2), Q2) {
+        yl(o2, xu, wu) && b(true);
+        const e2 = V2 && V2(), [t2] = Z2 = N2(l2), [n2] = ee2 = P2(l2), i2 = Gl(r2), a3 = p && Ul(d()), s3 = { w: m(n2.w + t2.w), h: m(n2.h + t2.h) }, c3 = { w: m((a3 ? a3.w : i2.w + m(i2.w - n2.w)) + t2.w), h: m((a3 ? a3.h : i2.h + m(i2.h - n2.h)) + t2.h) };
         e2 && e2(), ne2 = D2(c3), te2 = A(x(s3, c3), l2);
       }
-      const [oe2, ie2] = ne2, [re2, ae2] = te2, [se2, ce2] = ee2, [le2, ue2] = Z2, [de2, fe2] = L2({ x: re2.w > 0, y: re2.h > 0 }), pe2 = Y2 && X2 && (de2.x || de2.y) || Y2 && de2.x && !de2.y || X2 && de2.y && !de2.x, me2 = h2 || _3 || z2 || ue2 || ce2 || ie2 || ae2 || J2 || G2 || Q2 || y2 && p, [he2] = a2("update.flowDirectionStyles"), [ge2, ye2] = B2(he2 ? he2(r2) : b2(), l2), ve2 = _3 || j2 || ye2 || fe2 || l2, [we2, be2] = ve2 ? M2(k(ge2, !!he2), l2) : F();
-      let ke2 = S2(de2, q2);
-      w(false), me2 && (C2(ke2), ke2 = Yu(r2, de2), U2 && W2 && (W2(ke2, se2, le2), _l(r2, U2(ke2))));
-      const [xe2, Se2] = R2(ke2);
-      return gl(o2, xu, bu, pe2), gl(i, Pu, bu, pe2), ol(t, { cn: xe2, Vt: { x: oe2.w, y: oe2.h }, Rt: { x: re2.w, y: re2.h }, j: de2, Dt: au(we2, re2) }), { sn: Se2, tn: ie2, nn: ae2, en: be2 || ae2 };
+      const [oe2, ie2] = ne2, [re2, ae2] = te2, [se2, ce2] = ee2, [le2, ue2] = Z2, [de2, fe2] = L2({ x: re2.w > 0, y: re2.h > 0 }), pe2 = Y2 && X2 && (de2.x || de2.y) || Y2 && de2.x && !de2.y || X2 && de2.y && !de2.x, me2 = h2 || _3 || z2 || ue2 || ce2 || ie2 || ae2 || J2 || G2 || Q2 || y2 && p, [he2] = a2("update.flowDirectionStyles"), [ge2, ye2] = B2(he2 ? he2(r2) : w2(), l2), ve2 = _3 || j2 || ye2 || fe2 || l2, [be2, we2] = ve2 ? M2(k(ge2, !!he2), l2) : F();
+      let ke2 = C2(de2, q2);
+      b(false), me2 && (S2(ke2), ke2 = Yu(r2, de2), U2 && W2 && (W2(ke2, se2, le2), _l(r2, U2(ke2))));
+      const [xe2, Ce2] = R2(ke2);
+      return gl(o2, xu, wu, pe2), gl(i, Iu, wu, pe2), ol(t, { cn: xe2, Vt: { x: oe2.w, y: oe2.h }, Rt: { x: re2.w, y: re2.h }, j: de2, Dt: au(be2, re2) }), { sn: Ce2, tn: ie2, nn: ae2, en: we2 || ae2 };
     };
-  }, Sd = (e) => {
-    const [t, n, o2] = wd(e), i = { rn: { t: 0, r: 0, b: 0, l: 0 }, fn: false, F: { [$c]: 0, [_c]: 0, [Fc]: 0, [Tc]: 0, [Rc]: 0, [Mc]: 0, [Bc]: 0 }, Vt: { x: 0, y: 0 }, Rt: { x: 0, y: 0 }, cn: { x: Uc, y: Uc }, j: { x: false, y: false }, Dt: { D: { x: 0, y: 0 }, M: { x: 0, y: 0 } } }, { dt: r2, gt: a, V: s, St: c } = t, { U: l, k: u } = cd(), d = !l && (u.x || u.y), f = [bd(t), kd(t, i), xd(t, i)];
+  }, Cd = (e) => {
+    const [t, n, o2] = bd(e), i = { rn: { t: 0, r: 0, b: 0, l: 0 }, fn: false, F: { [$c]: 0, [_c]: 0, [Fc]: 0, [Tc]: 0, [Rc]: 0, [Mc]: 0, [Bc]: 0 }, Vt: { x: 0, y: 0 }, Rt: { x: 0, y: 0 }, cn: { x: Uc, y: Uc }, j: { x: false, y: false }, Dt: { D: { x: 0, y: 0 }, M: { x: 0, y: 0 } } }, { dt: r2, gt: a, V: s, St: c } = t, { U: l, k: u } = cd(), d = !l && (u.x || u.y), f = [wd(t), kd(t, i), xd(t, i)];
     return [n, (e2) => {
       const t2 = {}, n2 = d && ru(a), o3 = n2 && c();
-      return Cc(f, (n3) => {
+      return Sc(f, (n3) => {
         ol(t2, n3(e2, t2) || {});
       }), iu(a, n2), o3 && o3(), s || iu(r2, 0), t2;
     }, i, t, o2];
-  }, Cd = (e, t, n, o2, i) => {
+  }, Sd = (e, t, n, o2, i) => {
     let r2 = false;
-    const a = id(t, {}), [s, c, l, u, d] = Sd(e), [f, p, m] = pd(u, l, a, (e2) => {
-      w({}, e2);
+    const a = id(t, {}), [s, c, l, u, d] = Cd(e), [f, p, m] = pd(u, l, a, (e2) => {
+      b({}, e2);
     }), [h, g, , y] = ((e2, t2, n2, o3, i2, r3) => {
       let a2, s2, c2, l2, u2, d2 = al, f2 = 0;
-      const p2 = ["mouse", "pen"], m2 = (e3) => p2.includes(e3.pointerType), [h2, g2] = Qc(), [y2, v2] = Qc(100), [w2, b2] = Qc(100), [k, x] = Qc(() => f2), [S2, C2] = yd(e2, i2, o3, vd(t2, i2, o3, (e3) => m2(e3) && R2())), { vt: N2, Kt: E2, bt: I2 } = i2, { Ft: P2, Pt: A, Nt: O, qt: L2, Bt: D2 } = S2, T2 = (e3, t3) => {
+      const p2 = ["mouse", "pen"], m2 = (e3) => p2.includes(e3.pointerType), [h2, g2] = Qc(), [y2, v2] = Qc(100), [b2, w2] = Qc(100), [k, x] = Qc(() => f2), [C2, S2] = yd(e2, i2, o3, vd(t2, i2, o3, (e3) => m2(e3) && R2())), { vt: N2, Kt: E2, bt: P2 } = i2, { Ft: I2, Pt: A, Nt: O, qt: L2, Bt: D2 } = C2, T2 = (e3, t3) => {
         if (x(), e3)
-          P2(Vu);
+          I2(Vu);
         else {
-          const e4 = Xc(P2, Vu, true);
+          const e4 = Xc(I2, Vu, true);
           f2 > 0 && !t3 ? k(e4) : e4();
         }
       }, R2 = () => {
@@ -7277,10 +7289,10 @@
           T2(false);
         }));
       }, B2 = (e3) => {
-        P2(Wu, e3, true), P2(Wu, e3, false);
+        I2(Wu, e3, true), I2(Wu, e3, false);
       }, M2 = (e3) => {
         m2(e3) && (a2 = c2, c2 && T2(true));
-      }, F = [x, v2, b2, g2, () => d2(), eu(N2, "pointerover", M2, { T: true }), eu(N2, "pointerenter", M2), eu(N2, "pointerleave", (e3) => {
+      }, F = [x, v2, w2, g2, () => d2(), eu(N2, "pointerover", M2, { T: true }), eu(N2, "pointerenter", M2), eu(N2, "pointerleave", (e3) => {
         m2(e3) && (a2 = false, c2 && T2(false));
       }), eu(N2, "pointermove", (e3) => {
         m2(e3) && s2 && R2();
@@ -7289,35 +7301,35 @@
           O(), R2();
         }), r3(e3), D2();
       })], $2 = hu(Xu);
-      return [() => Xc(Dc, Ic(F, C2())), ({ zt: e3, At: t3, Qt: i3, Zt: r4 }) => {
-        const { tn: a3, nn: p3, sn: m3, en: h3 } = r4 || {}, { Ct: g3, ft: y3 } = i3 || {}, { B: v3 } = n2, { k: b3, U: k2 } = cd(), { cn: x2, j: S3 } = o3, [C3, N3] = e3("showNativeOverlaidScrollbars"), [R3, M3] = e3("scrollbars.theme"), [F2, _2] = e3("scrollbars.visibility"), [j2, z2] = e3("scrollbars.autoHide"), [H2, W2] = e3("scrollbars.autoHideSuspend"), [V2] = e3("scrollbars.autoHideDelay"), [U2, K2] = e3("scrollbars.dragScroll"), [G2, q2] = e3("scrollbars.clickScroll"), [J2, Y2] = e3("overflow"), X2 = y3 && !t3, Q2 = S3.x || S3.y, Z2 = a3 || p3 || h3 || g3 || t3, ee2 = m3 || _2 || Y2, te2 = C3 && b3.x && b3.y, ne2 = !k2 && !$2, oe2 = te2 || ne2, ie2 = (e4, t4, n3) => {
+      return [() => Xc(Dc, Pc(F, S2())), ({ zt: e3, At: t3, Qt: i3, Zt: r4 }) => {
+        const { tn: a3, nn: p3, sn: m3, en: h3 } = r4 || {}, { Ct: g3, ft: y3 } = i3 || {}, { B: v3 } = n2, { k: w3, U: k2 } = cd(), { cn: x2, j: C3 } = o3, [S3, N3] = e3("showNativeOverlaidScrollbars"), [R3, M3] = e3("scrollbars.theme"), [F2, _2] = e3("scrollbars.visibility"), [j2, z2] = e3("scrollbars.autoHide"), [H2, W2] = e3("scrollbars.autoHideSuspend"), [V2] = e3("scrollbars.autoHideDelay"), [U2, K2] = e3("scrollbars.dragScroll"), [G2, q2] = e3("scrollbars.clickScroll"), [J2, Y2] = e3("overflow"), X2 = y3 && !t3, Q2 = C3.x || C3.y, Z2 = a3 || p3 || h3 || g3 || t3, ee2 = m3 || _2 || Y2, te2 = S3 && w3.x && w3.y, ne2 = !k2 && !$2, oe2 = te2 || ne2, ie2 = (e4, t4, n3) => {
           const o4 = e4.includes(Kc) && (F2 === Vc || "auto" === F2 && t4 === Kc);
-          return P2(_u, o4, n3), o4;
+          return I2(_u, o4, n3), o4;
         };
-        if (f2 = V2, X2 && (H2 && Q2 ? (B2(false), d2(), w2(() => {
+        if (f2 = V2, X2 && (H2 && Q2 ? (B2(false), d2(), b2(() => {
           d2 = eu(E2, "scroll", Xc(B2, true), { T: true });
-        })) : B2(true)), (N3 || ne2) && P2("os-theme-none", oe2), M3 && (P2(u2), P2(R3, true), u2 = R3), W2 && !H2 && B2(true), z2 && (s2 = "move" === j2, c2 = "leave" === j2, l2 = "never" === j2, T2(l2, true)), K2 && P2(Gu, U2), q2 && P2(Ku, !!G2), ee2) {
+        })) : B2(true)), (N3 || ne2) && I2("os-theme-none", oe2), M3 && (I2(u2), I2(R3, true), u2 = R3), W2 && !H2 && B2(true), z2 && (s2 = "move" === j2, c2 = "leave" === j2, l2 = "never" === j2, T2(l2, true)), K2 && I2(Gu, U2), q2 && I2(Ku, !!G2), ee2) {
           const e4 = ie2(J2.x, x2.x, true), t4 = ie2(J2.y, x2.y, false);
-          P2(ju, !(e4 && t4));
+          I2(ju, !(e4 && t4));
         }
-        Z2 && (O(), A(), D2(), h3 && L2(), P2(Hu, !S3.x, true), P2(Hu, !S3.y, false), P2(Ru, v3 && !I2));
-      }, {}, S2];
-    })(e, t, m, l, u, i), v = (e2) => nl(e2).some((t2) => !!e2[t2]), w = (e2, i2) => {
+        Z2 && (O(), A(), D2(), h3 && L2(), I2(Hu, !C3.x, true), I2(Hu, !C3.y, false), I2(Ru, v3 && !P2));
+      }, {}, C2];
+    })(e, t, m, l, u, i), v = (e2) => nl(e2).some((t2) => !!e2[t2]), b = (e2, i2) => {
       if (n())
         return false;
       const { dn: a2, At: s2, It: l2, pn: u2 } = e2, d2 = a2 || {}, f2 = !!s2 || !r2, h2 = { zt: id(t, d2, f2), dn: d2, At: f2 };
       if (u2)
         return g(h2), false;
-      const y2 = i2 || p(ol({}, h2, { It: l2 })), w2 = c(ol({}, h2, { un: m, Qt: y2 }));
-      g(ol({}, h2, { Qt: y2, Zt: w2 }));
-      const b2 = v(y2), k = v(w2), x = b2 || k || !rl(d2) || f2;
-      return r2 = true, x && o2(e2, { Qt: y2, Zt: w2 }), x;
+      const y2 = i2 || p(ol({}, h2, { It: l2 })), b2 = c(ol({}, h2, { un: m, Qt: y2 }));
+      g(ol({}, h2, { Qt: y2, Zt: b2 }));
+      const w2 = v(y2), k = v(b2), x = w2 || k || !rl(d2) || f2;
+      return r2 = true, x && o2(e2, { Qt: y2, Zt: b2 }), x;
     };
     return [() => {
       const { ln: e2, gt: t2, St: n2 } = u, o3 = ru(e2), i2 = [f(), s(), h()], r3 = n2();
       return iu(t2, o3), r3(), Xc(Dc, i2);
-    }, w, () => ({ vn: m, gn: l }), { hn: u, bn: y }, d];
-  }, Nd = /* @__PURE__ */ new WeakMap(), Ed = (e) => Nd.get(e), Id = (e, t, n) => {
+    }, b, () => ({ vn: m, gn: l }), { hn: u, bn: y }, d];
+  }, Nd = /* @__PURE__ */ new WeakMap(), Ed = (e) => Nd.get(e), Pd = (e, t, n) => {
     const { tt: o2 } = cd(), i = xc(e), r2 = i ? e : e.target, a = Ed(r2);
     if (t && !a) {
       let a2 = false;
@@ -7326,23 +7338,23 @@
         return n2 ? n2(t2, true) : t2;
       }, u = ol({}, o2(), l(t)), [d, f, p] = du(), [m, h, g] = du(n), y = (e2, t2) => {
         g(e2, t2), p(e2, t2);
-      }, [v, w, b2, k, x] = Cd(e, u, () => a2, ({ dn: e2, At: t2 }, { Qt: n2, Zt: o3 }) => {
+      }, [v, b, w2, k, x] = Sd(e, u, () => a2, ({ dn: e2, At: t2 }, { Qt: n2, Zt: o3 }) => {
         const { _t: i2, Ct: r3, $t: a3, xt: s2, Ht: c2, ft: l2 } = n2, { tn: u2, nn: d2, sn: f2, en: p2 } = o3;
-        y("updated", [C2, { updateHints: { sizeChanged: !!i2, directionChanged: !!r3, heightIntrinsicChanged: !!a3, overflowEdgeChanged: !!u2, overflowAmountChanged: !!d2, overflowStyleChanged: !!f2, scrollCoordinatesChanged: !!p2, contentMutation: !!s2, hostMutation: !!c2, appear: !!l2 }, changedOptions: e2 || {}, force: !!t2 }]);
-      }, (e2) => y("scroll", [C2, e2])), S2 = (e2) => {
+        y("updated", [S2, { updateHints: { sizeChanged: !!i2, directionChanged: !!r3, heightIntrinsicChanged: !!a3, overflowEdgeChanged: !!u2, overflowAmountChanged: !!d2, overflowStyleChanged: !!f2, scrollCoordinatesChanged: !!p2, contentMutation: !!s2, hostMutation: !!c2, appear: !!l2 }, changedOptions: e2 || {}, force: !!t2 }]);
+      }, (e2) => y("scroll", [S2, e2])), C2 = (e2) => {
         ((e3) => {
           Nd.delete(e3);
-        })(r2), Dc(s), a2 = true, y("destroyed", [C2, e2]), f(), h();
-      }, C2 = { options(e2, t2) {
+        })(r2), Dc(s), a2 = true, y("destroyed", [S2, e2]), f(), h();
+      }, S2 = { options(e2, t2) {
         if (e2) {
           const n2 = t2 ? o2() : {}, i2 = od(u, ol(n2, l(e2)));
-          rl(i2) || (ol(u, i2), w({ dn: i2 }));
+          rl(i2) || (ol(u, i2), b({ dn: i2 }));
         }
         return ol({}, u);
       }, on: m, off: (e2, t2) => {
         e2 && t2 && h(e2, t2);
       }, state() {
-        const { vn: e2, gn: t2 } = b2(), { B: n2 } = e2, { Vt: o3, Rt: i2, cn: r3, j: s2, rn: c2, fn: l2, Dt: u2 } = t2;
+        const { vn: e2, gn: t2 } = w2(), { B: n2 } = e2, { Vt: o3, Rt: i2, cn: r3, j: s2, rn: c2, fn: l2, Dt: u2 } = t2;
         return ol({}, { overflowEdge: o3, overflowAmount: i2, overflowStyle: r3, hasOverflow: s2, scrollCoordinates: { start: u2.D, end: u2.M }, padding: c2, paddingAbsolute: l2, directionRTL: n2, destroyed: a2 });
       }, elements() {
         const { dt: e2, vt: t2, rn: n2, L: o3, ht: i2, gt: r3, Kt: a3 } = k.hn, { jt: s2, Jt: c2 } = k.bn, l2 = (e3) => {
@@ -7352,39 +7364,39 @@
           const { Xt: t3, Yt: n3 } = e3, o4 = l2(t3[0]);
           return ol({}, o4, { clone: () => {
             const e4 = l2(n3());
-            return w({ pn: true }), e4;
+            return b({ pn: true }), e4;
           } });
         };
         return ol({}, { target: e2, host: t2, padding: n2 || o3, viewport: o3, content: i2 || o3, scrollOffsetElement: r3, scrollEventElement: a3, scrollbarHorizontal: u2(s2), scrollbarVertical: u2(c2) });
-      }, update: (e2) => w({ At: e2, It: true }), destroy: Xc(S2, false), plugin: (e2) => c[nl(e2)[0]] };
-      return Ic(s, [x]), ((e2, t2) => {
+      }, update: (e2) => b({ At: e2, It: true }), destroy: Xc(C2, false), plugin: (e2) => c[nl(e2)[0]] };
+      return Pc(s, [x]), ((e2, t2) => {
         Nd.set(e2, t2);
-      })(r2, C2), mu(fu, Id, [C2, d, c]), ((e2, t2) => {
+      })(r2, S2), mu(fu, Pd, [S2, d, c]), ((e2, t2) => {
         const { nativeScrollbarsOverlaid: n2, body: o3 } = t2 || {}, { k: i2, U: r3, K: a3 } = cd(), { nativeScrollbarsOverlaid: s2, body: c2 } = a3().cancel, l2 = null != n2 ? n2 : s2, u2 = fc(o3) ? c2 : o3, d2 = (i2.x || i2.y) && l2, f2 = e2 && (pc(u2) ? !r3 : u2);
         return !!d2 || !!f2;
-      })(k.hn.bt, !i && e.cancel) ? (S2(true), C2) : (Ic(s, v()), y("initialized", [C2]), C2.update(), C2);
+      })(k.hn.bt, !i && e.cancel) ? (C2(true), S2) : (Pc(s, v()), y("initialized", [S2]), S2.update(), S2);
     }
     return a;
   };
-  Id.plugin = (e) => {
-    const t = vc(e), n = t ? e : [e], o2 = n.map((e2) => mu(e2, Id)[0]);
+  Pd.plugin = (e) => {
+    const t = vc(e), n = t ? e : [e], o2 = n.map((e2) => mu(e2, Pd)[0]);
     return ((e2) => {
-      Cc(e2, (e3) => Cc(e3, (t2, n2) => {
+      Sc(e2, (e3) => Sc(e3, (t2, n2) => {
         fu[n2] = e3[n2];
       }));
     })(n), t ? o2 : o2[0];
-  }, Id.valid = (e) => {
+  }, Pd.valid = (e) => {
     const t = e && e.elements, n = yc(t) && t();
     return kc(n) && !!Ed(n.target);
-  }, Id.env = () => {
+  }, Pd.env = () => {
     const { P: e, k: t, U: n, J: o2, ot: i, st: r2, K: a, Z: s, tt: c, nt: l } = cd();
     return ol({}, { scrollbarsSize: e, scrollbarsOverlaid: t, scrollbarsHiding: n, scrollTimeline: o2, staticDefaultInitialization: i, staticDefaultOptions: r2, getDefaultInitialization: a, setDefaultInitialization: s, getDefaultOptions: c, setDefaultOptions: l });
-  }, Id.nonce = (e) => {
+  }, Pd.nonce = (e) => {
     rd = e;
-  }, Id.trustedTypePolicy = (e) => {
+  }, Pd.trustedTypePolicy = (e) => {
     Ll = e;
   };
-  const Pd = () => {
+  const Id = () => {
     if (typeof window > "u") {
       const e2 = () => {
       };
@@ -7400,23 +7412,23 @@
       } : n2, "object" == typeof r3 ? r3 : { timeout: 2233 });
     }, c];
   }, Ad = (e) => {
-    const { options: t, events: n, defer: o$1 } = e || {}, [i, r2] = o.useMemo(Pd, []), a = o.useRef(null), s = o.useRef(o$1), c = o.useRef(t), l = o.useRef(n);
+    const { options: t, events: n, defer: o$1 } = e || {}, [i, r2] = o.useMemo(Id, []), a = o.useRef(null), s = o.useRef(o$1), c = o.useRef(t), l = o.useRef(n);
     return o.useEffect(() => {
       s.current = o$1;
     }, [o$1]), o.useEffect(() => {
       const { current: e2 } = a;
-      c.current = t, Id.valid(e2) && e2.options(t || {}, true);
+      c.current = t, Pd.valid(e2) && e2.options(t || {}, true);
     }, [t]), o.useEffect(() => {
       const { current: e2 } = a;
-      l.current = n, Id.valid(e2) && e2.on(n || {}, true);
+      l.current = n, Pd.valid(e2) && e2.on(n || {}, true);
     }, [n]), o.useEffect(() => () => {
       var e2;
       r2(), null == (e2 = a.current) || e2.destroy();
     }, []), o.useMemo(() => [(e2) => {
       const t2 = a.current;
-      if (Id.valid(t2))
+      if (Pd.valid(t2))
         return;
-      const n2 = s.current, o2 = c.current || {}, r3 = l.current || {}, u = () => a.current = Id(e2, o2, r3);
+      const n2 = s.current, o2 = c.current || {}, r3 = l.current || {}, u = () => a.current = Pd(e2, o2, r3);
       n2 ? i(u, n2) : u();
     }, () => a.current], []);
   };
@@ -7458,13 +7470,13 @@
   function Fd() {
     return ("function" == typeof o.useId ? o.useId : Md)() ?? "";
   }
-  const $d = o.forwardRef(({ id: n, className: o$1, type: i = "text", name: r2 = "input", align: s = "up", label: c, iconPrepend: l, iconPrependOnClick: u, iconAppend: d, iconAppendOnClick: f, placeholder: p, disabled: m, readOnly: h, errorMessage: g, errorDataTestId: y, ...v }, w) => {
-    const b2 = Fd(), k = n || `input-${b2}`, x = E("io-control-input", l && "io-control-leading-icon", d && "io-control-trailing-icon", m && "io-control-disabled", h && "io-control-readonly", g && "io-control-error", s && [`direction-${s}`], o$1), S2 = o.useCallback((e) => {
+  const $d = o.forwardRef(({ id: n, className: o$1, type: i = "text", name: r2 = "input", align: s = "up", label: c, iconPrepend: l, iconPrependOnClick: u, iconAppend: d, iconAppendOnClick: f, placeholder: p, disabled: m, readOnly: h, errorMessage: g, errorDataTestId: y, ...v }, b) => {
+    const w2 = Fd(), k = n || `input-${w2}`, x = E("io-control-input", l && "io-control-leading-icon", d && "io-control-trailing-icon", m && "io-control-disabled", h && "io-control-readonly", g && "io-control-error", s && [`direction-${s}`], o$1), C2 = o.useCallback((e) => {
       m ? e.preventDefault() : u && u(e);
-    }, [u, m]), C2 = o.useCallback((e) => {
+    }, [u, m]), S2 = o.useCallback((e) => {
       m ? e.preventDefault() : f && f(e);
     }, [f, m]);
-    return jsxRuntime.jsxs("div", { className: x, children: [c && jsxRuntime.jsx(Ld, { htmlFor: k, text: c }), l && jsxRuntime.jsx(I, { variant: l, onClick: (e) => S2(e) }), jsxRuntime.jsx("input", { id: k, className: "io-input", ref: w, type: i, name: r2, tabIndex: 0, placeholder: p ?? (() => {
+    return jsxRuntime.jsxs("div", { className: x, children: [c && jsxRuntime.jsx(Ld, { htmlFor: k, text: c }), l && jsxRuntime.jsx(P, { variant: l, onClick: (e) => C2(e) }), jsxRuntime.jsx("input", { id: k, className: "io-input", ref: b, type: i, name: r2, tabIndex: 0, placeholder: p ?? (() => {
       switch (i) {
         case "email":
           return "Enter your email here...";
@@ -7479,7 +7491,7 @@
         default:
           return "Enter text here...";
       }
-    })(), "aria-label": c, disabled: m, readOnly: h, ...g ? { "aria-invalid": true, "aria-describedby": `${k}-error` } : {}, ...v }), d && jsxRuntime.jsx(I, { variant: d, onClick: (e) => C2(e) }), g && jsxRuntime.jsxs("div", { "data-testid": y, id: `${k}-error`, className: "io-input-error", children: [jsxRuntime.jsx(I, { variant: "close" }), g] })] });
+    })(), "aria-label": c, disabled: m, readOnly: h, ...g ? { "aria-invalid": true, "aria-describedby": `${k}-error` } : {}, ...v }), d && jsxRuntime.jsx(P, { variant: d, onClick: (e) => S2(e) }), g && jsxRuntime.jsxs("div", { "data-testid": y, id: `${k}-error`, className: "io-input-error", children: [jsxRuntime.jsx(P, { variant: "close" }), g] })] });
   });
   $d.displayName = "Input";
   const _d = o.forwardRef(({ id: n, className: o2, name: i = "textarea", align: r2 = "up", label: a, rows: s = 4, placeholder: c = "Enter text here...", disabled: l, readOnly: u, ...d }, f) => {
@@ -7503,14 +7515,14 @@
       return (_a2 = e == null ? void 0 : e.themes) == null ? void 0 : _a2.select(t2);
     }, [e]);
     return o.useEffect(() => {
-      var _a2, _b;
+      var _a2, _b2;
       if (!e)
         return;
       let t2 = false;
       const o2 = (e2) => {
         t2 || n(e2);
       };
-      return (_a2 = e.themes) == null ? void 0 : _a2.onChanged(o2), (_b = e.themes) == null ? void 0 : _b.getCurrent().then(o2).catch(console.warn), () => {
+      return (_a2 = e.themes) == null ? void 0 : _a2.onChanged(o2), (_b2 = e.themes) == null ? void 0 : _b2.getCurrent().then(o2).catch(console.warn), () => {
         t2 = true;
       };
     }, [e]), { currentTheme: t, selectTheme: o$1 };
@@ -7534,7 +7546,7 @@
     }), []), o.useCallback(() => e.current, []);
   }
   const Qd = () => {
-    const e = o.useContext(reactHooks.IOConnectContext), t = e == null ? void 0 : e.windows, n = e == null ? void 0 : e.workspaces, o$1 = o.useRef(null), [i, r2] = o.useState(null), [s, u] = o.useState(null), [p, m] = o.useState(false), [h, g] = o.useState(false), [y, v] = o.useState(null), w = o.useRef(void 0), b2 = Kd(), { currentTheme: k } = Hd();
+    const e = o.useContext(reactHooks.IOConnectContext), t = e == null ? void 0 : e.windows, n = e == null ? void 0 : e.workspaces, o$1 = o.useRef(null), [i, r2] = o.useState(null), [s, u] = o.useState(null), [p, m] = o.useState(false), [h, g] = o.useState(false), [y, v] = o.useState(null), b = o.useRef(void 0), w2 = Kd(), { currentTheme: k } = Hd();
     o.useEffect(() => {
       o$1.current = i;
       const e2 = i == null ? void 0 : i.ioConnectWindow.onVisibilityChanged(() => {
@@ -7544,7 +7556,7 @@
         e2 == null ? void 0 : e2();
       };
     }, [i]);
-    const S2 = o.useCallback(async (e2, o2) => {
+    const C2 = o.useCallback(async (e2, o2) => {
       const i2 = { windowId: e2 == null ? void 0 : e2.ioConnectWindow.id, ...o2 }, r3 = window.glue42gd.windowId;
       if ((() => {
         const e3 = Or() && !!window.workspacesManager, t2 = !Or() && !!window.ioworkspaces;
@@ -7563,7 +7575,7 @@
           return void console.warn("Cannot access my window to show popup");
         await e3.showPopup({ ...i2 });
       }
-    }, [t, n]), C2 = o.useCallback((e2) => {
+    }, [t, n]), S2 = o.useCallback((e2) => {
       try {
         const t2 = e2.document;
         (k == null ? void 0 : k.name) && (t2.documentElement.className = k.name);
@@ -7571,35 +7583,35 @@
         return n2.id = "io-popup-window-container", t2.body.innerHTML = "", t2.body.appendChild(n2), t2;
       } catch (e3) {
         const t2 = `Failed to setup popup document: ${String(e3)}`;
-        return console.error("usePopupWindow:", t2, e3), b2() && v(t2), null;
+        return console.error("usePopupWindow:", t2, e3), w2() && v(t2), null;
       }
-    }, [k, b2]), N2 = o.useCallback(async (e2) => {
+    }, [k, w2]), N2 = o.useCallback(async (e2) => {
       if (!t) {
         const e3 = "io.Connect API not available";
-        return console.error("usePopupWindow:", e3), b2() && v(e3), null;
+        return console.error("usePopupWindow:", e3), w2() && v(e3), null;
       }
-      b2() && (g(true), v(null));
+      w2() && (g(true), v(null));
       try {
         const n2 = new Promise((e3, t2) => {
           setTimeout(() => t2(new Error("Popup creation timeout after 5 seconds")), 5e3);
         }), o2 = t.createPopup({ ...e2 }), i2 = await Promise.race([o2, n2]);
-        if (!b2())
+        if (!w2())
           return await i2.ioConnectWindow.close().catch(() => {
           }), console.warn("usePopupWindow: Component unmounted during popup creation, cleaned up popup"), null;
         r2(i2);
         const a = i2.browserWindow;
         if (a == null ? void 0 : a.document) {
-          const e3 = C2(a);
-          b2() && e3 && u(e3);
+          const e3 = S2(a);
+          w2() && e3 && u(e3);
         }
         return i2;
       } catch (e3) {
         const t2 = `Failed to create popup: ${String(e3)}`;
-        return console.error("usePopupWindow:", t2, e3), b2() && (v(t2), r2(null), u(null)), null;
+        return console.error("usePopupWindow:", t2, e3), w2() && (v(t2), r2(null), u(null)), null;
       } finally {
-        b2() && g(false);
+        w2() && g(false);
       }
-    }, [t, C2, b2]), E2 = o.useCallback(() => {
+    }, [t, S2, w2]), E2 = o.useCallback(() => {
       if (!i || !t)
         return false;
       try {
@@ -7607,7 +7619,7 @@
       } catch (e2) {
         return console.warn("usePopupWindow: Failed to verify popup existence", e2), false;
       }
-    }, [i, t]), I2 = o.useCallback(async () => {
+    }, [i, t]), P2 = o.useCallback(async () => {
       if (!i)
         return null;
       if (E2())
@@ -7616,16 +7628,16 @@
       const e2 = i.ioConnectWindow.bounds, t2 = await N2({ left: e2.left, top: e2.top, width: e2.width, height: e2.height });
       if (!t2) {
         const e3 = "Failed to recreate destroyed popup window";
-        console.error("usePopupWindow:", e3), b2() && v(e3);
+        console.error("usePopupWindow:", e3), w2() && v(e3);
       }
       return t2;
-    }, [i, E2, N2, b2]), P2 = o.useCallback(async (e2) => {
+    }, [i, E2, N2, w2]), I2 = o.useCallback(async (e2) => {
       if (i)
-        return await I2();
+        return await P2();
       const t2 = await N2(e2);
-      return t2 ? b2() ? t2 : (await t2.ioConnectWindow.close().catch(() => {
+      return t2 ? w2() ? t2 : (await t2.ioConnectWindow.close().catch(() => {
       }), console.warn("usePopupWindow: Component unmounted during popup creation, cleaned up popup"), null) : (console.warn("usePopupWindow: Failed to create popup, operation aborted"), null);
-    }, [i, I2, N2, b2]);
+    }, [i, P2, N2, w2]);
     o.useEffect(() => {
       if ((i == null ? void 0 : i.browserWindow) && s)
         try {
@@ -7640,32 +7652,32 @@
       if (i) {
         if (!t) {
           const e3 = "io.Connect API not available";
-          return console.error("usePopupWindow:", e3), void (b2() && v(e3));
+          return console.error("usePopupWindow:", e3), void (w2() && v(e3));
         }
         try {
-          const t2 = e2 || w.current;
+          const t2 = e2 || b.current;
           if (!t2)
             return void console.warn("usePopupWindow: No show options available");
-          const n2 = await I2();
-          if (!n2 || !b2())
+          const n2 = await P2();
+          if (!n2 || !w2())
             return;
-          await S2(n2, t2), b2() && m(true);
+          await C2(n2, t2), w2() && m(true);
         } catch (e3) {
           const t2 = `Failed to show popup: ${JSON.stringify(e3)}`;
-          console.error("usePopupWindow:", t2, e3), b2() && v(t2);
+          console.error("usePopupWindow:", t2, e3), w2() && v(t2);
         }
       } else
         console.warn("usePopupWindow: Cannot show popup - popup not created yet");
-    }, [i, t, S2, b2, I2]), L2 = o.useCallback(async (e2) => {
+    }, [i, t, C2, w2, P2]), L2 = o.useCallback(async (e2) => {
       await (i == null ? void 0 : i.ioConnectWindow.moveResize({ ...e2 }));
     }, [i]), D2 = o.useCallback(async () => {
-      if (b2() && (m(false), o$1.current))
+      if (w2() && (m(false), o$1.current))
         try {
           await o$1.current.ioConnectWindow.hide();
         } catch (e2) {
           console.error("usePopupWindow: Failed to hide popup", e2);
         }
-    }, [o$1, b2]);
+    }, [o$1, w2]);
     ie(() => {
       p && D2().catch((e2) => {
         console.error("Failed to hide popup on Escape key press in parent window", e2);
@@ -7688,35 +7700,35 @@
           await o$1.current.ioConnectWindow.close(), o$1.current = null;
         } catch (e2) {
           const t2 = `Failed to close popup: ${String(e2)}`;
-          console.error("usePopupWindow:", t2, e2), b2() && v(t2);
+          console.error("usePopupWindow:", t2, e2), w2() && v(t2);
         } finally {
-          b2() && (r2(null), u(null), m(false), w.current = void 0);
+          w2() && (r2(null), u(null), m(false), b.current = void 0);
         }
-    }, [o$1, b2]), R2 = o.useCallback(async (e2, n2, o2) => {
+    }, [o$1, w2]), R2 = o.useCallback(async (e2, n2, o2) => {
       if (!t) {
         const e3 = "io.Connect API not available";
-        return console.error("usePopupWindow:", e3), void (b2() && v(e3));
+        return console.error("usePopupWindow:", e3), void (w2() && v(e3));
       }
-      b2() && (g(true), v(null));
+      w2() && (g(true), v(null));
       try {
-        let e3 = await P2(n2);
+        let e3 = await I2(n2);
         if (!e3) {
           const t2 = await N2(n2);
           if (!t2)
             return void console.warn("usePopupWindow: Failed to create popup, operation aborted");
-          if (!b2())
+          if (!w2())
             return await t2.ioConnectWindow.close().catch(() => {
             }), void console.warn("usePopupWindow: Component unmounted during popup creation, cleaned up popup");
           e3 = t2;
         }
-        o2 && (w.current = o2), await S2(e3, o2), b2() && m(true);
+        o2 && (b.current = o2), await C2(e3, o2), w2() && m(true);
       } catch (e3) {
         const t2 = `Failed to create and show popup: ${String(e3)}`;
-        console.error("usePopupWindow:", t2, e3), b2() && v(t2);
+        console.error("usePopupWindow:", t2, e3), w2() && v(t2);
       } finally {
-        b2() && g(false);
+        w2() && g(false);
       }
-    }, [N2, t, S2, b2, P2]);
+    }, [N2, t, C2, w2, I2]);
     return { popup: i, loading: h, error: y, clearError: A, isOpen: !!i, isVisible: p, createPopup: N2, showPopup: O, createAndShowPopup: R2, hidePopup: D2, closePopup: T2, getContainer: () => (s == null ? void 0 : s.getElementById("io-popup-window-container")) || null, resizePopup: L2 };
   };
   const ef = () => {
@@ -7738,7 +7750,7 @@
   }
   sf.displayName = "Toggle";
   const uf = { getMyApplication: async function(e) {
-    var _a2, _b;
+    var _a2, _b2;
     if (e)
       try {
         const t = e.apps;
@@ -7751,7 +7763,7 @@
             return;
           return cf(n2);
         }
-        const n = (_b = e.appManager) == null ? void 0 : _b.myApplication;
+        const n = (_b2 = e.appManager) == null ? void 0 : _b2.myApplication;
         if (!n)
           return;
         return lf(n);
@@ -7759,7 +7771,7 @@
         return void console.error("Failed to get my application", e2);
       }
   }, getApplications: async function(e) {
-    var _a2, _b;
+    var _a2, _b2;
     if (!e)
       return [];
     try {
@@ -7768,14 +7780,14 @@
         const e2 = await t.getMany() ?? [];
         return e2.map((e3) => cf(e3));
       }
-      const n = ((_b = e.appManager) == null ? void 0 : _b.applications()) ?? [];
+      const n = ((_b2 = e.appManager) == null ? void 0 : _b2.applications()) ?? [];
       return n.map((e2) => lf(e2));
     } catch (e2) {
       console.error("Failed to get applications", e2);
     }
     return [];
   }, startApplication: async function(e, t, n) {
-    var _a2, _b;
+    var _a2, _b2;
     if (e)
       try {
         const o2 = e.apps;
@@ -7784,7 +7796,7 @@
           const e2 = o2.instances;
           return e2 ? void await e2.start({ name: t, ...n }) : void console.error("io.apps.instances API is not available");
         }
-        const i = (_b = e.appManager) == null ? void 0 : _b.application(t);
+        const i = (_b2 = e.appManager) == null ? void 0 : _b2.application(t);
         if (!i)
           return void console.error(`Application "${t}" not found`);
         await i.start(n);
@@ -7807,7 +7819,7 @@
         return void console.error(`Failed to stop application instance "${t.id}"`, e2);
       }
   }, onAppAdded: async function(e, t) {
-    var _a2, _b;
+    var _a2, _b2;
     if (e)
       try {
         const n = (_a2 = e.apps) == null ? void 0 : _a2.registry;
@@ -7817,7 +7829,7 @@
             t(n2);
           });
         }
-        const o2 = (_b = e.appManager) == null ? void 0 : _b.onAppAdded((e2) => {
+        const o2 = (_b2 = e.appManager) == null ? void 0 : _b2.onAppAdded((e2) => {
           const n2 = lf(e2);
           t(n2);
         });
@@ -7826,7 +7838,7 @@
         return void console.error("Failed to subscribe to app added events", e2);
       }
   }, onAppRemoved: async function(e, t) {
-    var _a2, _b;
+    var _a2, _b2;
     if (e)
       try {
         const n = (_a2 = e.apps) == null ? void 0 : _a2.registry;
@@ -7835,7 +7847,7 @@
             t({ name: e2 });
           });
         }
-        const o2 = (_b = e.appManager) == null ? void 0 : _b.onAppRemoved((e2) => {
+        const o2 = (_b2 = e.appManager) == null ? void 0 : _b2.onAppRemoved((e2) => {
           t({ name: e2.name });
         });
         return o2;
@@ -7843,7 +7855,7 @@
         return void console.error("Failed to subscribe to app removed events", e2);
       }
   }, onAppChanged: async function(e, t) {
-    var _a2, _b;
+    var _a2, _b2;
     if (e)
       try {
         const n = (_a2 = e.apps) == null ? void 0 : _a2.registry;
@@ -7853,7 +7865,7 @@
             t(n2);
           });
         }
-        const o2 = (_b = e.appManager) == null ? void 0 : _b.onAppChanged((e2) => {
+        const o2 = (_b2 = e.appManager) == null ? void 0 : _b2.onAppChanged((e2) => {
           const n2 = lf(e2);
           t(n2);
         });
@@ -7862,26 +7874,26 @@
         return void console.error("Failed to subscribe to app changed events", e2);
       }
   }, restartPlatform: async function(e, t = true) {
-    var _a2, _b;
+    var _a2, _b2;
     if (!e)
       return;
     const n = { autoSave: t, showDialog: true };
     try {
       if ((_a2 = e.platform) == null ? void 0 : _a2.restart)
         return void await e.platform.restart(n);
-      await ((_b = e.appManager) == null ? void 0 : _b.restart(n));
+      await ((_b2 = e.appManager) == null ? void 0 : _b2.restart(n));
     } catch (e2) {
       console.error("Failed to restart platform", e2);
     }
   }, shutdownPlatform: async function(e, t = true) {
-    var _a2, _b;
+    var _a2, _b2;
     if (!e)
       return;
     const n = { autoSave: t, showDialog: true };
     try {
       if ((_a2 = e.platform) == null ? void 0 : _a2.shutdown)
         return void await e.platform.shutdown(n);
-      await ((_b = e.appManager) == null ? void 0 : _b.exit(n));
+      await ((_b2 = e.appManager) == null ? void 0 : _b2.exit(n));
     } catch (e2) {
       console.error("Failed to shutdown platform", e2);
     }
@@ -7908,18 +7920,18 @@
   o.createContext({ theme: "dark" });
   o.createContext(void 0);
   const gf = (n) => {
-    const { General: o2, Launchpad: i, Docking: r2, ExtendedArea: a, Layouts: s, Downloads: c, System: l } = Np();
-    return jsxRuntime.jsxs(Od, { element: Us, elementProps: n, children: [jsxRuntime.jsx(o2, {}), jsxRuntime.jsx(i, {}), jsxRuntime.jsx(r2, {}), jsxRuntime.jsx(a, {}), jsxRuntime.jsx(s, {}), jsxRuntime.jsx(c, {}), jsxRuntime.jsx(l, {})] });
+    const { General: o$1, Launchpad: i, Docking: r2, ExtendedArea: a, Layouts: s, Downloads: c, System: l } = Np(), u = [[{ key: "general", Component: o$1 }], [{ key: "launchpad", Component: i }, { key: "docking", Component: r2 }, { key: "extended-area", Component: a }], [{ key: "layouts", Component: s }], [{ key: "downloads", Component: c }], [{ key: "system", Component: l }]];
+    return jsxRuntime.jsx(Od, { element: Us, elementProps: n, children: u.map((n2, o$12) => jsxRuntime.jsxs(o.Fragment, { children: [n2.map(({ key: t, Component: n3 }) => jsxRuntime.jsx(n3, {}, t)), o$12 < u.length - 1 && jsxRuntime.jsx(J, {})] }, n2[0].key)) });
   }, yf = ({ title: t = "General", ...n }) => {
     const { Theme: o2 } = Np();
     return jsxRuntime.jsx(T, { title: t, ...n, children: jsxRuntime.jsx(o2, {}) });
   }, vf = ({ className: n, title: o2 = "Theme", ...i }) => {
     const { currentTheme: r2, selectTheme: a } = Hd(), s = ef();
     return jsxRuntime.jsxs("div", { className: E("flex jc-between ai-center", n), "data-testid": "theme-container", ...i, children: [jsxRuntime.jsx("label", { className: "io-text-clipper", "data-testid": "theme-label", children: o2 }), jsxRuntime.jsxs(re, { variant: "light", "data-testid": "theme-dropdown", children: [jsxRuntime.jsx(re.Button, { text: (r2 == null ? void 0 : r2.displayName) ?? "Dark", "data-testid": "theme-dropdown-button" }), jsxRuntime.jsx(re.Content, { "data-testid": "theme-dropdown-content", children: jsxRuntime.jsx(re.List, { children: s.map(({ displayName: t, name: n2 }) => jsxRuntime.jsx(re.Item, { onClick: () => a(n2), "data-testid": `theme-dropdown-item-${n2}`, children: t }, n2)) }) })] })] });
-  }, wf = ({ prefKey: t, ...n }) => {
+  }, bf = ({ prefKey: t, ...n }) => {
     const { isLoading: o2, value: i = false, update: r2 } = ks({ prefKey: t });
     return jsxRuntime.jsx(sf, { checked: i, disabled: o2, onChange: (e) => r2(e.target.checked), ...n });
-  }, bf = ({ align: t = "right", label: n = "Minimize to tray", ...o2 }) => jsxRuntime.jsx(wf, { align: t, label: n, prefKey: Fa, ...o2 }), kf = ({ prefKey: n, options: o2, disabled: i, ...r2 }) => {
+  }, wf = ({ align: t = "right", label: n = "Minimize to tray", ...o2 }) => jsxRuntime.jsx(bf, { align: t, label: n, prefKey: Fa, ...o2 }), kf = ({ prefKey: n, options: o2, disabled: i, ...r2 }) => {
     const { isLoading: a, value: s = "Select option", update: c } = ks({ prefKey: n });
     return jsxRuntime.jsxs(re, { variant: "light", disabled: a || i, ...r2, children: [jsxRuntime.jsx(re.Button, { children: s }), jsxRuntime.jsx(re.Content, { children: jsxRuntime.jsx(re.List, { children: o2.map((t) => jsxRuntime.jsx(re.Item, { onClick: () => (async (e) => {
       if (e !== s)
@@ -7929,19 +7941,19 @@
           console.error("Failed to update platform preference:", e2);
         }
     })(t), children: t }, t)) }) })] });
-  }, xf = ({ className: n, label: o2 = "Pinned position", ...i }) => jsxRuntime.jsx(T, { className: E("io-block-list-gap", n), ...i, children: jsxRuntime.jsxs("div", { className: "flex jc-between ai-center", children: [jsxRuntime.jsx("label", { className: "io-text-clipper", children: o2 }), jsxRuntime.jsx(kf, { className: n, prefKey: _a, options: ["Left", "Right"], ...i })] }) }), Sf = ({ align: t = "right", label: n = 'Hide "Favorites"', ...o2 }) => jsxRuntime.jsx(wf, { align: t, label: n, prefKey: Ka, ...o2 }), Cf = ({ align: t = "right", label: n = "Allow docking to top", ...o2 }) => jsxRuntime.jsx(wf, { align: t, label: n, prefKey: ja, ...o2 }), Nf = ({ align: t = "right", label: n = "Always on top", ...o2 }) => jsxRuntime.jsx(wf, { align: t, label: n, prefKey: za, ...o2 }), Ef = ({ align: t = "right", label: n = "Claim occupied space", ...o2 }) => jsxRuntime.jsx(wf, { align: t, label: n, prefKey: Ha, ...o2 }), If = ({ align: t = "right", label: n = "Show the extended Launchpad area", ...o2 }) => jsxRuntime.jsx(wf, { align: t, label: n, prefKey: Wa, ...o2 }), Pf = ({ align: t = "right", label: n = "Hide labels", ...o2 }) => {
+  }, xf = ({ className: n, label: o2 = "Pinned position", ...i }) => jsxRuntime.jsx(T, { className: E("io-block-list-gap", n), ...i, children: jsxRuntime.jsxs("div", { className: "flex jc-between ai-center", children: [jsxRuntime.jsx("label", { className: "io-text-clipper", children: o2 }), jsxRuntime.jsx(kf, { className: n, prefKey: _a, options: ["Left", "Right"], ...i })] }) }), Cf = ({ align: t = "right", label: n = 'Hide "Favorites"', ...o2 }) => jsxRuntime.jsx(bf, { align: t, label: n, prefKey: Ka, ...o2 }), Sf = ({ align: t = "right", label: n = "Allow docking to top", ...o2 }) => jsxRuntime.jsx(bf, { align: t, label: n, prefKey: ja, ...o2 }), Nf = ({ align: t = "right", label: n = "Always on top", ...o2 }) => jsxRuntime.jsx(bf, { align: t, label: n, prefKey: za, ...o2 }), Ef = ({ align: t = "right", label: n = "Claim occupied space", ...o2 }) => jsxRuntime.jsx(bf, { align: t, label: n, prefKey: Ha, ...o2 }), Pf = ({ align: t = "right", label: n = "Show the extended Launchpad area", ...o2 }) => jsxRuntime.jsx(bf, { align: t, label: n, prefKey: Wa, ...o2 }), If = ({ align: t = "right", label: n = "Hide labels", ...o2 }) => {
     const { value: i } = ks({ prefKey: Wa });
-    return jsxRuntime.jsx(wf, { align: t, label: n, prefKey: Va, disabled: !i, ...o2 });
+    return jsxRuntime.jsx(bf, { align: t, label: n, prefKey: Va, disabled: !i, ...o2 });
   }, Af = ({ align: t = "right", label: n = 'Show "Favorites"', ...o2 }) => {
     const { value: i } = ks({ prefKey: Wa });
-    return jsxRuntime.jsx(wf, { align: t, label: n, prefKey: Ua, disabled: !i, ...o2 });
+    return jsxRuntime.jsx(bf, { align: t, label: n, prefKey: Ua, disabled: !i, ...o2 });
   }, Of = ({ align: t = "right", label: n = 'Show "Recent"', ...o2 }) => {
     const { value: i } = ks({ prefKey: Wa });
-    return jsxRuntime.jsx(wf, { align: t, label: n, prefKey: Ga, disabled: !i, ...o2 });
+    return jsxRuntime.jsx(bf, { align: t, label: n, prefKey: Ga, disabled: !i, ...o2 });
   }, Lf = ({ title: n = "Layouts", ...o2 }) => {
     const { LayoutsSaveCurrentOnExit: i, LayoutsShowDeletePrompt: r2, LayoutsShowUnsavedChangesPrompt: a } = Np();
     return jsxRuntime.jsxs(T, { title: n, ...o2, children: [jsxRuntime.jsx(i, {}), jsxRuntime.jsx(a, {}), jsxRuntime.jsx(r2, {})] });
-  }, Df = ({ align: t = "right", label: n = "Save current on exit", ...o2 }) => jsxRuntime.jsx(wf, { align: t, label: n, prefKey: Ja, ...o2 }), Tf = ({ align: t = "right", label: n = "Show prompt for unsaved changes", ...o2 }) => jsxRuntime.jsx(wf, { align: t, label: n, prefKey: Ya, "data-testid": "layouts-show-unsaved-changes-prompt-toggle-button", ...o2 }), Rf = ({ align: t = "right", label: n = "Show prompt for deleting", ...o2 }) => jsxRuntime.jsx(wf, { align: t, label: n, prefKey: Xa, "data-testid": "layouts-show-delete-prompt-toggle", ...o2 }), Bf = ({ title: t = "Downloads", ...n }) => {
+  }, Df = ({ align: t = "right", label: n = "Save current on exit", ...o2 }) => jsxRuntime.jsx(bf, { align: t, label: n, prefKey: Ja, ...o2 }), Tf = ({ align: t = "right", label: n = "Show prompt for unsaved changes", ...o2 }) => jsxRuntime.jsx(bf, { align: t, label: n, prefKey: Ya, "data-testid": "layouts-show-unsaved-changes-prompt-toggle-button", ...o2 }), Rf = ({ align: t = "right", label: n = "Show prompt for deleting", ...o2 }) => jsxRuntime.jsx(bf, { align: t, label: n, prefKey: Xa, "data-testid": "layouts-show-delete-prompt-toggle", ...o2 }), Bf = ({ title: t = "Downloads", ...n }) => {
     const { DownloadsLocation: o2 } = Np();
     return jsxRuntime.jsx(T, { title: t, ...n, children: jsxRuntime.jsx(o2, {}) });
   };
@@ -7983,11 +7995,11 @@
         console.error("Failed to open Download Manager", e);
       });
     }, [i]);
-    return jsxRuntime.jsx(P, { className: E("io-dm-compact-mode-only", t), icon: n, variant: "circle", size: "32", onClick: r2, ...o$1 });
+    return jsxRuntime.jsx(I, { className: E("io-dm-compact-mode-only", t), icon: n, variant: "circle", size: "32", onClick: r2, ...o$1 });
   }
   function Vf({ icon: t = "close", size: n = "32", variant: o$1 = "circle", onClick: i, ...r2 }) {
     const a = o.useContext(reactHooks.IOConnectContext);
-    return jsxRuntime.jsx(P, { icon: t, size: n, variant: o$1, onClick: (e) => {
+    return jsxRuntime.jsx(I, { icon: t, size: n, variant: o$1, onClick: (e) => {
       i ? i(e) : df.closeWindow(a).catch((e2) => {
         console.error("Failed to close window:", e2);
       });
@@ -8013,7 +8025,7 @@
   }
   function qf({ className: n, icon: o2 = "download", text: i = "No downloads to display.", ...r2 }) {
     const a = E("io-dm-no-items", n);
-    return jsxRuntime.jsxs("div", { className: a, ...r2, children: [jsxRuntime.jsx(I, { variant: o2 }), jsxRuntime.jsx("p", { children: i })] });
+    return jsxRuntime.jsxs("div", { className: a, ...r2, children: [jsxRuntime.jsx(P, { variant: o2 }), jsxRuntime.jsx("p", { children: i })] });
   }
   function Jf({ className: n, title: o2, children: i, ...r2 }) {
     const a = E("io-dm-item-group", n);
@@ -8031,12 +8043,12 @@
     return jsxRuntime.jsx(Js, { value: i(), ...o$1 });
   }
   function Qf({ className: n, itemID: o$1, filename: i, state: r2, pauseResume: s, showInFolder: c, cancel: l, remove: u, ...d }) {
-    const f = E("io-dm-item-header", n), { pauseResumeItem: p, showItemInFolder: m, cancelItem: h, removeItem: g } = _f(), y = "progressing" === r2 || "paused" === r2, v = "interrupted" === r2 || "cancelled" === r2, w = y ? "Cancel Download" : "Remove Download", b2 = l ?? h, k = u ?? g, x = function(e, t, n2, o2) {
+    const f = E("io-dm-item-header", n), { pauseResumeItem: p, showItemInFolder: m, cancelItem: h, removeItem: g } = _f(), y = "progressing" === r2 || "paused" === r2, v = "interrupted" === r2 || "cancelled" === r2, b = y ? "Cancel Download" : "Remove Download", w2 = l ?? h, k = u ?? g, x = function(e, t, n2, o2) {
       return "paused" === e || "progressing" === e ? { statusIcon: "paused" === e ? "play" : "pause", onStatusActionClick: () => n2(t) } : "completed" === e ? { statusIcon: "folder", onStatusActionClick: () => o2(t) } : null;
-    }(r2, o$1, s ?? p, c ?? m), S2 = o.useCallback(() => {
-      y ? b2(o$1) : k(o$1);
-    }, [y, b2, o$1, k]);
-    return jsxRuntime.jsxs("div", { className: f, ...d, children: [jsxRuntime.jsx(D, { text: i, style: { textDecoration: v ? "line-through" : "none" } }), jsxRuntime.jsxs(ae, { children: [x && jsxRuntime.jsx(P, { icon: x.statusIcon, iconSize: "12", onClick: x.onStatusActionClick, className: "io-dm-compact-mode-only" }), jsxRuntime.jsx(P, { icon: "close", iconSize: "12", title: w, onClick: S2 })] })] });
+    }(r2, o$1, s ?? p, c ?? m), C2 = o.useCallback(() => {
+      y ? w2(o$1) : k(o$1);
+    }, [y, w2, o$1, k]);
+    return jsxRuntime.jsxs("div", { className: f, ...d, children: [jsxRuntime.jsx(D, { text: i, style: { textDecoration: v ? "line-through" : "none" } }), jsxRuntime.jsxs(ae, { children: [x && jsxRuntime.jsx(I, { icon: x.statusIcon, iconSize: "12", onClick: x.onStatusActionClick, className: "io-dm-compact-mode-only" }), jsxRuntime.jsx(I, { icon: "close", iconSize: "12", title: b, onClick: C2 })] })] });
   }
   function Zf({ className: n, state: o2, url: i, bytesReceived: r2 = 0, bytesTotal: a = 0, speed: s = 0, timeRemaining: c = 0, ...l }) {
     const u = E("io-dm-item-body", n), d = (e) => {
@@ -8056,7 +8068,7 @@
   const ep = { success: "check-solid", warning: "exclamation-mark", critical: "exclamation-mark" };
   function tp({ className: n, variant: o2, text: i }) {
     const r2 = E("io-dm-item-status", `io-dm-item-status-${o2}`, n);
-    return jsxRuntime.jsxs("div", { className: r2, children: [o2 && jsxRuntime.jsx(I, { variant: ep[o2], className: "icon-severity", size: "10" }), i && jsxRuntime.jsx("p", { className: "io-text-smaller", children: i })] });
+    return jsxRuntime.jsxs("div", { className: r2, children: [o2 && jsxRuntime.jsx(P, { variant: ep[o2], className: "icon-severity", size: "10" }), i && jsxRuntime.jsx("p", { className: "io-text-smaller", children: i })] });
   }
   function np({ className: o$1, itemID: i, state: r2, pauseResume: s, showInFolder: c, cancel: l, ...u }) {
     const d = E("io-dm-item-footer", o$1), { pauseResumeItem: f, showItemInFolder: p, cancelItem: m } = _f(), h = o.useCallback((e) => {
@@ -8085,7 +8097,7 @@
   }
   function op({ className: n, title: o2 = "Download Settings", ...i }) {
     const r2 = E("io-dm-settings-panel", n), { configuration: { downloadFolder: a }, hideSettings: s, setDownloadLocation: c, setDownloadLocationWithDialog: l, isDownloadLocationDialogVisible: u, downloadLocationList: d } = _f();
-    return jsxRuntime.jsxs(Gs, { className: r2, ...i, children: [jsxRuntime.jsxs(Gs.Header, { children: [jsxRuntime.jsx(Gs.Header.Title, { size: "large", text: o2, tag: "h1" }), jsxRuntime.jsx(Gs.Header.ButtonGroup, { children: jsxRuntime.jsx(P, { className: "non-draggable", variant: "circle", icon: "close", size: "32", onClick: () => {
+    return jsxRuntime.jsxs(Gs, { className: r2, ...i, children: [jsxRuntime.jsxs(Gs.Header, { children: [jsxRuntime.jsx(Gs.Header.Title, { size: "large", text: o2, tag: "h1" }), jsxRuntime.jsx(Gs.Header.ButtonGroup, { children: jsxRuntime.jsx(I, { className: "non-draggable", variant: "circle", icon: "close", size: "32", onClick: () => {
       s();
     }, disabled: u }) })] }), jsxRuntime.jsx(Gs.Body, { children: jsxRuntime.jsxs(ae, { children: [jsxRuntime.jsxs(re, { variant: "light", disabled: u, children: [jsxRuntime.jsx(re.Button, { children: jsxRuntime.jsx("span", { className: "io-dm-settings-panel-download-location", children: a ?? d[0] }) }), d.length > 1 && jsxRuntime.jsx(re.Content, { children: jsxRuntime.jsx(re.List, { children: d.map((t, n2) => !t || 0 === n2 || n2 > 3 ? null : jsxRuntime.jsx(re.Item, { onClick: () => {
       c(t);
@@ -8102,7 +8114,7 @@
   const up = ({ className: n, label: o2 = "Location", ...i }) => {
     const { configuration: { downloadFolder: r2 }, setDownloadLocationWithDialog: a, isDownloadLocationDialogVisible: s, downloadLocationList: c } = _f();
     return jsxRuntime.jsxs(T, { className: E("io-preferences-download-section", n), ...i, children: [jsxRuntime.jsxs("div", { className: "flex jc-between ai-center", children: [jsxRuntime.jsx("label", { className: "io-text-clipper", children: o2 }), jsxRuntime.jsx($, { text: "Change", onClick: a, disabled: s })] }), jsxRuntime.jsx("p", { children: r2 ?? (c == null ? void 0 : c[0]) ?? "Not set" })] });
-  }, dp = ({ align: t = "right", label: n = "Ask where to save each file before downloading", ...o2 }) => jsxRuntime.jsx(wf, { align: t, label: n, prefKey: Qa, ...o2 }), fp = ({ title: n = "System", ...o2 }) => {
+  }, dp = ({ align: t = "right", label: n = "Ask where to save each file before downloading", ...o2 }) => jsxRuntime.jsx(bf, { align: t, label: n, prefKey: Qa, ...o2 }), fp = ({ title: n = "System", ...o2 }) => {
     const { SystemRestartSection: i, SystemShutdownSection: r2 } = Np();
     return jsxRuntime.jsxs(T, { title: n, ...o2, children: [jsxRuntime.jsx(i, {}), jsxRuntime.jsx(r2, {})] });
   }, pp = "T42.GD.Execute", mp = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], hp = (e, t) => e in t;
@@ -8169,36 +8181,32 @@
     const n = "restart" === e ? "_system_scheduleRestart" : "_system_scheduleShutdown";
     return t ? `${n}${t}` : n;
   }
-  function wp({ className: n, variant: o2, ...i }) {
+  function bp({ className: n, variant: o2, ...i }) {
     const r2 = E("io-block-list-gap", o2, n), { enabled: a, time: s, frequency: c, day: l, setEnabled: u, setTime: d, setFrequency: f, setDay: p } = yp(o2);
     return jsxRuntime.jsxs(T, { className: r2, ...i, children: [jsxRuntime.jsx(sf, { label: `Schedule ${o2}`, align: "right", onChange: (e) => u(e.target.checked), checked: a }), jsxRuntime.jsxs("div", { className: "scheduler-controls", children: [jsxRuntime.jsx("div", { className: "io-control-input io-control-leading-icon direction-up", children: jsxRuntime.jsx("input", { type: "time", className: "io-input", value: s, onChange: (e) => d(e.target.value) }) }), jsxRuntime.jsxs(ei, { text: c.charAt(0).toUpperCase() + c.slice(1), icon: "chevron-down", iconRight: true, children: [jsxRuntime.jsx(ei.Item, { onClick: () => f("daily"), children: "Daily" }), jsxRuntime.jsx(ei.Item, { onClick: () => f("weekly"), children: "Weekly" })] }), "weekly" === c && jsxRuntime.jsx(ei, { text: l, icon: "chevron-down", iconRight: true, children: mp.map((t) => jsxRuntime.jsx(ei.Item, { onClick: () => p(t), children: t }, t)) })] })] });
   }
-  function bp({ className: t, ...n }) {
-    return jsxRuntime.jsx(wp, { ...n, className: t, variant: "restart" });
+  function wp({ className: t, ...n }) {
+    return jsxRuntime.jsx(bp, { ...n, className: t, variant: "restart" });
   }
   function kp({ className: t, ...n }) {
-    return jsxRuntime.jsx(wp, { ...n, className: t, variant: "shutdown" });
+    return jsxRuntime.jsx(bp, { ...n, className: t, variant: "shutdown" });
   }
   const xp = { Body: gf, General: yf, Theme: vf, Launchpad: ({ title: n = "Launchpad", ...o2 }) => {
     const { MinimizeToTray: i, PinnedPosition: r2, HideFavoritesFromLaunchpad: a } = Np();
     return jsxRuntime.jsxs(T, { title: n, ...o2, children: [jsxRuntime.jsx(i, {}), jsxRuntime.jsx(r2, {}), jsxRuntime.jsx(a, {})] });
-  }, MinimizeToTray: bf, PinnedPosition: xf, HideFavoritesFromLaunchpad: Sf, Docking: ({ title: n = "Docking", ...o2 }) => {
-    const { AllowDocking: i, DockedAlwaysOnTop: r2, DockedClaimsSpace: a } = Np();
-    return jsxRuntime.jsxs(T, { title: n, ...o2, children: [jsxRuntime.jsx(i, {}), jsxRuntime.jsx(r2, {}), jsxRuntime.jsx(a, {})] });
-  }, AllowDocking: Cf, DockedAlwaysOnTop: Nf, DockedClaimsSpace: Ef, ExtendedArea: ({ title: n = "Extended Area", ...o2 }) => {
-    const { ShowExtendedArea: i, HideLabelsInExtendedArea: r2, ShowFavoritesInExtendedArea: a, ShowRecentAppsInExtendedArea: s } = Np();
-    return jsxRuntime.jsxs(T, { title: n, ...o2, children: [jsxRuntime.jsx(i, {}), jsxRuntime.jsx(r2, {}), jsxRuntime.jsx(a, {}), jsxRuntime.jsx(s, {})] });
-  }, ShowExtendedArea: If, HideLabelsInExtendedArea: Pf, ShowFavoritesInExtendedArea: Af, ShowRecentAppsInExtendedArea: Of, Layouts: Lf, LayoutsSaveCurrentOnExit: Df, LayoutsShowUnsavedChangesPrompt: Tf, LayoutsShowDeletePrompt: Rf, Downloads: Bf, DownloadsLocation: up, DownloadsAskForEachDownload: dp, System: fp, SystemRestartSection: bp, SystemShutdownSection: kp }, Sp = o.createContext(xp), Cp = o.memo(({ children: t, components: n }) => {
+  }, MinimizeToTray: wf, PinnedPosition: xf, HideFavoritesFromLaunchpad: Cf, Docking: ({ className: n, title: o2 = "Docking", ...i }) => {
+    const r2 = E("io-preferences-panel-docking", n), { AllowDocking: a, DockedAlwaysOnTop: s, DockedClaimsSpace: c } = Np();
+    return jsxRuntime.jsxs(T, { className: r2, title: o2, ...i, children: [jsxRuntime.jsx(a, {}), jsxRuntime.jsx(s, {}), jsxRuntime.jsx(c, {})] });
+  }, AllowDocking: Sf, DockedAlwaysOnTop: Nf, DockedClaimsSpace: Ef, ExtendedArea: ({ className: n, title: o2 = "Extended Area", ...i }) => {
+    const r2 = E("io-preferences-panel-extended-area", n), { ShowExtendedArea: a, HideLabelsInExtendedArea: s, ShowFavoritesInExtendedArea: c, ShowRecentAppsInExtendedArea: l } = Np();
+    return jsxRuntime.jsxs(T, { className: r2, title: o2, ...i, children: [jsxRuntime.jsx(a, {}), jsxRuntime.jsx(s, {}), jsxRuntime.jsx(c, {}), jsxRuntime.jsx(l, {})] });
+  }, ShowExtendedArea: Pf, HideLabelsInExtendedArea: If, ShowFavoritesInExtendedArea: Af, ShowRecentAppsInExtendedArea: Of, Layouts: Lf, LayoutsSaveCurrentOnExit: Df, LayoutsShowUnsavedChangesPrompt: Tf, LayoutsShowDeletePrompt: Rf, Downloads: Bf, DownloadsLocation: up, DownloadsAskForEachDownload: dp, System: fp, SystemRestartSection: wp, SystemShutdownSection: kp }, Cp = o.createContext(xp), Sp = o.memo(({ children: t, components: n }) => {
     const o$1 = o.useMemo(() => ({ ...xp, ...n }), [n]);
-    return jsxRuntime.jsx(Sp.Provider, { value: o$1, children: t });
+    return jsxRuntime.jsx(Cp.Provider, { value: o$1, children: t });
   });
-  Cp.displayName = "PreferencesPanelComponentsStoreProvider";
-  const Np = () => o.useContext(Sp);
-  function Ap({ className: n, title: o2 = "General", ...i }) {
-    const r2 = E("io-notifications-settings-panel-general", n), { AllowNotifications: a, AllowNotificationToasts: s, ShowNotificationBadge: c, CloseNotificationOnClick: l, PanelAutoHide: u, HideToastsAfter: d } = mm(), f = Ud();
-    return jsxRuntime.jsx("div", { className: r2, ...i, children: jsxRuntime.jsxs(T, { title: o2, children: [f && jsxRuntime.jsx(a, {}), f && jsxRuntime.jsx(s, {}), jsxRuntime.jsx(c, {}), f && jsxRuntime.jsx(u, {}), f && jsxRuntime.jsx(l, {}), f && jsxRuntime.jsx(d, {})] }) });
-  }
-  function Op(e) {
+  Sp.displayName = "PreferencesPanelComponentsStoreProvider";
+  const Np = () => o.useContext(Cp);
+  function Ap(e) {
     if (e && e.errorHandling && "function" != typeof e.errorHandling && "log" !== e.errorHandling && "silent" !== e.errorHandling && "throw" !== e.errorHandling)
       throw new Error('Invalid options passed to createRegistry. Prop errorHandling should be ["log" | "silent" | "throw" | (err) => void], but ' + typeof e.errorHandling + " was passed");
     var t = e && "function" == typeof e.errorHandling && e.errorHandling, n = {};
@@ -8259,9 +8267,9 @@
       n[e2] && delete n[e2];
     } };
   }
-  Op.default = Op;
-  S(Op);
-  function Tp(e) {
+  Ap.default = Ap;
+  C(Ap);
+  function Dp(e) {
     const t = o.useContext(reactHooks.IOConnectContext), n = Ud(), [o$1, i] = o.useState([]), [r2, s] = o.useState(0), d = "Platform", p = o.useCallback((e2 = "asc") => {
       if (null === n)
         return [];
@@ -8326,7 +8334,7 @@
       return s(a), c;
     }, [e, o$1]), allowedApps: r2, sortedAppsAsc: m, sortedAppsDesc: h, sortAppsAlphabetically: p };
   }
-  const _p = o.createContext({ allApps: [], settings: {}, configuration: {}, notifications: [], notificationsCount: 0, onClose: () => {
+  const $p = o.createContext({ allApps: [], settings: {}, configuration: {}, notifications: [], notificationsCount: 0, onClose: () => {
   }, allApplications: 0, clearAll: () => {
   }, showPanel: () => {
   }, hidePanel: () => {
@@ -8342,33 +8350,37 @@
   }, setState: () => {
   }, setStates: () => {
   }, setCount: () => {
-  } }), jp = () => o.useContext(_p);
+  } }), _p = () => o.useContext($p);
+  function jp({ className: n, title: o2 = "General", ...i }) {
+    const r2 = E("io-notifications-settings-panel-general", n), { AllowNotifications: a, AllowNotificationToasts: s, ShowNotificationBadge: c, CloseNotificationOnClick: l, PanelAutoHide: u, HideToastsAfter: d } = mm(), f = Ud();
+    return jsxRuntime.jsx("div", { className: r2, ...i, children: jsxRuntime.jsxs(T, { title: o2, children: [f && jsxRuntime.jsx(a, {}), f && jsxRuntime.jsx(s, {}), jsxRuntime.jsx(c, {}), f && jsxRuntime.jsx(u, {}), f && jsxRuntime.jsx(l, {}), f && jsxRuntime.jsx(d, {})] }) });
+  }
   function zp({ label: t = "Allow notifications", align: n = "right", ...o$1 }) {
-    const { settings: i, saveSetting: r2 } = jp(), s = Ud(), c = o.useCallback((e) => {
+    const { settings: i, saveSetting: r2 } = _p(), s = Ud(), c = o.useCallback((e) => {
       r2({ enabledNotifications: e.target.checked });
     }, [r2]);
     return s ? jsxRuntime.jsx(sf, { label: t, align: n, onChange: c, checked: i.enabledNotifications ?? false, ...o$1 }) : null;
   }
   function Hp({ label: t = "Allow notification toasts", align: n = "right", ...o$1 }) {
-    const { settings: i, saveSetting: r2 } = jp(), s = Ud(), c = s && !i.enabledNotifications, l = o.useCallback((e) => {
+    const { settings: i, saveSetting: r2 } = _p(), s = Ud(), c = s && !i.enabledNotifications, l = o.useCallback((e) => {
       r2({ enabledToasts: e.target.checked });
     }, [r2]);
     return s ? jsxRuntime.jsx(sf, { label: t, align: n, onChange: l, checked: i.enabledToasts ?? false, disabled: c, ...o$1 }) : null;
   }
   function Wp({ label: t = "Show notification badge", align: n = "right", ...o$1 }) {
-    const { settings: i, saveSetting: r2 } = jp(), s = Ud() && !i.enabledNotifications, c = o.useCallback((e) => {
+    const { settings: i, saveSetting: r2 } = _p(), s = Ud() && !i.enabledNotifications, c = o.useCallback((e) => {
       r2({ showNotificationBadge: e.target.checked });
     }, [r2]);
     return jsxRuntime.jsx(sf, { label: t, align: n, onChange: c, checked: i.showNotificationBadge ?? false, disabled: s, ...o$1 });
   }
   function Vp({ label: t = "Close notification on click", align: n = "right", ...o$1 }) {
-    const { settings: i, saveSetting: r2 } = jp(), s = Ud(), c = s && !i.enabledNotifications, l = o.useCallback((e) => {
+    const { settings: i, saveSetting: r2 } = _p(), s = Ud(), c = s && !i.enabledNotifications, l = o.useCallback((e) => {
       r2({ closeNotificationOnClick: e.target.checked });
     }, [r2]);
     return s ? jsxRuntime.jsx(sf, { label: t, align: n, onChange: l, checked: i.closeNotificationOnClick ?? false, disabled: c, ...o$1 }) : null;
   }
   function Up({ label: t = "Auto hide panel", align: n = "right", ...o$1 }) {
-    const { settings: i, saveSetting: r2 } = jp(), s = Ud(), c = o.useCallback((e) => {
+    const { settings: i, saveSetting: r2 } = _p(), s = Ud(), c = o.useCallback((e) => {
       r2({ autoHidePanel: e.target.checked });
     }, [r2]);
     return s ? jsxRuntime.jsx(sf, { label: t, align: n, onChange: c, checked: i.autoHidePanel ?? false, ...o$1 }) : null;
@@ -8378,7 +8390,7 @@
     return o2 + (o2 && i ? " " : "") + i;
   };
   function qp({ className: n, title: o$1 = "Hide toasts after", items: i = [15, 30, 45, 60], ...r2 }) {
-    const s = E("flex", "jc-between", "ai-center", n), { settings: c, saveSetting: l } = jp(), u = Ud(), d = u && !c.enabledNotifications, f = o.useCallback((e = 15e3) => {
+    const s = E("flex", "jc-between", "ai-center", n), { settings: c, saveSetting: l } = _p(), u = Ud(), d = u && !c.enabledNotifications, f = o.useCallback((e = 15e3) => {
       c.toastExpiry !== e && l({ toastExpiry: 1e3 * e });
     }, [c.toastExpiry, l]);
     return u ? jsxRuntime.jsxs("div", { className: s, ...r2, children: [jsxRuntime.jsx("div", { className: "io-text-clipper " + (d ? "io-text-disabled" : ""), children: jsxRuntime.jsx("span", { children: o$1 }) }), jsxRuntime.jsxs(re, { variant: "light", disabled: d, children: [jsxRuntime.jsx(re.Button, { text: Gp((c.toastExpiry ?? 0) / 1e3) }), jsxRuntime.jsx(re.Content, { children: jsxRuntime.jsx(re.List, { variant: "single", children: i.map((t) => jsxRuntime.jsx(re.Item, { onClick: () => {
@@ -8390,14 +8402,14 @@
     return Ud() ? jsxRuntime.jsx("div", { className: r2, ...i, children: jsxRuntime.jsxs(T, { title: o2, children: [jsxRuntime.jsx(a, {}), jsxRuntime.jsx(s, {})] }) }) : null;
   }
   function Yp({ label: t = "Allow toast stacking", align: n = "right", ...o$1 }) {
-    const { settings: i, saveSetting: r2 } = jp(), s = Ud(), c = s && !i.enabledNotifications, l = o.useCallback((e) => {
+    const { settings: i, saveSetting: r2 } = _p(), s = Ud(), c = s && !i.enabledNotifications, l = o.useCallback((e) => {
       r2({ toastStacking: e.target.checked });
     }, [r2]);
     return s ? jsxRuntime.jsx(sf, { label: t, align: n, onChange: l, checked: i.toastStacking ?? false, disabled: c, ...o$1 }) : null;
   }
   const Xp = { application: "Application", severity: "Priority" }, Qp = Object.fromEntries(Object.entries(Xp).map(([e, t]) => [t, e]));
   function Zp({ className: n, title: o$1 = "Group by", ...i }) {
-    const r2 = E("flex", "jc-between", "ai-center", n), { settings: s, saveSetting: c } = jp(), l = Ud(), u = l && !s.enabledNotifications, d = o.useCallback((e = "severity") => {
+    const r2 = E("flex", "jc-between", "ai-center", n), { settings: s, saveSetting: c } = _p(), l = Ud(), u = l && !s.enabledNotifications, d = o.useCallback((e = "severity") => {
       s.stackBy !== e && c({ stackBy: e.toLowerCase() });
     }, [s.stackBy, c]);
     if (!l)
@@ -8414,20 +8426,20 @@
   }
   const tm = (e) => e.replace(/(^|-)\w/g, (e2) => e2.toUpperCase().replace("-", " "));
   function nm({ className: n, title: o$1 = "Panel position", ...i }) {
-    var _a2, _b;
-    const r2 = E("flex", "jc-between", "ai-center", n), { settings: s, saveSetting: c } = jp(), l = Ud(), u = o.useCallback((e) => {
+    var _a2, _b2;
+    const r2 = E("flex", "jc-between", "ai-center", n), { settings: s, saveSetting: c } = _p(), l = Ud(), u = o.useCallback((e) => {
       var _a3;
       e || (e = "right"), ((_a3 = s.placement) == null ? void 0 : _a3.panel) !== e && c({ placement: { ...s.placement, panel: e.toLowerCase() } });
     }, [s.placement, c]);
     if (!l)
       return null;
-    return jsxRuntime.jsxs("div", { className: r2, ...i, children: [jsxRuntime.jsx("div", { className: "io-text-clipper", children: jsxRuntime.jsx("span", { children: o$1 }) }), jsxRuntime.jsxs(re, { variant: "light", children: [jsxRuntime.jsx(re.Button, { text: ((_a2 = s.placement) == null ? void 0 : _a2.panel) ? tm((_b = s.placement) == null ? void 0 : _b.panel) : "Right" }), jsxRuntime.jsx(re.Content, { children: jsxRuntime.jsx(re.List, { variant: "single", children: ["Right", "Left"].map((t) => jsxRuntime.jsx(re.Item, { onClick: () => {
+    return jsxRuntime.jsxs("div", { className: r2, ...i, children: [jsxRuntime.jsx("div", { className: "io-text-clipper", children: jsxRuntime.jsx("span", { children: o$1 }) }), jsxRuntime.jsxs(re, { variant: "light", children: [jsxRuntime.jsx(re.Button, { text: ((_a2 = s.placement) == null ? void 0 : _a2.panel) ? tm((_b2 = s.placement) == null ? void 0 : _b2.panel) : "Right" }), jsxRuntime.jsx(re.Content, { children: jsxRuntime.jsx(re.List, { variant: "single", children: ["Right", "Left"].map((t) => jsxRuntime.jsx(re.Item, { onClick: () => {
       u(t);
     }, children: t }, t)) }) })] })] });
   }
   function om({ className: n, title: o$1 = "Toasts position", ...i }) {
-    var _a2, _b;
-    const r2 = E("flex", "jc-between", "ai-center", n), { settings: s, saveSetting: c } = jp(), l = Ud(), u = o.useCallback((e) => {
+    var _a2, _b2;
+    const r2 = E("flex", "jc-between", "ai-center", n), { settings: s, saveSetting: c } = _p(), l = Ud(), u = o.useCallback((e) => {
       var _a3;
       if (e || (e = "bottom-right"), ((_a3 = s.placement) == null ? void 0 : _a3.toasts) === e)
         return;
@@ -8436,64 +8448,64 @@
     }, [s.placement, c]);
     if (!l)
       return null;
-    return jsxRuntime.jsxs("div", { className: r2, ...i, children: [jsxRuntime.jsx("div", { className: "io-text-clipper", children: jsxRuntime.jsx("span", { children: o$1 }) }), jsxRuntime.jsxs(re, { variant: "light", children: [jsxRuntime.jsx(re.Button, { text: ((_a2 = s.placement) == null ? void 0 : _a2.toasts) ? tm((_b = s.placement) == null ? void 0 : _b.toasts) : "Bottom Right" }), jsxRuntime.jsx(re.Content, { children: jsxRuntime.jsx(re.List, { variant: "single", children: ["Top Right", "Top Left", "Bottom Right", "Bottom Left"].map((t) => jsxRuntime.jsx(re.Item, { onClick: () => {
+    return jsxRuntime.jsxs("div", { className: r2, ...i, children: [jsxRuntime.jsx("div", { className: "io-text-clipper", children: jsxRuntime.jsx("span", { children: o$1 }) }), jsxRuntime.jsxs(re, { variant: "light", children: [jsxRuntime.jsx(re.Button, { text: ((_a2 = s.placement) == null ? void 0 : _a2.toasts) ? tm((_b2 = s.placement) == null ? void 0 : _b2.toasts) : "Bottom Right" }), jsxRuntime.jsx(re.Content, { children: jsxRuntime.jsx(re.List, { variant: "single", children: ["Top Right", "Top Left", "Bottom Right", "Bottom Left"].map((t) => jsxRuntime.jsx(re.Item, { onClick: () => {
       u(t);
     }, children: t }, t)) }) })] })] });
   }
   function im({ className: t, title: n = "Snooze", ...o2 }) {
     var _a2;
-    const i = E("io-notifications-settings-panel-snooze", t), { SnoozeDuration: r2 } = mm(), { settings: a } = jp();
+    const i = E("io-notifications-settings-panel-snooze", t), { SnoozeDuration: r2 } = mm(), { settings: a } = _p();
     return Ud() && ((_a2 = a.snooze) == null ? void 0 : _a2.enabled) ? jsxRuntime.jsx("div", { className: i, ...o2, children: jsxRuntime.jsx(T, { title: n, children: jsxRuntime.jsx(r2, {}) }) }) : null;
   }
   function rm({ className: n, title: o$1 = "Default duration", items: i = [60, 120, 180, 300], ...r2 }) {
-    var _a2, _b;
-    const s = E("flex", "jc-between", "ai-center", n), { settings: c, saveSetting: l } = jp(), u = Ud(), d = u && !c.enabledNotifications, f = o.useCallback((e = 6e4) => {
+    var _a2, _b2;
+    const s = E("flex", "jc-between", "ai-center", n), { settings: c, saveSetting: l } = _p(), u = Ud(), d = u && !c.enabledNotifications, f = o.useCallback((e = 6e4) => {
       var _a3;
       c.snooze && ((_a3 = c.snooze) == null ? void 0 : _a3.duration) !== e && l({ snooze: { ...c.snooze, duration: 1e3 * e } });
     }, [c.snooze, l]);
-    return u && ((_a2 = c.snooze) == null ? void 0 : _a2.enabled) ? jsxRuntime.jsxs("div", { className: s, ...r2, children: [jsxRuntime.jsx("div", { className: E("io-text-clipper", { "io-text-disabled": d }), children: jsxRuntime.jsx("span", { children: o$1 }) }), jsxRuntime.jsxs(re, { variant: "light", disabled: d, children: [jsxRuntime.jsx(re.Button, { text: Gp((((_b = c.snooze) == null ? void 0 : _b.duration) ?? 0) / 1e3) }), jsxRuntime.jsx(re.Content, { children: jsxRuntime.jsx(re.List, { variant: "single", children: i.map((t) => jsxRuntime.jsx(re.Item, { onClick: () => {
+    return u && ((_a2 = c.snooze) == null ? void 0 : _a2.enabled) ? jsxRuntime.jsxs("div", { className: s, ...r2, children: [jsxRuntime.jsx("div", { className: E("io-text-clipper", { "io-text-disabled": d }), children: jsxRuntime.jsx("span", { children: o$1 }) }), jsxRuntime.jsxs(re, { variant: "light", disabled: d, children: [jsxRuntime.jsx(re.Button, { text: Gp((((_b2 = c.snooze) == null ? void 0 : _b2.duration) ?? 0) / 1e3) }), jsxRuntime.jsx(re.Content, { children: jsxRuntime.jsx(re.List, { variant: "single", children: i.map((t) => jsxRuntime.jsx(re.Item, { onClick: () => {
       f(t);
     }, children: Gp(t) }, t)) }) })] })] }) : null;
   }
   function am({ className: n, title: o2, ...i }) {
-    const r2 = E("io-notifications-settings-panel-subscriptions", n), { SubscribeAll: a, SubscribeApp: s, SubscribeMuteAll: c, SubscribeMuteApp: l } = mm(), { sortAppsAlphabetically: u } = Tp(), d = Ud(), f = u(), p = "io-notifications-subscriptions-grid " + (d ? "with-three-columns" : "with-two-columns");
+    const r2 = E("io-notifications-settings-panel-subscriptions", n), { SubscribeAll: a, SubscribeApp: s, SubscribeMuteAll: c, SubscribeMuteApp: l } = mm(), { sortAppsAlphabetically: u } = Dp(), d = Ud(), f = u(), p = "io-notifications-subscriptions-grid " + (d ? "with-three-columns" : "with-two-columns");
     return jsxRuntime.jsx("div", { className: r2, ...i, children: jsxRuntime.jsxs(T, { title: o2 ?? (d ? "Subscribe & Mute" : "Subscribe"), children: [jsxRuntime.jsxs("div", { className: p, children: [jsxRuntime.jsx("p", { className: "io-text-section", children: "Sources" }), jsxRuntime.jsx("p", { className: "io-text-section", children: "Subscribe" }), d && jsxRuntime.jsx("p", { className: "io-text-section", children: "Mute" })] }), jsxRuntime.jsxs("div", { className: p, children: [jsxRuntime.jsx("p", { children: "All Sources" }), jsxRuntime.jsx(a, { label: "" }), d && jsxRuntime.jsx(c, { label: "" })] }), f.map((n2) => {
       var _a2;
       return !n2 || n2.hidden || ((_a2 = n2 == null ? void 0 : n2.userProperties) == null ? void 0 : _a2.hidden) ? null : jsxRuntime.jsxs("div", { className: p, children: [jsxRuntime.jsx("p", { children: n2.title ?? n2.name }), jsxRuntime.jsx(s, { app: n2, label: "" }), d && jsxRuntime.jsx(l, { app: n2, label: "" })] }, n2.name);
     })] }) });
   }
   function sm({ label: t = "All apps", align: n = "right", ...o$1 }) {
-    var _a2, _b, _c2, _d2;
-    const { settings: i, configuration: r2, saveAllFilter: s } = jp(), c = Ud() && !i.enabledNotifications, l = o.useCallback((e) => {
+    var _a2, _b2, _c2, _d2;
+    const { settings: i, configuration: r2, saveAllFilter: s } = _p(), c = Ud() && !i.enabledNotifications, l = o.useCallback((e) => {
       s({ subscribe: e.target.checked });
     }, [s]);
-    return jsxRuntime.jsx(sf, { align: n, label: t, onChange: l, checked: (((_b = (_a2 = r2.sourceFilter) == null ? void 0 : _a2.allowed) == null ? void 0 : _b.includes("*")) && 0 === ((_d2 = (_c2 = r2.sourceFilter) == null ? void 0 : _c2.blocked) == null ? void 0 : _d2.length)) ?? false, disabled: c, ...o$1 });
+    return jsxRuntime.jsx(sf, { align: n, label: t, onChange: l, checked: (((_b2 = (_a2 = r2.sourceFilter) == null ? void 0 : _a2.allowed) == null ? void 0 : _b2.includes("*")) && 0 === ((_d2 = (_c2 = r2.sourceFilter) == null ? void 0 : _c2.blocked) == null ? void 0 : _d2.length)) ?? false, disabled: c, ...o$1 });
   }
   function cm({ label: t = "App", align: n = "right", app: o$1, ...i }) {
-    var _a2, _b, _c2, _d2, _e2, _f2;
-    const { allApps: r2, settings: s, configuration: c, saveFilter: l } = jp(), u = Ud() && !s.enabledNotifications, d = o.useCallback((e, t2) => {
-      var _a3, _b2, _c3, _d3, _e3, _f3;
+    var _a2, _b2, _c2, _d2, _e2, _f2;
+    const { allApps: r2, settings: s, configuration: c, saveFilter: l } = _p(), u = Ud() && !s.enabledNotifications, d = o.useCallback((e, t2) => {
+      var _a3, _b3, _c3, _d3, _e3, _f3;
       const n2 = { ...c.sourceFilter }, o2 = (_a3 = n2.allowed) == null ? void 0 : _a3.indexOf("*");
-      "number" == typeof o2 && o2 > -1 && ((_b2 = n2.allowed) == null ? void 0 : _b2.splice(o2, 1), r2.forEach((e2) => {
+      "number" == typeof o2 && o2 > -1 && ((_b3 = n2.allowed) == null ? void 0 : _b3.splice(o2, 1), r2.forEach((e2) => {
         var _a4;
         e2.name !== t2.name && ((_a4 = n2.allowed) == null ? void 0 : _a4.push(e2.name));
       })), e ? (n2.allowed = [.../* @__PURE__ */ new Set([...n2.allowed ?? [], t2.name])], n2.blocked = (_c3 = n2.blocked) == null ? void 0 : _c3.filter((e2) => e2 !== t2.name)) : (n2.allowed = (_d3 = n2.allowed) == null ? void 0 : _d3.filter((e2) => e2 !== t2.name), n2.blocked = [.../* @__PURE__ */ new Set([...n2.blocked ?? [], t2.name])]), ((_e3 = n2.allowed) == null ? void 0 : _e3.length) && ((_f3 = n2.blocked) == null ? void 0 : _f3.includes("*")) && n2.blocked.splice(n2.blocked.indexOf("*"), 1), l(n2);
     }, [r2, c.sourceFilter, l]);
-    return jsxRuntime.jsx(sf, { id: `subscribe-${o$1.name}`, label: t, align: n, onChange: (e) => d(e.target.checked, o$1), checked: (((_b = (_a2 = c.sourceFilter) == null ? void 0 : _a2.allowed) == null ? void 0 : _b.includes("*")) && !((_d2 = (_c2 = c.sourceFilter) == null ? void 0 : _c2.blocked) == null ? void 0 : _d2.includes(o$1.name)) || ((_f2 = (_e2 = c.sourceFilter) == null ? void 0 : _e2.allowed) == null ? void 0 : _f2.includes(o$1.name))) ?? false, disabled: u, ...i });
+    return jsxRuntime.jsx(sf, { id: `subscribe-${o$1.name}`, label: t, align: n, onChange: (e) => d(e.target.checked, o$1), checked: (((_b2 = (_a2 = c.sourceFilter) == null ? void 0 : _a2.allowed) == null ? void 0 : _b2.includes("*")) && !((_d2 = (_c2 = c.sourceFilter) == null ? void 0 : _c2.blocked) == null ? void 0 : _d2.includes(o$1.name)) || ((_f2 = (_e2 = c.sourceFilter) == null ? void 0 : _e2.allowed) == null ? void 0 : _f2.includes(o$1.name))) ?? false, disabled: u, ...i });
   }
   function lm({ label: t = "Mute all", align: n = "right", ...o$1 }) {
-    var _a2, _b, _c2, _d2;
-    const { settings: i, configuration: r2, saveAllFilter: s } = jp(), c = Ud(), l = c && (!i.enabledNotifications || -1 === ((_b = (_a2 = r2.sourceFilter) == null ? void 0 : _a2.allowed) == null ? void 0 : _b.indexOf("*"))), u = o.useCallback((e) => {
+    var _a2, _b2, _c2, _d2;
+    const { settings: i, configuration: r2, saveAllFilter: s } = _p(), c = Ud(), l = c && (!i.enabledNotifications || -1 === ((_b2 = (_a2 = r2.sourceFilter) == null ? void 0 : _a2.allowed) == null ? void 0 : _b2.indexOf("*"))), u = o.useCallback((e) => {
       s({ mute: e.target.checked });
     }, [s]);
     return c ? jsxRuntime.jsx(sf, { align: n, label: t, onChange: u, checked: ((_d2 = (_c2 = r2.sourceFilter) == null ? void 0 : _c2.muted) == null ? void 0 : _d2.includes("*")) ?? false, disabled: l ?? false, ...o$1 }) : null;
   }
   function um({ label: t = "App", align: n = "right", app: o$1, ...i }) {
-    var _a2, _b, _c2, _d2, _e2, _f2, _g2, _h, _i2, _j, _k, _l2, _m, _n2, _o2, _p2;
-    const { allApps: r2, settings: s, configuration: c, saveFilter: l } = jp(), u = Ud(), d = u && (!s.enabledNotifications || ((_b = (_a2 = c.sourceFilter) == null ? void 0 : _a2.blocked) == null ? void 0 : _b.includes("*")) || ((_d2 = (_c2 = c.sourceFilter) == null ? void 0 : _c2.blocked) == null ? void 0 : _d2.includes(o$1.name)) || 0 === ((_f2 = (_e2 = c.sourceFilter) == null ? void 0 : _e2.allowed) == null ? void 0 : _f2.length) || -1 === ((_h = (_g2 = c.sourceFilter) == null ? void 0 : _g2.allowed) == null ? void 0 : _h.indexOf(o$1.name)) && -1 === ((_j = (_i2 = c.sourceFilter) == null ? void 0 : _i2.allowed) == null ? void 0 : _j.indexOf("*")) && 0 === ((_l2 = (_k = c.sourceFilter) == null ? void 0 : _k.blocked) == null ? void 0 : _l2.length)), f = o.useCallback((e, t2) => {
-      var _a3, _b2, _c3, _d3;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h, _i2, _j, _k, _l2, _m, _n2, _o2, _p2;
+    const { allApps: r2, settings: s, configuration: c, saveFilter: l } = _p(), u = Ud(), d = u && (!s.enabledNotifications || ((_b2 = (_a2 = c.sourceFilter) == null ? void 0 : _a2.blocked) == null ? void 0 : _b2.includes("*")) || ((_d2 = (_c2 = c.sourceFilter) == null ? void 0 : _c2.blocked) == null ? void 0 : _d2.includes(o$1.name)) || 0 === ((_f2 = (_e2 = c.sourceFilter) == null ? void 0 : _e2.allowed) == null ? void 0 : _f2.length) || -1 === ((_h = (_g2 = c.sourceFilter) == null ? void 0 : _g2.allowed) == null ? void 0 : _h.indexOf(o$1.name)) && -1 === ((_j = (_i2 = c.sourceFilter) == null ? void 0 : _i2.allowed) == null ? void 0 : _j.indexOf("*")) && 0 === ((_l2 = (_k = c.sourceFilter) == null ? void 0 : _k.blocked) == null ? void 0 : _l2.length)), f = o.useCallback((e, t2) => {
+      var _a3, _b3, _c3, _d3;
       const n2 = { ...c.sourceFilter }, o2 = (_a3 = n2 == null ? void 0 : n2.muted) == null ? void 0 : _a3.indexOf("*");
-      "number" == typeof o2 && o2 > -1 && ((_b2 = n2.muted) == null ? void 0 : _b2.splice(o2, 1), r2.forEach((e2) => {
+      "number" == typeof o2 && o2 > -1 && ((_b3 = n2.muted) == null ? void 0 : _b3.splice(o2, 1), r2.forEach((e2) => {
         var _a4;
         e2.name === t2.name || e2.hidden || ((_a4 = n2.muted) == null ? void 0 : _a4.push(e2.name));
       })), e ? (_c3 = n2.muted) == null ? void 0 : _c3.push(t2.name) : n2.muted = (_d3 = n2.muted) == null ? void 0 : _d3.filter((e2) => e2 !== t2.name), l(n2);
@@ -8501,21 +8513,22 @@
     return !u || o$1.hidden ? null : jsxRuntime.jsx(sf, { id: `mute-${o$1.name}`, label: t, align: n, onChange: (e) => f(e.target.checked, o$1), checked: (((_n2 = (_m = c.sourceFilter) == null ? void 0 : _m.muted) == null ? void 0 : _n2.includes("*")) || ((_p2 = (_o2 = c.sourceFilter) == null ? void 0 : _o2.muted) == null ? void 0 : _p2.includes(o$1.name))) ?? false, disabled: d ?? false, ...i });
   }
   const dm = { Body: (n) => {
-    const { General: o2, Placement: i, Stacking: r2, Snooze: a, Subscriptions: s } = mm();
-    return jsxRuntime.jsxs(Od, { element: Us, elementProps: n, children: [jsxRuntime.jsx(o2, {}), jsxRuntime.jsx(r2, {}), jsxRuntime.jsx(i, {}), jsxRuntime.jsx(a, {}), jsxRuntime.jsx(s, {})] });
-  }, General: Ap, AllowNotifications: zp, AllowNotificationToasts: Hp, ShowNotificationBadge: Wp, CloseNotificationOnClick: Vp, PanelAutoHide: Up, HideToastsAfter: qp, Stacking: Jp, ToastStacking: Yp, ToastStackBy: Zp, Placement: em, PlacementPanel: nm, PlacementToasts: om, Snooze: im, SnoozeDuration: rm, Subscriptions: am, SubscribeAll: sm, SubscribeApp: cm, SubscribeMuteAll: lm, SubscribeMuteApp: um }, fm = o.createContext(dm), pm = o.memo(({ children: t, components: n }) => {
+    var _a2;
+    const { General: o$1, Placement: i, Stacking: r2, Snooze: a, Subscriptions: s } = mm(), { settings: c } = _p(), l = [{ key: "general", Component: o$1 }, { key: "stacking", Component: r2 }, { key: "placement", Component: i }, ...Ud() && !!((_a2 = c.snooze) == null ? void 0 : _a2.enabled) ? [{ key: "snooze", Component: a }] : [], { key: "subscriptions", Component: s }];
+    return jsxRuntime.jsx(Od, { element: Us, elementProps: n, children: l.map(({ key: n2, Component: o$12 }, i2) => jsxRuntime.jsxs(o.Fragment, { children: [jsxRuntime.jsx(o$12, {}), i2 < l.length - 1 && jsxRuntime.jsx(J, {})] }, n2)) });
+  }, General: jp, AllowNotifications: zp, AllowNotificationToasts: Hp, ShowNotificationBadge: Wp, CloseNotificationOnClick: Vp, PanelAutoHide: Up, HideToastsAfter: qp, Stacking: Jp, ToastStacking: Yp, ToastStackBy: Zp, Placement: em, PlacementPanel: nm, PlacementToasts: om, Snooze: im, SnoozeDuration: rm, Subscriptions: am, SubscribeAll: sm, SubscribeApp: cm, SubscribeMuteAll: lm, SubscribeMuteApp: um }, fm = o.createContext(dm), pm = o.memo(({ children: t, components: n }) => {
     const o$1 = o.useMemo(() => ({ ...dm, ...n }), [n]);
     return jsxRuntime.jsx(fm.Provider, { value: o$1, children: t });
   });
   pm.displayName = "NotificationsSettingsPanelComponentsStoreProvider";
-  const mm = () => o.useContext(fm), ym = ({ name: n, value: o2 }) => jsxRuntime.jsxs("div", { className: "io-profile-section-item", children: [jsxRuntime.jsx("div", { className: "io-profile-section-item-name", children: n }), jsxRuntime.jsx("div", { className: "io-profile-section-item-value", children: o2 })] }), vm = ({ className: n, items: o2, title: i }) => jsxRuntime.jsxs("div", { className: E("io-profile-section-body", n), children: [i && jsxRuntime.jsx(D, { className: "io-profile-section-title", text: i }), o2.map(({ name: t, value: n2 }) => jsxRuntime.jsx(ym, { name: t, value: n2 }, t))] }), wm = ({ className: n, items: o2, title: i }) => jsxRuntime.jsxs("section", { className: E("io-profile-section", n), children: [jsxRuntime.jsx(vm, { items: o2, title: i }), jsxRuntime.jsx(J, { className: "mt-8" })] }), bm = ({ title: t = "License", ...n }) => jsxRuntime.jsx(wm, { title: t, ...n }), km = ({ title: t = "Version", ...n }) => jsxRuntime.jsx(wm, { title: t, ...n }), xm = ({ title: t = "Plugins", ...n }) => jsxRuntime.jsx(wm, { title: t, ...n }), Sm = ({ className: n }) => {
+  const mm = () => o.useContext(fm), ym = ({ name: n, value: o2 }) => jsxRuntime.jsxs("div", { className: "io-profile-section-item", children: [jsxRuntime.jsx("div", { className: "io-profile-section-item-name", children: n }), jsxRuntime.jsx("div", { className: "io-profile-section-item-value", children: o2 })] }), vm = ({ className: n, items: o2, title: i }) => jsxRuntime.jsxs("div", { className: E("io-profile-section-body", n), children: [i && jsxRuntime.jsx(D, { className: "io-profile-section-title", text: i }), o2.map(({ name: t, value: n2 }) => jsxRuntime.jsx(ym, { name: t, value: n2 }, t))] }), bm = ({ className: n, items: o2, title: i }) => jsxRuntime.jsxs("section", { className: E("io-profile-section", n), children: [jsxRuntime.jsx(vm, { items: o2, title: i }), jsxRuntime.jsx(J, { className: "mt-8" })] }), wm = ({ title: t = "License", ...n }) => jsxRuntime.jsx(bm, { title: t, ...n }), km = ({ title: t = "Version", ...n }) => jsxRuntime.jsx(bm, { title: t, ...n }), xm = ({ title: t = "Plugins", ...n }) => jsxRuntime.jsx(bm, { title: t, ...n }), Cm = ({ className: n }) => {
     const o2 = Or() ? "io.Connect Desktop" : "io.Connect Browser";
     return jsxRuntime.jsxs("div", { className: E("io-trademark-container", n), children: [jsxRuntime.jsx("h4", { className: "io-trademark-title", children: o2 }), jsxRuntime.jsxs("p", { className: "io-trademark-text", children: [o2, "® is a registered trademark of", " ", jsxRuntime.jsx("a", { href: "https://www.interop.io", rel: "noreferrer", target: "_blank", children: "Interop Inc©" }), " ", (/* @__PURE__ */ new Date()).getFullYear(), ". All rights reserved."] })] });
-  }, Cm = ({ avatarInitials: n = Or() ? "CD" : "CB", className: o2, items: i, onLogout: r2, title: a }) => jsxRuntime.jsxs("section", { className: E("io-profile-section", o2), children: [jsxRuntime.jsxs("div", { className: "io-user-details-container", children: [jsxRuntime.jsx("div", { className: "io-user-avatar", children: n }), jsxRuntime.jsx(vm, { className: "mt-12", items: i, title: a })] }), r2 && jsxRuntime.jsx($, { className: "io-log-out-button", onClick: r2, variant: "primary", icon: "arrow-right-from-bracket", children: "Log out" }), jsxRuntime.jsx(J, { className: "mt-8" })] }), Nm = { LicenseSection: bm, ProductsInfoSection: km, PluginsSection: xm, Trademark: Sm, UserSection: Cm }, Em = o.createContext(Nm), Im = o.memo(({ children: t, components: n }) => {
+  }, Sm = ({ avatarInitials: n = Or() ? "CD" : "CB", className: o2, items: i, onLogout: r2, title: a }) => jsxRuntime.jsxs("section", { className: E("io-profile-section", o2), children: [jsxRuntime.jsxs("div", { className: "io-user-details-container", children: [jsxRuntime.jsx("div", { className: "io-user-avatar", children: n }), jsxRuntime.jsx(vm, { className: "mt-12", items: i, title: a })] }), r2 && jsxRuntime.jsx($, { className: "io-log-out-button", onClick: r2, variant: "primary", icon: "arrow-right-from-bracket", children: "Log out" }), jsxRuntime.jsx(J, { className: "mt-8" })] }), Nm = { LicenseSection: wm, ProductsInfoSection: km, PluginsSection: xm, Trademark: Cm, UserSection: Sm }, Em = o.createContext(Nm), Pm = o.memo(({ children: t, components: n }) => {
     const o$1 = o.useMemo(() => ({ ...Nm, ...n }), [n]);
     return jsxRuntime.jsx(Em.Provider, { value: o$1, children: t });
   });
-  Im.displayName = "ProfilePanelComponentsStoreProvider";
+  Pm.displayName = "ProfilePanelComponentsStoreProvider";
   document.querySelector("#root") ?? document.body;
   o.createContext({ theme: "dark" });
   const Jm = "var(--io-neutrals-0)", Ym = "var(--io-neutrals-900)";
@@ -8547,7 +8560,7 @@
     return jsxRuntime.jsx("div", { className: i, style: { color: r2, backgroundColor: n.color }, "data-testid": `channel-selector-badge-${n.color}`, ...o$1, children: jsxRuntime.jsx("span", { className: "io-channel-selector-badge-label", "data-testid": "channel-selector-label", children: n.label }) });
   }
   function Zm() {
-    return jsxRuntime.jsx(I, { variant: "check", "data-testid": "channel-selector-channel-selected" });
+    return jsxRuntime.jsx(P, { variant: "check", "data-testid": "channel-selector-channel-selected" });
   }
   function eh({ channel: o2, handleChannelRestricted: i, lockedChannelRestriction: r2 }) {
     const a = (e, t) => (n) => {
@@ -8632,15 +8645,15 @@
     } }) })] });
   }
   function fh({ children: t }) {
-    return jsxRuntime.jsx("h3", { "data-testid": "io-dialog-heading", className: "io-dialog-template-heading", children: t });
+    return jsxRuntime.jsx("h1", { "data-testid": "io-dialog-heading", className: "io-dialog-template-heading", children: t });
   }
   function ph({ onCompletion: n, size: o2, variables: i }) {
     const { actionButtons: r2, heading: a, text: s, title: c } = i;
-    return jsxRuntime.jsx(dh, { actionButtons: r2, onCompletion: n, size: o2, title: c, children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(fh, { children: a }), jsxRuntime.jsx("p", { "data-testid": "io-dialog-text", children: s })] }) });
+    return jsxRuntime.jsx(dh, { actionButtons: r2, onCompletion: n, size: o2, title: c, children: jsxRuntime.jsx(fe.Body.Content, { children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(fh, { children: a }), jsxRuntime.jsx("p", { "data-testid": "io-dialog-text", children: s })] }) }) });
   }
   function mh({ onCompletion: n, size: o$1, variables: i }) {
     const { actionButtons: r2, checkbox: s, heading: c, text: u, title: d } = i, [f, p] = o.useState(s.initialValue), m = o.useCallback(() => p((e) => !e), []), h = [{ id: s.id, type: "checkbox", checked: f }];
-    return jsxRuntime.jsxs(dh, { actionButtons: r2, onCompletion: (e) => n({ ...e, inputs: h }), size: o$1, title: d, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(fh, { children: c }), jsxRuntime.jsx("p", { "data-testid": "io-dialog-text", children: u })] }), jsxRuntime.jsx(jd, { "data-testid": `io-dialog-checkbox-${s.id}`, checked: f, id: s.id, label: s.label, name: s.id, onChange: m })] });
+    return jsxRuntime.jsxs(dh, { actionButtons: r2, onCompletion: (e) => n({ ...e, inputs: h }), size: o$1, title: d, children: [jsxRuntime.jsx(fe.Body.Content, { children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(fh, { children: c }), jsxRuntime.jsx("p", { "data-testid": "io-dialog-text", children: u })] }) }), jsxRuntime.jsx(jd, { "data-testid": `io-dialog-checkbox-${s.id}`, checked: f, id: s.id, label: s.label, name: s.id, onChange: m })] });
   }
   function hh({ onCompletion: n, size: o$1, variables: i }) {
     const { actionButtons: r2, heading: a, input: s, title: c } = i, [u, f] = o.useState(s.initialValue ?? ""), p = o.useRef(null), h = (g = u, !(y = s.validation) || new RegExp(y.regexPattern).test(g) ? null : { disabledButtonIds: y.disabledButtonIds, message: y.errorMessage });
@@ -8649,13 +8662,13 @@
     return o.useLayoutEffect(() => {
       var _a2;
       (_a2 = p.current) == null ? void 0 : _a2.select();
-    }, []), jsxRuntime.jsxs(dh, { actionButtons: r2, onCompletion: (e) => n({ ...e, inputs: v }), size: o$1, title: c, validationErrors: h ? [h] : [], children: [jsxRuntime.jsx(fh, { children: a }), jsxRuntime.jsx($d, { "data-testid": `io-dialog-input-${s.id}`, ref: p, errorDataTestId: `io-dialog-input-${s.id}-error-message`, errorMessage: h == null ? void 0 : h.message, id: s.id, label: s.label, name: s.id, onChange: (e) => f(e.target.value), placeholder: s.placeholder, type: "text", value: u })] });
+    }, []), jsxRuntime.jsxs(dh, { actionButtons: r2, onCompletion: (e) => n({ ...e, inputs: v }), size: o$1, title: c, validationErrors: h ? [h] : [], children: [jsxRuntime.jsx(fe.Body.Content, { children: jsxRuntime.jsx(fh, { children: a }) }), jsxRuntime.jsx($d, { "data-testid": `io-dialog-input-${s.id}`, ref: p, errorDataTestId: `io-dialog-input-${s.id}-error-message`, errorMessage: h == null ? void 0 : h.message, id: s.id, label: s.label, name: s.id, onChange: (e) => f(e.target.value), placeholder: s.placeholder, type: "text", value: u })] });
   }
   const gh = ua({ width: ga, height: ga }), yh = ca().andThen((e) => ((e2, t) => {
     const n = typeof e2;
     return "function" === n ? ca() : ma(`The argument provided as "${t}" must be a function, received: ${n}`);
-  })(e, "onCompletion")), vh = ua({ autofocus: fa(sa()), id: ha, text: ha, variant: pa(la("default"), la("primary"), la("critical"), la("outline"), la("link")) }), wh = ua({ disabledButtonIds: da(ha), errorMessage: ha, regexPattern: ha }), bh = ua({ actionButtons: da(vh), heading: ra(), text: ra(), title: fa(ra()) }), kh = ua({ templateName: la("noInputsConfirmationDialog"), onCompletion: yh, size: fa(gh), variables: bh }), xh = ua({ actionButtons: da(vh), checkbox: ua({ id: ha, initialValue: fa(sa()), label: fa(ra()) }), heading: ra(), text: ra(), title: fa(ra()) }), Sh = ua({ templateName: la("singleCheckboxDialog"), onCompletion: yh, size: fa(gh), variables: xh }), Ch = ua({ actionButtons: da(vh), heading: ra(), input: ua({ id: ha, initialValue: fa(ra()), label: fa(ra()), placeholder: fa(ra()), validation: fa(wh) }), title: fa(ra()) }), Nh = ua({ templateName: la("singleTextInputDialog"), onCompletion: yh, size: fa(gh), variables: Ch });
-  [{ name: "noInputsConfirmationDialog", Dialog: ph, validate: kh.runWithException }, { name: "singleCheckboxDialog", Dialog: mh, validate: Sh.runWithException }, { name: "singleTextInputDialog", Dialog: hh, validate: Nh.runWithException }];
+  })(e, "onCompletion")), vh = ua({ autofocus: fa(sa()), id: ha, text: ha, variant: pa(la("default"), la("primary"), la("critical"), la("outline"), la("link")) }), bh = ua({ disabledButtonIds: da(ha), errorMessage: ha, regexPattern: ha }), wh = ua({ actionButtons: da(vh), heading: ra(), text: ra(), title: fa(ra()) }), kh = ua({ templateName: la("noInputsConfirmationDialog"), onCompletion: yh, size: fa(gh), variables: wh }), xh = ua({ actionButtons: da(vh), checkbox: ua({ id: ha, initialValue: fa(sa()), label: fa(ra()) }), heading: ra(), text: ra(), title: fa(ra()) }), Ch = ua({ templateName: la("singleCheckboxDialog"), onCompletion: yh, size: fa(gh), variables: xh }), Sh = ua({ actionButtons: da(vh), heading: ra(), input: ua({ id: ha, initialValue: fa(ra()), label: fa(ra()), placeholder: fa(ra()), validation: fa(bh) }), title: fa(ra()) }), Nh = ua({ templateName: la("singleTextInputDialog"), onCompletion: yh, size: fa(gh), variables: Sh });
+  [{ name: "noInputsConfirmationDialog", Dialog: ph, validate: kh.runWithException }, { name: "singleCheckboxDialog", Dialog: mh, validate: Ch.runWithException }, { name: "singleTextInputDialog", Dialog: hh, validate: Nh.runWithException }];
   o.createContext({ config: { message: "" }, theme: "dark", setResult: () => {
   } });
   const jh = { env: "", region: "", version: "", buildVersion: "", theme: "", isError: false, mailingList: "", createJiraTicket: true, sendEmail: false, attachments: [], applicationTitle: "", allowEditRecipients: true, attachmentsViewMode: "category", environmentInfo: "", selectedCategories: [], errorMessage: "", showEnvironmentInfo: false, context: {}, technicalInfo: "", sendEmailClient: "Outlook" };
@@ -8744,7 +8757,7 @@
     return { ...o.useContext(cg), ...e };
   }
   lg.displayName = "ComponentsStore";
-  var Eg, Ig = { exports: {} }, Pg = { exports: {} }, Ag = {};
+  var Eg, Pg = { exports: {} }, Ig = { exports: {} }, Ag = {};
   var Og, Lg, Dg, Tg, Rg, Bg, Mg, Fg, $g, _g, jg, zg, Hg, Wg, Vg = {};
   /** @license React v16.13.1
    * react-is.development.js
@@ -8755,12 +8768,12 @@
    * LICENSE file in the root directory of this source tree.
    */
   function Ug() {
-    return Lg || (Lg = 1, "production" === process.env.NODE_ENV ? Pg.exports = function() {
+    return Lg || (Lg = 1, "production" === process.env.NODE_ENV ? Ig.exports = function() {
       if (Eg)
         return Ag;
       Eg = 1;
       var e = "function" == typeof Symbol && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, o2 = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, r2 = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, l = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, d = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, m = e ? Symbol.for("react.lazy") : 60116, h = e ? Symbol.for("react.block") : 60121, g = e ? Symbol.for("react.fundamental") : 60117, y = e ? Symbol.for("react.responder") : 60118, v = e ? Symbol.for("react.scope") : 60119;
-      function w(e2) {
+      function b(e2) {
         if ("object" == typeof e2 && null !== e2) {
           var f2 = e2.$$typeof;
           switch (f2) {
@@ -8790,39 +8803,39 @@
           }
         }
       }
-      function b2(e2) {
-        return w(e2) === l;
+      function w2(e2) {
+        return b(e2) === l;
       }
       return Ag.AsyncMode = c, Ag.ConcurrentMode = l, Ag.ContextConsumer = s, Ag.ContextProvider = a, Ag.Element = t, Ag.ForwardRef = u, Ag.Fragment = o2, Ag.Lazy = m, Ag.Memo = p, Ag.Portal = n, Ag.Profiler = r2, Ag.StrictMode = i, Ag.Suspense = d, Ag.isAsyncMode = function(e2) {
-        return b2(e2) || w(e2) === c;
-      }, Ag.isConcurrentMode = b2, Ag.isContextConsumer = function(e2) {
-        return w(e2) === s;
+        return w2(e2) || b(e2) === c;
+      }, Ag.isConcurrentMode = w2, Ag.isContextConsumer = function(e2) {
+        return b(e2) === s;
       }, Ag.isContextProvider = function(e2) {
-        return w(e2) === a;
+        return b(e2) === a;
       }, Ag.isElement = function(e2) {
         return "object" == typeof e2 && null !== e2 && e2.$$typeof === t;
       }, Ag.isForwardRef = function(e2) {
-        return w(e2) === u;
+        return b(e2) === u;
       }, Ag.isFragment = function(e2) {
-        return w(e2) === o2;
+        return b(e2) === o2;
       }, Ag.isLazy = function(e2) {
-        return w(e2) === m;
+        return b(e2) === m;
       }, Ag.isMemo = function(e2) {
-        return w(e2) === p;
+        return b(e2) === p;
       }, Ag.isPortal = function(e2) {
-        return w(e2) === n;
+        return b(e2) === n;
       }, Ag.isProfiler = function(e2) {
-        return w(e2) === r2;
+        return b(e2) === r2;
       }, Ag.isStrictMode = function(e2) {
-        return w(e2) === i;
+        return b(e2) === i;
       }, Ag.isSuspense = function(e2) {
-        return w(e2) === d;
+        return b(e2) === d;
       }, Ag.isValidElementType = function(e2) {
         return "string" == typeof e2 || "function" == typeof e2 || e2 === o2 || e2 === l || e2 === r2 || e2 === i || e2 === d || e2 === f || "object" == typeof e2 && null !== e2 && (e2.$$typeof === m || e2.$$typeof === p || e2.$$typeof === a || e2.$$typeof === s || e2.$$typeof === u || e2.$$typeof === g || e2.$$typeof === y || e2.$$typeof === v || e2.$$typeof === h);
-      }, Ag.typeOf = w, Ag;
-    }() : Pg.exports = (Og || (Og = 1, "production" !== process.env.NODE_ENV && function() {
+      }, Ag.typeOf = b, Ag;
+    }() : Ig.exports = (Og || (Og = 1, "production" !== process.env.NODE_ENV && function() {
       var e = "function" == typeof Symbol && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, o2 = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, r2 = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, l = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, d = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, m = e ? Symbol.for("react.lazy") : 60116, h = e ? Symbol.for("react.block") : 60121, g = e ? Symbol.for("react.fundamental") : 60117, y = e ? Symbol.for("react.responder") : 60118, v = e ? Symbol.for("react.scope") : 60119;
-      function w(e2) {
+      function b(e2) {
         if ("object" == typeof e2 && null !== e2) {
           var f2 = e2.$$typeof;
           switch (f2) {
@@ -8854,38 +8867,38 @@
           }
         }
       }
-      var b2 = c, k = l, x = s, S2 = a, C2 = t, N2 = u, E2 = o2, I2 = m, P2 = p, A = n, O = r2, L2 = i, D2 = d, T2 = false;
+      var w2 = c, k = l, x = s, C2 = a, S2 = t, N2 = u, E2 = o2, P2 = m, I2 = p, A = n, O = r2, L2 = i, D2 = d, T2 = false;
       function R2(e2) {
-        return w(e2) === l;
+        return b(e2) === l;
       }
-      Vg.AsyncMode = b2, Vg.ConcurrentMode = k, Vg.ContextConsumer = x, Vg.ContextProvider = S2, Vg.Element = C2, Vg.ForwardRef = N2, Vg.Fragment = E2, Vg.Lazy = I2, Vg.Memo = P2, Vg.Portal = A, Vg.Profiler = O, Vg.StrictMode = L2, Vg.Suspense = D2, Vg.isAsyncMode = function(e2) {
-        return T2 || (T2 = true, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), R2(e2) || w(e2) === c;
+      Vg.AsyncMode = w2, Vg.ConcurrentMode = k, Vg.ContextConsumer = x, Vg.ContextProvider = C2, Vg.Element = S2, Vg.ForwardRef = N2, Vg.Fragment = E2, Vg.Lazy = P2, Vg.Memo = I2, Vg.Portal = A, Vg.Profiler = O, Vg.StrictMode = L2, Vg.Suspense = D2, Vg.isAsyncMode = function(e2) {
+        return T2 || (T2 = true, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), R2(e2) || b(e2) === c;
       }, Vg.isConcurrentMode = R2, Vg.isContextConsumer = function(e2) {
-        return w(e2) === s;
+        return b(e2) === s;
       }, Vg.isContextProvider = function(e2) {
-        return w(e2) === a;
+        return b(e2) === a;
       }, Vg.isElement = function(e2) {
         return "object" == typeof e2 && null !== e2 && e2.$$typeof === t;
       }, Vg.isForwardRef = function(e2) {
-        return w(e2) === u;
+        return b(e2) === u;
       }, Vg.isFragment = function(e2) {
-        return w(e2) === o2;
+        return b(e2) === o2;
       }, Vg.isLazy = function(e2) {
-        return w(e2) === m;
+        return b(e2) === m;
       }, Vg.isMemo = function(e2) {
-        return w(e2) === p;
+        return b(e2) === p;
       }, Vg.isPortal = function(e2) {
-        return w(e2) === n;
+        return b(e2) === n;
       }, Vg.isProfiler = function(e2) {
-        return w(e2) === r2;
+        return b(e2) === r2;
       }, Vg.isStrictMode = function(e2) {
-        return w(e2) === i;
+        return b(e2) === i;
       }, Vg.isSuspense = function(e2) {
-        return w(e2) === d;
+        return b(e2) === d;
       }, Vg.isValidElementType = function(e2) {
         return "string" == typeof e2 || "function" == typeof e2 || e2 === o2 || e2 === l || e2 === r2 || e2 === i || e2 === d || e2 === f || "object" == typeof e2 && null !== e2 && (e2.$$typeof === m || e2.$$typeof === p || e2.$$typeof === a || e2.$$typeof === s || e2.$$typeof === u || e2.$$typeof === g || e2.$$typeof === y || e2.$$typeof === v || e2.$$typeof === h);
-      }, Vg.typeOf = w;
-    }()), Vg)), Pg.exports;
+      }, Vg.typeOf = b;
+    }()), Vg)), Ig.exports;
   }
   /*
   object-assign
@@ -8946,7 +8959,7 @@
   }
   if ("production" !== process.env.NODE_ENV) {
     var Jg = Ug();
-    Ig.exports = function() {
+    Pg.exports = function() {
       if (zg)
         return jg;
       zg = 1;
@@ -9057,7 +9070,7 @@
               if (f(a2, e2[s2]))
                 return null;
             var c2 = JSON.stringify(e2, function(e3, t3) {
-              return "symbol" === w(t3) ? String(t3) : t3;
+              return "symbol" === b(t3) ? String(t3) : t3;
             });
             return new p("Invalid " + i2 + " `" + r3 + "` of value `" + String(a2) + "` supplied to `" + o3 + "`, expected one of " + c2 + ".");
           }) : ("production" !== process.env.NODE_ENV && r2(arguments.length > 1 ? "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])." : "Invalid argument supplied to oneOf, expected an array."), a);
@@ -9067,7 +9080,7 @@
           for (var t2 = 0; t2 < e2.length; t2++) {
             var i2 = e2[t2];
             if ("function" != typeof i2)
-              return r2("Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + b2(i2) + " at index " + t2 + "."), a;
+              return r2("Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + w2(i2) + " at index " + t2 + "."), a;
           }
           return m(function(t3, i3, r3, a2, s2) {
             for (var c2 = [], l2 = 0; l2 < e2.length; l2++) {
@@ -9086,7 +9099,7 @@
             for (var l2 in e2) {
               var u2 = e2[l2];
               if ("function" != typeof u2)
-                return g(i2, r3, a2, l2, w(u2));
+                return g(i2, r3, a2, l2, b(u2));
               var d2 = u2(s2, l2, i2, r3, a2 + "." + l2, n);
               if (d2)
                 return d2;
@@ -9102,7 +9115,7 @@
             for (var f2 in d2) {
               var m2 = e2[f2];
               if (o2(e2, f2) && "function" != typeof m2)
-                return g(a2, s2, c2, f2, w(m2));
+                return g(a2, s2, c2, f2, b(m2));
               if (!m2)
                 return new p("Invalid " + s2 + " `" + c2 + "` key `" + f2 + "` supplied to `" + a2 + "`.\nBad object: " + JSON.stringify(i2[r3], null, "  ") + "\nValid keys: " + JSON.stringify(Object.keys(e2), null, "  "));
               var h2 = m2(l2, f2, a2, s2, c2 + "." + f2, n);
@@ -9140,7 +9153,7 @@
         function h(e2) {
           return m(function(t2, n2, o3, i2, r3, a2) {
             var s2 = t2[n2];
-            return v(s2) !== e2 ? new p("Invalid " + i2 + " `" + r3 + "` of type `" + w(s2) + "` supplied to `" + o3 + "`, expected `" + e2 + "`.", { expectedType: e2 }) : null;
+            return v(s2) !== e2 ? new p("Invalid " + i2 + " `" + r3 + "` of type `" + b(s2) + "` supplied to `" + o3 + "`, expected `" + e2 + "`.", { expectedType: e2 }) : null;
           });
         }
         function g(e2, t2, n2, o3, i2) {
@@ -9188,7 +9201,7 @@
             return "symbol" === e3 || !!t3 && ("Symbol" === t3["@@toStringTag"] || "function" == typeof Symbol && t3 instanceof Symbol);
           }(t2, e2) ? "symbol" : t2;
         }
-        function w(e2) {
+        function b(e2) {
           if (null == e2)
             return "" + e2;
           var t2 = v(e2);
@@ -9200,8 +9213,8 @@
           }
           return t2;
         }
-        function b2(e2) {
-          var t2 = w(e2);
+        function w2(e2) {
+          var t2 = b(e2);
           switch (t2) {
             case "array":
             case "object":
@@ -9218,7 +9231,7 @@
       }, jg;
     }()(Jg.isElement, true);
   } else
-    Ig.exports = function() {
+    Pg.exports = function() {
       if (Wg)
         return Hg;
       Wg = 1;
@@ -9242,7 +9255,7 @@
         return r2.PropTypes = r2, r2;
       }, Hg;
     }()();
-  var Yg = S(Ig.exports);
+  var Yg = C(Pg.exports);
   function Xg(e) {
     return Xg = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e2) {
       return typeof e2;
@@ -9271,12 +9284,12 @@
   }
   var my = false, hy = "production" !== process.env.NODE_ENV ? Yg.oneOfType([Yg.number, Yg.shape({ enter: Yg.number, exit: Yg.number, appear: Yg.number }).isRequired]) : null;
   "production" !== process.env.NODE_ENV && Yg.oneOfType([Yg.string, Yg.shape({ enter: Yg.string, exit: Yg.string, active: Yg.string }), Yg.shape({ enter: Yg.string, enterDone: Yg.string, enterActive: Yg.string, exit: Yg.string, exitDone: Yg.string, exitActive: Yg.string })]);
-  var gy = o.createContext(null), yy = "unmounted", vy = "exited", wy = "entering", by = "entered", ky = "exiting", xy = function(e) {
+  var gy = o.createContext(null), yy = "unmounted", vy = "exited", by = "entering", wy = "entered", ky = "exiting", xy = function(e) {
     function t(t2, n2) {
       var o2;
       o2 = e.call(this, t2, n2) || this;
       var i, r2 = n2 && !n2.isMounting ? t2.enter : t2.appear;
-      return o2.appearStatus = null, t2.in ? r2 ? (i = vy, o2.appearStatus = wy) : i = by : i = t2.unmountOnExit || t2.mountOnEnter ? yy : vy, o2.state = { status: i }, o2.nextCallback = null, o2;
+      return o2.appearStatus = null, t2.in ? r2 ? (i = vy, o2.appearStatus = by) : i = wy : i = t2.unmountOnExit || t2.mountOnEnter ? yy : vy, o2.state = { status: i }, o2.nextCallback = null, o2;
     }
     !function(e2, t2) {
       e2.prototype = Object.create(t2.prototype), e2.prototype.constructor = e2, py(e2, t2);
@@ -9290,7 +9303,7 @@
       var t2 = null;
       if (e2 !== this.props) {
         var n2 = this.state.status;
-        this.props.in ? n2 !== wy && n2 !== by && (t2 = wy) : n2 !== wy && n2 !== by || (t2 = ky);
+        this.props.in ? n2 !== by && n2 !== wy && (t2 = by) : n2 !== by && n2 !== wy || (t2 = ky);
       }
       this.updateStatus(false, t2);
     }, n.componentWillUnmount = function() {
@@ -9300,9 +9313,9 @@
       return e2 = t2 = n2 = o2, null != o2 && "number" != typeof o2 && (e2 = o2.exit, t2 = o2.enter, n2 = void 0 !== o2.appear ? o2.appear : t2), { exit: e2, enter: t2, appear: n2 };
     }, n.updateStatus = function(e2, t2) {
       if (void 0 === e2 && (e2 = false), null !== t2)
-        if (this.cancelNextCallback(), t2 === wy) {
+        if (this.cancelNextCallback(), t2 === by) {
           if (this.props.unmountOnExit || this.props.mountOnEnter) {
-            var n2 = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this);
+            var n2 = this.props.nodeRef ? this.props.nodeRef.current : w.findDOMNode(this);
             n2 && function(e3) {
               e3.scrollTop;
             }(n2);
@@ -9313,18 +9326,18 @@
       else
         this.props.unmountOnExit && this.state.status === vy && this.setState({ status: yy });
     }, n.performEnter = function(e2) {
-      var t2 = this, n2 = this.props.enter, o2 = this.context ? this.context.isMounting : e2, i = this.props.nodeRef ? [o2] : [b.findDOMNode(this), o2], r2 = i[0], a = i[1], s = this.getTimeouts(), c = o2 ? s.appear : s.enter;
-      !e2 && !n2 || my ? this.safeSetState({ status: by }, function() {
+      var t2 = this, n2 = this.props.enter, o2 = this.context ? this.context.isMounting : e2, i = this.props.nodeRef ? [o2] : [w.findDOMNode(this), o2], r2 = i[0], a = i[1], s = this.getTimeouts(), c = o2 ? s.appear : s.enter;
+      !e2 && !n2 || my ? this.safeSetState({ status: wy }, function() {
         t2.props.onEntered(r2);
-      }) : (this.props.onEnter(r2, a), this.safeSetState({ status: wy }, function() {
+      }) : (this.props.onEnter(r2, a), this.safeSetState({ status: by }, function() {
         t2.props.onEntering(r2, a), t2.onTransitionEnd(c, function() {
-          t2.safeSetState({ status: by }, function() {
+          t2.safeSetState({ status: wy }, function() {
             t2.props.onEntered(r2, a);
           });
         });
       }));
     }, n.performExit = function() {
-      var e2 = this, t2 = this.props.exit, n2 = this.getTimeouts(), o2 = this.props.nodeRef ? void 0 : b.findDOMNode(this);
+      var e2 = this, t2 = this.props.exit, n2 = this.getTimeouts(), o2 = this.props.nodeRef ? void 0 : w.findDOMNode(this);
       t2 && !my ? (this.props.onExit(o2), this.safeSetState({ status: ky }, function() {
         e2.props.onExiting(o2), e2.onTransitionEnd(n2.exit, function() {
           e2.safeSetState({ status: vy }, function() {
@@ -9347,7 +9360,7 @@
       }, this.nextCallback;
     }, n.onTransitionEnd = function(e2, t2) {
       this.setNextCallback(t2);
-      var n2 = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this), o2 = null == e2 && !this.props.addEndListener;
+      var n2 = this.props.nodeRef ? this.props.nodeRef.current : w.findDOMNode(this), o2 = null == e2 && !this.props.addEndListener;
       if (n2 && !o2) {
         if (this.props.addEndListener) {
           var i = this.props.nodeRef ? [this.nextCallback] : [n2, this.nextCallback], r2 = i[0], a = i[1];
@@ -9377,14 +9390,14 @@
       return o.createElement(gy.Provider, { value: null }, "function" == typeof n2 ? n2(e2, o$1) : o.cloneElement(o.Children.only(n2), o$1));
     }, t;
   }(o.Component);
-  function Sy() {
+  function Cy() {
   }
-  function Cy(e) {
-    return Cy = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e2) {
+  function Sy(e) {
+    return Sy = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e2) {
       return typeof e2;
     } : function(e2) {
       return e2 && "function" == typeof Symbol && e2.constructor === Symbol && e2 !== Symbol.prototype ? "symbol" : typeof e2;
-    }, Cy(e);
+    }, Sy(e);
   }
   xy.contextType = gy, xy.propTypes = "production" !== process.env.NODE_ENV ? { nodeRef: Yg.shape({ current: "undefined" == typeof Element ? Yg.any : function(e, t, n, o2, i, r2) {
     var a = e[t];
@@ -9395,19 +9408,19 @@
     for (var n = arguments.length, o2 = new Array(n > 1 ? n - 1 : 0), i = 1; i < n; i++)
       o2[i - 1] = arguments[i];
     return t.apply(void 0, [e].concat(o2));
-  }, addEndListener: Yg.func, onEnter: Yg.func, onEntering: Yg.func, onEntered: Yg.func, onExit: Yg.func, onExiting: Yg.func, onExited: Yg.func } : {}, xy.defaultProps = { in: false, mountOnEnter: false, unmountOnExit: false, appear: false, enter: true, exit: true, onEnter: Sy, onEntering: Sy, onEntered: Sy, onExit: Sy, onExiting: Sy, onExited: Sy }, xy.UNMOUNTED = yy, xy.EXITED = vy, xy.ENTERING = wy, xy.ENTERED = by, xy.EXITING = ky;
+  }, addEndListener: Yg.func, onEnter: Yg.func, onEntering: Yg.func, onEntered: Yg.func, onExit: Yg.func, onExiting: Yg.func, onExited: Yg.func } : {}, xy.defaultProps = { in: false, mountOnEnter: false, unmountOnExit: false, appear: false, enter: true, exit: true, onEnter: Cy, onEntering: Cy, onEntered: Cy, onExit: Cy, onExiting: Cy, onExited: Cy }, xy.UNMOUNTED = yy, xy.EXITED = vy, xy.ENTERING = by, xy.ENTERED = wy, xy.EXITING = ky;
   var Ny, Ey = ["tag", "horizontal", "isOpen", "className", "navbar", "cssModule", "children", "innerRef"];
-  function Iy() {
-    return Iy = Object.assign ? Object.assign.bind() : function(e) {
+  function Py() {
+    return Py = Object.assign ? Object.assign.bind() : function(e) {
       for (var t = 1; t < arguments.length; t++) {
         var n = arguments[t];
         for (var o2 in n)
           Object.prototype.hasOwnProperty.call(n, o2) && (e[o2] = n[o2]);
       }
       return e;
-    }, Iy.apply(this, arguments);
+    }, Py.apply(this, arguments);
   }
-  function Py(e, t) {
+  function Iy(e, t) {
     if (null == e)
       return {};
     var n, o2, i = function(e2, t2) {
@@ -9461,7 +9474,7 @@
       } else
         n = o2.apply(this, arguments);
       return function(e2, t2) {
-        if (t2 && ("object" === Cy(t2) || "function" == typeof t2))
+        if (t2 && ("object" === Sy(t2) || "function" == typeof t2))
           return t2;
         if (void 0 !== t2)
           throw new TypeError("Derived constructors may only return object or undefined");
@@ -9542,18 +9555,18 @@
     } }, { key: "render", value: function() {
       var e2 = this, t2 = this.props, n = t2.tag, o$1 = t2.horizontal, r2 = t2.isOpen, a = t2.className, s = t2.navbar, c = t2.cssModule, l = t2.children;
       t2.innerRef;
-      var u, d, f, p = Py(t2, Ey), m = this.state.dimension, h = function(e3, t3) {
+      var u, d, f, p = Iy(t2, Ey), m = this.state.dimension, h = function(e3, t3) {
         for (var n2, o2 = Array.isArray(t3) ? t3 : [t3], i = o2.length, r3 = {}; i > 0; )
           r3[n2 = o2[i -= 1]] = e3[n2];
         return r3;
       }(p, ty), g = (u = p, d = ty, f = {}, Object.keys(u).forEach(function(e3) {
         -1 === d.indexOf(e3) && (f[e3] = u[e3]);
       }), f);
-      return o.createElement(xy, Iy({}, h, { in: r2, nodeRef: this.nodeRef, onEntering: this.onEntering, onEntered: this.onEntered, onExit: this.onExit, onExiting: this.onExiting, onExited: this.onExited }), function(t3) {
+      return o.createElement(xy, Py({}, h, { in: r2, nodeRef: this.nodeRef, onEntering: this.onEntering, onEntered: this.onEntered, onExit: this.onExit, onExiting: this.onExiting, onExited: this.onExited }), function(t3) {
         var r3 = function(e3) {
           return _y[e3] || "collapse";
         }(t3), u2 = Qg(E(a, o$1 && "collapse-horizontal", r3, s && "navbar-collapse"), c), d2 = null === m ? null : My({}, o$1 ? "width" : "height", m);
-        return o.createElement(n, Iy({}, g, { style: By(By({}, g.style), d2), className: u2, ref: e2.nodeRef }), l);
+        return o.createElement(n, Py({}, g, { style: By(By({}, g.style), d2), className: u2, ref: e2.nodeRef }), l);
       });
     } }]), t;
   }();
@@ -9567,18 +9580,18 @@
     }(e) && !function(e2) {
       var t = Object.prototype.toString.call(e2);
       return "[object RegExp]" === t || "[object Date]" === t || function(e3) {
-        return e3.$$typeof === Iv;
+        return e3.$$typeof === Pv;
       }(e2);
     }(e);
   };
-  var Iv = "function" == typeof Symbol && Symbol.for ? Symbol.for("react.element") : 60103;
-  function Pv(e, t) {
+  var Pv = "function" == typeof Symbol && Symbol.for ? Symbol.for("react.element") : 60103;
+  function Iv(e, t) {
     return false !== t.clone && t.isMergeableObject(e) ? Tv((n = e, Array.isArray(n) ? [] : {}), e, t) : e;
     var n;
   }
   function Av(e, t, n) {
     return e.concat(t).map(function(e2) {
-      return Pv(e2, n);
+      return Iv(e2, n);
     });
   }
   function Ov(e) {
@@ -9598,7 +9611,7 @@
   function Dv(e, t, n) {
     var o2 = {};
     return n.isMergeableObject(e) && Ov(e).forEach(function(t2) {
-      o2[t2] = Pv(e[t2], n);
+      o2[t2] = Iv(e[t2], n);
     }), Ov(t).forEach(function(i) {
       (function(e2, t2) {
         return Lv(e2, t2) && !(Object.hasOwnProperty.call(e2, t2) && Object.propertyIsEnumerable.call(e2, t2));
@@ -9607,13 +9620,13 @@
           return Tv;
         var n2 = t2.customMerge(e2);
         return "function" == typeof n2 ? n2 : Tv;
-      }(i, n)(e[i], t[i], n) : o2[i] = Pv(t[i], n));
+      }(i, n)(e[i], t[i], n) : o2[i] = Iv(t[i], n));
     }), o2;
   }
   function Tv(e, t, n) {
-    (n = n || {}).arrayMerge = n.arrayMerge || Av, n.isMergeableObject = n.isMergeableObject || Ev, n.cloneUnlessOtherwiseSpecified = Pv;
+    (n = n || {}).arrayMerge = n.arrayMerge || Av, n.isMergeableObject = n.isMergeableObject || Ev, n.cloneUnlessOtherwiseSpecified = Iv;
     var o2 = Array.isArray(t);
-    return o2 === Array.isArray(e) ? o2 ? n.arrayMerge(e, t, n) : Dv(e, t, n) : Pv(t, n);
+    return o2 === Array.isArray(e) ? o2 ? n.arrayMerge(e, t, n) : Dv(e, t, n) : Iv(t, n);
   }
   Tv.all = function(e, t) {
     if (!Array.isArray(e))
@@ -9622,7 +9635,7 @@
       return Tv(e2, n, t);
     }, {});
   };
-  S(Tv);
+  C(Tv);
   const Mv = o.forwardRef((t, n) => {
     const { onSearch: o$1, searchTerm: i, onClear: r2, className: a } = t, s = o.useContext(reactHooks.IOConnectContext);
     return o.useEffect(() => {
@@ -9638,11 +9651,11 @@
   }, hideBulkActions: () => {
   } }), Hv = () => o.useContext(zv);
   function Wv({ title: n, onOpenSettings: o2, onClose: i, ...r2 }) {
-    const { HeaderCaptionTitle: a, HeaderCaptionCount: s, HeaderCaptionButtonSettings: c, HeaderCaptionButtonClose: l, HeaderActions: u, HeaderBulkActions: d, HeaderSearch: f } = Rw(), { isBulkActionsSupported: p, notificationsCount: m } = jp(), { isBulkActionsVisible: h } = Hv(), g = Ud();
+    const { HeaderCaptionTitle: a, HeaderCaptionCount: s, HeaderCaptionButtonSettings: c, HeaderCaptionButtonClose: l, HeaderActions: u, HeaderBulkActions: d, HeaderSearch: f } = Rb(), { isBulkActionsSupported: p, notificationsCount: m } = _p(), { isBulkActionsVisible: h } = Hv(), g = Ud();
     return jsxRuntime.jsxs(Vs, { ...r2, children: [jsxRuntime.jsxs("div", { className: "io-panel-header-caption", children: [jsxRuntime.jsx(a, { title: n }), jsxRuntime.jsx(s, {}), jsxRuntime.jsxs(Vs.ButtonGroup, { children: [g && jsxRuntime.jsx(c, { onClick: o2 }), jsxRuntime.jsx(l, { onClick: i })] })] }), jsxRuntime.jsx(f, {}), p ? jsxRuntime.jsxs("div", { className: `io-panel-header-actions-wrapper ${h && m > 0 ? "io-panel-header-bulk-actions-opened" : ""} `, children: [jsxRuntime.jsx(u, {}), jsxRuntime.jsx(d, {})] }) : jsxRuntime.jsx(u, {})] });
   }
   function Vv({ text: n = "Notifications", counter: o2, ...i }) {
-    const { notificationsCount: r2 } = jp();
+    const { notificationsCount: r2 } = _p();
     return jsxRuntime.jsx(D, { text: n, size: "large", ...i, children: (o2 ?? true) && jsxRuntime.jsxs("span", { children: ["(", r2, ")"] }) });
   }
   const Uv = "newest", Kv = "oldest", Gv = "severity", qv = ["None", "Low", "Medium", "High", "Critical"], Jv = { key: Uv, descending: true }, Yv = (e) => [...e].sort((e2, t) => (t.timestamp || 0) - (e2.timestamp || 0)), Xv = (e) => [...e].sort((e2, t) => (e2.timestamp || 0) - (t.timestamp || 0)), Qv = (e, t) => {
@@ -9651,9 +9664,9 @@
       const i = qv.indexOf(e2.severity || n), r2 = qv.indexOf(o2.severity || n);
       return (t ? -1 : 1) * (i - r2);
     });
-  }, Zv = { [Uv]: Yv, [Kv]: Xv, [Gv]: Qv }, ew = { severity: "Priority", newest: "Newest", oldest: "Oldest" };
-  function tw({ ...t }) {
-    const [n, o$1] = o.useState([]), { NotificationsList: i, Notification: r2 } = Rw(), { notifications: a, setCount: s, notificationsCount: c } = jp(), { sortNotificationsBy: p, viewNotificationsBy: m, searchQuery: h } = Hv(), g = o.useRef(null), y = Wd(h), v = o.useMemo(() => {
+  }, Zv = { [Uv]: Yv, [Kv]: Xv, [Gv]: Qv }, eb = { severity: "Priority", newest: "Newest", oldest: "Oldest" };
+  function tb({ ...t }) {
+    const [n, o$1] = o.useState([]), { NotificationsList: i, Notification: r2 } = Rb(), { notifications: a, setCount: s, notificationsCount: c } = _p(), { sortNotificationsBy: p, viewNotificationsBy: m, searchQuery: h } = Hv(), g = o.useRef(null), y = Wd(h), v = o.useMemo(() => {
       const e = ((e2, t2) => {
         if (!e2)
           return [];
@@ -9670,8 +9683,8 @@
         }
       })(a, m);
       return e.filter((e2) => {
-        var _a2, _b;
-        return e2.title.toLowerCase().includes(y.toLowerCase()) || ((_a2 = e2.source) == null ? void 0 : _a2.toLowerCase().includes(y.toLowerCase())) || ((_b = e2.body) == null ? void 0 : _b.toLowerCase().includes(y.toLowerCase()));
+        var _a2, _b2;
+        return e2.title.toLowerCase().includes(y.toLowerCase()) || ((_a2 = e2.source) == null ? void 0 : _a2.toLowerCase().includes(y.toLowerCase())) || ((_b2 = e2.body) == null ? void 0 : _b2.toLowerCase().includes(y.toLowerCase()));
       });
     }, [y, a, m]);
     return o.useEffect(() => {
@@ -9694,30 +9707,30 @@
       g.current && ((_a2 = g.current) == null ? void 0 : _a2.scrollTo({ top: 0, behavior: "smooth" }));
     }, [y, c, p, m]), jsxRuntime.jsx(Od, { ref: g, element: Us, elementProps: t, children: jsxRuntime.jsx(i, { notifications: n, Notification: r2 }) });
   }
-  function nw({ ...t }) {
-    const { FooterButtons: n } = Rw();
+  function nb({ ...t }) {
+    const { FooterButtons: n } = Rb();
     return jsxRuntime.jsx(Ks, { ...t, children: jsxRuntime.jsx(n, {}) });
   }
-  function ow({ className: n, ...o$1 }) {
-    const { FooterButtonClearAll: i, FooterButtonClearAllOld: r2 } = Rw(), { notifications: a } = jp(), [s, c] = o.useState(false);
+  function ob({ className: n, ...o$1 }) {
+    const { FooterButtonClearAll: i, FooterButtonClearAllOld: r2 } = Rb(), { notifications: a } = _p(), [s, c] = o.useState(false);
     return o.useEffect(() => {
       a.filter((e) => "Stale" === e.state || "Acknowledged" === e.state).length > 0 ? c(true) : c(false);
     }, [a]), jsxRuntime.jsxs(ae, { className: n, align: "right", ...o$1, children: [jsxRuntime.jsx(r2, { disabled: !s }), jsxRuntime.jsx(i, { disabled: a.length <= 0 })] });
   }
-  function iw({ text: t = "Clear All", ...n }) {
-    const { clearAll: o2 } = jp();
+  function ib({ text: t = "Clear All", ...n }) {
+    const { clearAll: o2 } = _p();
     return jsxRuntime.jsx($, { text: t, onClick: () => {
       o2();
     }, ...n });
   }
-  function rw({ text: t = "Clear Old", ...n }) {
-    const { clearAllOld: o2 } = jp();
+  function rb({ text: t = "Clear Old", ...n }) {
+    const { clearAllOld: o2 } = _p();
     return jsxRuntime.jsx($, { text: t, onClick: () => {
       o2();
     }, ...n });
   }
-  function aw(e) {
-    const t = Ud(), { onClose: n, settings: o$1 } = jp(), { isPanelVisible: i } = Hv(), { id: r2, onClick: s, updateState: c } = e, l = o.useCallback(async () => {
+  function ab(e) {
+    const t = Ud(), { onClose: n, settings: o$1 } = _p(), { isPanelVisible: i } = Hv(), { id: r2, onClick: s, updateState: c } = e, l = o.useCallback(async () => {
       if (!s)
         return;
       if (!t) {
@@ -9742,14 +9755,14 @@
     }, [l]);
     return { handleClick: l, handleWrapperClick: u };
   }
-  function sw({ className: n, notification: o2, onClick: i, ...r2 }) {
-    const a = E("io-notification-header", n), { HeaderCount: s, HeaderBadge: c, HeaderTitle: l, HeaderTimestamp: u, HeaderButtonSnooze: d, HeaderButtonClose: f } = Cw(), { handleWrapperClick: p } = aw(o2);
+  function sb({ className: n, notification: o2, onClick: i, ...r2 }) {
+    const a = E("io-notification-header", n), { HeaderCount: s, HeaderBadge: c, HeaderTitle: l, HeaderTimestamp: u, HeaderButtonSnooze: d, HeaderButtonClose: f } = Sb(), { handleWrapperClick: p } = ab(o2);
     return jsxRuntime.jsxs("div", { className: a, onClick: async (e) => {
       await p(e), i == null ? void 0 : i(e);
     }, ...r2, children: [jsxRuntime.jsx(c, { notification: o2 }), jsxRuntime.jsx(s, { notification: o2 }), jsxRuntime.jsx(l, { notification: o2 }), jsxRuntime.jsx(u, { notification: o2 }), jsxRuntime.jsxs(ae, { children: [jsxRuntime.jsx(d, { notification: o2 }), jsxRuntime.jsx(f, { notification: o2 })] })] });
   }
-  function cw({ notification: t, ...n }) {
-    const { settings: o2, notificationStacks: i } = jp(), { isPanelVisible: r2 } = Hv(), { toastStacking: a, stackBy: s } = o2, c = "application" === s ? "source" : s ?? "source";
+  function cb({ notification: t, ...n }) {
+    const { settings: o2, notificationStacks: i } = _p(), { isPanelVisible: r2 } = Hv(), { toastStacking: a, stackBy: s } = o2, c = "application" === s ? "source" : s ?? "source";
     let l = 0;
     if (a) {
       const e = i.find((e2) => e2.key === t[c]);
@@ -9757,59 +9770,59 @@
     }
     return r2 || !a || l <= 1 ? null : jsxRuntime.jsx(qs, { ...n, children: l > 9 ? "9+" : l });
   }
-  function lw({ className: t, notification: n, ...o2 }) {
+  function lb({ className: t, notification: n, ...o2 }) {
     if (!(n == null ? void 0 : n.severity) || "None" === n.severity)
       return null;
     const i = E("io-notification-header-badge", t);
     return jsxRuntime.jsx(qs, { className: i, ...o2, children: n.severity });
   }
-  function uw({ className: n, state: o2, severity: i = "None", icon: r2, ...a }) {
+  function ub({ className: n, state: o2, severity: i = "None", icon: r2, ...a }) {
     const s = E("io-notification-header-icon", n), { isPanelVisible: c } = Hv();
     return jsxRuntime.jsxs("div", { className: s, ...a, children: [r2 && jsxRuntime.jsx("span", { className: "io-notification-header-icon-image", children: jsxRuntime.jsx("img", { src: r2, alt: `io-notification-header-icon-${r2}` }) }), jsxRuntime.jsx("span", { className: `io-notification-header-icon-badge color-${i.toLowerCase()}`, children: c && "Acknowledged" !== o2 && "New" })] });
   }
-  function dw({ className: t, notification: { appTitle: n }, ...o2 }) {
+  function db({ className: t, notification: { appTitle: n }, ...o2 }) {
     const i = E("io-notification-header-title", t);
     return jsxRuntime.jsx("div", { className: i, ...o2, children: n });
   }
-  function fw({ className: t, notification: { timestamp: n, state: o2, snooze: i }, ...r2 }) {
+  function fb({ className: t, notification: { timestamp: n, state: o2, snooze: i }, ...r2 }) {
     const a = E("io-notification-timestamp", t);
     return jsxRuntime.jsx("small", i && "Snoozed" === o2 ? { className: a, ...r2, children: "Snoozed" } : { className: a, ...r2, children: Kf(n ?? 0) ?? "Just Now" });
   }
-  function pw({ notification: { id: t, state: n }, ...o$1 }) {
-    var _a2, _b;
-    const { settings: i, snooze: r2 } = jp(), s = o.useCallback((e) => {
+  function pb({ notification: { id: t, state: n }, ...o$1 }) {
+    var _a2, _b2;
+    const { settings: i, snooze: r2 } = _p(), s = o.useCallback((e) => {
       var _a3;
       e.stopPropagation(), r2 && r2(t, ((_a3 = i.snooze) == null ? void 0 : _a3.duration) ?? 0);
     }, [t, r2, (_a2 = i.snooze) == null ? void 0 : _a2.duration]);
-    return r2 && "Snoozed" !== n && ((_b = i.snooze) == null ? void 0 : _b.enabled) ? jsxRuntime.jsx($, { icon: "snooze", variant: "link", text: "Snooze", tabIndex: -1, onClick: s, ...o$1 }) : null;
+    return r2 && "Snoozed" !== n && ((_b2 = i.snooze) == null ? void 0 : _b2.enabled) ? jsxRuntime.jsx($, { icon: "snooze", variant: "link", text: "Snooze", tabIndex: -1, onClick: s, ...o$1 }) : null;
   }
-  function mw({ notification: { id: t, updateState: n }, ...o$1 }) {
-    const i = Ud(), { onClose: r2 } = jp(), { isPanelVisible: s } = Hv(), c = o.useCallback((e) => {
+  function mb({ notification: { id: t, updateState: n }, ...o$1 }) {
+    const i = Ud(), { onClose: r2 } = _p(), { isPanelVisible: s } = Hv(), c = o.useCallback((e) => {
       e.stopPropagation(), !i || s ? r2(t) : n("Acknowledged").catch(console.error);
     }, [i, t, r2, s, n]);
-    return jsxRuntime.jsx(P, { icon: "close", iconSize: "10", tabIndex: -1, onClick: c, ...o$1 });
+    return jsxRuntime.jsx(I, { icon: "close", iconSize: "10", tabIndex: -1, onClick: c, ...o$1 });
   }
-  function hw({ className: n, notification: o2, ...i }) {
-    const r2 = E("io-notification-body", n), { BodyIcon: a, BodyTitle: s, BodyDescription: c } = Cw(), { icon: l, title: u, body: d } = o2, { handleClick: f } = aw(o2);
+  function hb({ className: n, notification: o2, ...i }) {
+    const r2 = E("io-notification-body", n), { BodyIcon: a, BodyTitle: s, BodyDescription: c } = Sb(), { icon: l, title: u, body: d } = o2, { handleClick: f } = ab(o2);
     return jsxRuntime.jsxs("div", { className: r2, role: "button", tabIndex: 0, onKeyDown: async (e) => {
       R(e) && await f();
     }, onClick: f, ...i, children: [jsxRuntime.jsx(a, { icon: l }), jsxRuntime.jsxs("div", { className: "io-notification-body-content", children: [jsxRuntime.jsx(s, { text: u }), jsxRuntime.jsx(c, { text: d })] })] });
   }
-  function gw({ className: t, icon: n, altText: o2 = "notification icon", ...i }) {
+  function gb({ className: t, icon: n, altText: o2 = "notification icon", ...i }) {
     if (!n)
       return null;
     const r2 = E("io-notification-body-icon", t);
     return jsxRuntime.jsx("div", { className: r2, ...i, children: jsxRuntime.jsx("img", { src: n, alt: o2 }) });
   }
-  function yw({ text: t, ...n }) {
+  function yb({ text: t, ...n }) {
     return jsxRuntime.jsx(D, { text: t, ...n });
   }
-  function vw({ className: t, text: n, ...o2 }) {
+  function vb({ className: t, text: n, ...o2 }) {
     const i = E("io-notification-body-description", t);
     return jsxRuntime.jsx("p", { className: i, ...o2, children: n });
   }
-  function ww({ className: n, notification: o$1 }) {
-    const i = E("io-notification-footer", n), { FooterButton: r2 } = Cw(), { handleWrapperClick: a } = aw(o$1), s = o.useMemo(() => function(e) {
+  function bb({ className: n, notification: o$1 }) {
+    const i = E("io-notification-footer", n), { FooterButton: r2 } = Sb(), { handleWrapperClick: a } = ab(o$1), s = o.useMemo(() => function(e) {
       const t = [], n2 = {};
       if (!e)
         return;
@@ -9836,27 +9849,27 @@
     }(o$1.actions), [o$1.actions]), c = (t, n2) => t.children ? jsxRuntime.jsx(ei, { text: t.title, children: t.children.map(c) }, `${t.title}-${n2}`) : ((t2, n3) => jsxRuntime.jsx(ei.Item, { children: jsxRuntime.jsx(r2, { variant: "link", className: "io-dropdown-menu-item io-dropdown-menu-button", notificationAction: t2 }) }, `${t2.title}-${n3}`))(t, n2);
     return jsxRuntime.jsx("div", { className: i, onClick: a, children: jsxRuntime.jsx(ae, { align: "right", children: s == null ? void 0 : s.map((n2, o2) => n2.children ? jsxRuntime.jsxs(ae, { variant: "append", children: [jsxRuntime.jsx(r2, { notificationAction: n2, variant: 0 === o2 ? "primary" : "default" }), jsxRuntime.jsx(ei, { variant: 0 === o2 ? "primary" : "default", icon: "ellipsis", children: n2.children.map(c) })] }, `${n2.title}-${o2}`) : jsxRuntime.jsx(r2, { notificationAction: n2, variant: 0 === o2 ? "primary" : "link" }, `${n2.title}-${o2}`)) }) });
   }
-  function bw({ notificationAction: t, ...n }) {
+  function wb({ notificationAction: t, ...n }) {
     const o$1 = o.useCallback((e) => {
       e.stopPropagation(), t.onClick({ close: true });
     }, [t]);
     return jsxRuntime.jsx($, { text: t.title, onClick: o$1, ...n });
   }
-  const kw = { Header: sw, HeaderCount: cw, HeaderBadge: lw, HeaderIcon: uw, HeaderTitle: dw, HeaderTimestamp: fw, HeaderButtonSnooze: pw, HeaderButtonClose: mw, Body: hw, BodyIcon: gw, BodyTitle: yw, BodyDescription: vw, Footer: ww, FooterButton: bw }, xw = o.createContext(kw), Sw = o.memo(({ children: t, components: n }) => {
-    const o$1 = o.useMemo(() => ({ ...kw, ...n }), [n]);
-    return jsxRuntime.jsx(xw.Provider, { value: o$1, children: t });
+  const kb = { Header: sb, HeaderCount: cb, HeaderBadge: lb, HeaderIcon: ub, HeaderTitle: db, HeaderTimestamp: fb, HeaderButtonSnooze: pb, HeaderButtonClose: mb, Body: hb, BodyIcon: gb, BodyTitle: yb, BodyDescription: vb, Footer: bb, FooterButton: wb }, xb = o.createContext(kb), Cb = o.memo(({ children: t, components: n }) => {
+    const o$1 = o.useMemo(() => ({ ...kb, ...n }), [n]);
+    return jsxRuntime.jsx(xb.Provider, { value: o$1, children: t });
   });
-  function Cw(e) {
-    return { ...o.useContext(xw), ...e };
+  function Sb(e) {
+    return { ...o.useContext(xb), ...e };
   }
-  function Nw({ className: n, notification: o2, ...i }) {
-    const { Header: r2, Body: a, Footer: s } = Cw(), { severity: c } = o2, l = E("io-notification", `severity-${(c == null ? void 0 : c.toLowerCase()) ?? "none"}`, "Acknowledged" !== o2.state && "state-new", n);
+  function Nb({ className: n, notification: o2, ...i }) {
+    const { Header: r2, Body: a, Footer: s } = Sb(), { severity: c } = o2, l = E("io-notification", `severity-${(c == null ? void 0 : c.toLowerCase()) ?? "none"}`, "Acknowledged" !== o2.state && "state-new", n);
     return jsxRuntime.jsxs("div", { className: l, ...i, children: [jsxRuntime.jsx(r2, { notification: o2 }), jsxRuntime.jsx(a, { notification: o2 }), jsxRuntime.jsx(s, { notification: o2 })] });
   }
-  function Ew({ components: t, notification: n, ...o2 }) {
-    return jsxRuntime.jsx(Sw, { components: t, children: jsxRuntime.jsx(Nw, { notification: n, ...o2 }) });
+  function Eb({ components: t, notification: n, ...o2 }) {
+    return jsxRuntime.jsx(Cb, { components: t, children: jsxRuntime.jsx(Nb, { notification: n, ...o2 }) });
   }
-  function Iw({ className: n, notifications: o$1, ...i }) {
+  function Pb({ className: n, notifications: o$1, ...i }) {
     const [r2, s] = o.useState(false), c = o$1.length >= 3 ? "large" : "normal", u = 2 === o$1.length ? "small" : c, d = o$1[0].severity, f = E("io-notification-stack", r2 && "io-notification-stack-open", "normal" !== u && [`io-notification-stack-${u}`], d && "None" !== d && [`io-notification-stack-${d.toLowerCase()}`], n), p = o.useCallback(() => {
       s(true);
     }, []), m = o.useCallback((e) => {
@@ -9864,46 +9877,46 @@
         e2.close();
       });
     }, [o$1]);
-    return jsxRuntime.jsxs("div", { className: f, onClick: p, ...i, children: [r2 && "normal" !== u && jsxRuntime.jsx("div", { className: "io-notification-stack-btn", children: jsxRuntime.jsx($, { icon: "close", onClick: (e) => m(e), children: jsxRuntime.jsx("span", { className: "io-btn-text", children: "Clear Stack" }) }) }), o$1.map((t) => jsxRuntime.jsx(Ew, { notification: t }, t.id))] });
+    return jsxRuntime.jsxs("div", { className: f, onClick: p, ...i, children: [r2 && "normal" !== u && jsxRuntime.jsx("div", { className: "io-notification-stack-btn", children: jsxRuntime.jsx($, { icon: "close", onClick: (e) => m(e), children: jsxRuntime.jsx("span", { className: "io-btn-text", children: "Clear Stack" }) }) }), o$1.map((t) => jsxRuntime.jsx(Eb, { notification: t }, t.id))] });
   }
-  function Pw({ ...t }) {
-    const { notificationStacks: o2 } = jp();
-    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: o2.map((n) => jsxRuntime.jsx(Iw, { notifications: n.items, ...t }, n.key)) });
+  function Ib({ ...t }) {
+    const { notificationStacks: o2 } = _p();
+    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: o2.map((n) => jsxRuntime.jsx(Pb, { notifications: n.items, ...t }, n.key)) });
   }
-  Sw.displayName = "ComponentsStoreProvider";
-  const Aw = ({ notification: n, Notification: o2, ...i }) => {
+  Cb.displayName = "ComponentsStoreProvider";
+  const Ab = ({ notification: n, Notification: o2, ...i }) => {
     var _a2;
-    const { configuration: r2, isBulkActionsSupported: a, selectedNotifications: s, selectNotification: c } = jp(), { isPanelVisible: l, isBulkActionsVisible: u } = Hv(), d = ((_a2 = r2.sourceFilter) == null ? void 0 : _a2.muted) ?? [], f = n.source && d.includes(n.source) || d.includes("*");
+    const { configuration: r2, isBulkActionsSupported: a, selectedNotifications: s, selectNotification: c } = _p(), { isPanelVisible: l, isBulkActionsVisible: u } = Hv(), d = ((_a2 = r2.sourceFilter) == null ? void 0 : _a2.muted) ?? [], f = n.source && d.includes(n.source) || d.includes("*");
     if (!l && f)
       return null;
     const p = l && a && u, m = s.includes(n.id);
     return p ? jsxRuntime.jsxs("div", { className: E("io-notification-list-bulk-action-item", { selected: m }), children: [jsxRuntime.jsx(jd, { checked: m, onChange: (e) => c(n.id, e.target.checked) }), jsxRuntime.jsx(o2, { notification: n, ...i })] }) : jsxRuntime.jsx(o2, { notification: n, ...i });
   };
-  function Ow({ className: n, Notification: o2, notifications: i = [], noNotificationText: r2 = "No notifications to display", ...a }) {
-    const s = E("io-notification-list", n), { settings: c } = jp(), { isPanelVisible: l } = Hv(), { toastStacking: u } = c, d = u && !l, f = i.length > 0;
-    return jsxRuntime.jsxs("div", { className: s, ...a, children: [d && jsxRuntime.jsx(Pw, {}), !d && (f ? i.map((t) => jsxRuntime.jsx(Aw, { notification: t, Notification: o2, ...a }, t.id)) : jsxRuntime.jsx("div", { className: "io-notification-list-no-notifications", children: r2 }))] });
+  function Ob({ className: n, Notification: o2, notifications: i = [], noNotificationText: r2 = "No notifications to display", ...a }) {
+    const s = E("io-notification-list", n), { settings: c } = _p(), { isPanelVisible: l } = Hv(), { toastStacking: u } = c, d = u && !l, f = i.length > 0;
+    return jsxRuntime.jsxs("div", { className: s, ...a, children: [d && jsxRuntime.jsx(Ib, {}), !d && (f ? i.map((t) => jsxRuntime.jsx(Ab, { notification: t, Notification: o2, ...a }, t.id)) : jsxRuntime.jsx("div", { className: "io-notification-list-no-notifications", children: r2 }))] });
   }
-  const Lw = { Header: Wv, HeaderCaptionTitle: Vv, HeaderCaptionCount: function({ variant: t = "primary", ...n }) {
-    const { notificationsCount: o2 = 0 } = jp();
+  const Lb = { Header: Wv, HeaderCaptionTitle: Vv, HeaderCaptionCount: function({ variant: t = "primary", ...n }) {
+    const { notificationsCount: o2 = 0 } = _p();
     return 0 === o2 ? null : jsxRuntime.jsx(L, { variant: t, ...n, children: o2 > 99 ? "99+" : o2 });
   }, HeaderCaptionButtonSettings: function({ icon: t = "cog", size: n = "32", variant: o2 = "circle", ...i }) {
-    return Ud() ? jsxRuntime.jsx(P, { icon: t, size: n, variant: o2, ...i }) : null;
+    return Ud() ? jsxRuntime.jsx(I, { icon: t, size: n, variant: o2, ...i }) : null;
   }, HeaderCaptionButtonClose: function({ icon: t = "close", size: n = "32", variant: o2 = "circle", onClick: i, ...r2 }) {
-    const { hidePanel: a } = jp(), s = Ud();
-    return jsxRuntime.jsx(P, { icon: t, size: n, variant: o2, onClick: (e) => {
+    const { hidePanel: a } = _p(), s = Ud();
+    return jsxRuntime.jsx(I, { icon: t, size: n, variant: o2, onClick: (e) => {
       i ? i(e) : s && a();
     }, ...r2 });
   }, HeaderActions: function({ className: n, ...o2 }) {
-    const i = E("io-panel-header-actions", n), { HeaderActionSort: r2, HeaderActionView: a, HeaderActionClear: s, HeaderActionEdit: c } = Rw();
+    const i = E("io-panel-header-actions", n), { HeaderActionSort: r2, HeaderActionView: a, HeaderActionClear: s, HeaderActionEdit: c } = Rb();
     return jsxRuntime.jsxs("div", { className: i, ...o2, children: [jsxRuntime.jsxs(ae, { children: [jsxRuntime.jsx(r2, {}), jsxRuntime.jsx(a, {})] }), jsxRuntime.jsxs(ae, { children: [jsxRuntime.jsx(s, {}), jsxRuntime.jsx(c, {})] })] });
   }, HeaderActionSort: function({ text: n = "Sort by", ...o$1 }) {
     const { sortNotificationsBy: i, setSortBy: r2 } = Hv(), { onNotificationsSort: s } = (() => {
-      const { notifications: e } = jp(), [t, n2] = o.useState(Jv), { key: o$12, descending: i2 } = t, r3 = o.useMemo(() => Zv[o$12](e, i2), [e, o$12, i2]), s2 = o.useCallback((e2) => {
+      const { notifications: e } = _p(), [t, n2] = o.useState(Jv), { key: o$12, descending: i2 } = t, r3 = o.useMemo(() => Zv[o$12](e, i2), [e, o$12, i2]), s2 = o.useCallback((e2) => {
         n2((t2) => ({ key: e2, descending: t2.key !== e2 ? Jv.descending : !t2.descending }));
       }, []);
       return { onNotificationsSort: s2, sortedNotifications: r3 };
     })();
-    return jsxRuntime.jsxs(re, { variant: "light", ...o$1, children: [jsxRuntime.jsxs(re.Button, { variant: "link", children: [n, " ", jsxRuntime.jsx("strong", { children: ew[i].toLowerCase() })] }), jsxRuntime.jsx(re.Content, { children: jsxRuntime.jsx(re.List, { variant: "single", checkIcon: "check", children: ["Newest", "Oldest", "Priority"].map((t) => {
+    return jsxRuntime.jsxs(re, { variant: "light", ...o$1, children: [jsxRuntime.jsxs(re.Button, { variant: "link", children: [n, " ", jsxRuntime.jsx("strong", { children: eb[i].toLowerCase() })] }), jsxRuntime.jsx(re.Content, { children: jsxRuntime.jsx(re.List, { variant: "single", checkIcon: "check", children: ["Newest", "Oldest", "Priority"].map((t) => {
       const n2 = "Priority" === t ? "severity" : t.toLowerCase();
       return jsxRuntime.jsx(re.Item, { isSelected: i === n2, onClick: () => {
         r2(n2), s(n2);
@@ -9911,63 +9924,63 @@
     }) }) })] });
   }, HeaderActionView: function({ text: n = "View", ...o2 }) {
     var _a2;
-    const { settings: i } = jp(), { viewNotificationsBy: r2, setViewBy: a } = Hv(), s = ((_a2 = i.snooze) == null ? void 0 : _a2.enabled) ? ["All", "Read", "Unread", "Snoozed"] : ["All", "Read", "Unread"];
+    const { settings: i } = _p(), { viewNotificationsBy: r2, setViewBy: a } = Hv(), s = ((_a2 = i.snooze) == null ? void 0 : _a2.enabled) ? ["All", "Read", "Unread", "Snoozed"] : ["All", "Read", "Unread"];
     return jsxRuntime.jsxs(re, { variant: "light", ...o2, children: [jsxRuntime.jsxs(re.Button, { variant: "link", children: [n, " ", jsxRuntime.jsx("strong", { children: r2 })] }), jsxRuntime.jsx(re.Content, { children: jsxRuntime.jsx(re.List, { variant: "single", checkIcon: "check", children: s.map((t) => jsxRuntime.jsx(re.Item, { isSelected: r2 === t.toLowerCase(), onClick: () => a(t.toLowerCase()), children: t }, t)) }) })] });
   }, HeaderActionClear: function({ text: t = "Clear All", ...n }) {
-    const { clearAll: o2, notificationsCount: i } = jp();
+    const { clearAll: o2, notificationsCount: i } = _p();
     return jsxRuntime.jsx($, { variant: "link", text: t, onClick: o2, disabled: 0 === i, ...n });
   }, HeaderActionEdit: function({ tooltip: t = "Bulk Edit", ...n }) {
-    const { isBulkActionsSupported: o2, notificationsCount: i } = jp(), { showBulkActions: r2 } = Hv();
-    return o2 ? jsxRuntime.jsx(P, { icon: "pen-to-square", title: t, size: "32", onClick: r2, disabled: 0 === i, ...n }) : null;
+    const { isBulkActionsSupported: o2, notificationsCount: i } = _p(), { showBulkActions: r2 } = Hv();
+    return o2 ? jsxRuntime.jsx(I, { icon: "pen-to-square", title: t, size: "32", onClick: r2, disabled: 0 === i, ...n }) : null;
   }, HeaderBulkActions: function({ className: n, ...o2 }) {
-    const i = E("io-panel-header-bulk-actions", n), { HeaderBulkActionSelect: r2, HeaderBulkActionSelectDropdown: a, HeaderBulkActionMarkAsRead: s, HeaderBulkActionMarkAsUnread: c, HeaderBulkActionSnooze: l, HeaderBulkActionClear: u, HeaderBulkActionClose: d } = Rw(), { isBulkActionsSupported: f } = jp();
+    const i = E("io-panel-header-bulk-actions", n), { HeaderBulkActionSelect: r2, HeaderBulkActionSelectDropdown: a, HeaderBulkActionMarkAsRead: s, HeaderBulkActionMarkAsUnread: c, HeaderBulkActionSnooze: l, HeaderBulkActionClear: u, HeaderBulkActionClose: d } = Rb(), { isBulkActionsSupported: f } = _p();
     return f ? jsxRuntime.jsx("div", { className: i, ...o2, children: jsxRuntime.jsxs(ae, { children: [jsxRuntime.jsx(r2, {}), jsxRuntime.jsx(a, {}), jsxRuntime.jsx(s, {}), jsxRuntime.jsx(c, {}), jsxRuntime.jsx(l, {}), jsxRuntime.jsx(u, {}), jsxRuntime.jsx(d, {})] }) }) : null;
   }, HeaderBulkActionSelect: function({ ...t }) {
-    const { isBulkActionsSupported: n, selectedNotifications: o2, selectAllNotifications: i, notificationsCount: r2 } = jp();
+    const { isBulkActionsSupported: n, selectedNotifications: o2, selectAllNotifications: i, notificationsCount: r2 } = _p();
     return n ? jsxRuntime.jsx(jd, { checked: r2 === o2.length && r2 > 0, onChange: (e) => i("all", e.target.checked), disabled: 0 === r2, ...t }) : null;
   }, HeaderBulkActionSelectDropdown: function({ ...n }) {
-    const { isBulkActionsSupported: o2, selectAllNotifications: i, notificationsCount: r2 } = jp();
+    const { isBulkActionsSupported: o2, selectAllNotifications: i, notificationsCount: r2 } = _p();
     return o2 ? jsxRuntime.jsxs(re, { variant: "light", ...n, children: [jsxRuntime.jsx(re.ButtonIcon, { variant: "default", icon: "chevron-down", size: "16", iconSize: "10", disabled: 0 === r2 }), jsxRuntime.jsx(H, { children: jsxRuntime.jsxs(re.List, { variant: "single", checkIcon: "check", children: [jsxRuntime.jsx(re.ItemSection, { children: "Select" }), ["All", "Read", "Unread", "Snoozed"].map((t) => jsxRuntime.jsx(re.Item, { onClick: () => i(t.toLowerCase(), true), children: t }, t))] }) })] }) : null;
   }, HeaderBulkActionMarkAsRead: function({ icon: t = "envelope-open", size: n = "32", variant: o$1 = "circle", tooltip: i = "Mark as read", ...r2 }) {
-    const { isBulkActionsSupported: s, selectedNotifications: c, setStates: l, notificationsCount: u } = jp(), d = o.useCallback(() => {
+    const { isBulkActionsSupported: s, selectedNotifications: c, setStates: l, notificationsCount: u } = _p(), d = o.useCallback(() => {
       l(c, "Seen");
     }, [c, l]);
-    return s ? jsxRuntime.jsx(P, { icon: t, size: n, variant: o$1, title: i, onClick: d, disabled: 0 === u, ...r2 }) : null;
+    return s ? jsxRuntime.jsx(I, { icon: t, size: n, variant: o$1, title: i, onClick: d, disabled: 0 === u, ...r2 }) : null;
   }, HeaderBulkActionMarkAsUnread: function({ icon: t = "envelope", size: n = "32", variant: o$1 = "circle", tooltip: i = "Mark as unread", ...r2 }) {
-    const { isBulkActionsSupported: s, selectedNotifications: c, setStates: l, notificationsCount: u } = jp(), d = o.useCallback(() => {
+    const { isBulkActionsSupported: s, selectedNotifications: c, setStates: l, notificationsCount: u } = _p(), d = o.useCallback(() => {
       l(c, "Active");
     }, [c, l]);
-    return s ? jsxRuntime.jsx(P, { icon: t, size: n, variant: o$1, title: i, onClick: d, disabled: 0 === u, ...r2 }) : null;
+    return s ? jsxRuntime.jsx(I, { icon: t, size: n, variant: o$1, title: i, onClick: d, disabled: 0 === u, ...r2 }) : null;
   }, HeaderBulkActionSnooze: function({ icon: t = "snooze", size: n = "32", variant: o$1 = "circle", tooltip: i = "Snooze", ...r2 }) {
-    var _a2, _b;
-    const { isBulkActionsSupported: s, selectedNotifications: c, snoozeMany: l, settings: u, notificationsCount: d } = jp(), f = o.useCallback(() => {
+    var _a2, _b2;
+    const { isBulkActionsSupported: s, selectedNotifications: c, snoozeMany: l, settings: u, notificationsCount: d } = _p(), f = o.useCallback(() => {
       var _a3;
       l(c, ((_a3 = u.snooze) == null ? void 0 : _a3.duration) ?? 0);
     }, [c, l, (_a2 = u.snooze) == null ? void 0 : _a2.duration]);
-    return s && ((_b = u.snooze) == null ? void 0 : _b.enabled) ? jsxRuntime.jsx(P, { icon: t, size: n, variant: o$1, title: i, onClick: f, disabled: 0 === d, ...r2 }) : null;
+    return s && ((_b2 = u.snooze) == null ? void 0 : _b2.enabled) ? jsxRuntime.jsx(I, { icon: t, size: n, variant: o$1, title: i, onClick: f, disabled: 0 === d, ...r2 }) : null;
   }, HeaderBulkActionClear: function({ icon: t = "trash", size: n = "32", variant: o$1 = "circle", tooltip: i = "Clear", ...r2 }) {
-    const { isBulkActionsSupported: s, selectedNotifications: c, clearMany: l, notificationsCount: u } = jp(), d = o.useCallback(() => {
+    const { isBulkActionsSupported: s, selectedNotifications: c, clearMany: l, notificationsCount: u } = _p(), d = o.useCallback(() => {
       l(c);
     }, [c, l]);
-    return s ? jsxRuntime.jsx(P, { icon: t, size: n, variant: o$1, title: i, onClick: d, disabled: 0 === u, ...r2 }) : null;
+    return s ? jsxRuntime.jsx(I, { icon: t, size: n, variant: o$1, title: i, onClick: d, disabled: 0 === u, ...r2 }) : null;
   }, HeaderBulkActionClose: function({ text: t = "Done", variant: n = "primary", ...o2 }) {
-    const { isBulkActionsSupported: i, notificationsCount: r2 } = jp(), { hideBulkActions: a } = Hv();
+    const { isBulkActionsSupported: i, notificationsCount: r2 } = _p(), { hideBulkActions: a } = Hv();
     return i ? jsxRuntime.jsx($, { variant: n, text: t, onClick: a, disabled: 0 === r2, ...o2 }) : null;
   }, HeaderSearch: function({ className: n, placeholder: o$1 = "Search", iconPrepend: i = "search", iconAppend: r2 = "close", ...s }) {
-    const c = E("io-panel-header-search", n), l = o.useRef(null), { notificationsCount: u } = jp(), { searchQuery: f, setSearch: p } = Hv(), m = f.length > 0, h = o.useCallback(() => {
+    const c = E("io-panel-header-search", n), l = o.useRef(null), { notificationsCount: u } = _p(), { searchQuery: f, setSearch: p } = Hv(), m = f.length > 0, h = o.useCallback(() => {
       p(""), l.current && l.current.focus();
     }, [p]);
     return jsxRuntime.jsxs("div", { className: c, children: [jsxRuntime.jsx($d, { ref: l, value: f, iconPrepend: i, iconAppend: m ? r2 : void 0, iconAppendOnClick: m ? h : void 0, placeholder: o$1, onChange: (e) => p(e.target.value), ...s }), m && jsxRuntime.jsx("p", { className: "io-panel-header-search-count", children: `${u} results` })] });
-  }, Body: tw, Footer: nw, FooterButtons: ow, FooterButtonClearAll: iw, FooterButtonClearAllOld: rw, Notification: Ew, NotificationsList: Ow }, Dw = o.createContext(Lw), Tw = o.memo(({ children: t, components: n }) => {
-    const o$1 = o.useMemo(() => ({ ...Lw, ...n }), [n]);
-    return jsxRuntime.jsx(Dw.Provider, { value: o$1, children: t });
+  }, Body: tb, Footer: nb, FooterButtons: ob, FooterButtonClearAll: ib, FooterButtonClearAllOld: rb, Notification: Eb, NotificationsList: Ob }, Db = o.createContext(Lb), Tb = o.memo(({ children: t, components: n }) => {
+    const o$1 = o.useMemo(() => ({ ...Lb, ...n }), [n]);
+    return jsxRuntime.jsx(Db.Provider, { value: o$1, children: t });
   });
-  function Rw(e) {
-    return { ...o.useContext(Dw), ...e };
+  function Rb(e) {
+    return { ...o.useContext(Db), ...e };
   }
-  Tw.displayName = "ComponentsStoreProvider";
-  const Fw = ({ className: t, notifications: n, maxToasts: o$1 = 1, ...i }) => {
-    const r2 = E("io-toasts-body", t), { NotificationsList: a, Notification: s } = zw(), [c, u] = o.useState([]);
+  Tb.displayName = "ComponentsStoreProvider";
+  const Fb = ({ className: t, notifications: n, maxToasts: o$1 = 1, ...i }) => {
+    const r2 = E("io-toasts-body", t), { NotificationsList: a, Notification: s } = zb(), [c, u] = o.useState([]);
     return o.useEffect(() => {
       const e = o$1 < 0 ? n.length : o$1, t2 = n.filter((e2) => "Active" === e2.state).slice(0, e);
       for (const e2 of t2)
@@ -9975,30 +9988,30 @@
       u(t2);
     }, [n, o$1]), jsxRuntime.jsx("div", { className: r2, ...i, children: jsxRuntime.jsx(a, { Notification: s, notifications: c, noNotificationText: "" }) });
   };
-  Fw.displayName = "Body";
-  const $w = { Body: Fw, Notification: Ew, NotificationsList: Ow }, _w = o.createContext($w), jw = o.memo(({ children: t, components: n }) => {
-    const o$1 = o.useMemo(() => ({ ...$w, ...n }), [n]);
-    return jsxRuntime.jsx(_w.Provider, { value: o$1, children: t });
+  Fb.displayName = "Body";
+  const $b = { Body: Fb, Notification: Eb, NotificationsList: Ob }, _b = o.createContext($b), jb = o.memo(({ children: t, components: n }) => {
+    const o$1 = o.useMemo(() => ({ ...$b, ...n }), [n]);
+    return jsxRuntime.jsx(_b.Provider, { value: o$1, children: t });
   });
-  function zw(e) {
-    return { ...o.useContext(_w), ...e };
-  }
-  jw.displayName = "ComponentsStoreProvider";
-  const Kw = (n) => {
-    const { General: o2, Layouts: i } = Qw();
-    return jsxRuntime.jsxs(Od, { element: Us, elementProps: n, children: [jsxRuntime.jsx(o2, {}), jsxRuntime.jsx(i, {})] });
-  }, Gw = ({ title: t = "General", ...n }) => {
-    const { Theme: o2 } = Qw();
+  function zb(e) {
+    return { ...o.useContext(_b), ...e };
+  }
+  jb.displayName = "ComponentsStoreProvider";
+  const Kb = (n) => {
+    const { General: o$1, Layouts: i } = Qb(), r2 = [{ key: "general", Component: o$1 }, { key: "layouts", Component: i }];
+    return jsxRuntime.jsx(Od, { element: Us, elementProps: n, children: r2.map(({ key: n2, Component: o$12 }, i2) => jsxRuntime.jsxs(o.Fragment, { children: [jsxRuntime.jsx(o$12, {}), i2 < r2.length - 1 && jsxRuntime.jsx(J, {})] }, n2)) });
+  }, Gb = ({ title: t = "General", ...n }) => {
+    const { Theme: o2 } = Qb();
     return jsxRuntime.jsx(T, { title: t, "data-testid": "preferences-panel-general-block", ...n, children: jsxRuntime.jsx(o2, {}) });
-  }, qw = ({ title: t = "Layouts", ...n }) => {
-    const { LayoutsShowDeletePrompt: o2 } = Qw();
+  }, qb = ({ title: t = "Layouts", ...n }) => {
+    const { LayoutsShowDeletePrompt: o2 } = Qb();
     return jsxRuntime.jsx(T, { title: t, "data-testid": "preferences-panel-layouts-block", ...n, children: jsxRuntime.jsx(o2, {}) });
-  }, Jw = { Body: Kw, General: Gw, Theme: vf, Layouts: qw, LayoutsShowUnsavedChangesPrompt: Tf, LayoutsShowDeletePrompt: Rf }, Yw = o.createContext(Jw), Xw = o.memo(({ children: t, components: n }) => {
-    const o$1 = o.useMemo(() => ({ ...Jw, ...n }), [n]);
-    return jsxRuntime.jsx(Yw.Provider, { value: o$1, children: t });
+  }, Jb = { Body: Kb, General: Gb, Theme: vf, Layouts: qb, LayoutsShowUnsavedChangesPrompt: Tf, LayoutsShowDeletePrompt: Rf }, Yb = o.createContext(Jb), Xb = o.memo(({ children: t, components: n }) => {
+    const o$1 = o.useMemo(() => ({ ...Jb, ...n }), [n]);
+    return jsxRuntime.jsx(Yb.Provider, { value: o$1, children: t });
   });
-  Xw.displayName = "PreferencesPanelComponentsStoreProvider";
-  const Qw = () => o.useContext(Yw);
+  Xb.displayName = "PreferencesPanelComponentsStoreProvider";
+  const Qb = () => o.useContext(Yb);
   function useExternalWindowPopup() {
     const { getContainer, closePopup, createPopup, hidePopup, showPopup, isOpen, isVisible, popup } = Qd();
     const resizePopup = o.useCallback(async (size) => {
@@ -10021,9 +10034,9 @@
   const requestFrameFocus = (frameId) => webGroupsManager == null ? void 0 : webGroupsManager.requestFrameFocus(frameId);
   const requestGroupFocus = () => webGroupsManager == null ? void 0 : webGroupsManager.requestGroupFocus();
   const openTabOverflowPopup = ({ frameId, location }) => webGroupsManager.openTabOverflowPopup(frameId, location);
-  const onCommitGroupCaptionEditingRequested = (targetId, cb) => webGroupsManager.onCommitCaptionEditingRequested(TargetType.Group, targetId, cb);
-  const onCommitFlatCaptionEditingRequested = (targetId, cb) => webGroupsManager.onCommitCaptionEditingRequested(TargetType.Frame, targetId, cb);
-  const onCommitTabCaptionEditingRequested = (targetId, cb) => webGroupsManager.onCommitCaptionEditingRequested(TargetType.Tab, targetId, cb);
+  const onCommitGroupCaptionEditingRequested = (targetId, cb2) => webGroupsManager.onCommitCaptionEditingRequested(TargetType.Group, targetId, cb2);
+  const onCommitFlatCaptionEditingRequested = (targetId, cb2) => webGroupsManager.onCommitCaptionEditingRequested(TargetType.Frame, targetId, cb2);
+  const onCommitTabCaptionEditingRequested = (targetId, cb2) => webGroupsManager.onCommitCaptionEditingRequested(TargetType.Tab, targetId, cb2);
   exports2.CloneButton = CloneButton;
   exports2.CloseButton = CloseButton;
   exports2.CustomButton = CustomButton;