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

package/dist/esm/index.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as o from "react";
 import o__default, { useRef, useEffect, useLayoutEffect, useState, useContext, forwardRef, useCallback, createContext, useMemo, useImperativeHandle, Fragment as Fragment$1, memo, Component, useId } from "react";
-import * as b from "react-dom";
-import b__default from "react-dom";
+import * as w from "react-dom";
+import w__default from "react-dom";
 import { IOConnectContext } from "@interopio/react-hooks";
 var StandardButtonTarget = /* @__PURE__ */ ((StandardButtonTarget2) => {
   StandardButtonTarget2["Default"] = "default";
@@ -171,8 +171,8 @@ class WebGroupsManagerDecorator {
   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();
@@ -499,8 +499,8 @@ function getLuminance(color) {
     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;
@@ -510,8 +510,8 @@ function IsBlackReadable(color) {
     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 {
   }
@@ -736,13 +736,13 @@ const FlatButtons = ({ extract, downloads, minimize, maximize, restore, close, l
 };
 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();
@@ -966,7 +966,7 @@ var ResizeObserverController = (
       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);
       });
@@ -1468,7 +1468,7 @@ const FlatMoveArea = ({ children, moveAreaId }) => {
   return /* @__PURE__ */ 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 = useRef(null);
   const len = selectedChannels.length;
   const showBaseChannelSelector = len < 2;
@@ -1504,7 +1504,7 @@ const BaseMultiChannelSelector = ({ outsideClass, contentClass, showSelector, se
       {
         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,
@@ -1853,9 +1853,20 @@ if (process.env.NODE_ENV === "production") {
   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__default.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,
@@ -1903,16 +1914,17 @@ class GroupWrapper extends o__default.Component {
       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)) {
@@ -1930,7 +1942,7 @@ class GroupWrapper extends o__default.Component {
 }
 class Portal extends o__default.Component {
   render() {
-    return b__default.createPortal(this.props.children, this.props.parentElement);
+    return w__default.createPortal(this.props.children, this.props.parentElement);
   }
 }
 class WebGroupsStore {
@@ -1968,10 +1980,10 @@ class WebGroupsStore {
       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 = () => {
@@ -2490,8 +2502,8 @@ class WebGroupsStore {
         };
       });
     };
-    this.setState = (cb) => {
-      this.state = cb(this.state);
+    this.setState = (cb2) => {
+      this.state = cb2(this.state);
       this.listeners.forEach((l) => l());
     };
   }
@@ -2504,7 +2516,7 @@ const FrameLoadingAnimation = ({ show }) => {
   ] }) : /* @__PURE__ */ jsx(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 = () => {
@@ -3166,7 +3178,7 @@ const GroupElementCreationWrapper = ({ components, styles }) => {
     /* @__PURE__ */ 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,
@@ -3191,7 +3203,7 @@ const GroupElementCreationWrapper = ({ components, styles }) => {
         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,
@@ -3221,13 +3233,13 @@ function useIOConnectWindow(windowId) {
   const [IOConnectWindow, setIOConnectWindow] = useState(void 0);
   const io2 = window.io || useContext(IOConnectContext);
   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();
@@ -3331,16 +3343,16 @@ const TabOverflowPopup = ({
     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++) {
@@ -3366,22 +3378,22 @@ C = N, function() {
   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 jsx("span", { className: r2, "aria-label": `icon-${o2}`, role: "presentation", ...i, children: jsx("i", { className: `icon-${o2}` }) });
 }
-const P = forwardRef(({ className: t, variant: n = "default", icon: o2 = "workspace", size: i = "16", tooltip: r2, iconSize: s = "16", onClick: c, disabled: l, children: u, ...d }, f) => {
+const I = forwardRef(({ className: t, variant: n = "default", icon: o2 = "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 = useCallback((e) => {
     if (!l)
       return c ? c(e) : void 0;
     e.preventDefault();
   }, [c, l]);
-  return jsx("button", { className: p, type: "button", ref: f, "aria-label": "icon button", "aria-disabled": l, title: r2, onClick: m, disabled: l, ...d, children: u ?? (o2 && jsx(I, { variant: o2, size: s })) });
+  return jsx("button", { className: p, type: "button", ref: f, "aria-label": "icon button", "aria-disabled": l, title: r2, onClick: m, disabled: l, ...d, children: u ?? (o2 && jsx(P, { variant: o2, 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 jsx("div", { className: r2, ...i, children: o2 });
@@ -3429,7 +3441,7 @@ const $ = forwardRef(({ className: n, variant: o2 = "default", size: i = "normal
   }, [u, d]), y = useCallback((e) => {
     d || R(e) && (e.preventDefault(), g(e));
   }, [g, d]);
-  return jsxs("button", { className: h, ref: m, type: "button", "aria-disabled": d, onClick: g, onKeyDown: y, disabled: d, tabIndex: 0, ...p, children: [r2 && !c && jsx(I, { variant: r2, size: s }), f ?? l, r2 && c && jsx(I, { variant: r2, size: s })] });
+  return jsxs("button", { className: h, ref: m, type: "button", "aria-disabled": d, onClick: g, onKeyDown: y, disabled: d, tabIndex: 0, ...p, children: [r2 && !c && jsx(P, { variant: r2, size: s }), f ?? l, r2 && c && jsx(P, { variant: r2, size: s })] });
 });
 $.displayName = "Button";
 const _ = createContext({}), j = forwardRef(({ icon: t = "chevron-down", onClick: n, onKeyDown: o2, ...i }, r2) => {
@@ -3451,7 +3463,7 @@ const z = forwardRef(({ size: t = "32", onClick: n, onKeyDown: o2, ...i }, r2) =
   }, [n, s]), p = useCallback((e) => {
     o2 == null ? void 0 : o2(e), e.defaultPrevented || R(e) && (e.preventDefault(), e.stopPropagation(), s == null ? void 0 : s());
   }, [o2, s]);
-  return jsx(P, { size: t, onClick: f, onKeyDown: p, disabled: l, ref: d, ...i });
+  return 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);
@@ -3459,10 +3471,10 @@ function H({ className: t, ...n }) {
 }
 z.displayName = "DropdownButtonIcon";
 const W = createContext({}), V = forwardRef((n, o2) => {
-  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 } = 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 } = 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 jsxs("li", { className: x, ref: o2, 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 && jsxs("div", { className: "io-list-left-column", children: [b2 && jsx(I, { variant: y.variant, title: w ? y.tooltip : void 0, "data-testid": "list-item-check-icon" }), r2] }), jsx("span", { className: "io-list-text", title: p, "data-testid": "list-item-title", children: f }), a && jsx("div", { className: "io-list-right-column", children: a }), u && jsx("div", { className: "io-list-text-description", children: u })] });
+  }, ...m, children: [k && jsxs("div", { className: "io-list-left-column", children: [w2 && jsx(P, { variant: y.variant, title: b ? y.tooltip : void 0, "data-testid": "list-item-check-icon" }), r2] }), jsx("span", { className: "io-list-text", title: p, "data-testid": "list-item-title", children: f }), a && jsx("div", { className: "io-list-right-column", children: a }), u && jsx("div", { className: "io-list-text-description", children: u })] });
 });
 V.displayName = "ListItem";
 const U = forwardRef(({ className: n, prepend: o2, append: i, children: r2, tooltip: a, ...s }, c) => {
@@ -3499,8 +3511,8 @@ const X = forwardRef((t, n) => {
     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];
@@ -3550,7 +3562,7 @@ function ie(e, t, n) {
 const re = forwardRef(({ className: t, variant: n = "outline", align: o2 = "down", disabled: i, isOpen: r2, onOpenChange: s, children: c, ...m }, h) => {
   const g = useRef(null), y = useRef(null);
   useImperativeHandle(h, () => y.current, []);
-  const { isOpen: v, handleOpen: w, handleClose: b2 } = ((e, t2) => {
+  const { isOpen: v, handleOpen: b, handleClose: w2 } = ((e, t2) => {
     const [n2, o3] = useState(false), i2 = void 0 !== e, r3 = i2 ? e : n2, s2 = useCallback((e2) => {
       i2 || o3(e2), t2 == null ? void 0 : t2(e2);
     }, [i2, t2]), c2 = useCallback(() => s2(true), [s2]), u = useCallback(() => s2(false), [s2]);
@@ -3570,12 +3582,12 @@ const re = forwardRef(({ className: t, variant: n = "outline", align: o2 = "down
         cancelAnimationFrame(i2), document.removeEventListener("mousedown", o3, 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 = useMemo(() => ({ variant: n, align: o2, disabled: i, isOpen: v, handleOpen: w, handleClose: b2, handleToggle: v ? b2 : w, setTriggerRef: (e) => g.current = e }), [n, o2, i, v, w, b2]), x = E("io-dropdown", v && "io-dropdown-open", "default" !== n && `io-dropdown-${n}`, t);
+  const k = useMemo(() => ({ variant: n, align: o2, disabled: i, isOpen: v, handleOpen: b, handleClose: w2, handleToggle: v ? w2 : b, setTriggerRef: (e) => g.current = e }), [n, o2, i, v, b, w2]), x = E("io-dropdown", v && "io-dropdown-open", "default" !== n && `io-dropdown-${n}`, t);
   return jsx(_.Provider, { value: k, children: jsx("div", { className: x, ref: y, ...m, children: c }) });
 });
 function ae({ className: t, variant: n = "default", align: o2 = "left", children: i, ...r2 }) {
@@ -3614,7 +3626,7 @@ function fe({ className: n, variant: o2 = "default", title: i = "Dialog Title",
   }, onKeyDown: (e) => {
     const t = e.target instanceof HTMLDialogElement && "DIALOG" === e.target.nodeName;
     r2 && s && " " === e.key && t && s();
-  }, ...l, children: [jsxs(ce, { draggable: a, children: [jsx("h3", { "data-testid": "io-dialog-title", children: i }), jsx(ae, { children: jsx(P, { className: "non-draggable", "data-testid": "io-dialog-close-button", size: "24", icon: "close", iconSize: "12", onClick: s, tabIndex: -1 }) })] }), c] });
+  }, ...l, children: [jsxs(ce, { draggable: a, children: [jsx("h3", { "data-testid": "io-dialog-title", children: i }), jsx(ae, { children: 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;
@@ -3636,24 +3648,24 @@ function ye(e) {
 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 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) {
@@ -3665,10 +3677,10 @@ function Ee(e) {
     }
   });
 }
-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");
@@ -3686,12 +3698,12 @@ function Be(e) {
 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;
@@ -3720,7 +3732,7 @@ function ze(e, t) {
   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)
@@ -3773,7 +3785,7 @@ function Xe(e) {
   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();
@@ -3810,27 +3822,27 @@ function gt(e) {
 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 };
 }
@@ -3838,8 +3850,8 @@ function Ct(e) {
 * 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) {
@@ -3857,7 +3869,7 @@ var Nt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
         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);
@@ -3886,7 +3898,7 @@ var Nt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
   }(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)
@@ -3913,8 +3925,8 @@ var Nt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
     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)
@@ -3922,7 +3934,7 @@ var Nt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
   } 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;
@@ -3930,11 +3942,11 @@ var Nt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
       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))
@@ -3957,7 +3969,7 @@ var Nt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
           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;
         }
@@ -3987,7 +3999,7 @@ var Nt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
     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) {
@@ -4026,14 +4038,14 @@ async function Vt(e, t) {
     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) {
@@ -4041,7 +4053,7 @@ function Gt(e) {
 }
 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;
@@ -4069,7 +4081,7 @@ function Xt(e, t, n, o2) {
       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;
@@ -4108,21 +4120,21 @@ function tn(e, t, n) {
     }(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() {
@@ -4142,7 +4154,7 @@ function rn(e) {
   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);
@@ -4153,7 +4165,7 @@ function sn(e, t) {
   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))
@@ -4163,11 +4175,11 @@ function sn(e, t) {
     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))
@@ -4183,8 +4195,8 @@ const cn = { convertOffsetParentRelativeRectToViewportRelativeRect: function(e)
   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;
   }
@@ -4316,30 +4328,30 @@ const dn = function(e) {
     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": {
@@ -4369,8 +4381,8 @@ const dn = function(e) {
     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 });
@@ -4417,13 +4429,13 @@ function vn(e, t) {
   const n = yn(e);
   return Math.round(t * n) / n;
 }
-function wn(e) {
+function bn(e) {
   const t = o.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.useMemo(() => e.every((e2) => null == e2) ? null : (t) => {
     e.forEach((e2) => {
@@ -4431,13 +4443,13 @@ function xn(e) {
     });
   }, e);
 }
-const Sn = { ...o }, Cn = Sn.useInsertionEffect || ((e) => e());
+const Cn = { ...o }, Sn = Cn.useInsertionEffect || ((e) => e());
 function Nn(e) {
   const t = o.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.useCallback(function() {
     for (var e2 = arguments.length, n = new Array(e2), o2 = 0; o2 < e2; o2++)
@@ -4445,7 +4457,7 @@ function Nn(e) {
     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;
 }
@@ -4554,7 +4566,7 @@ function Wn() {
 }
 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.useState(() => Vn ? Kn() : void 0);
   return $n(() => {
     null == e && t(Kn());
@@ -4675,13 +4687,13 @@ function yo(e, t, n) {
   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);
 }
@@ -4689,45 +4701,45 @@ const ko = { border: 0, clip: "rect(0 0 0 0)", height: "1px", margin: "-1px", ov
 function xo(e) {
   "Tab" === e.key && (e.target, clearTimeout(void 0));
 }
-const So = o.forwardRef(function(e, t) {
+const Co = o.forwardRef(function(e, t) {
   const [n, i] = o.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.createElement("span", Wn({}, e, r2));
-}), Co = o.createContext(null), No = "data-floating-ui-focusable";
+}), So = o.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.forwardRef(function(e, t) {
   return o.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.useContext(Co), O = o.useRef(null), L2 = o.useRef(null), D2 = o.useRef(false), T2 = o.useRef(false), R2 = o.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.useContext(So), O = o.useRef(null), L2 = o.useRef(null), D2 = o.useRef(false), T2 = o.useRef(false), R2 = o.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.createElement(Oo, { ref: "start" === e2 ? O : L2, onClick: (e3) => g(false, e3.nativeEvent) }, "string" == typeof d ? d : "Dismiss") : null;
@@ -4739,16 +4751,16 @@ function Lo(e) {
       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.useEffect(() => {
+  }, [i, w2, M2, u, N2, C2, F, $2]), o.useEffect(() => {
     if (!i && k)
       return k.addEventListener("focusin", e2), () => {
         k.removeEventListener("focusin", e2);
@@ -4759,8 +4771,8 @@ function Lo(e) {
     }
   }, [i, k, F]), o.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(() => {
@@ -4770,7 +4782,7 @@ function Lo(e) {
     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) {
@@ -4781,31 +4793,31 @@ function Lo(e) {
             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.useEffect(() => {
+  }, [i, w2, k, M2, u, h, I2, A, g, f, l, F, C2]), o.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(() => {
@@ -4820,23 +4832,23 @@ function Lo(e) {
     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.useEffect(() => {
+  }, [i, k, M2, P2, v, m, y, I2, h, B2, w2]), o.useEffect(() => {
     queueMicrotask(() => {
       D2.current = false;
     });
@@ -4864,25 +4876,25 @@ function Lo(e) {
       t2.disconnect();
     };
   }, [i, k, M2, m, N2, F, x]);
-  const j2 = !i && C2 && (!u || !S2) && (B2 || u);
-  return o.createElement(o.Fragment, null, j2 && o.createElement(So, { "data-type": "inside", ref: null == A ? void 0 : A.beforeInsideRef, onFocus: (e2) => {
+  const j2 = !i && S2 && (!u || !C2) && (B2 || u);
+  return o.createElement(o.Fragment, null, j2 && o.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.createElement(So, { "data-type": "inside", ref: null == A ? void 0 : A.afterInsideRef, onFocus: (e2) => {
+  } }), !C2 && _2("start"), n, _2("end"), j2 && o.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;
@@ -4891,7 +4903,7 @@ function Lo(e) {
   } }));
 }
 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);
@@ -4927,17 +4939,17 @@ function $o(e) {
     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.useState({ x: 0, y: 0, strategy: n2, placement: t2, middlewareData: {}, isPositioned: false }), [p2, m2] = o.useState(i2);
     gn(p2, i2) || m2(i2);
-    const [h2, g2] = o.useState(null), [y2, v2] = o.useState(null), b$1 = o.useCallback((e3) => {
-      e3 !== C2.current && (C2.current = e3, g2(e3));
+    const [h2, g2] = o.useState(null), [y2, v2] = o.useState(null), w$1 = o.useCallback((e3) => {
+      e3 !== S2.current && (S2.current = e3, g2(e3));
     }, []), k = o.useCallback((e3) => {
       e3 !== N2.current && (N2.current = e3, v2(e3));
-    }, []), x = a2 || h2, S2 = s2 || y2, C2 = o.useRef(null), N2 = o.useRef(null), E2 = o.useRef(d2), I2 = null != l2, P2 = wn(l2), A = wn(r3), O = wn(u2), L2 = o.useCallback(() => {
-      if (!C2.current || !N2.current)
+    }, []), x = a2 || h2, C2 = s2 || y2, S2 = o.useRef(null), N2 = o.useRef(null), E2 = o.useRef(d2), P2 = null != l2, I2 = bn(l2), A = bn(r3), O = bn(u2), L2 = o.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.flushSync(() => {
+        D2.current && !gn(E2.current, t3) && (E2.current = t3, w.flushSync(() => {
           f2(t3);
         }));
       });
@@ -4949,13 +4961,13 @@ function $o(e) {
     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.useMemo(() => ({ reference: C2, floating: N2, setReference: b$1, setFloating: k }), [b$1, k]), R2 = o.useMemo(() => ({ reference: x, floating: S2 }), [x, S2]), B2 = o.useMemo(() => {
+    }, [x, C2, L2, I2, P2]);
+    const T2 = o.useMemo(() => ({ reference: S2, floating: N2, setReference: w$1, setFloating: k }), [w$1, k]), R2 = o.useMemo(() => ({ reference: x, floating: C2 }), [x, C2]), B2 = o.useMemo(() => {
       const e3 = { position: n2, left: 0, top: 0 };
       if (!R2.floating)
         return e3;
@@ -5008,21 +5020,21 @@ function Wo(e, t, n) {
   }
 }
 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.useRef(g), D2 = o.useRef(null != u ? u : -1), T2 = o.useRef(null), R2 = o.useRef(true), B2 = o.useRef(A), M2 = o.useRef(!!r2.floating), F = o.useRef(n), $2 = o.useRef(false), _2 = o.useRef(false), j2 = io(w), z2 = io(n), H2 = io(x), W2 = io(u), [V2, U2] = o.useState(), [K2, G2] = o.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.useRef(g), D2 = o.useRef(null != u ? u : -1), T2 = o.useRef(null), R2 = o.useRef(true), B2 = o.useRef(A), M2 = o.useRef(!!r2.floating), F = o.useRef(n), $2 = o.useRef(false), _2 = o.useRef(false), j2 = io(b), z2 = io(n), H2 = io(x), W2 = io(u), [V2, U2] = o.useState(), [K2, G2] = o.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];
@@ -5055,27 +5067,27 @@ function Go(e, t) {
               }
               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);
@@ -5107,11 +5119,11 @@ function Go(e, t) {
       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) => {
@@ -5129,7 +5141,7 @@ function Go(e, t) {
             }), 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)
@@ -5140,43 +5152,43 @@ function Go(e, t) {
           }
           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.useMemo(() => h && n && J2 && { "aria-activedescendant": K2 || V2 }, [h, n, J2, K2, V2]), Z2 = o.useMemo(() => ({ "aria-orientation": "both" === b2 ? void 0 : b2, ...!et(r2.domReference) && Q2, onKeyDown: X2, onPointerMove() {
+  }), Q2 = o.useMemo(() => h && n && J2 && { "aria-activedescendant": K2 || V2 }, [h, n, J2, K2, V2]), Z2 = o.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.useMemo(() => {
+  } }), [Q2, X2, r2.domReference, w2]), ee2 = o.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;
@@ -5197,7 +5209,7 @@ function Go(e, t) {
     }, 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.useMemo(() => l ? { reference: ee2, floating: Z2, item: Y2 } : {}, [l, ee2, Z2, Y2]);
 }
 const qo = /* @__PURE__ */ new Map([["select", "listbox"], ["combobox", "listbox"], ["label", false]]);
@@ -5223,40 +5235,40 @@ function Yo(e) {
       }
       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)
@@ -5271,15 +5283,15 @@ function Yo(e) {
           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();
       }
@@ -5304,7 +5316,7 @@ const Xo = createContext({ getItemProps: () => ({}), activeIndex: null, setActiv
 });
 Qo.displayName = "DropdownMenuItem";
 const Zo = forwardRef(({ className: n, variant: i = "default", icon: r2, iconRight: a, text: s = "", disabled: p, children: m, ...h }, g) => {
-  const [y, v] = useState(false), [w, b2] = useState(false), [k, x] = useState(null), S2 = useRef([]), C2 = useRef([]), N2 = useContext(Xo), I2 = eo(), P2 = function() {
+  const [y, v] = useState(false), [b, w2] = useState(false), [k, x] = useState(null), C2 = useRef([]), S2 = useRef([]), N2 = useContext(Xo), P2 = eo(), I2 = function() {
     const e = Gn(), t = eo(), n2 = Zn();
     return $n(() => {
       const o2 = { id: e, parentId: n2 };
@@ -5312,12 +5324,12 @@ const Zo = forwardRef(({ className: n, variant: i = "default", icon: r2, iconRig
         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.useRef(), b3 = o.useRef(-1), k2 = o.useRef(), x2 = o.useRef(-1), S3 = o.useRef(true), C3 = o.useRef(false), N3 = o.useRef(() => {
-    }), E2 = o.useRef(false), I3 = o.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.useRef(), w3 = o.useRef(-1), k2 = o.useRef(), x2 = o.useRef(-1), C3 = o.useRef(true), S3 = o.useRef(false), N3 = o.useRef(() => {
+    }), E2 = o.useRef(false), P3 = o.useCallback(() => {
       var e2;
       const t2 = null == (e2 = r3.current.openEvent) ? void 0 : e2.type;
       return (null == t2 ? void 0 : t2.includes("mouse")) && "mousedown" !== t2;
@@ -5329,7 +5341,7 @@ const Zo = forwardRef(({ className: n, variant: i = "default", icon: r2, iconRig
         };
       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.useEffect(() => {
       if (!c)
@@ -5339,23 +5351,23 @@ const Zo = forwardRef(({ className: n, variant: i = "default", icon: r2, iconRig
       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.useCallback(function(e2, t2, n3) {
+    }, [s2.floating, n2, i2, c, g2, P3]);
+    const I3 = o.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.useEffect(() => {
@@ -5368,10 +5380,10 @@ const Zo = forwardRef(({ className: n, variant: i = "default", icon: r2, iconRig
         };
       }
       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");
       }
@@ -5381,25 +5393,25 @@ const Zo = forwardRef(({ className: n, variant: i = "default", icon: r2, iconRig
         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;
@@ -5411,27 +5423,27 @@ const Zo = forwardRef(({ className: n, variant: i = "default", icon: r2, iconRig
           };
         }
       }
-    }, [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.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.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.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.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 = {});
@@ -5469,7 +5481,7 @@ const Zo = forwardRef(({ className: n, variant: i = "default", icon: r2, iconRig
     return o.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.useRef(false), b3 = o.useRef(false), { escapeKey: k2, outsidePress: x2 } = Mo(m2), { escapeKey: S3, outsidePress: C3 } = Mo(h2), N3 = o.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.useRef(false), w3 = o.useRef(false), { escapeKey: k2, outsidePress: x2 } = Mo(m2), { escapeKey: C3, outsidePress: S3 } = Mo(h2), N3 = o.useRef(false), E2 = Nn((e2) => {
       var t2;
       if (!n2 || !s2 || !c || "Escape" !== e2.key)
         return;
@@ -5487,19 +5499,19 @@ const Zo = forwardRef(({ className: n, variant: i = "default", icon: r2, iconRig
       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;
@@ -5515,7 +5527,7 @@ const Zo = forwardRef(({ className: n, variant: i = "default", icon: r2, iconRig
       }
       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)
@@ -5541,7 +5553,7 @@ const Zo = forwardRef(({ className: n, variant: i = "default", icon: r2, iconRig
       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);
     });
@@ -5562,7 +5574,7 @@ const Zo = forwardRef(({ className: n, variant: i = "default", icon: r2, iconRig
         }, 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;
@@ -5570,47 +5582,47 @@ const Zo = forwardRef(({ className: n, variant: i = "default", icon: r2, iconRig
       }), 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.useEffect(() => {
-      w2.current = false;
+    }, [a2, r3, c, v2, u, n2, i2, p2, s2, k2, x2, E2, C3, P3, I3, S3, A2]), o.useEffect(() => {
+      b2.current = false;
     }, [v2, u]);
     const O2 = o.useMemo(() => ({ onKeyDown: E2, [Ro[f]]: (e2) => {
       d && i2(false, e2.nativeEvent, "reference-press");
     } }), [E2, i2, d, f]), L3 = o.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.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.useCallback((t2) => zo(t2, e, "reference"), t), a2 = o.useCallback((t2) => zo(t2, e, "floating"), n2), s2 = o.useCallback((t2) => zo(t2, e, "item"), i2);
     return o.useMemo(() => ({ getReferenceProps: r3, getFloatingProps: a2, getItemProps: s2 }), [r3, a2, s2]);
   }([F, _2, j2, z2, H2]);
   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]), 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 = 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 jsxs(to, { id: P2, children: [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]), 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 = 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 jsxs(to, { id: I2, children: [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 })) }), jsx(Xo.Provider, { value: G2, children: jsx(zn, { elementsRef: S2, labelsRef: C2, children: y && jsx(Lo, { context: R2, modal: false, initialFocus: L2 ? -1 : 0, returnFocus: !L2, children: 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 })) }), jsx(Xo.Provider, { value: G2, children: jsx(zn, { elementsRef: C2, labelsRef: S2, children: y && jsx(Lo, { context: R2, modal: false, initialFocus: L2 ? -1 : 0, returnFocus: !L2, children: jsx("div", { ref: T2.setFloating, className: "io-dropdown-menu", style: D2, ...V2(), children: m }) }) }) })] });
 });
 Zo.displayName = "DropdownMenu";
 const ei = forwardRef(({ ...t }, n) => null === Zn() ? jsx(no, { children: jsx(Zo, { ref: n, ...t }) }) : jsx(Zo, { ref: n, ...t }));
@@ -5635,17 +5647,17 @@ function yi(e) {
 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);
     }));
@@ -5657,7 +5669,7 @@ var ki = { name: "applyStyles", enabled: true, phase: "write", fn: function(e) {
       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);
       }));
     });
@@ -5666,32 +5678,32 @@ var ki = { name: "applyStyles", enabled: true, phase: "write", fn: function(e) {
 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))
@@ -5711,20 +5723,20 @@ function Ti(e) {
   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;
@@ -5737,7 +5749,7 @@ function Fi(e) {
   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);
@@ -5752,8 +5764,8 @@ var zi = { name: "arrow", enabled: true, phase: "main", fn: function(e) {
   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;
@@ -5766,19 +5778,19 @@ var Wi = { top: "auto", right: "auto", bottom: "auto", left: "auto" };
 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" };
@@ -5798,14 +5810,14 @@ function Yi(e) {
   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;
@@ -5821,27 +5833,27 @@ function nr(e, t, n) {
     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;
 }
@@ -5878,12 +5890,12 @@ function ir(e) {
 }
 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;
@@ -5911,23 +5923,23 @@ var sr = { name: "flip", enabled: true, phase: "main", fn: function(e) {
         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) {
@@ -5935,12 +5947,12 @@ var sr = { name: "flip", enabled: true, phase: "main", fn: function(e) {
             });
         });
         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) {
@@ -5961,29 +5973,29 @@ var ur = { name: "offset", enabled: true, phase: "main", requires: ["popperOffse
   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 = [];
@@ -6100,7 +6112,7 @@ gr({ defaultModifiers: [{ name: "eventListeners", enabled: true, phase: "write",
   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;
@@ -6116,7 +6128,7 @@ function xr(e, t) {
           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; )
@@ -6127,7 +6139,7 @@ function xr(e, t) {
           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; )
@@ -6163,7 +6175,7 @@ function xr(e, t) {
   }
   return e != e && t != t;
 }
-var Sr = function(e, t) {
+var Cr = function(e, t) {
   try {
     return xr(e, t);
   } catch (e2) {
@@ -6172,12 +6184,12 @@ var Sr = function(e, t) {
     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 jsx("img", { className: s, style: { width: `${o2}px`, filter: "grayscale" === n ? "grayscale(100%)" : "none" }, src: i, alt: r2, ...a });
 }
-const Ir = forwardRef((n, o2) => {
+const Pr = forwardRef((n, o2) => {
   const { title: i, actions: r2, className: a, onClose: s, onActionItemClick: c, "data-testid": u = "context-menu", ...p } = n, m = useRef({}), [g, y] = useState(0), v = (e) => {
     var _a2;
     (_a2 = m.current[e]) == null ? void 0 : _a2.focus(), y(e);
@@ -6186,11 +6198,11 @@ const Ir = forwardRef((n, o2) => {
     var _a2;
     (_a2 = m.current[g]) == null ? void 0 : _a2.focus();
   }, []), jsxs(Q, { ref: o2, 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 && jsx(Q.ItemSection, { children: i }), r2.map((n2, o3) => {
-    const i2 = n2.displayName || n2.name, r3 = n2.iconSrc ? jsx(Er, { size: "16", src: n2.iconSrc, alt: `${i2} icon` }) : n2.icon && jsx(I, { size: "16", variant: n2.icon });
+    const i2 = n2.displayName || n2.name, r3 = n2.iconSrc ? jsx(Er, { size: "16", src: n2.iconSrc, alt: `${i2} icon` }) : n2.icon && jsx(P, { size: "16", variant: n2.icon });
     return jsxs(Fragment$1, { children: [jsx(Q.Item, { ref: (e) => m.current[o3] = e, prepend: r3, disabled: n2.disabled, tabIndex: -1, ...B((e) => c(e, n2)), "data-testid": `${u}-item-${n2.name}`, children: i2 }), n2.separatorAfter && 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 {
@@ -6527,7 +6539,7 @@ function Vs({ className: t, children: n, ...o2 }) {
   const i = E("io-panel-header", t);
   return 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 = forwardRef(({ className: t, children: n, ...o2 }, i) => {
   const r2 = E("io-panel-body", t);
   return jsx("div", { className: r2, ref: i, "data-testid": "panel-body", ...o2, children: n });
@@ -6558,7 +6570,7 @@ function Js({ className: t, variant: n = "active", value: o2 = 0, ...i }) {
  *
  * 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;
@@ -6567,24 +6579,24 @@ const Ys = (e, t) => {
     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;
   }
@@ -6615,7 +6627,7 @@ const Nc = (e, t) => e.indexOf(t) >= 0, Ec = (e, t) => e.concat(t), Ic = (e, t,
   }, 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;
@@ -6625,8 +6637,8 @@ const Nc = (e, t) => e.indexOf(t) >= 0, Ec = (e, t) => e.concat(t), Ic = (e, t,
   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;
@@ -6639,43 +6651,43 @@ const Nc = (e, t) => e.indexOf(t) >= 0, Ec = (e, t) => e.concat(t), Ic = (e, t,
         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;
@@ -6684,13 +6696,13 @@ const Dl = (e) => {
   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;
@@ -6703,21 +6715,21 @@ function jl(e, t, n) {
   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) => {
@@ -6751,7 +6763,7 @@ const zl = (e, t, n) => {
 }, 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) {
@@ -6772,13 +6784,13 @@ const zl = (e, t, n) => {
     }
     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();
     });
   }];
@@ -6788,7 +6800,7 @@ const zl = (e, t, n) => {
     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;
@@ -6802,9 +6814,9 @@ const zl = (e, t, n) => {
   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;
@@ -6828,13 +6840,13 @@ const sd = () => {
   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)) {
@@ -6860,13 +6872,13 @@ const sd = () => {
           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);
         }));
@@ -6879,14 +6891,14 @@ const sd = () => {
     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];
@@ -6922,18 +6934,18 @@ const dd = (e, t, n) => {
         } }), 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);
@@ -6949,7 +6961,7 @@ const dd = (e, t, n) => {
   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 {
@@ -6957,14 +6969,14 @@ const dd = (e, t, n) => {
         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;
@@ -6995,13 +7007,13 @@ const dd = (e, t, n) => {
   }, 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);
     });
@@ -7009,18 +7021,18 @@ const dd = (e, t, n) => {
       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];
@@ -7031,7 +7043,7 @@ const dd = (e, t, n) => {
   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 = () => {
@@ -7042,37 +7054,37 @@ const dd = (e, t, n) => {
       };
       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) => {
@@ -7082,11 +7094,11 @@ const dd = (e, t, n) => {
         };
         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;
@@ -7095,11 +7107,11 @@ const dd = (e, t, n) => {
   }), 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", () => {
@@ -7114,16 +7126,16 @@ const dd = (e, t, n) => {
       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);
@@ -7131,33 +7143,33 @@ const dd = (e, t, n) => {
           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) => {
@@ -7166,24 +7178,24 @@ const dd = (e, t, n) => {
     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);
@@ -7193,12 +7205,12 @@ const dd = (e, t, n) => {
     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)
@@ -7211,10 +7223,10 @@ const dd = (e, t, n) => {
       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)}`;
@@ -7223,37 +7235,37 @@ const dd = (e, t, n) => {
       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 = () => {
@@ -7261,10 +7273,10 @@ const dd = (e, t, n) => {
         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();
@@ -7273,35 +7285,35 @@ const dd = (e, t, n) => {
         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;
@@ -7310,23 +7322,23 @@ const dd = (e, t, n) => {
       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) => {
@@ -7336,39 +7348,39 @@ const dd = (e, t, n) => {
         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 = () => {
     };
@@ -7384,23 +7396,23 @@ const Pd = () => {
     } : n2, "object" == typeof r3 ? r3 : { timeout: 2233 });
   }, c];
 }, Ad = (e) => {
-  const { options: t, events: n, defer: o2 } = e || {}, [i, r2] = useMemo(Pd, []), a = useRef(null), s = useRef(o2), c = useRef(t), l = useRef(n);
+  const { options: t, events: n, defer: o2 } = e || {}, [i, r2] = useMemo(Id, []), a = useRef(null), s = useRef(o2), c = useRef(t), l = useRef(n);
   return useEffect(() => {
     s.current = o2;
   }, [o2]), 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]), 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]), useEffect(() => () => {
     var e2;
     r2(), null == (e2 = a.current) || e2.destroy();
   }, []), useMemo(() => [(e2) => {
     const t2 = a.current;
-    if (Id.valid(t2))
+    if (Pd.valid(t2))
       return;
-    const n2 = s.current, o3 = c.current || {}, r3 = l.current || {}, u = () => a.current = Id(e2, o3, r3);
+    const n2 = s.current, o3 = c.current || {}, r3 = l.current || {}, u = () => a.current = Pd(e2, o3, r3);
     n2 ? i(u, n2) : u();
   }, () => a.current], []);
 };
@@ -7442,13 +7454,13 @@ function Md(e, t) {
 function Fd() {
   return ("function" == typeof useId ? useId : Md)() ?? "";
 }
-const $d = forwardRef(({ id: n, className: o2, 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}`], o2), S2 = useCallback((e) => {
+const $d = forwardRef(({ id: n, className: o2, 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}`], o2), C2 = useCallback((e) => {
     m ? e.preventDefault() : u && u(e);
-  }, [u, m]), C2 = useCallback((e) => {
+  }, [u, m]), S2 = useCallback((e) => {
     m ? e.preventDefault() : f && f(e);
   }, [f, m]);
-  return jsxs("div", { className: x, children: [c && jsx(Ld, { htmlFor: k, text: c }), l && jsx(I, { variant: l, onClick: (e) => S2(e) }), jsx("input", { id: k, className: "io-input", ref: w, type: i, name: r2, tabIndex: 0, placeholder: p ?? (() => {
+  return jsxs("div", { className: x, children: [c && jsx(Ld, { htmlFor: k, text: c }), l && jsx(P, { variant: l, onClick: (e) => C2(e) }), 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...";
@@ -7463,7 +7475,7 @@ const $d = forwardRef(({ id: n, className: o2, type: i = "text", name: r2 = "inp
       default:
         return "Enter text here...";
     }
-  })(), "aria-label": c, disabled: m, readOnly: h, ...g ? { "aria-invalid": true, "aria-describedby": `${k}-error` } : {}, ...v }), d && jsx(I, { variant: d, onClick: (e) => C2(e) }), g && jsxs("div", { "data-testid": y, id: `${k}-error`, className: "io-input-error", children: [jsx(I, { variant: "close" }), g] })] });
+  })(), "aria-label": c, disabled: m, readOnly: h, ...g ? { "aria-invalid": true, "aria-describedby": `${k}-error` } : {}, ...v }), d && jsx(P, { variant: d, onClick: (e) => S2(e) }), g && jsxs("div", { "data-testid": y, id: `${k}-error`, className: "io-input-error", children: [jsx(P, { variant: "close" }), g] })] });
 });
 $d.displayName = "Input";
 const _d = 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) => {
@@ -7487,14 +7499,14 @@ const Hd = () => {
     return (_a2 = e == null ? void 0 : e.themes) == null ? void 0 : _a2.select(t2);
   }, [e]);
   return useEffect(() => {
-    var _a2, _b;
+    var _a2, _b2;
     if (!e)
       return;
     let t2 = false;
     const o3 = (e2) => {
       t2 || n(e2);
     };
-    return (_a2 = e.themes) == null ? void 0 : _a2.onChanged(o3), (_b = e.themes) == null ? void 0 : _b.getCurrent().then(o3).catch(console.warn), () => {
+    return (_a2 = e.themes) == null ? void 0 : _a2.onChanged(o3), (_b2 = e.themes) == null ? void 0 : _b2.getCurrent().then(o3).catch(console.warn), () => {
       t2 = true;
     };
   }, [e]), { currentTheme: t, selectTheme: o2 };
@@ -7518,7 +7530,7 @@ function Kd() {
   }), []), useCallback(() => e.current, []);
 }
 const Qd = () => {
-  const e = useContext(IOConnectContext), t = e == null ? void 0 : e.windows, n = e == null ? void 0 : e.workspaces, o2 = useRef(null), [i, r2] = useState(null), [s, u] = useState(null), [p, m] = useState(false), [h, g] = useState(false), [y, v] = useState(null), w = useRef(void 0), b2 = Kd(), { currentTheme: k } = Hd();
+  const e = useContext(IOConnectContext), t = e == null ? void 0 : e.windows, n = e == null ? void 0 : e.workspaces, o2 = useRef(null), [i, r2] = useState(null), [s, u] = useState(null), [p, m] = useState(false), [h, g] = useState(false), [y, v] = useState(null), b = useRef(void 0), w2 = Kd(), { currentTheme: k } = Hd();
   useEffect(() => {
     o2.current = i;
     const e2 = i == null ? void 0 : i.ioConnectWindow.onVisibilityChanged(() => {
@@ -7528,7 +7540,7 @@ const Qd = () => {
       e2 == null ? void 0 : e2();
     };
   }, [i]);
-  const S2 = useCallback(async (e2, o3) => {
+  const C2 = useCallback(async (e2, o3) => {
     const i2 = { windowId: e2 == null ? void 0 : e2.ioConnectWindow.id, ...o3 }, r3 = window.glue42gd.windowId;
     if ((() => {
       const e3 = Or() && !!window.workspacesManager, t2 = !Or() && !!window.ioworkspaces;
@@ -7547,7 +7559,7 @@ const Qd = () => {
         return void console.warn("Cannot access my window to show popup");
       await e3.showPopup({ ...i2 });
     }
-  }, [t, n]), C2 = useCallback((e2) => {
+  }, [t, n]), S2 = useCallback((e2) => {
     try {
       const t2 = e2.document;
       (k == null ? void 0 : k.name) && (t2.documentElement.className = k.name);
@@ -7555,35 +7567,35 @@ const Qd = () => {
       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 = useCallback(async (e2) => {
+  }, [k, w2]), N2 = 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);
       }), o3 = t.createPopup({ ...e2 }), i2 = await Promise.race([o3, 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 = useCallback(() => {
+  }, [t, S2, w2]), E2 = useCallback(() => {
     if (!i || !t)
       return false;
     try {
@@ -7591,7 +7603,7 @@ const Qd = () => {
     } catch (e2) {
       return console.warn("usePopupWindow: Failed to verify popup existence", e2), false;
     }
-  }, [i, t]), I2 = useCallback(async () => {
+  }, [i, t]), P2 = useCallback(async () => {
     if (!i)
       return null;
     if (E2())
@@ -7600,16 +7612,16 @@ const Qd = () => {
     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 = useCallback(async (e2) => {
+  }, [i, E2, N2, w2]), I2 = 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]);
   useEffect(() => {
     if ((i == null ? void 0 : i.browserWindow) && s)
       try {
@@ -7624,32 +7636,32 @@ const Qd = () => {
     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 = useCallback(async (e2) => {
+  }, [i, t, C2, w2, P2]), L2 = useCallback(async (e2) => {
     await (i == null ? void 0 : i.ioConnectWindow.moveResize({ ...e2 }));
   }, [i]), D2 = useCallback(async () => {
-    if (b2() && (m(false), o2.current))
+    if (w2() && (m(false), o2.current))
       try {
         await o2.current.ioConnectWindow.hide();
       } catch (e2) {
         console.error("usePopupWindow: Failed to hide popup", e2);
       }
-  }, [o2, b2]);
+  }, [o2, w2]);
   ie(() => {
     p && D2().catch((e2) => {
       console.error("Failed to hide popup on Escape key press in parent window", e2);
@@ -7672,35 +7684,35 @@ const Qd = () => {
         await o2.current.ioConnectWindow.close(), o2.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);
       }
-  }, [o2, b2]), R2 = useCallback(async (e2, n2, o3) => {
+  }, [o2, w2]), R2 = useCallback(async (e2, n2, o3) => {
     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;
       }
-      o3 && (w.current = o3), await S2(e3, o3), b2() && m(true);
+      o3 && (b.current = o3), await C2(e3, o3), 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 = () => {
@@ -7722,7 +7734,7 @@ function lf(e) {
 }
 sf.displayName = "Toggle";
 const uf = { getMyApplication: async function(e) {
-  var _a2, _b;
+  var _a2, _b2;
   if (e)
     try {
       const t = e.apps;
@@ -7735,7 +7747,7 @@ const uf = { getMyApplication: async function(e) {
           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);
@@ -7743,7 +7755,7 @@ const uf = { getMyApplication: async function(e) {
       return void console.error("Failed to get my application", e2);
     }
 }, getApplications: async function(e) {
-  var _a2, _b;
+  var _a2, _b2;
   if (!e)
     return [];
   try {
@@ -7752,14 +7764,14 @@ const uf = { getMyApplication: async function(e) {
       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;
@@ -7768,7 +7780,7 @@ const uf = { getMyApplication: async function(e) {
         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);
@@ -7791,7 +7803,7 @@ const uf = { getMyApplication: async function(e) {
       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;
@@ -7801,7 +7813,7 @@ const uf = { getMyApplication: async function(e) {
           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);
       });
@@ -7810,7 +7822,7 @@ const uf = { getMyApplication: async function(e) {
       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;
@@ -7819,7 +7831,7 @@ const uf = { getMyApplication: async function(e) {
           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;
@@ -7827,7 +7839,7 @@ const uf = { getMyApplication: async function(e) {
       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;
@@ -7837,7 +7849,7 @@ const uf = { getMyApplication: async function(e) {
           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);
       });
@@ -7846,26 +7858,26 @@ const uf = { getMyApplication: async function(e) {
       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);
   }
@@ -7892,18 +7904,18 @@ const df = { minimizeWindow: async function(e) {
 createContext({ theme: "dark" });
 createContext(void 0);
 const gf = (n) => {
-  const { General: o2, Launchpad: i, Docking: r2, ExtendedArea: a, Layouts: s, Downloads: c, System: l } = Np();
-  return jsxs(Od, { element: Us, elementProps: n, children: [jsx(o2, {}), jsx(i, {}), jsx(r2, {}), jsx(a, {}), jsx(s, {}), jsx(c, {}), jsx(l, {})] });
+  const { General: o2, Launchpad: i, Docking: r2, ExtendedArea: a, Layouts: s, Downloads: c, System: l } = Np(), u = [[{ key: "general", Component: o2 }], [{ 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 jsx(Od, { element: Us, elementProps: n, children: u.map((n2, o3) => jsxs(Fragment$1, { children: [n2.map(({ key: t, Component: n3 }) => jsx(n3, {}, t)), o3 < u.length - 1 && jsx(J, {})] }, n2[0].key)) });
 }, yf = ({ title: t = "General", ...n }) => {
   const { Theme: o2 } = Np();
   return jsx(T, { title: t, ...n, children: jsx(o2, {}) });
 }, vf = ({ className: n, title: o2 = "Theme", ...i }) => {
   const { currentTheme: r2, selectTheme: a } = Hd(), s = ef();
   return jsxs("div", { className: E("flex jc-between ai-center", n), "data-testid": "theme-container", ...i, children: [jsx("label", { className: "io-text-clipper", "data-testid": "theme-label", children: o2 }), jsxs(re, { variant: "light", "data-testid": "theme-dropdown", children: [jsx(re.Button, { text: (r2 == null ? void 0 : r2.displayName) ?? "Dark", "data-testid": "theme-dropdown-button" }), jsx(re.Content, { "data-testid": "theme-dropdown-content", children: jsx(re.List, { children: s.map(({ displayName: t, name: n2 }) => 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 jsx(sf, { checked: i, disabled: o2, onChange: (e) => r2(e.target.checked), ...n });
-}, bf = ({ align: t = "right", label: n = "Minimize to tray", ...o2 }) => 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 }) => 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 jsxs(re, { variant: "light", disabled: a || i, ...r2, children: [jsx(re.Button, { children: s }), jsx(re.Content, { children: jsx(re.List, { children: o2.map((t) => jsx(re.Item, { onClick: () => (async (e) => {
     if (e !== s)
@@ -7913,19 +7925,19 @@ const gf = (n) => {
         console.error("Failed to update platform preference:", e2);
       }
   })(t), children: t }, t)) }) })] });
-}, xf = ({ className: n, label: o2 = "Pinned position", ...i }) => jsx(T, { className: E("io-block-list-gap", n), ...i, children: jsxs("div", { className: "flex jc-between ai-center", children: [jsx("label", { className: "io-text-clipper", children: o2 }), jsx(kf, { className: n, prefKey: _a, options: ["Left", "Right"], ...i })] }) }), Sf = ({ align: t = "right", label: n = 'Hide "Favorites"', ...o2 }) => jsx(wf, { align: t, label: n, prefKey: Ka, ...o2 }), Cf = ({ align: t = "right", label: n = "Allow docking to top", ...o2 }) => jsx(wf, { align: t, label: n, prefKey: ja, ...o2 }), Nf = ({ align: t = "right", label: n = "Always on top", ...o2 }) => jsx(wf, { align: t, label: n, prefKey: za, ...o2 }), Ef = ({ align: t = "right", label: n = "Claim occupied space", ...o2 }) => jsx(wf, { align: t, label: n, prefKey: Ha, ...o2 }), If = ({ align: t = "right", label: n = "Show the extended Launchpad area", ...o2 }) => 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 }) => jsx(T, { className: E("io-block-list-gap", n), ...i, children: jsxs("div", { className: "flex jc-between ai-center", children: [jsx("label", { className: "io-text-clipper", children: o2 }), jsx(kf, { className: n, prefKey: _a, options: ["Left", "Right"], ...i })] }) }), Cf = ({ align: t = "right", label: n = 'Hide "Favorites"', ...o2 }) => jsx(bf, { align: t, label: n, prefKey: Ka, ...o2 }), Sf = ({ align: t = "right", label: n = "Allow docking to top", ...o2 }) => jsx(bf, { align: t, label: n, prefKey: ja, ...o2 }), Nf = ({ align: t = "right", label: n = "Always on top", ...o2 }) => jsx(bf, { align: t, label: n, prefKey: za, ...o2 }), Ef = ({ align: t = "right", label: n = "Claim occupied space", ...o2 }) => jsx(bf, { align: t, label: n, prefKey: Ha, ...o2 }), Pf = ({ align: t = "right", label: n = "Show the extended Launchpad area", ...o2 }) => 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 jsx(wf, { align: t, label: n, prefKey: Va, disabled: !i, ...o2 });
+  return 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 jsx(wf, { align: t, label: n, prefKey: Ua, disabled: !i, ...o2 });
+  return 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 jsx(wf, { align: t, label: n, prefKey: Ga, disabled: !i, ...o2 });
+  return 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 jsxs(T, { title: n, ...o2, children: [jsx(i, {}), jsx(a, {}), jsx(r2, {})] });
-}, Df = ({ align: t = "right", label: n = "Save current on exit", ...o2 }) => jsx(wf, { align: t, label: n, prefKey: Ja, ...o2 }), Tf = ({ align: t = "right", label: n = "Show prompt for unsaved changes", ...o2 }) => 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 }) => 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 }) => jsx(bf, { align: t, label: n, prefKey: Ja, ...o2 }), Tf = ({ align: t = "right", label: n = "Show prompt for unsaved changes", ...o2 }) => 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 }) => 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 jsx(T, { title: t, ...n, children: jsx(o2, {}) });
 };
@@ -7967,11 +7979,11 @@ function Wf({ className: t, icon: n = "pop-out", ...o2 }) {
       console.error("Failed to open Download Manager", e);
     });
   }, [i]);
-  return jsx(P, { className: E("io-dm-compact-mode-only", t), icon: n, variant: "circle", size: "32", onClick: r2, ...o2 });
+  return jsx(I, { className: E("io-dm-compact-mode-only", t), icon: n, variant: "circle", size: "32", onClick: r2, ...o2 });
 }
 function Vf({ icon: t = "close", size: n = "32", variant: o2 = "circle", onClick: i, ...r2 }) {
   const a = useContext(IOConnectContext);
-  return jsx(P, { icon: t, size: n, variant: o2, onClick: (e) => {
+  return jsx(I, { icon: t, size: n, variant: o2, onClick: (e) => {
     i ? i(e) : df.closeWindow(a).catch((e2) => {
       console.error("Failed to close window:", e2);
     });
@@ -7997,7 +8009,7 @@ function Gf({ className: t, ...n }) {
 }
 function qf({ className: n, icon: o2 = "download", text: i = "No downloads to display.", ...r2 }) {
   const a = E("io-dm-no-items", n);
-  return jsxs("div", { className: a, ...r2, children: [jsx(I, { variant: o2 }), jsx("p", { children: i })] });
+  return jsxs("div", { className: a, ...r2, children: [jsx(P, { variant: o2 }), jsx("p", { children: i })] });
 }
 function Jf({ className: n, title: o2, children: i, ...r2 }) {
   const a = E("io-dm-item-group", n);
@@ -8015,12 +8027,12 @@ function Xf({ bytesReceived: t = 0, bytesTotal: n = 0, ...o2 }) {
   return jsx(Js, { value: i(), ...o2 });
 }
 function Qf({ className: n, itemID: o2, 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, o3) {
+  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, o3) {
     return "paused" === e || "progressing" === e ? { statusIcon: "paused" === e ? "play" : "pause", onStatusActionClick: () => n2(t) } : "completed" === e ? { statusIcon: "folder", onStatusActionClick: () => o3(t) } : null;
-  }(r2, o2, s ?? p, c ?? m), S2 = useCallback(() => {
-    y ? b2(o2) : k(o2);
-  }, [y, b2, o2, k]);
-  return jsxs("div", { className: f, ...d, children: [jsx(D, { text: i, style: { textDecoration: v ? "line-through" : "none" } }), jsxs(ae, { children: [x && jsx(P, { icon: x.statusIcon, iconSize: "12", onClick: x.onStatusActionClick, className: "io-dm-compact-mode-only" }), jsx(P, { icon: "close", iconSize: "12", title: w, onClick: S2 })] })] });
+  }(r2, o2, s ?? p, c ?? m), C2 = useCallback(() => {
+    y ? w2(o2) : k(o2);
+  }, [y, w2, o2, k]);
+  return jsxs("div", { className: f, ...d, children: [jsx(D, { text: i, style: { textDecoration: v ? "line-through" : "none" } }), jsxs(ae, { children: [x && jsx(I, { icon: x.statusIcon, iconSize: "12", onClick: x.onStatusActionClick, className: "io-dm-compact-mode-only" }), 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) => {
@@ -8040,7 +8052,7 @@ function Zf({ className: n, state: o2, url: i, bytesReceived: r2 = 0, bytesTotal
 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 jsxs("div", { className: r2, children: [o2 && jsx(I, { variant: ep[o2], className: "icon-severity", size: "10" }), i && jsx("p", { className: "io-text-smaller", children: i })] });
+  return jsxs("div", { className: r2, children: [o2 && jsx(P, { variant: ep[o2], className: "icon-severity", size: "10" }), i && jsx("p", { className: "io-text-smaller", children: i })] });
 }
 function np({ className: o2, itemID: i, state: r2, pauseResume: s, showInFolder: c, cancel: l, ...u }) {
   const d = E("io-dm-item-footer", o2), { pauseResumeItem: f, showItemInFolder: p, cancelItem: m } = _f(), h = useCallback((e) => {
@@ -8069,7 +8081,7 @@ function np({ className: o2, itemID: i, state: r2, pauseResume: s, showInFolder:
 }
 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 jsxs(Gs, { className: r2, ...i, children: [jsxs(Gs.Header, { children: [jsx(Gs.Header.Title, { size: "large", text: o2, tag: "h1" }), jsx(Gs.Header.ButtonGroup, { children: jsx(P, { className: "non-draggable", variant: "circle", icon: "close", size: "32", onClick: () => {
+  return jsxs(Gs, { className: r2, ...i, children: [jsxs(Gs.Header, { children: [jsx(Gs.Header.Title, { size: "large", text: o2, tag: "h1" }), jsx(Gs.Header.ButtonGroup, { children: jsx(I, { className: "non-draggable", variant: "circle", icon: "close", size: "32", onClick: () => {
     s();
   }, disabled: u }) })] }), jsx(Gs.Body, { children: jsxs(ae, { children: [jsxs(re, { variant: "light", disabled: u, children: [jsx(re.Button, { children: jsx("span", { className: "io-dm-settings-panel-download-location", children: a ?? d[0] }) }), d.length > 1 && jsx(re.Content, { children: jsx(re.List, { children: d.map((t, n2) => !t || 0 === n2 || n2 > 3 ? null : jsx(re.Item, { onClick: () => {
     c(t);
@@ -8086,7 +8098,7 @@ const sp = () => useContext(rp);
 const up = ({ className: n, label: o2 = "Location", ...i }) => {
   const { configuration: { downloadFolder: r2 }, setDownloadLocationWithDialog: a, isDownloadLocationDialogVisible: s, downloadLocationList: c } = _f();
   return jsxs(T, { className: E("io-preferences-download-section", n), ...i, children: [jsxs("div", { className: "flex jc-between ai-center", children: [jsx("label", { className: "io-text-clipper", children: o2 }), jsx($, { text: "Change", onClick: a, disabled: s })] }), 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 }) => 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 }) => jsx(bf, { align: t, label: n, prefKey: Qa, ...o2 }), fp = ({ title: n = "System", ...o2 }) => {
   const { SystemRestartSection: i, SystemShutdownSection: r2 } = Np();
   return jsxs(T, { title: n, ...o2, children: [jsx(i, {}), jsx(r2, {})] });
 }, pp = "T42.GD.Execute", mp = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], hp = (e, t) => e in t;
@@ -8153,36 +8165,32 @@ function vp(e, t) {
   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 jsxs(T, { className: r2, ...i, children: [jsx(sf, { label: `Schedule ${o2}`, align: "right", onChange: (e) => u(e.target.checked), checked: a }), jsxs("div", { className: "scheduler-controls", children: [jsx("div", { className: "io-control-input io-control-leading-icon direction-up", children: jsx("input", { type: "time", className: "io-input", value: s, onChange: (e) => d(e.target.value) }) }), jsxs(ei, { text: c.charAt(0).toUpperCase() + c.slice(1), icon: "chevron-down", iconRight: true, children: [jsx(ei.Item, { onClick: () => f("daily"), children: "Daily" }), jsx(ei.Item, { onClick: () => f("weekly"), children: "Weekly" })] }), "weekly" === c && jsx(ei, { text: l, icon: "chevron-down", iconRight: true, children: mp.map((t) => jsx(ei.Item, { onClick: () => p(t), children: t }, t)) })] })] });
 }
-function bp({ className: t, ...n }) {
-  return jsx(wp, { ...n, className: t, variant: "restart" });
+function wp({ className: t, ...n }) {
+  return jsx(bp, { ...n, className: t, variant: "restart" });
 }
 function kp({ className: t, ...n }) {
-  return jsx(wp, { ...n, className: t, variant: "shutdown" });
+  return 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 jsxs(T, { title: n, ...o2, children: [jsx(i, {}), jsx(r2, {}), jsx(a, {})] });
-}, MinimizeToTray: bf, PinnedPosition: xf, HideFavoritesFromLaunchpad: Sf, Docking: ({ title: n = "Docking", ...o2 }) => {
-  const { AllowDocking: i, DockedAlwaysOnTop: r2, DockedClaimsSpace: a } = Np();
-  return jsxs(T, { title: n, ...o2, children: [jsx(i, {}), jsx(r2, {}), 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 jsxs(T, { title: n, ...o2, children: [jsx(i, {}), jsx(r2, {}), jsx(a, {}), 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 = createContext(xp), Cp = 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 jsxs(T, { className: r2, title: o2, ...i, children: [jsx(a, {}), jsx(s, {}), 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 jsxs(T, { className: r2, title: o2, ...i, children: [jsx(a, {}), jsx(s, {}), jsx(c, {}), 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 = createContext(xp), Sp = memo(({ children: t, components: n }) => {
   const o2 = useMemo(() => ({ ...xp, ...n }), [n]);
-  return jsx(Sp.Provider, { value: o2, children: t });
+  return jsx(Cp.Provider, { value: o2, children: t });
 });
-Cp.displayName = "PreferencesPanelComponentsStoreProvider";
-const Np = () => 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 jsx("div", { className: r2, ...i, children: jsxs(T, { title: o2, children: [f && jsx(a, {}), f && jsx(s, {}), jsx(c, {}), f && jsx(u, {}), f && jsx(l, {}), f && jsx(d, {})] }) });
-}
-function Op(e) {
+Sp.displayName = "PreferencesPanelComponentsStoreProvider";
+const Np = () => 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 = {};
@@ -8243,9 +8251,9 @@ function Op(e) {
     n[e2] && delete n[e2];
   } };
 }
-Op.default = Op;
-S(Op);
-function Tp(e) {
+Ap.default = Ap;
+C(Ap);
+function Dp(e) {
   const t = useContext(IOConnectContext), n = Ud(), [o2, i] = useState([]), [r2, s] = useState(0), d = "Platform", p = useCallback((e2 = "asc") => {
     if (null === n)
       return [];
@@ -8310,7 +8318,7 @@ function Tp(e) {
     return s(a), c;
   }, [e, o2]), allowedApps: r2, sortedAppsAsc: m, sortedAppsDesc: h, sortAppsAlphabetically: p };
 }
-const _p = createContext({ allApps: [], settings: {}, configuration: {}, notifications: [], notificationsCount: 0, onClose: () => {
+const $p = createContext({ allApps: [], settings: {}, configuration: {}, notifications: [], notificationsCount: 0, onClose: () => {
 }, allApplications: 0, clearAll: () => {
 }, showPanel: () => {
 }, hidePanel: () => {
@@ -8326,33 +8334,37 @@ const _p = createContext({ allApps: [], settings: {}, configuration: {}, notific
 }, setState: () => {
 }, setStates: () => {
 }, setCount: () => {
-} }), jp = () => useContext(_p);
+} }), _p = () => 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 jsx("div", { className: r2, ...i, children: jsxs(T, { title: o2, children: [f && jsx(a, {}), f && jsx(s, {}), jsx(c, {}), f && jsx(u, {}), f && jsx(l, {}), f && jsx(d, {})] }) });
+}
 function zp({ label: t = "Allow notifications", align: n = "right", ...o2 }) {
-  const { settings: i, saveSetting: r2 } = jp(), s = Ud(), c = useCallback((e) => {
+  const { settings: i, saveSetting: r2 } = _p(), s = Ud(), c = useCallback((e) => {
     r2({ enabledNotifications: e.target.checked });
   }, [r2]);
   return s ? jsx(sf, { label: t, align: n, onChange: c, checked: i.enabledNotifications ?? false, ...o2 }) : null;
 }
 function Hp({ label: t = "Allow notification toasts", align: n = "right", ...o2 }) {
-  const { settings: i, saveSetting: r2 } = jp(), s = Ud(), c = s && !i.enabledNotifications, l = useCallback((e) => {
+  const { settings: i, saveSetting: r2 } = _p(), s = Ud(), c = s && !i.enabledNotifications, l = useCallback((e) => {
     r2({ enabledToasts: e.target.checked });
   }, [r2]);
   return s ? jsx(sf, { label: t, align: n, onChange: l, checked: i.enabledToasts ?? false, disabled: c, ...o2 }) : null;
 }
 function Wp({ label: t = "Show notification badge", align: n = "right", ...o2 }) {
-  const { settings: i, saveSetting: r2 } = jp(), s = Ud() && !i.enabledNotifications, c = useCallback((e) => {
+  const { settings: i, saveSetting: r2 } = _p(), s = Ud() && !i.enabledNotifications, c = useCallback((e) => {
     r2({ showNotificationBadge: e.target.checked });
   }, [r2]);
   return jsx(sf, { label: t, align: n, onChange: c, checked: i.showNotificationBadge ?? false, disabled: s, ...o2 });
 }
 function Vp({ label: t = "Close notification on click", align: n = "right", ...o2 }) {
-  const { settings: i, saveSetting: r2 } = jp(), s = Ud(), c = s && !i.enabledNotifications, l = useCallback((e) => {
+  const { settings: i, saveSetting: r2 } = _p(), s = Ud(), c = s && !i.enabledNotifications, l = useCallback((e) => {
     r2({ closeNotificationOnClick: e.target.checked });
   }, [r2]);
   return s ? jsx(sf, { label: t, align: n, onChange: l, checked: i.closeNotificationOnClick ?? false, disabled: c, ...o2 }) : null;
 }
 function Up({ label: t = "Auto hide panel", align: n = "right", ...o2 }) {
-  const { settings: i, saveSetting: r2 } = jp(), s = Ud(), c = useCallback((e) => {
+  const { settings: i, saveSetting: r2 } = _p(), s = Ud(), c = useCallback((e) => {
     r2({ autoHidePanel: e.target.checked });
   }, [r2]);
   return s ? jsx(sf, { label: t, align: n, onChange: c, checked: i.autoHidePanel ?? false, ...o2 }) : null;
@@ -8362,7 +8374,7 @@ const Kp = (e, t) => e ? `${e} ${t}${1 !== e ? "s" : ""}` : "", Gp = (e) => {
   return o2 + (o2 && i ? " " : "") + i;
 };
 function qp({ className: n, title: o2 = "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 = useCallback((e = 15e3) => {
+  const s = E("flex", "jc-between", "ai-center", n), { settings: c, saveSetting: l } = _p(), u = Ud(), d = u && !c.enabledNotifications, f = useCallback((e = 15e3) => {
     c.toastExpiry !== e && l({ toastExpiry: 1e3 * e });
   }, [c.toastExpiry, l]);
   return u ? jsxs("div", { className: s, ...r2, children: [jsx("div", { className: "io-text-clipper " + (d ? "io-text-disabled" : ""), children: jsx("span", { children: o2 }) }), jsxs(re, { variant: "light", disabled: d, children: [jsx(re.Button, { text: Gp((c.toastExpiry ?? 0) / 1e3) }), jsx(re.Content, { children: jsx(re.List, { variant: "single", children: i.map((t) => jsx(re.Item, { onClick: () => {
@@ -8374,14 +8386,14 @@ function Jp({ className: n, title: o2 = "Stacking", ...i }) {
   return Ud() ? jsx("div", { className: r2, ...i, children: jsxs(T, { title: o2, children: [jsx(a, {}), jsx(s, {})] }) }) : null;
 }
 function Yp({ label: t = "Allow toast stacking", align: n = "right", ...o2 }) {
-  const { settings: i, saveSetting: r2 } = jp(), s = Ud(), c = s && !i.enabledNotifications, l = useCallback((e) => {
+  const { settings: i, saveSetting: r2 } = _p(), s = Ud(), c = s && !i.enabledNotifications, l = useCallback((e) => {
     r2({ toastStacking: e.target.checked });
   }, [r2]);
   return s ? jsx(sf, { label: t, align: n, onChange: l, checked: i.toastStacking ?? false, disabled: c, ...o2 }) : null;
 }
 const Xp = { application: "Application", severity: "Priority" }, Qp = Object.fromEntries(Object.entries(Xp).map(([e, t]) => [t, e]));
 function Zp({ className: n, title: o2 = "Group by", ...i }) {
-  const r2 = E("flex", "jc-between", "ai-center", n), { settings: s, saveSetting: c } = jp(), l = Ud(), u = l && !s.enabledNotifications, d = useCallback((e = "severity") => {
+  const r2 = E("flex", "jc-between", "ai-center", n), { settings: s, saveSetting: c } = _p(), l = Ud(), u = l && !s.enabledNotifications, d = useCallback((e = "severity") => {
     s.stackBy !== e && c({ stackBy: e.toLowerCase() });
   }, [s.stackBy, c]);
   if (!l)
@@ -8398,20 +8410,20 @@ function em({ className: n, title: o2 = "Placement", ...i }) {
 }
 const tm = (e) => e.replace(/(^|-)\w/g, (e2) => e2.toUpperCase().replace("-", " "));
 function nm({ className: n, title: o2 = "Panel position", ...i }) {
-  var _a2, _b;
-  const r2 = E("flex", "jc-between", "ai-center", n), { settings: s, saveSetting: c } = jp(), l = Ud(), u = useCallback((e) => {
+  var _a2, _b2;
+  const r2 = E("flex", "jc-between", "ai-center", n), { settings: s, saveSetting: c } = _p(), l = Ud(), u = 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 jsxs("div", { className: r2, ...i, children: [jsx("div", { className: "io-text-clipper", children: jsx("span", { children: o2 }) }), jsxs(re, { variant: "light", children: [jsx(re.Button, { text: ((_a2 = s.placement) == null ? void 0 : _a2.panel) ? tm((_b = s.placement) == null ? void 0 : _b.panel) : "Right" }), jsx(re.Content, { children: jsx(re.List, { variant: "single", children: ["Right", "Left"].map((t) => jsx(re.Item, { onClick: () => {
+  return jsxs("div", { className: r2, ...i, children: [jsx("div", { className: "io-text-clipper", children: jsx("span", { children: o2 }) }), jsxs(re, { variant: "light", children: [jsx(re.Button, { text: ((_a2 = s.placement) == null ? void 0 : _a2.panel) ? tm((_b2 = s.placement) == null ? void 0 : _b2.panel) : "Right" }), jsx(re.Content, { children: jsx(re.List, { variant: "single", children: ["Right", "Left"].map((t) => jsx(re.Item, { onClick: () => {
     u(t);
   }, children: t }, t)) }) })] })] });
 }
 function om({ className: n, title: o2 = "Toasts position", ...i }) {
-  var _a2, _b;
-  const r2 = E("flex", "jc-between", "ai-center", n), { settings: s, saveSetting: c } = jp(), l = Ud(), u = useCallback((e) => {
+  var _a2, _b2;
+  const r2 = E("flex", "jc-between", "ai-center", n), { settings: s, saveSetting: c } = _p(), l = Ud(), u = useCallback((e) => {
     var _a3;
     if (e || (e = "bottom-right"), ((_a3 = s.placement) == null ? void 0 : _a3.toasts) === e)
       return;
@@ -8420,64 +8432,64 @@ function om({ className: n, title: o2 = "Toasts position", ...i }) {
   }, [s.placement, c]);
   if (!l)
     return null;
-  return jsxs("div", { className: r2, ...i, children: [jsx("div", { className: "io-text-clipper", children: jsx("span", { children: o2 }) }), jsxs(re, { variant: "light", children: [jsx(re.Button, { text: ((_a2 = s.placement) == null ? void 0 : _a2.toasts) ? tm((_b = s.placement) == null ? void 0 : _b.toasts) : "Bottom Right" }), jsx(re.Content, { children: jsx(re.List, { variant: "single", children: ["Top Right", "Top Left", "Bottom Right", "Bottom Left"].map((t) => jsx(re.Item, { onClick: () => {
+  return jsxs("div", { className: r2, ...i, children: [jsx("div", { className: "io-text-clipper", children: jsx("span", { children: o2 }) }), jsxs(re, { variant: "light", children: [jsx(re.Button, { text: ((_a2 = s.placement) == null ? void 0 : _a2.toasts) ? tm((_b2 = s.placement) == null ? void 0 : _b2.toasts) : "Bottom Right" }), jsx(re.Content, { children: jsx(re.List, { variant: "single", children: ["Top Right", "Top Left", "Bottom Right", "Bottom Left"].map((t) => 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) ? jsx("div", { className: i, ...o2, children: jsx(T, { title: n, children: jsx(r2, {}) }) }) : null;
 }
 function rm({ className: n, title: o2 = "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 = 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 = 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) ? jsxs("div", { className: s, ...r2, children: [jsx("div", { className: E("io-text-clipper", { "io-text-disabled": d }), children: jsx("span", { children: o2 }) }), jsxs(re, { variant: "light", disabled: d, children: [jsx(re.Button, { text: Gp((((_b = c.snooze) == null ? void 0 : _b.duration) ?? 0) / 1e3) }), jsx(re.Content, { children: jsx(re.List, { variant: "single", children: i.map((t) => jsx(re.Item, { onClick: () => {
+  return u && ((_a2 = c.snooze) == null ? void 0 : _a2.enabled) ? jsxs("div", { className: s, ...r2, children: [jsx("div", { className: E("io-text-clipper", { "io-text-disabled": d }), children: jsx("span", { children: o2 }) }), jsxs(re, { variant: "light", disabled: d, children: [jsx(re.Button, { text: Gp((((_b2 = c.snooze) == null ? void 0 : _b2.duration) ?? 0) / 1e3) }), jsx(re.Content, { children: jsx(re.List, { variant: "single", children: i.map((t) => 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 jsx("div", { className: r2, ...i, children: jsxs(T, { title: o2 ?? (d ? "Subscribe & Mute" : "Subscribe"), children: [jsxs("div", { className: p, children: [jsx("p", { className: "io-text-section", children: "Sources" }), jsx("p", { className: "io-text-section", children: "Subscribe" }), d && jsx("p", { className: "io-text-section", children: "Mute" })] }), jsxs("div", { className: p, children: [jsx("p", { children: "All Sources" }), jsx(a, { label: "" }), d && 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 : jsxs("div", { className: p, children: [jsx("p", { children: n2.title ?? n2.name }), jsx(s, { app: n2, label: "" }), d && jsx(l, { app: n2, label: "" })] }, n2.name);
   })] }) });
 }
 function sm({ label: t = "All apps", align: n = "right", ...o2 }) {
-  var _a2, _b, _c2, _d2;
-  const { settings: i, configuration: r2, saveAllFilter: s } = jp(), c = Ud() && !i.enabledNotifications, l = useCallback((e) => {
+  var _a2, _b2, _c2, _d2;
+  const { settings: i, configuration: r2, saveAllFilter: s } = _p(), c = Ud() && !i.enabledNotifications, l = useCallback((e) => {
     s({ subscribe: e.target.checked });
   }, [s]);
-  return 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, ...o2 });
+  return 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, ...o2 });
 }
 function cm({ label: t = "App", align: n = "right", app: o2, ...i }) {
-  var _a2, _b, _c2, _d2, _e2, _f2;
-  const { allApps: r2, settings: s, configuration: c, saveFilter: l } = jp(), u = Ud() && !s.enabledNotifications, d = 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 = useCallback((e, t2) => {
+    var _a3, _b3, _c3, _d3, _e3, _f3;
     const n2 = { ...c.sourceFilter }, o3 = (_a3 = n2.allowed) == null ? void 0 : _a3.indexOf("*");
-    "number" == typeof o3 && o3 > -1 && ((_b2 = n2.allowed) == null ? void 0 : _b2.splice(o3, 1), r2.forEach((e2) => {
+    "number" == typeof o3 && o3 > -1 && ((_b3 = n2.allowed) == null ? void 0 : _b3.splice(o3, 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 jsx(sf, { id: `subscribe-${o2.name}`, label: t, align: n, onChange: (e) => d(e.target.checked, o2), 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(o2.name)) || ((_f2 = (_e2 = c.sourceFilter) == null ? void 0 : _e2.allowed) == null ? void 0 : _f2.includes(o2.name))) ?? false, disabled: u, ...i });
+  return jsx(sf, { id: `subscribe-${o2.name}`, label: t, align: n, onChange: (e) => d(e.target.checked, o2), 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(o2.name)) || ((_f2 = (_e2 = c.sourceFilter) == null ? void 0 : _e2.allowed) == null ? void 0 : _f2.includes(o2.name))) ?? false, disabled: u, ...i });
 }
 function lm({ label: t = "Mute all", align: n = "right", ...o2 }) {
-  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 = 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 = useCallback((e) => {
     s({ mute: e.target.checked });
   }, [s]);
   return c ? 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, ...o2 }) : null;
 }
 function um({ label: t = "App", align: n = "right", app: o2, ...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(o2.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(o2.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 = 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(o2.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(o2.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 = useCallback((e, t2) => {
+    var _a3, _b3, _c3, _d3;
     const n2 = { ...c.sourceFilter }, o3 = (_a3 = n2 == null ? void 0 : n2.muted) == null ? void 0 : _a3.indexOf("*");
-    "number" == typeof o3 && o3 > -1 && ((_b2 = n2.muted) == null ? void 0 : _b2.splice(o3, 1), r2.forEach((e2) => {
+    "number" == typeof o3 && o3 > -1 && ((_b3 = n2.muted) == null ? void 0 : _b3.splice(o3, 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);
@@ -8485,21 +8497,22 @@ function um({ label: t = "App", align: n = "right", app: o2, ...i }) {
   return !u || o2.hidden ? null : jsx(sf, { id: `mute-${o2.name}`, label: t, align: n, onChange: (e) => f(e.target.checked, o2), 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(o2.name))) ?? false, disabled: d ?? false, ...i });
 }
 const dm = { Body: (n) => {
-  const { General: o2, Placement: i, Stacking: r2, Snooze: a, Subscriptions: s } = mm();
-  return jsxs(Od, { element: Us, elementProps: n, children: [jsx(o2, {}), jsx(r2, {}), jsx(i, {}), jsx(a, {}), 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 = createContext(dm), pm = memo(({ children: t, components: n }) => {
+  var _a2;
+  const { General: o2, Placement: i, Stacking: r2, Snooze: a, Subscriptions: s } = mm(), { settings: c } = _p(), l = [{ key: "general", Component: o2 }, { 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 jsx(Od, { element: Us, elementProps: n, children: l.map(({ key: n2, Component: o3 }, i2) => jsxs(Fragment$1, { children: [jsx(o3, {}), i2 < l.length - 1 && 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 = createContext(dm), pm = memo(({ children: t, components: n }) => {
   const o2 = useMemo(() => ({ ...dm, ...n }), [n]);
   return jsx(fm.Provider, { value: o2, children: t });
 });
 pm.displayName = "NotificationsSettingsPanelComponentsStoreProvider";
-const mm = () => useContext(fm), ym = ({ name: n, value: o2 }) => jsxs("div", { className: "io-profile-section-item", children: [jsx("div", { className: "io-profile-section-item-name", children: n }), jsx("div", { className: "io-profile-section-item-value", children: o2 })] }), vm = ({ className: n, items: o2, title: i }) => jsxs("div", { className: E("io-profile-section-body", n), children: [i && jsx(D, { className: "io-profile-section-title", text: i }), o2.map(({ name: t, value: n2 }) => jsx(ym, { name: t, value: n2 }, t))] }), wm = ({ className: n, items: o2, title: i }) => jsxs("section", { className: E("io-profile-section", n), children: [jsx(vm, { items: o2, title: i }), jsx(J, { className: "mt-8" })] }), bm = ({ title: t = "License", ...n }) => jsx(wm, { title: t, ...n }), km = ({ title: t = "Version", ...n }) => jsx(wm, { title: t, ...n }), xm = ({ title: t = "Plugins", ...n }) => jsx(wm, { title: t, ...n }), Sm = ({ className: n }) => {
+const mm = () => useContext(fm), ym = ({ name: n, value: o2 }) => jsxs("div", { className: "io-profile-section-item", children: [jsx("div", { className: "io-profile-section-item-name", children: n }), jsx("div", { className: "io-profile-section-item-value", children: o2 })] }), vm = ({ className: n, items: o2, title: i }) => jsxs("div", { className: E("io-profile-section-body", n), children: [i && jsx(D, { className: "io-profile-section-title", text: i }), o2.map(({ name: t, value: n2 }) => jsx(ym, { name: t, value: n2 }, t))] }), bm = ({ className: n, items: o2, title: i }) => jsxs("section", { className: E("io-profile-section", n), children: [jsx(vm, { items: o2, title: i }), jsx(J, { className: "mt-8" })] }), wm = ({ title: t = "License", ...n }) => jsx(bm, { title: t, ...n }), km = ({ title: t = "Version", ...n }) => jsx(bm, { title: t, ...n }), xm = ({ title: t = "Plugins", ...n }) => jsx(bm, { title: t, ...n }), Cm = ({ className: n }) => {
   const o2 = Or() ? "io.Connect Desktop" : "io.Connect Browser";
   return jsxs("div", { className: E("io-trademark-container", n), children: [jsx("h4", { className: "io-trademark-title", children: o2 }), jsxs("p", { className: "io-trademark-text", children: [o2, "® is a registered trademark of", " ", 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 }) => jsxs("section", { className: E("io-profile-section", o2), children: [jsxs("div", { className: "io-user-details-container", children: [jsx("div", { className: "io-user-avatar", children: n }), jsx(vm, { className: "mt-12", items: i, title: a })] }), r2 && jsx($, { className: "io-log-out-button", onClick: r2, variant: "primary", icon: "arrow-right-from-bracket", children: "Log out" }), jsx(J, { className: "mt-8" })] }), Nm = { LicenseSection: bm, ProductsInfoSection: km, PluginsSection: xm, Trademark: Sm, UserSection: Cm }, Em = createContext(Nm), Im = memo(({ children: t, components: n }) => {
+}, Sm = ({ avatarInitials: n = Or() ? "CD" : "CB", className: o2, items: i, onLogout: r2, title: a }) => jsxs("section", { className: E("io-profile-section", o2), children: [jsxs("div", { className: "io-user-details-container", children: [jsx("div", { className: "io-user-avatar", children: n }), jsx(vm, { className: "mt-12", items: i, title: a })] }), r2 && jsx($, { className: "io-log-out-button", onClick: r2, variant: "primary", icon: "arrow-right-from-bracket", children: "Log out" }), jsx(J, { className: "mt-8" })] }), Nm = { LicenseSection: wm, ProductsInfoSection: km, PluginsSection: xm, Trademark: Cm, UserSection: Sm }, Em = createContext(Nm), Pm = memo(({ children: t, components: n }) => {
   const o2 = useMemo(() => ({ ...Nm, ...n }), [n]);
   return jsx(Em.Provider, { value: o2, children: t });
 });
-Im.displayName = "ProfilePanelComponentsStoreProvider";
+Pm.displayName = "ProfilePanelComponentsStoreProvider";
 document.querySelector("#root") ?? document.body;
 createContext({ theme: "dark" });
 const Jm = "var(--io-neutrals-0)", Ym = "var(--io-neutrals-900)";
@@ -8531,7 +8544,7 @@ function Qm({ className: t, channel: n, ...o2 }) {
   return jsx("div", { className: i, style: { color: r2, backgroundColor: n.color }, "data-testid": `channel-selector-badge-${n.color}`, ...o2, children: jsx("span", { className: "io-channel-selector-badge-label", "data-testid": "channel-selector-label", children: n.label }) });
 }
 function Zm() {
-  return jsx(I, { variant: "check", "data-testid": "channel-selector-channel-selected" });
+  return jsx(P, { variant: "check", "data-testid": "channel-selector-channel-selected" });
 }
 function eh({ channel: o2, handleChannelRestricted: i, lockedChannelRestriction: r2 }) {
   const a = (e, t) => (n) => {
@@ -8616,15 +8629,15 @@ function dh({ actionButtons: n, children: o2, onCompletion: i, size: r2, title:
   } }) })] });
 }
 function fh({ children: t }) {
-  return jsx("h3", { "data-testid": "io-dialog-heading", className: "io-dialog-template-heading", children: t });
+  return 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 jsx(dh, { actionButtons: r2, onCompletion: n, size: o2, title: c, children: jsxs("div", { children: [jsx(fh, { children: a }), jsx("p", { "data-testid": "io-dialog-text", children: s })] }) });
+  return jsx(dh, { actionButtons: r2, onCompletion: n, size: o2, title: c, children: jsx(fe.Body.Content, { children: jsxs("div", { children: [jsx(fh, { children: a }), jsx("p", { "data-testid": "io-dialog-text", children: s })] }) }) });
 }
 function mh({ onCompletion: n, size: o2, variables: i }) {
   const { actionButtons: r2, checkbox: s, heading: c, text: u, title: d } = i, [f, p] = useState(s.initialValue), m = useCallback(() => p((e) => !e), []), h = [{ id: s.id, type: "checkbox", checked: f }];
-  return jsxs(dh, { actionButtons: r2, onCompletion: (e) => n({ ...e, inputs: h }), size: o2, title: d, children: [jsxs("div", { children: [jsx(fh, { children: c }), jsx("p", { "data-testid": "io-dialog-text", children: u })] }), jsx(jd, { "data-testid": `io-dialog-checkbox-${s.id}`, checked: f, id: s.id, label: s.label, name: s.id, onChange: m })] });
+  return jsxs(dh, { actionButtons: r2, onCompletion: (e) => n({ ...e, inputs: h }), size: o2, title: d, children: [jsx(fe.Body.Content, { children: jsxs("div", { children: [jsx(fh, { children: c }), jsx("p", { "data-testid": "io-dialog-text", children: u })] }) }), 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: o2, variables: i }) {
   const { actionButtons: r2, heading: a, input: s, title: c } = i, [u, f] = useState(s.initialValue ?? ""), p = useRef(null), h = (g = u, !(y = s.validation) || new RegExp(y.regexPattern).test(g) ? null : { disabledButtonIds: y.disabledButtonIds, message: y.errorMessage });
@@ -8633,13 +8646,13 @@ function hh({ onCompletion: n, size: o2, variables: i }) {
   return useLayoutEffect(() => {
     var _a2;
     (_a2 = p.current) == null ? void 0 : _a2.select();
-  }, []), jsxs(dh, { actionButtons: r2, onCompletion: (e) => n({ ...e, inputs: v }), size: o2, title: c, validationErrors: h ? [h] : [], children: [jsx(fh, { children: a }), 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 })] });
+  }, []), jsxs(dh, { actionButtons: r2, onCompletion: (e) => n({ ...e, inputs: v }), size: o2, title: c, validationErrors: h ? [h] : [], children: [jsx(fe.Body.Content, { children: jsx(fh, { children: a }) }), 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 }];
 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" };
@@ -8728,7 +8741,7 @@ function ug(e) {
   return { ...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
@@ -8739,12 +8752,12 @@ var Og, Lg, Dg, Tg, Rg, Bg, Mg, Fg, $g, _g, jg, zg, Hg, Wg, Vg = {};
  * 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) {
@@ -8774,39 +8787,39 @@ function Ug() {
         }
       }
     }
-    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) {
@@ -8838,38 +8851,38 @@ function Ug() {
         }
       }
     }
-    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
@@ -8930,7 +8943,7 @@ function qg() {
 }
 if ("production" !== process.env.NODE_ENV) {
   var Jg = Ug();
-  Ig.exports = function() {
+  Pg.exports = function() {
     if (zg)
       return jg;
     zg = 1;
@@ -9041,7 +9054,7 @@ if ("production" !== process.env.NODE_ENV) {
             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);
@@ -9051,7 +9064,7 @@ if ("production" !== process.env.NODE_ENV) {
         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++) {
@@ -9070,7 +9083,7 @@ if ("production" !== process.env.NODE_ENV) {
           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;
@@ -9086,7 +9099,7 @@ if ("production" !== process.env.NODE_ENV) {
           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);
@@ -9124,7 +9137,7 @@ if ("production" !== process.env.NODE_ENV) {
       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) {
@@ -9172,7 +9185,7 @@ if ("production" !== process.env.NODE_ENV) {
           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);
@@ -9184,8 +9197,8 @@ if ("production" !== process.env.NODE_ENV) {
         }
         return t2;
       }
-      function b2(e2) {
-        var t2 = w(e2);
+      function w2(e2) {
+        var t2 = b(e2);
         switch (t2) {
           case "array":
           case "object":
@@ -9202,7 +9215,7 @@ if ("production" !== process.env.NODE_ENV) {
     }, jg;
   }()(Jg.isElement, true);
 } else
-  Ig.exports = function() {
+  Pg.exports = function() {
     if (Wg)
       return Hg;
     Wg = 1;
@@ -9226,7 +9239,7 @@ if ("production" !== process.env.NODE_ENV) {
       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;
@@ -9255,12 +9268,12 @@ function py(e, t) {
 }
 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__default.createContext(null), yy = "unmounted", vy = "exited", wy = "entering", by = "entered", ky = "exiting", xy = function(e) {
+var gy = o__default.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);
@@ -9274,7 +9287,7 @@ var gy = o__default.createContext(null), yy = "unmounted", vy = "exited", wy = "
     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() {
@@ -9284,9 +9297,9 @@ var gy = o__default.createContext(null), yy = "unmounted", vy = "exited", wy = "
     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__default.findDOMNode(this);
+          var n2 = this.props.nodeRef ? this.props.nodeRef.current : w__default.findDOMNode(this);
           n2 && function(e3) {
             e3.scrollTop;
           }(n2);
@@ -9297,18 +9310,18 @@ var gy = o__default.createContext(null), yy = "unmounted", vy = "exited", wy = "
     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__default.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__default.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__default.findDOMNode(this);
+    var e2 = this, t2 = this.props.exit, n2 = this.getTimeouts(), o2 = this.props.nodeRef ? void 0 : w__default.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() {
@@ -9331,7 +9344,7 @@ var gy = o__default.createContext(null), yy = "unmounted", vy = "exited", wy = "
     }, this.nextCallback;
   }, n.onTransitionEnd = function(e2, t2) {
     this.setNextCallback(t2);
-    var n2 = this.props.nodeRef ? this.props.nodeRef.current : b__default.findDOMNode(this), o2 = null == e2 && !this.props.addEndListener;
+    var n2 = this.props.nodeRef ? this.props.nodeRef.current : w__default.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];
@@ -9361,14 +9374,14 @@ var gy = o__default.createContext(null), yy = "unmounted", vy = "exited", wy = "
     return o__default.createElement(gy.Provider, { value: null }, "function" == typeof n2 ? n2(e2, o2) : o__default.cloneElement(o__default.Children.only(n2), o2));
   }, t;
 }(o__default.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];
@@ -9379,19 +9392,19 @@ xy.contextType = gy, xy.propTypes = "production" !== process.env.NODE_ENV ? { no
   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) {
@@ -9445,7 +9458,7 @@ function Ly(e) {
     } 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");
@@ -9526,18 +9539,18 @@ var jy = function() {
   } }, { key: "render", value: function() {
     var e2 = this, t2 = this.props, n = t2.tag, o2 = 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, o3 = Array.isArray(t3) ? t3 : [t3], i = o3.length, r3 = {}; i > 0; )
         r3[n2 = o3[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__default.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__default.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, o2 && "collapse-horizontal", r3, s && "navbar-collapse"), c), d2 = null === m ? null : My({}, o2 ? "width" : "height", m);
-      return o__default.createElement(n, Iy({}, g, { style: By(By({}, g.style), d2), className: u2, ref: e2.nodeRef }), l);
+      return o__default.createElement(n, Py({}, g, { style: By(By({}, g.style), d2), className: u2, ref: e2.nodeRef }), l);
     });
   } }]), t;
 }();
@@ -9551,18 +9564,18 @@ var Ev = function(e) {
   }(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) {
@@ -9582,7 +9595,7 @@ function Lv(e, t) {
 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));
@@ -9591,13 +9604,13 @@ function Dv(e, t, n) {
         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))
@@ -9606,7 +9619,7 @@ Tv.all = function(e, t) {
     return Tv(e2, n, t);
   }, {});
 };
-S(Tv);
+C(Tv);
 const Mv = forwardRef((t, n) => {
   const { onSearch: o2, searchTerm: i, onClear: r2, className: a } = t, s = useContext(IOConnectContext);
   return useEffect(() => {
@@ -9622,11 +9635,11 @@ const zv = createContext({ searchQuery: "", setSearch: () => {
 }, hideBulkActions: () => {
 } }), Hv = () => 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 jsxs(Vs, { ...r2, children: [jsxs("div", { className: "io-panel-header-caption", children: [jsx(a, { title: n }), jsx(s, {}), jsxs(Vs.ButtonGroup, { children: [g && jsx(c, { onClick: o2 }), jsx(l, { onClick: i })] })] }), jsx(f, {}), p ? jsxs("div", { className: `io-panel-header-actions-wrapper ${h && m > 0 ? "io-panel-header-bulk-actions-opened" : ""} `, children: [jsx(u, {}), jsx(d, {})] }) : jsx(u, {})] });
 }
 function Vv({ text: n = "Notifications", counter: o2, ...i }) {
-  const { notificationsCount: r2 } = jp();
+  const { notificationsCount: r2 } = _p();
   return jsx(D, { text: n, size: "large", ...i, children: (o2 ?? true) && 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) => {
@@ -9635,9 +9648,9 @@ const Uv = "newest", Kv = "oldest", Gv = "severity", qv = ["None", "Low", "Mediu
     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, o2] = useState([]), { NotificationsList: i, Notification: r2 } = Rw(), { notifications: a, setCount: s, notificationsCount: c } = jp(), { sortNotificationsBy: p, viewNotificationsBy: m, searchQuery: h } = Hv(), g = useRef(null), y = Wd(h), v = useMemo(() => {
+}, Zv = { [Uv]: Yv, [Kv]: Xv, [Gv]: Qv }, eb = { severity: "Priority", newest: "Newest", oldest: "Oldest" };
+function tb({ ...t }) {
+  const [n, o2] = useState([]), { NotificationsList: i, Notification: r2 } = Rb(), { notifications: a, setCount: s, notificationsCount: c } = _p(), { sortNotificationsBy: p, viewNotificationsBy: m, searchQuery: h } = Hv(), g = useRef(null), y = Wd(h), v = useMemo(() => {
     const e = ((e2, t2) => {
       if (!e2)
         return [];
@@ -9654,8 +9667,8 @@ function tw({ ...t }) {
       }
     })(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 useEffect(() => {
@@ -9678,30 +9691,30 @@ function tw({ ...t }) {
     g.current && ((_a2 = g.current) == null ? void 0 : _a2.scrollTo({ top: 0, behavior: "smooth" }));
   }, [y, c, p, m]), jsx(Od, { ref: g, element: Us, elementProps: t, children: jsx(i, { notifications: n, Notification: r2 }) });
 }
-function nw({ ...t }) {
-  const { FooterButtons: n } = Rw();
+function nb({ ...t }) {
+  const { FooterButtons: n } = Rb();
   return jsx(Ks, { ...t, children: jsx(n, {}) });
 }
-function ow({ className: n, ...o2 }) {
-  const { FooterButtonClearAll: i, FooterButtonClearAllOld: r2 } = Rw(), { notifications: a } = jp(), [s, c] = useState(false);
+function ob({ className: n, ...o2 }) {
+  const { FooterButtonClearAll: i, FooterButtonClearAllOld: r2 } = Rb(), { notifications: a } = _p(), [s, c] = useState(false);
   return useEffect(() => {
     a.filter((e) => "Stale" === e.state || "Acknowledged" === e.state).length > 0 ? c(true) : c(false);
   }, [a]), jsxs(ae, { className: n, align: "right", ...o2, children: [jsx(r2, { disabled: !s }), 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 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 jsx($, { text: t, onClick: () => {
     o2();
   }, ...n });
 }
-function aw(e) {
-  const t = Ud(), { onClose: n, settings: o2 } = jp(), { isPanelVisible: i } = Hv(), { id: r2, onClick: s, updateState: c } = e, l = useCallback(async () => {
+function ab(e) {
+  const t = Ud(), { onClose: n, settings: o2 } = _p(), { isPanelVisible: i } = Hv(), { id: r2, onClick: s, updateState: c } = e, l = useCallback(async () => {
     if (!s)
       return;
     if (!t) {
@@ -9726,14 +9739,14 @@ function aw(e) {
   }, [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 jsxs("div", { className: a, onClick: async (e) => {
     await p(e), i == null ? void 0 : i(e);
   }, ...r2, children: [jsx(c, { notification: o2 }), jsx(s, { notification: o2 }), jsx(l, { notification: o2 }), jsx(u, { notification: o2 }), jsxs(ae, { children: [jsx(d, { notification: o2 }), 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]);
@@ -9741,59 +9754,59 @@ function cw({ notification: t, ...n }) {
   }
   return r2 || !a || l <= 1 ? null : 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 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 jsxs("div", { className: s, ...a, children: [r2 && jsx("span", { className: "io-notification-header-icon-image", children: jsx("img", { src: r2, alt: `io-notification-header-icon-${r2}` }) }), 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 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 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 }, ...o2 }) {
-  var _a2, _b;
-  const { settings: i, snooze: r2 } = jp(), s = useCallback((e) => {
+function pb({ notification: { id: t, state: n }, ...o2 }) {
+  var _a2, _b2;
+  const { settings: i, snooze: r2 } = _p(), s = 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) ? jsx($, { icon: "snooze", variant: "link", text: "Snooze", tabIndex: -1, onClick: s, ...o2 }) : null;
+  return r2 && "Snoozed" !== n && ((_b2 = i.snooze) == null ? void 0 : _b2.enabled) ? jsx($, { icon: "snooze", variant: "link", text: "Snooze", tabIndex: -1, onClick: s, ...o2 }) : null;
 }
-function mw({ notification: { id: t, updateState: n }, ...o2 }) {
-  const i = Ud(), { onClose: r2 } = jp(), { isPanelVisible: s } = Hv(), c = useCallback((e) => {
+function mb({ notification: { id: t, updateState: n }, ...o2 }) {
+  const i = Ud(), { onClose: r2 } = _p(), { isPanelVisible: s } = Hv(), c = useCallback((e) => {
     e.stopPropagation(), !i || s ? r2(t) : n("Acknowledged").catch(console.error);
   }, [i, t, r2, s, n]);
-  return jsx(P, { icon: "close", iconSize: "10", tabIndex: -1, onClick: c, ...o2 });
+  return jsx(I, { icon: "close", iconSize: "10", tabIndex: -1, onClick: c, ...o2 });
 }
-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 jsxs("div", { className: r2, role: "button", tabIndex: 0, onKeyDown: async (e) => {
     R(e) && await f();
   }, onClick: f, ...i, children: [jsx(a, { icon: l }), jsxs("div", { className: "io-notification-body-content", children: [jsx(s, { text: u }), 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 jsx("div", { className: r2, ...i, children: jsx("img", { src: n, alt: o2 }) });
 }
-function yw({ text: t, ...n }) {
+function yb({ text: t, ...n }) {
   return 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 jsx("p", { className: i, ...o2, children: n });
 }
-function ww({ className: n, notification: o2 }) {
-  const i = E("io-notification-footer", n), { FooterButton: r2 } = Cw(), { handleWrapperClick: a } = aw(o2), s = useMemo(() => function(e) {
+function bb({ className: n, notification: o2 }) {
+  const i = E("io-notification-footer", n), { FooterButton: r2 } = Sb(), { handleWrapperClick: a } = ab(o2), s = useMemo(() => function(e) {
     const t = [], n2 = {};
     if (!e)
       return;
@@ -9820,27 +9833,27 @@ function ww({ className: n, notification: o2 }) {
   }(o2.actions), [o2.actions]), c = (t, n2) => t.children ? jsx(ei, { text: t.title, children: t.children.map(c) }, `${t.title}-${n2}`) : ((t2, n3) => jsx(ei.Item, { children: jsx(r2, { variant: "link", className: "io-dropdown-menu-item io-dropdown-menu-button", notificationAction: t2 }) }, `${t2.title}-${n3}`))(t, n2);
   return jsx("div", { className: i, onClick: a, children: jsx(ae, { align: "right", children: s == null ? void 0 : s.map((n2, o3) => n2.children ? jsxs(ae, { variant: "append", children: [jsx(r2, { notificationAction: n2, variant: 0 === o3 ? "primary" : "default" }), jsx(ei, { variant: 0 === o3 ? "primary" : "default", icon: "ellipsis", children: n2.children.map(c) })] }, `${n2.title}-${o3}`) : jsx(r2, { notificationAction: n2, variant: 0 === o3 ? "primary" : "link" }, `${n2.title}-${o3}`)) }) });
 }
-function bw({ notificationAction: t, ...n }) {
+function wb({ notificationAction: t, ...n }) {
   const o2 = useCallback((e) => {
     e.stopPropagation(), t.onClick({ close: true });
   }, [t]);
   return jsx($, { text: t.title, onClick: o2, ...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 = createContext(kw), Sw = memo(({ children: t, components: n }) => {
-  const o2 = useMemo(() => ({ ...kw, ...n }), [n]);
-  return jsx(xw.Provider, { value: o2, 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 = createContext(kb), Cb = memo(({ children: t, components: n }) => {
+  const o2 = useMemo(() => ({ ...kb, ...n }), [n]);
+  return jsx(xb.Provider, { value: o2, children: t });
 });
-function Cw(e) {
-  return { ...useContext(xw), ...e };
+function Sb(e) {
+  return { ...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 jsxs("div", { className: l, ...i, children: [jsx(r2, { notification: o2 }), jsx(a, { notification: o2 }), jsx(s, { notification: o2 })] });
 }
-function Ew({ components: t, notification: n, ...o2 }) {
-  return jsx(Sw, { components: t, children: jsx(Nw, { notification: n, ...o2 }) });
+function Eb({ components: t, notification: n, ...o2 }) {
+  return jsx(Cb, { components: t, children: jsx(Nb, { notification: n, ...o2 }) });
 }
-function Iw({ className: n, notifications: o2, ...i }) {
+function Pb({ className: n, notifications: o2, ...i }) {
   const [r2, s] = useState(false), c = o2.length >= 3 ? "large" : "normal", u = 2 === o2.length ? "small" : c, d = o2[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 = useCallback(() => {
     s(true);
   }, []), m = useCallback((e) => {
@@ -9848,46 +9861,46 @@ function Iw({ className: n, notifications: o2, ...i }) {
       e2.close();
     });
   }, [o2]);
-  return jsxs("div", { className: f, onClick: p, ...i, children: [r2 && "normal" !== u && jsx("div", { className: "io-notification-stack-btn", children: jsx($, { icon: "close", onClick: (e) => m(e), children: jsx("span", { className: "io-btn-text", children: "Clear Stack" }) }) }), o2.map((t) => jsx(Ew, { notification: t }, t.id))] });
+  return jsxs("div", { className: f, onClick: p, ...i, children: [r2 && "normal" !== u && jsx("div", { className: "io-notification-stack-btn", children: jsx($, { icon: "close", onClick: (e) => m(e), children: jsx("span", { className: "io-btn-text", children: "Clear Stack" }) }) }), o2.map((t) => jsx(Eb, { notification: t }, t.id))] });
 }
-function Pw({ ...t }) {
-  const { notificationStacks: o2 } = jp();
-  return jsx(Fragment, { children: o2.map((n) => jsx(Iw, { notifications: n.items, ...t }, n.key)) });
+function Ib({ ...t }) {
+  const { notificationStacks: o2 } = _p();
+  return jsx(Fragment, { children: o2.map((n) => 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 ? jsxs("div", { className: E("io-notification-list-bulk-action-item", { selected: m }), children: [jsx(jd, { checked: m, onChange: (e) => c(n.id, e.target.checked) }), jsx(o2, { notification: n, ...i })] }) : 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 jsxs("div", { className: s, ...a, children: [d && jsx(Pw, {}), !d && (f ? i.map((t) => jsx(Aw, { notification: t, Notification: o2, ...a }, t.id)) : 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 jsxs("div", { className: s, ...a, children: [d && jsx(Ib, {}), !d && (f ? i.map((t) => jsx(Ab, { notification: t, Notification: o2, ...a }, t.id)) : 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 : jsx(L, { variant: t, ...n, children: o2 > 99 ? "99+" : o2 });
 }, HeaderCaptionButtonSettings: function({ icon: t = "cog", size: n = "32", variant: o2 = "circle", ...i }) {
-  return Ud() ? jsx(P, { icon: t, size: n, variant: o2, ...i }) : null;
+  return Ud() ? 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 jsx(P, { icon: t, size: n, variant: o2, onClick: (e) => {
+  const { hidePanel: a } = _p(), s = Ud();
+  return 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 jsxs("div", { className: i, ...o2, children: [jsxs(ae, { children: [jsx(r2, {}), jsx(a, {})] }), jsxs(ae, { children: [jsx(s, {}), jsx(c, {})] })] });
 }, HeaderActionSort: function({ text: n = "Sort by", ...o2 }) {
   const { sortNotificationsBy: i, setSortBy: r2 } = Hv(), { onNotificationsSort: s } = (() => {
-    const { notifications: e } = jp(), [t, n2] = useState(Jv), { key: o3, descending: i2 } = t, r3 = useMemo(() => Zv[o3](e, i2), [e, o3, i2]), s2 = useCallback((e2) => {
+    const { notifications: e } = _p(), [t, n2] = useState(Jv), { key: o3, descending: i2 } = t, r3 = useMemo(() => Zv[o3](e, i2), [e, o3, i2]), s2 = useCallback((e2) => {
       n2((t2) => ({ key: e2, descending: t2.key !== e2 ? Jv.descending : !t2.descending }));
     }, []);
     return { onNotificationsSort: s2, sortedNotifications: r3 };
   })();
-  return jsxs(re, { variant: "light", ...o2, children: [jsxs(re.Button, { variant: "link", children: [n, " ", jsx("strong", { children: ew[i].toLowerCase() })] }), jsx(re.Content, { children: jsx(re.List, { variant: "single", checkIcon: "check", children: ["Newest", "Oldest", "Priority"].map((t) => {
+  return jsxs(re, { variant: "light", ...o2, children: [jsxs(re.Button, { variant: "link", children: [n, " ", jsx("strong", { children: eb[i].toLowerCase() })] }), jsx(re.Content, { children: jsx(re.List, { variant: "single", checkIcon: "check", children: ["Newest", "Oldest", "Priority"].map((t) => {
     const n2 = "Priority" === t ? "severity" : t.toLowerCase();
     return jsx(re.Item, { isSelected: i === n2, onClick: () => {
       r2(n2), s(n2);
@@ -9895,63 +9908,63 @@ const Lw = { Header: Wv, HeaderCaptionTitle: Vv, HeaderCaptionCount: function({
   }) }) })] });
 }, 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 jsxs(re, { variant: "light", ...o2, children: [jsxs(re.Button, { variant: "link", children: [n, " ", jsx("strong", { children: r2 })] }), jsx(re.Content, { children: jsx(re.List, { variant: "single", checkIcon: "check", children: s.map((t) => 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 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 ? 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 ? 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 ? jsx("div", { className: i, ...o2, children: jsxs(ae, { children: [jsx(r2, {}), jsx(a, {}), jsx(s, {}), jsx(c, {}), jsx(l, {}), jsx(u, {}), 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 ? 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 ? jsxs(re, { variant: "light", ...n, children: [jsx(re.ButtonIcon, { variant: "default", icon: "chevron-down", size: "16", iconSize: "10", disabled: 0 === r2 }), jsx(H, { children: jsxs(re.List, { variant: "single", checkIcon: "check", children: [jsx(re.ItemSection, { children: "Select" }), ["All", "Read", "Unread", "Snoozed"].map((t) => jsx(re.Item, { onClick: () => i(t.toLowerCase(), true), children: t }, t))] }) })] }) : null;
 }, HeaderBulkActionMarkAsRead: function({ icon: t = "envelope-open", size: n = "32", variant: o2 = "circle", tooltip: i = "Mark as read", ...r2 }) {
-  const { isBulkActionsSupported: s, selectedNotifications: c, setStates: l, notificationsCount: u } = jp(), d = useCallback(() => {
+  const { isBulkActionsSupported: s, selectedNotifications: c, setStates: l, notificationsCount: u } = _p(), d = useCallback(() => {
     l(c, "Seen");
   }, [c, l]);
-  return s ? jsx(P, { icon: t, size: n, variant: o2, title: i, onClick: d, disabled: 0 === u, ...r2 }) : null;
+  return s ? jsx(I, { icon: t, size: n, variant: o2, title: i, onClick: d, disabled: 0 === u, ...r2 }) : null;
 }, HeaderBulkActionMarkAsUnread: function({ icon: t = "envelope", size: n = "32", variant: o2 = "circle", tooltip: i = "Mark as unread", ...r2 }) {
-  const { isBulkActionsSupported: s, selectedNotifications: c, setStates: l, notificationsCount: u } = jp(), d = useCallback(() => {
+  const { isBulkActionsSupported: s, selectedNotifications: c, setStates: l, notificationsCount: u } = _p(), d = useCallback(() => {
     l(c, "Active");
   }, [c, l]);
-  return s ? jsx(P, { icon: t, size: n, variant: o2, title: i, onClick: d, disabled: 0 === u, ...r2 }) : null;
+  return s ? jsx(I, { icon: t, size: n, variant: o2, title: i, onClick: d, disabled: 0 === u, ...r2 }) : null;
 }, HeaderBulkActionSnooze: function({ icon: t = "snooze", size: n = "32", variant: o2 = "circle", tooltip: i = "Snooze", ...r2 }) {
-  var _a2, _b;
-  const { isBulkActionsSupported: s, selectedNotifications: c, snoozeMany: l, settings: u, notificationsCount: d } = jp(), f = useCallback(() => {
+  var _a2, _b2;
+  const { isBulkActionsSupported: s, selectedNotifications: c, snoozeMany: l, settings: u, notificationsCount: d } = _p(), f = 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) ? jsx(P, { icon: t, size: n, variant: o2, title: i, onClick: f, disabled: 0 === d, ...r2 }) : null;
+  return s && ((_b2 = u.snooze) == null ? void 0 : _b2.enabled) ? jsx(I, { icon: t, size: n, variant: o2, title: i, onClick: f, disabled: 0 === d, ...r2 }) : null;
 }, HeaderBulkActionClear: function({ icon: t = "trash", size: n = "32", variant: o2 = "circle", tooltip: i = "Clear", ...r2 }) {
-  const { isBulkActionsSupported: s, selectedNotifications: c, clearMany: l, notificationsCount: u } = jp(), d = useCallback(() => {
+  const { isBulkActionsSupported: s, selectedNotifications: c, clearMany: l, notificationsCount: u } = _p(), d = useCallback(() => {
     l(c);
   }, [c, l]);
-  return s ? jsx(P, { icon: t, size: n, variant: o2, title: i, onClick: d, disabled: 0 === u, ...r2 }) : null;
+  return s ? jsx(I, { icon: t, size: n, variant: o2, 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 ? jsx($, { variant: n, text: t, onClick: a, disabled: 0 === r2, ...o2 }) : null;
 }, HeaderSearch: function({ className: n, placeholder: o2 = "Search", iconPrepend: i = "search", iconAppend: r2 = "close", ...s }) {
-  const c = E("io-panel-header-search", n), l = useRef(null), { notificationsCount: u } = jp(), { searchQuery: f, setSearch: p } = Hv(), m = f.length > 0, h = useCallback(() => {
+  const c = E("io-panel-header-search", n), l = useRef(null), { notificationsCount: u } = _p(), { searchQuery: f, setSearch: p } = Hv(), m = f.length > 0, h = useCallback(() => {
     p(""), l.current && l.current.focus();
   }, [p]);
   return jsxs("div", { className: c, children: [jsx($d, { ref: l, value: f, iconPrepend: i, iconAppend: m ? r2 : void 0, iconAppendOnClick: m ? h : void 0, placeholder: o2, onChange: (e) => p(e.target.value), ...s }), m && 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 = createContext(Lw), Tw = memo(({ children: t, components: n }) => {
-  const o2 = useMemo(() => ({ ...Lw, ...n }), [n]);
-  return jsx(Dw.Provider, { value: o2, children: t });
+}, Body: tb, Footer: nb, FooterButtons: ob, FooterButtonClearAll: ib, FooterButtonClearAllOld: rb, Notification: Eb, NotificationsList: Ob }, Db = createContext(Lb), Tb = memo(({ children: t, components: n }) => {
+  const o2 = useMemo(() => ({ ...Lb, ...n }), [n]);
+  return jsx(Db.Provider, { value: o2, children: t });
 });
-function Rw(e) {
-  return { ...useContext(Dw), ...e };
+function Rb(e) {
+  return { ...useContext(Db), ...e };
 }
-Tw.displayName = "ComponentsStoreProvider";
-const Fw = ({ className: t, notifications: n, maxToasts: o2 = 1, ...i }) => {
-  const r2 = E("io-toasts-body", t), { NotificationsList: a, Notification: s } = zw(), [c, u] = useState([]);
+Tb.displayName = "ComponentsStoreProvider";
+const Fb = ({ className: t, notifications: n, maxToasts: o2 = 1, ...i }) => {
+  const r2 = E("io-toasts-body", t), { NotificationsList: a, Notification: s } = zb(), [c, u] = useState([]);
   return useEffect(() => {
     const e = o2 < 0 ? n.length : o2, t2 = n.filter((e2) => "Active" === e2.state).slice(0, e);
     for (const e2 of t2)
@@ -9959,30 +9972,30 @@ const Fw = ({ className: t, notifications: n, maxToasts: o2 = 1, ...i }) => {
     u(t2);
   }, [n, o2]), jsx("div", { className: r2, ...i, children: jsx(a, { Notification: s, notifications: c, noNotificationText: "" }) });
 };
-Fw.displayName = "Body";
-const $w = { Body: Fw, Notification: Ew, NotificationsList: Ow }, _w = createContext($w), jw = memo(({ children: t, components: n }) => {
-  const o2 = useMemo(() => ({ ...$w, ...n }), [n]);
-  return jsx(_w.Provider, { value: o2, children: t });
+Fb.displayName = "Body";
+const $b = { Body: Fb, Notification: Eb, NotificationsList: Ob }, _b = createContext($b), jb = memo(({ children: t, components: n }) => {
+  const o2 = useMemo(() => ({ ...$b, ...n }), [n]);
+  return jsx(_b.Provider, { value: o2, children: t });
 });
-function zw(e) {
-  return { ...useContext(_w), ...e };
-}
-jw.displayName = "ComponentsStoreProvider";
-const Kw = (n) => {
-  const { General: o2, Layouts: i } = Qw();
-  return jsxs(Od, { element: Us, elementProps: n, children: [jsx(o2, {}), jsx(i, {})] });
-}, Gw = ({ title: t = "General", ...n }) => {
-  const { Theme: o2 } = Qw();
+function zb(e) {
+  return { ...useContext(_b), ...e };
+}
+jb.displayName = "ComponentsStoreProvider";
+const Kb = (n) => {
+  const { General: o2, Layouts: i } = Qb(), r2 = [{ key: "general", Component: o2 }, { key: "layouts", Component: i }];
+  return jsx(Od, { element: Us, elementProps: n, children: r2.map(({ key: n2, Component: o3 }, i2) => jsxs(Fragment$1, { children: [jsx(o3, {}), i2 < r2.length - 1 && jsx(J, {})] }, n2)) });
+}, Gb = ({ title: t = "General", ...n }) => {
+  const { Theme: o2 } = Qb();
   return jsx(T, { title: t, "data-testid": "preferences-panel-general-block", ...n, children: jsx(o2, {}) });
-}, qw = ({ title: t = "Layouts", ...n }) => {
-  const { LayoutsShowDeletePrompt: o2 } = Qw();
+}, qb = ({ title: t = "Layouts", ...n }) => {
+  const { LayoutsShowDeletePrompt: o2 } = Qb();
   return jsx(T, { title: t, "data-testid": "preferences-panel-layouts-block", ...n, children: jsx(o2, {}) });
-}, Jw = { Body: Kw, General: Gw, Theme: vf, Layouts: qw, LayoutsShowUnsavedChangesPrompt: Tf, LayoutsShowDeletePrompt: Rf }, Yw = createContext(Jw), Xw = memo(({ children: t, components: n }) => {
-  const o2 = useMemo(() => ({ ...Jw, ...n }), [n]);
-  return jsx(Yw.Provider, { value: o2, children: t });
+}, Jb = { Body: Kb, General: Gb, Theme: vf, Layouts: qb, LayoutsShowUnsavedChangesPrompt: Tf, LayoutsShowDeletePrompt: Rf }, Yb = createContext(Jb), Xb = memo(({ children: t, components: n }) => {
+  const o2 = useMemo(() => ({ ...Jb, ...n }), [n]);
+  return jsx(Yb.Provider, { value: o2, children: t });
 });
-Xw.displayName = "PreferencesPanelComponentsStoreProvider";
-const Qw = () => useContext(Yw);
+Xb.displayName = "PreferencesPanelComponentsStoreProvider";
+const Qb = () => useContext(Yb);
 function useExternalWindowPopup() {
   const { getContainer, closePopup, createPopup, hidePopup, showPopup, isOpen, isVisible, popup } = Qd();
   const resizePopup = useCallback(async (size) => {
@@ -10005,9 +10018,9 @@ const requestPageFocus = () => webGroupsManager == null ? void 0 : webGroupsMana
 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);
 export {
   CloneButton,
   CloseButton,