@apia/components 4.0.26 → 4.0.27

package/dist/index.js

@@ -4,7 +4,7 @@ import React__default, { createContext, useContext, useEffect, useMemo, useState
 import parse, { domToReact, Element } from 'html-react-parser';
 import { Spinner as Spinner$1, Box as Box$1 } from 'theme-ui';
 import { uniqueId as uniqueId$3, debounce, cloneDeep, isFunction } from 'lodash-es';
-import { Box, getVariant, useBreakpointIndex, Close, responsive, spacing, Heading, Button, Spinner, createElement, Select, Input, Flex, IconButton as IconButton$1, Image, injectStyles, Progress, Label, Paragraph, Container, Form, focusOutline, makeStyledComponent, useThemeUI, Grid, Textarea } from '@apia/theme';
+import { Box, getVariant, useBreakpointIndex, Close, responsive, spacing, Heading, Link, Button, Spinner, createElement, Select, Input, Flex, IconButton as IconButton$1, Image, injectStyles, Progress, Label, Paragraph, Container, Form, focusOutline, makeStyledComponent, useThemeUI, Grid, Textarea } from '@apia/theme';
 import { BarLoader } from 'react-spinners';
 import uniqueId$2 from 'lodash-es/uniqueId';
 import { findScrollContainer, useUpdateEffect, focus, focusSelector, getFocusSelector, addBoundary, useCombinedRefs, usePrevious, EventEmitter, useMount, getLabel, getSpecificParent, customEvents, isChild, useUnmount, StatefulEmitter, shallowEqual as shallowEqual$1, getDateFormat, uniqueId as uniqueId$4, AudioRecorder, persistentStorage, disableChildrenFocus, enableChildrenFocus, decodeHTMLEntities, useDebouncedCallback, getIndex, noNaN, useLatest, useSubscription, arrayOrArray } from '@apia/util';
@@ -1023,59 +1023,59 @@ var __publicField$r = (obj, key, value) => {
   __defNormalProp$r(obj, key + "" , value);
   return value;
 };
-var __accessCheck$c = (obj, member, msg) => {
+var __accessCheck$d = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateGet$9 = (obj, member, getter) => {
-  __accessCheck$c(obj, member, "read from private field");
+var __privateGet$a = (obj, member, getter) => {
+  __accessCheck$d(obj, member, "read from private field");
   return getter ? getter.call(obj) : member.get(obj);
 };
-var __privateAdd$c = (obj, member, value) => {
+var __privateAdd$d = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
-var __privateSet$7 = (obj, member, value, setter) => {
-  __accessCheck$c(obj, member, "write to private field");
+var __privateSet$8 = (obj, member, value, setter) => {
+  __accessCheck$d(obj, member, "write to private field");
   member.set(obj, value);
   return value;
 };
-var __privateMethod$3 = (obj, member, method) => {
-  __accessCheck$c(obj, member, "access private method");
+var __privateMethod$4 = (obj, member, method) => {
+  __accessCheck$d(obj, member, "access private method");
   return method;
 };
 var _isLocked, _onChangeCb, _onDestroyCb, _evaluate, evaluate_fn, _a;
 class BodyScrollLocker {
   constructor() {
-    __privateAdd$c(this, _isLocked, false);
-    __privateAdd$c(this, _onChangeCb, () => {
+    __privateAdd$d(this, _isLocked, false);
+    __privateAdd$d(this, _onChangeCb, () => {
     });
-    __privateAdd$c(this, _onDestroyCb, () => {
+    __privateAdd$d(this, _onDestroyCb, () => {
     });
   }
   get isLocked() {
-    return __privateGet$9(this, _isLocked);
+    return __privateGet$a(this, _isLocked);
   }
   destroy() {
-    __privateGet$9(this, _onDestroyCb).call(this);
+    __privateGet$a(this, _onDestroyCb).call(this);
   }
   lock() {
-    __privateSet$7(this, _isLocked, true);
-    __privateGet$9(this, _onChangeCb).call(this);
+    __privateSet$8(this, _isLocked, true);
+    __privateGet$a(this, _onChangeCb).call(this);
   }
   unlock() {
-    __privateSet$7(this, _isLocked, false);
-    __privateGet$9(this, _onChangeCb).call(this);
+    __privateSet$8(this, _isLocked, false);
+    __privateGet$a(this, _onChangeCb).call(this);
   }
   onChange(cb) {
-    __privateSet$7(this, _onChangeCb, cb);
-    return () => __privateSet$7(this, _onChangeCb, () => {
+    __privateSet$8(this, _onChangeCb, cb);
+    return () => __privateSet$8(this, _onChangeCb, () => {
     });
   }
   onDestroy(cb) {
-    __privateSet$7(this, _onDestroyCb, cb);
-    return () => __privateSet$7(this, _onDestroyCb, () => {
+    __privateSet$8(this, _onDestroyCb, cb);
+    return () => __privateSet$8(this, _onDestroyCb, () => {
     });
   }
 }
@@ -1084,15 +1084,15 @@ _onChangeCb = new WeakMap();
 _onDestroyCb = new WeakMap();
 const BodyScrollLock = new (_a = class {
   constructor() {
-    __privateAdd$c(this, _evaluate);
+    __privateAdd$d(this, _evaluate);
     __publicField$r(this, "lockers", []);
   }
   getLocker() {
     const locker = new BodyScrollLocker();
-    locker.onChange(() => __privateMethod$3(this, _evaluate, evaluate_fn).call(this));
+    locker.onChange(() => __privateMethod$4(this, _evaluate, evaluate_fn).call(this));
     locker.onDestroy(() => {
       this.lockers = this.lockers.filter((current) => current !== locker);
-      __privateMethod$3(this, _evaluate, evaluate_fn).call(this);
+      __privateMethod$4(this, _evaluate, evaluate_fn).call(this);
     });
     this.lockers.push(locker);
     return locker;
@@ -1417,30 +1417,30 @@ var __publicField$q = (obj, key, value) => {
   __defNormalProp$q(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var __accessCheck$b = (obj, member, msg) => {
+var __accessCheck$c = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateGet$8 = (obj, member, getter) => {
-  __accessCheck$b(obj, member, "read from private field");
+var __privateGet$9 = (obj, member, getter) => {
+  __accessCheck$c(obj, member, "read from private field");
   return getter ? getter.call(obj) : member.get(obj);
 };
-var __privateAdd$b = (obj, member, value) => {
+var __privateAdd$c = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
-var __privateSet$6 = (obj, member, value, setter) => {
-  __accessCheck$b(obj, member, "write to private field");
+var __privateSet$7 = (obj, member, value, setter) => {
+  __accessCheck$c(obj, member, "write to private field");
   member.set(obj, value);
   return value;
 };
 var __privateWrapper$2 = (obj, member, setter, getter) => ({
   set _(value) {
-    __privateSet$6(obj, member, value);
+    __privateSet$7(obj, member, value);
   },
   get _() {
-    return __privateGet$8(obj, member, getter);
+    return __privateGet$9(obj, member, getter);
   }
 });
 var _emitter$4, _maxId$1, _maxOverlay, _useModalsList;
@@ -1452,15 +1452,15 @@ class ApiaUtilModalHandler {
 class ApiaUtilModals {
   constructor() {
     __publicField$q(this, "overlays", []);
-    __privateAdd$b(this, _emitter$4, new EventEmitter());
-    __privateAdd$b(this, _maxId$1, 0);
-    __privateAdd$b(this, _maxOverlay, 0);
-    __privateAdd$b(this, _useModalsList, () => {
+    __privateAdd$c(this, _emitter$4, new EventEmitter());
+    __privateAdd$c(this, _maxId$1, 0);
+    __privateAdd$c(this, _maxOverlay, 0);
+    __privateAdd$c(this, _useModalsList, () => {
       const [modals, setModals] = useState(
         []
       );
       useMount(() => {
-        const u1 = __privateGet$8(this, _emitter$4).on("open", (ev) => {
+        const u1 = __privateGet$9(this, _emitter$4).on("open", (ev) => {
           setModals((current) => [
             ...current,
             {
@@ -1476,12 +1476,12 @@ class ApiaUtilModals {
             }
           ]);
         });
-        const u2 = __privateGet$8(this, _emitter$4).on("closeAll", () => {
+        const u2 = __privateGet$9(this, _emitter$4).on("closeAll", () => {
           setModals(
             (current) => current.map((modal) => ({ ...modal, isOpen: false }))
           );
         });
-        const u3 = __privateGet$8(this, _emitter$4).on("close", (modalId) => {
+        const u3 = __privateGet$9(this, _emitter$4).on("close", (modalId) => {
           setModals(
             (current) => current.map(
               (modal) => modal.id === modalId ? { ...modal, isOpen: false } : modal
@@ -1497,7 +1497,7 @@ class ApiaUtilModals {
       return modals;
     });
     __publicField$q(this, "Component", observer(() => {
-      const modals = __privateGet$8(this, _useModalsList).call(this);
+      const modals = __privateGet$9(this, _useModalsList).call(this);
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         modals.map((current) => /* @__PURE__ */ jsx(OpenModal, { ...current }, current.id)),
         this.overlays.map((c) => c.render)
@@ -1512,13 +1512,13 @@ class ApiaUtilModals {
     });
   }
   close(id) {
-    __privateGet$8(this, _emitter$4).emit("close", id);
+    __privateGet$9(this, _emitter$4).emit("close", id);
   }
   open(props) {
     const id = props.id ?? `modal_${__privateWrapper$2(this, _maxId$1)._++}`;
-    __privateGet$8(this, _emitter$4).emit("open", { ...props, id });
+    __privateGet$9(this, _emitter$4).emit("open", { ...props, id });
     return new ApiaUtilModalHandler(() => {
-      __privateGet$8(this, _emitter$4).emit("close", id);
+      __privateGet$9(this, _emitter$4).emit("close", id);
     });
   }
   /**
@@ -1973,17 +1973,17 @@ var __publicField$o = (obj, key, value) => {
   __defNormalProp$o(obj, key + "" , value);
   return value;
 };
-var __accessCheck$a = (obj, member, msg) => {
+var __accessCheck$b = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateAdd$a = (obj, member, value) => {
+var __privateAdd$b = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
-var __privateMethod$2 = (obj, member, method) => {
-  __accessCheck$a(obj, member, "access private method");
+var __privateMethod$3 = (obj, member, method) => {
+  __accessCheck$b(obj, member, "access private method");
   return method;
 };
 var _innerAppend, innerAppend_fn;
@@ -2016,7 +2016,7 @@ class TabsController {
   constructor(id, props) {
     this.id = id;
     this.props = props;
-    __privateAdd$a(this, _innerAppend);
+    __privateAdd$b(this, _innerAppend);
     __publicField$o(this, "state", {
       isMultiple: false,
       openTabsHistory: /* @__PURE__ */ new Set(),
@@ -2056,14 +2056,14 @@ class TabsController {
         title: getLabel("titMsgWarning").text
       }).then((hasConfirmed) => {
         if (hasConfirmed)
-          __privateMethod$2(this, _innerAppend, innerAppend_fn).call(this, {
+          __privateMethod$3(this, _innerAppend, innerAppend_fn).call(this, {
             ...tab,
             id: `${tab.id}_${uniqueId$2()}`,
             additionalProps: tab.additionalProps ?? {}
           }, behavior);
       });
     } else
-      __privateMethod$2(this, _innerAppend, innerAppend_fn).call(this, tab, behavior);
+      __privateMethod$3(this, _innerAppend, innerAppend_fn).call(this, tab, behavior);
   }
   async closeAll(closeFixedTabsAsWell = false, force = false) {
     for (const tab of this.tabsList) {
@@ -2359,7 +2359,7 @@ const TabsContent = observer((props) => {
       ...getVariant("layout.common.tabs.primary.content"),
       ...props,
       children: controller.tabsList.map((tab) => {
-        return /* @__PURE__ */ jsx(CurrentTabContext.Provider, { value: tab, children: /* @__PURE__ */ jsx(InnerRenderer, { tab }, tab.id) });
+        return /* @__PURE__ */ jsx(CurrentTabContext.Provider, { value: tab, children: /* @__PURE__ */ jsx(InnerRenderer, { tab }) }, tab.id);
       })
     }
   );
@@ -2435,6 +2435,55 @@ class ApiaUtilTabsController {
   }
 }
 
+const DeadSessionModal = ({ onClick }) => {
+  const { Portal } = useModal();
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      Portal,
+      isOpen: true,
+      shouldCloseOnOverlayClick: false,
+      shouldCloseOnEsc: false,
+      hideCloseButton: true,
+      sx: React__default.useMemo(
+        () => ({
+          backgroundColor: "palette.background.default"
+        }),
+        []
+      ),
+      children: /* @__PURE__ */ jsxs(
+        Box,
+        {
+          role: "alert",
+          ...getVariant("layout.common.modals.deadSession"),
+          className: "deadSession",
+          children: [
+            /* @__PURE__ */ jsxs(Box, { className: "textAndIcon", children: [
+              /* @__PURE__ */ jsx(Icon$1, { title: "", size: "iconLg", name: "Alert" }),
+              window.MSG_INVALID_SESSION
+            ] }),
+            /* @__PURE__ */ jsx(
+              Link,
+              {
+                className: "goHomeLink",
+                href: window.CONTEXT,
+                onClick: React__default.useCallback(
+                  (ev) => {
+                    ev.preventDefault();
+                    onClick();
+                  },
+                  [onClick]
+                ),
+                children: window.LBL_GOTO_LOGIN
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+
 const CalendarModal = React__default.forwardRef(
   ({ handleClickDay, onCancel, calValue, locale, size, ...props }, ref) => {
     const Calendar = lazy(
@@ -2738,48 +2787,48 @@ var __publicField$n = (obj, key, value) => {
   __defNormalProp$n(obj, key + "" , value);
   return value;
 };
-var __accessCheck$9 = (obj, member, msg) => {
+var __accessCheck$a = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateGet$7 = (obj, member, getter) => {
-  __accessCheck$9(obj, member, "read from private field");
+var __privateGet$8 = (obj, member, getter) => {
+  __accessCheck$a(obj, member, "read from private field");
   return getter ? getter.call(obj) : member.get(obj);
 };
-var __privateAdd$9 = (obj, member, value) => {
+var __privateAdd$a = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
-var __privateSet$5 = (obj, member, value, setter) => {
-  __accessCheck$9(obj, member, "write to private field");
+var __privateSet$6 = (obj, member, value, setter) => {
+  __accessCheck$a(obj, member, "write to private field");
   member.set(obj, value);
   return value;
 };
 var __privateWrapper$1 = (obj, member, setter, getter) => ({
   set _(value) {
-    __privateSet$5(obj, member, value);
+    __privateSet$6(obj, member, value);
   },
   get _() {
-    return __privateGet$7(obj, member, getter);
+    return __privateGet$8(obj, member, getter);
   }
 });
 var _emitter$3, _maxIdAlert, _maxIdConfirm;
 class ApiaUtilDialogs {
   constructor() {
-    __privateAdd$9(this, _emitter$3, new EventEmitter());
-    __privateAdd$9(this, _maxIdAlert, 0);
-    __privateAdd$9(this, _maxIdConfirm, 0);
+    __privateAdd$a(this, _emitter$3, new EventEmitter());
+    __privateAdd$a(this, _maxIdAlert, 0);
+    __privateAdd$a(this, _maxIdConfirm, 0);
     __publicField$n(this, "Component", () => {
       const [confirmDialogs, setConfirmDialogs] = useState([]);
       const [alertsDialogs, setAlertsDialogs] = useState(
         []
       );
       useMount(() => {
-        const unsuscribe1 = __privateGet$7(this, _emitter$3).on("alert", (ev) => {
+        const unsuscribe1 = __privateGet$8(this, _emitter$3).on("alert", (ev) => {
           setAlertsDialogs((current) => [...current, ev]);
         });
-        const unsuscribe2 = __privateGet$7(this, _emitter$3).on("confirm", (ev) => {
+        const unsuscribe2 = __privateGet$8(this, _emitter$3).on("confirm", (ev) => {
           setConfirmDialogs((current) => [...current, ev]);
         });
         return () => {
@@ -2817,7 +2866,7 @@ class ApiaUtilDialogs {
   }
   alert(props) {
     return new Promise((resolve) => {
-      __privateGet$7(this, _emitter$3).emit("alert", {
+      __privateGet$8(this, _emitter$3).emit("alert", {
         ...props,
         onClose: () => resolve(),
         id: `confirm${__privateWrapper$1(this, _maxIdAlert)._++}`
@@ -2826,7 +2875,7 @@ class ApiaUtilDialogs {
   }
   confirm(props) {
     return new Promise((resolve) => {
-      __privateGet$7(this, _emitter$3).emit("confirm", {
+      __privateGet$8(this, _emitter$3).emit("confirm", {
         ...props,
         id: `confirm${__privateWrapper$1(this, _maxIdConfirm)._++}`,
         onCancel: () => resolve(false),
@@ -2890,31 +2939,31 @@ function parseStringToApiaNumber(value) {
   )}${decimalsString.length > 0 ? `${decimalSeparator$1}${decimalsString}` : ""}`;
 }
 
-var __accessCheck$8 = (obj, member, msg) => {
+var __accessCheck$9 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateAdd$8 = (obj, member, value) => {
+var __privateAdd$9 = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
-var __privateMethod$1 = (obj, member, method) => {
-  __accessCheck$8(obj, member, "access private method");
+var __privateMethod$2 = (obj, member, method) => {
+  __accessCheck$9(obj, member, "access private method");
   return method;
 };
 var _parseString, parseString_fn, _findDelimiter, findDelimiter_fn, _parseCellValue, parseCellValue_fn;
 const delimiters = [",", ";", "	", "|"];
 class ApiaUtilParsers {
   constructor() {
-    __privateAdd$8(this, _parseString);
+    __privateAdd$9(this, _parseString);
     /**
      * Inspecciona las primeras filas de un array de strings, en búsqueda del mejor delimitador
      * para convertir esos strings a array de datos, que serán el resultado de haber interpretado
      * un documento CSV.
      */
-    __privateAdd$8(this, _findDelimiter);
-    __privateAdd$8(this, _parseCellValue);
+    __privateAdd$9(this, _findDelimiter);
+    __privateAdd$9(this, _parseCellValue);
   }
   /**
    * Toma un número sin separadores de miles y lo devuelve en el formato
@@ -2935,7 +2984,7 @@ class ApiaUtilParsers {
   }
   apiaNumber(pValue) {
     if (typeof pValue === "string") {
-      return __privateMethod$1(this, _parseString, parseString_fn).call(this, pValue);
+      return __privateMethod$2(this, _parseString, parseString_fn).call(this, pValue);
     }
     let value = "";
     try {
@@ -3005,13 +3054,13 @@ class ApiaUtilParsers {
    */
   fromCsv(data) {
     const rows = data.split(/\r?\n\r?/).filter((row) => !row.match(/^\s*$/));
-    const delimiter = __privateMethod$1(this, _findDelimiter, findDelimiter_fn).call(this, rows);
+    const delimiter = __privateMethod$2(this, _findDelimiter, findDelimiter_fn).call(this, rows);
     return rows.map((c) => {
       const a = c.split(delimiter);
       if (a[0][a[0].length - 1] === "") {
         a.pop();
       }
-      return a.map((d) => __privateMethod$1(this, _parseCellValue, parseCellValue_fn).call(this, d));
+      return a.map((d) => __privateMethod$2(this, _parseCellValue, parseCellValue_fn).call(this, d));
     });
   }
 }
@@ -3073,21 +3122,21 @@ var __publicField$l = (obj, key, value) => {
   __defNormalProp$l(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var __accessCheck$7 = (obj, member, msg) => {
+var __accessCheck$8 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateGet$6 = (obj, member, getter) => {
-  __accessCheck$7(obj, member, "read from private field");
+var __privateGet$7 = (obj, member, getter) => {
+  __accessCheck$8(obj, member, "read from private field");
   return getter ? getter.call(obj) : member.get(obj);
 };
-var __privateAdd$7 = (obj, member, value) => {
+var __privateAdd$8 = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
-var __privateSet$4 = (obj, member, value, setter) => {
-  __accessCheck$7(obj, member, "write to private field");
+var __privateSet$5 = (obj, member, value, setter) => {
+  __accessCheck$8(obj, member, "write to private field");
   member.set(obj, value);
   return value;
 };
@@ -3100,47 +3149,47 @@ document?.addEventListener("mousemove", (ev) => {
 class AutomaticTooltip {
   constructor(tooltip = null, handler) {
     this.handler = handler;
-    __privateAdd$7(this, _timeout, 500);
-    __privateAdd$7(this, _tooltipTimeout, 0);
-    __privateAdd$7(this, _unsuscribe, null);
+    __privateAdd$8(this, _timeout, 500);
+    __privateAdd$8(this, _tooltipTimeout, 0);
+    __privateAdd$8(this, _unsuscribe, null);
     __publicField$l(this, "ref", (el) => {
       var _a, _b;
-      (_a = __privateGet$6(this, _unsuscribe)) == null ? void 0 : _a.call(this);
+      (_a = __privateGet$7(this, _unsuscribe)) == null ? void 0 : _a.call(this);
       const listener = () => {
-        clearTimeout(__privateGet$6(this, _tooltipTimeout));
-        __privateSet$4(this, _tooltipTimeout, setTimeout(() => {
-          if (__privateGet$6(this, _tooltip)?.children)
+        clearTimeout(__privateGet$7(this, _tooltipTimeout));
+        __privateSet$5(this, _tooltipTimeout, setTimeout(() => {
+          if (__privateGet$7(this, _tooltip)?.children)
             this.handler.open({
               closeOnMouseLeaveTooltip: true,
               closeOnEscape: true,
               closeOnScrollOut: true,
-              ...__privateGet$6(this, _tooltip),
+              ...__privateGet$7(this, _tooltip),
               anchorPoint: { left: x$1 + 3, top: y$1 + 3 }
             });
-        }, __privateGet$6(this, _timeout)));
+        }, __privateGet$7(this, _timeout)));
       };
       const reset = () => {
-        clearTimeout(__privateGet$6(this, _tooltipTimeout));
+        clearTimeout(__privateGet$7(this, _tooltipTimeout));
       };
       if (el) {
         el.addEventListener("mousemove", listener);
         el.addEventListener("mouseleave", reset);
-        __privateSet$4(this, _unsuscribe, () => {
+        __privateSet$5(this, _unsuscribe, () => {
           el.removeEventListener("mousemove", listener);
           el.removeEventListener("mouseleave", reset);
         });
       } else {
-        (_b = __privateGet$6(this, _unsuscribe)) == null ? void 0 : _b.call(this);
+        (_b = __privateGet$7(this, _unsuscribe)) == null ? void 0 : _b.call(this);
         reset();
       }
     });
-    __privateAdd$7(this, _tooltip, null);
+    __privateAdd$8(this, _tooltip, null);
     __publicField$l(this, "update", (tooltip) => {
-      __privateSet$4(this, _tooltip, tooltip);
+      __privateSet$5(this, _tooltip, tooltip);
     });
-    __privateSet$4(this, _tooltip, tooltip);
+    __privateSet$5(this, _tooltip, tooltip);
     if (tooltip?.timeout !== void 0) {
-      __privateSet$4(this, _timeout, tooltip?.timeout);
+      __privateSet$5(this, _timeout, tooltip?.timeout);
     }
   }
 }
@@ -3492,15 +3541,15 @@ var __publicField$k = (obj, key, value) => {
   __defNormalProp$k(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var __accessCheck$6 = (obj, member, msg) => {
+var __accessCheck$7 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateGet$5 = (obj, member, getter) => {
-  __accessCheck$6(obj, member, "read from private field");
+var __privateGet$6 = (obj, member, getter) => {
+  __accessCheck$7(obj, member, "read from private field");
   return getter ? getter.call(obj) : member.get(obj);
 };
-var __privateAdd$6 = (obj, member, value) => {
+var __privateAdd$7 = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
@@ -3508,10 +3557,10 @@ var __privateAdd$6 = (obj, member, value) => {
 var _emitter$2, _shoutChangedList;
 class ApiaUtilTooltips {
   constructor() {
-    __privateAdd$6(this, _emitter$2, new EventEmitter());
+    __privateAdd$7(this, _emitter$2, new EventEmitter());
     __publicField$k(this, "tooltips", []);
-    __privateAdd$6(this, _shoutChangedList, () => {
-      __privateGet$5(this, _emitter$2).emit("changedList", [...this.tooltips]);
+    __privateAdd$7(this, _shoutChangedList, () => {
+      __privateGet$6(this, _emitter$2).emit("changedList", [...this.tooltips]);
     });
     /**
      * Permite crear un tooltip que se abrirá automáticamente al estar parado
@@ -3530,11 +3579,11 @@ class ApiaUtilTooltips {
     });
     __publicField$k(this, "close", (id) => {
       this.tooltips = this.tooltips.filter((current) => current.id !== id);
-      __privateGet$5(this, _shoutChangedList).call(this);
+      __privateGet$6(this, _shoutChangedList).call(this);
     });
     __publicField$k(this, "closeAll", () => {
       this.tooltips = [];
-      __privateGet$5(this, _shoutChangedList).call(this);
+      __privateGet$6(this, _shoutChangedList).call(this);
     });
     __publicField$k(this, "open", (tooltip) => {
       const controller = new ApiaUtilTooltip(tooltip, () => {
@@ -3546,13 +3595,13 @@ class ApiaUtilTooltips {
       } else {
         this.tooltips = [...this.tooltips, controller];
       }
-      __privateGet$5(this, _shoutChangedList).call(this);
+      __privateGet$6(this, _shoutChangedList).call(this);
       return controller;
     });
     __publicField$k(this, "Component", () => {
       const [tooltips, setTooltips] = useState(this.tooltips);
       useMount(() => {
-        const unsuscribeToList = __privateGet$5(this, _emitter$2).on("changedList", (ev) => {
+        const unsuscribeToList = __privateGet$6(this, _emitter$2).on("changedList", (ev) => {
           setTooltips(ev);
         });
         return () => {
@@ -3583,7 +3632,7 @@ class ApiaUtilTooltips {
         this.tooltips = this.tooltips.filter(
           (current) => current.props.closeOnEscape === false
         );
-        __privateGet$5(this, _shoutChangedList).call(this);
+        __privateGet$6(this, _shoutChangedList).call(this);
       }
     });
   }
@@ -3597,30 +3646,30 @@ var __publicField$j = (obj, key, value) => {
   __defNormalProp$j(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var __accessCheck$5 = (obj, member, msg) => {
+var __accessCheck$6 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateGet$4 = (obj, member, getter) => {
-  __accessCheck$5(obj, member, "read from private field");
+var __privateGet$5 = (obj, member, getter) => {
+  __accessCheck$6(obj, member, "read from private field");
   return getter ? getter.call(obj) : member.get(obj);
 };
-var __privateAdd$5 = (obj, member, value) => {
+var __privateAdd$6 = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
-var __privateSet$3 = (obj, member, value, setter) => {
-  __accessCheck$5(obj, member, "write to private field");
+var __privateSet$4 = (obj, member, value, setter) => {
+  __accessCheck$6(obj, member, "write to private field");
   member.set(obj, value);
   return value;
 };
 var __privateWrapper = (obj, member, setter, getter) => ({
   set _(value) {
-    __privateSet$3(obj, member, value);
+    __privateSet$4(obj, member, value);
   },
   get _() {
-    return __privateGet$4(obj, member, getter);
+    return __privateGet$5(obj, member, getter);
   }
 });
 var _emitter$1, _items$1, _hooks, _maxId, _RenderMenu;
@@ -3629,14 +3678,14 @@ function isSubmenu(item) {
 }
 class ApiaUtilMenu {
   constructor() {
-    __privateAdd$5(this, _emitter$1, new EventEmitter());
-    __privateAdd$5(this, _items$1, []);
+    __privateAdd$6(this, _emitter$1, new EventEmitter());
+    __privateAdd$6(this, _items$1, []);
     __publicField$j(this, "menuProps", null);
-    __privateAdd$5(this, _hooks, {
+    __privateAdd$6(this, _hooks, {
       useIsOpen: () => {
         const [isOpen, setIsOpen] = useState(false);
         useMount(() => {
-          return __privateGet$4(this, _emitter$1).on("toggle", setIsOpen);
+          return __privateGet$5(this, _emitter$1).on("toggle", setIsOpen);
         });
         return [
           isOpen,
@@ -3647,18 +3696,18 @@ class ApiaUtilMenu {
       }
     });
     __publicField$j(this, "close", () => {
-      __privateGet$4(this, _emitter$1).emit("toggle", false);
+      __privateGet$5(this, _emitter$1).emit("toggle", false);
     });
     __publicField$j(this, "open", ({
       menuProps,
       items
     }) => {
-      __privateSet$3(this, _items$1, items);
+      __privateSet$4(this, _items$1, items);
       this.menuProps = menuProps;
-      __privateGet$4(this, _emitter$1).emit("toggle", true);
+      __privateGet$5(this, _emitter$1).emit("toggle", true);
     });
-    __privateAdd$5(this, _maxId, 0);
-    __privateAdd$5(this, _RenderMenu, (submenu) => {
+    __privateAdd$6(this, _maxId, 0);
+    __privateAdd$6(this, _RenderMenu, (submenu) => {
       const hasIcon = submenu.items.find(
         (c) => !!c.icon
       );
@@ -3671,7 +3720,7 @@ class ApiaUtilMenu {
             {
               label: current.label,
               className: hasIcon ? "with-icon" : "",
-              children: __privateGet$4(this, _RenderMenu).call(this, current)
+              children: __privateGet$5(this, _RenderMenu).call(this, current)
             },
             `submenu${__privateWrapper(this, _maxId)._++}`
           );
@@ -3691,7 +3740,7 @@ class ApiaUtilMenu {
       }) });
     });
     __publicField$j(this, "Component", () => {
-      const [isOpen, close] = __privateGet$4(this, _hooks).useIsOpen();
+      const [isOpen, close] = __privateGet$5(this, _hooks).useIsOpen();
       if (!isOpen)
         return null;
       return /* @__PURE__ */ jsx(FreeFocusInside, { children: /* @__PURE__ */ jsx(
@@ -3703,7 +3752,7 @@ class ApiaUtilMenu {
             close();
             this.menuProps?.onClose?.(ev);
           },
-          children: __privateGet$4(this, _RenderMenu).call(this, { label: "", items: __privateGet$4(this, _items$1) })
+          children: __privateGet$5(this, _RenderMenu).call(this, { label: "", items: __privateGet$5(this, _items$1) })
         }
       ) });
     });
@@ -3743,21 +3792,21 @@ var __publicField$h = (obj, key, value) => {
   __defNormalProp$h(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var __accessCheck$4 = (obj, member, msg) => {
+var __accessCheck$5 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateGet$3 = (obj, member, getter) => {
-  __accessCheck$4(obj, member, "read from private field");
+var __privateGet$4 = (obj, member, getter) => {
+  __accessCheck$5(obj, member, "read from private field");
   return getter ? getter.call(obj) : member.get(obj);
 };
-var __privateAdd$4 = (obj, member, value) => {
+var __privateAdd$5 = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
-var __privateSet$2 = (obj, member, value, setter) => {
-  __accessCheck$4(obj, member, "write to private field");
+var __privateSet$3 = (obj, member, value, setter) => {
+  __accessCheck$5(obj, member, "write to private field");
   member.set(obj, value);
   return value;
 };
@@ -3791,14 +3840,14 @@ const _ApiaUtil = class _ApiaUtil {
     this.tooltips = new ApiaUtilTooltips();
   }
   static get instance() {
-    if (!__privateGet$3(this, _instance)) {
-      __privateSet$2(this, _instance, new _ApiaUtil());
+    if (!__privateGet$4(this, _instance)) {
+      __privateSet$3(this, _instance, new _ApiaUtil());
     }
-    return __privateGet$3(this, _instance);
+    return __privateGet$4(this, _instance);
   }
 };
 _instance = new WeakMap();
-__privateAdd$4(_ApiaUtil, _instance, void 0);
+__privateAdd$5(_ApiaUtil, _instance, void 0);
 let ApiaUtil = _ApiaUtil;
 
 var __defProp$g = Object.defineProperty;
@@ -3935,21 +3984,21 @@ var __publicField$f = (obj, key, value) => {
   __defNormalProp$f(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var __accessCheck$3 = (obj, member, msg) => {
+var __accessCheck$4 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateGet$2 = (obj, member, getter) => {
-  __accessCheck$3(obj, member, "read from private field");
+var __privateGet$3 = (obj, member, getter) => {
+  __accessCheck$4(obj, member, "read from private field");
   return getter ? getter.call(obj) : member.get(obj);
 };
-var __privateAdd$3 = (obj, member, value) => {
+var __privateAdd$4 = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
-var __privateSet$1 = (obj, member, value, setter) => {
-  __accessCheck$3(obj, member, "write to private field");
+var __privateSet$2 = (obj, member, value, setter) => {
+  __accessCheck$4(obj, member, "write to private field");
   member.set(obj, value);
   return value;
 };
@@ -3967,7 +4016,7 @@ class AutocompleteController {
       value: "",
       width: 55
     });
-    __privateAdd$3(this, _actualSearch, (str) => {
+    __privateAdd$4(this, _actualSearch, (str) => {
       this.state.options.forEach((c) => {
         if (this.state.caseInsensitive) {
           c.filtered = (c.searchLabel ?? c.label?.toString?.() ?? c.value).toLowerCase().indexOf(str.toLowerCase()) === -1;
@@ -3979,10 +4028,10 @@ class AutocompleteController {
         }
       });
     });
-    __privateAdd$3(this, _makeSearch, () => {
-      return debounce(__privateGet$2(this, _actualSearch), this.state.searchDebounce);
+    __privateAdd$4(this, _makeSearch, () => {
+      return debounce(__privateGet$3(this, _actualSearch), this.state.searchDebounce);
     });
-    __privateAdd$3(this, _search, __privateGet$2(this, _makeSearch).call(this));
+    __privateAdd$4(this, _search, __privateGet$3(this, _makeSearch).call(this));
     __publicField$f(this, "tooltipRef", null);
     Object.assign(this.state, properties);
     if (properties.value) {
@@ -3998,7 +4047,7 @@ class AutocompleteController {
     reaction(
       () => this.state.searchDebounce,
       () => {
-        __privateSet$1(this, _search, __privateGet$2(this, _makeSearch).call(this));
+        __privateSet$2(this, _search, __privateGet$3(this, _makeSearch).call(this));
       }
     );
     reaction(
@@ -4028,7 +4077,7 @@ class AutocompleteController {
   close(selectValue = true) {
     this.tooltipRef?.close();
     this.tooltipRef = null;
-    __privateGet$2(this, _actualSearch).call(this, "");
+    __privateGet$3(this, _actualSearch).call(this, "");
     if (selectValue) {
       let currentValue = this.state.options.find(
         (c) => c.value === this.state.focusedValue
@@ -4155,7 +4204,7 @@ class AutocompleteController {
       return;
     }
     this.state.showValue = str;
-    __privateGet$2(this, _search).call(this, str);
+    __privateGet$3(this, _search).call(this, str);
   }
   selectFocused() {
     this.close();
@@ -4319,11 +4368,10 @@ const KeyHandler$1 = observer((props) => {
 });
 
 const Autocomplete = (props) => {
-  const [handler, setHandler] = useState();
-  useMount(() => {
+  const [handler] = useState(() => {
     const newHandler = props.handler ?? new AutocompleteController(props.properties ?? {});
     props.getHandler?.(newHandler);
-    setHandler(newHandler);
+    return newHandler;
   });
   const prevProps = usePrevious(props.properties);
   if (!shallowEqual$1(prevProps.current, props.properties) && handler?.state) {
@@ -4991,8 +5039,12 @@ const DateInput = React__default.forwardRef(
         ref,
         onChange: (ev) => {
           setInputValue(ev.target.value);
-          if (getMaskForDateFormat().replaceAll("9", DEFAULT_MASK_PLACEHOLDER) !== ev.target.value && ev.target.value !== "")
+          if (getMaskForDateFormat().replaceAll("9", DEFAULT_MASK_PLACEHOLDER) !== ev.target.value && ev.target.value !== "") {
             setError(null);
+            const hasPlaceHolder = ev.target.value.match(/_/);
+            if (!hasPlaceHolder)
+              return onChange?.(ev.target.value);
+          }
         },
         onBlur: (ev) => {
           if (!(props.readOnly || getCustomMask || document.querySelector(".overlay.screenLock")))
@@ -5008,6 +5060,7 @@ const DateInput = React__default.forwardRef(
             setCalendarValue(inputValue);
         }
       }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
       [
         otherProps,
         inputClassName,
@@ -6712,15 +6765,15 @@ var __publicField$c = (obj, key, value) => {
   __defNormalProp$c(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var __accessCheck$2 = (obj, member, msg) => {
+var __accessCheck$3 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateGet$1 = (obj, member, getter) => {
-  __accessCheck$2(obj, member, "read from private field");
+var __privateGet$2 = (obj, member, getter) => {
+  __accessCheck$3(obj, member, "read from private field");
   return getter ? getter.call(obj) : member.get(obj);
 };
-var __privateAdd$2 = (obj, member, value) => {
+var __privateAdd$3 = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
@@ -6909,7 +6962,7 @@ const _Templater = class _Templater {
   constructor() {
     __publicField$c(this, "isDownloadingTemplate", false);
     __publicField$c(this, "templates", {});
-    __privateAdd$2(this, _actuallyParse, (html, options) => {
+    __privateAdd$3(this, _actuallyParse, (html, options) => {
       let actualHTML = html;
       if (window.onPreParseTemplate) {
         const parser = new DOMParser();
@@ -7036,7 +7089,7 @@ const _Templater = class _Templater {
   getTemplateByName(name, options) {
     if (!this.templates[name])
       throw new Error("There is no template with such name, ", name);
-    const component = __privateGet$1(this, _actuallyParse).call(this, this.parseContent(name, this.templates[name], options?.props), parseOptions(options));
+    const component = __privateGet$2(this, _actuallyParse).call(this, this.parseContent(name, this.templates[name], options?.props), parseOptions(options));
     return component;
   }
   /**
@@ -7050,7 +7103,7 @@ const _Templater = class _Templater {
    * @returns A ReactComponent as the result of the parsed HTML template.
    */
   parseString(content2, options) {
-    return __privateGet$1(this, _actuallyParse).call(this, this.parseContent("parseStringTemplate", content2, options?.props), parseOptions(options));
+    return __privateGet$2(this, _actuallyParse).call(this, this.parseContent("parseStringTemplate", content2, options?.props), parseOptions(options));
   }
 };
 _actuallyParse = new WeakMap();
@@ -8052,25 +8105,25 @@ var __publicField$8 = (obj, key, value) => {
   __defNormalProp$8(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var __accessCheck$1 = (obj, member, msg) => {
+var __accessCheck$2 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateAdd$1 = (obj, member, value) => {
+var __privateAdd$2 = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
-var __privateMethod = (obj, member, method) => {
-  __accessCheck$1(obj, member, "access private method");
+var __privateMethod$1 = (obj, member, method) => {
+  __accessCheck$2(obj, member, "access private method");
   return method;
 };
-var _restoreTimeout, restoreTimeout_fn, _shout, shout_fn;
+var _restoreTimeout, restoreTimeout_fn, _shout$1, shout_fn$1;
 class WaiTypeAhead extends EventEmitter {
   constructor(props) {
     super();
-    __privateAdd$1(this, _restoreTimeout);
-    __privateAdd$1(this, _shout);
+    __privateAdd$2(this, _restoreTimeout);
+    __privateAdd$2(this, _shout$1);
     __publicField$8(this, "frequency", 2.5);
     // Keys per second
     __publicField$8(this, "timeout", 0);
@@ -8088,12 +8141,12 @@ class WaiTypeAhead extends EventEmitter {
       ev.preventDefault();
       this.typing = this.typing + ev.key;
       this.emit("typeUpdate", this.typing);
-      __privateMethod(this, _restoreTimeout, restoreTimeout_fn).call(this);
+      __privateMethod$1(this, _restoreTimeout, restoreTimeout_fn).call(this);
     } else if (ev.code === "Backspace") {
       ev.preventDefault();
       this.typing = this.typing.slice(0, -1);
       this.emit("typeUpdate", this.typing);
-      __privateMethod(this, _restoreTimeout, restoreTimeout_fn).call(this);
+      __privateMethod$1(this, _restoreTimeout, restoreTimeout_fn).call(this);
     }
   }
 }
@@ -8101,12 +8154,12 @@ _restoreTimeout = new WeakSet();
 restoreTimeout_fn = function() {
   clearTimeout(this.timeout);
   this.timeout = setTimeout(
-    __privateMethod(this, _shout, shout_fn).bind(this),
+    __privateMethod$1(this, _shout$1, shout_fn$1).bind(this),
     1e3 / this.frequency
   );
 };
-_shout = new WeakSet();
-shout_fn = function({ clear } = { clear: true }) {
+_shout$1 = new WeakSet();
+shout_fn$1 = function({ clear } = { clear: true }) {
   if (this.typing.length === 1) {
     this.emit("singleKey", this.typing);
   } else if (this.typing.length > 1) {
@@ -9864,21 +9917,21 @@ var __publicField$6 = (obj, key, value) => {
   __defNormalProp$6(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var __accessCheck = (obj, member, msg) => {
+var __accessCheck$1 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
+var __privateGet$1 = (obj, member, getter) => {
+  __accessCheck$1(obj, member, "read from private field");
   return getter ? getter.call(obj) : member.get(obj);
 };
-var __privateAdd = (obj, member, value) => {
+var __privateAdd$1 = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
+var __privateSet$1 = (obj, member, value, setter) => {
+  __accessCheck$1(obj, member, "write to private field");
   member.set(obj, value);
   return value;
 };
@@ -9890,25 +9943,25 @@ function getTargetItem(ev) {
 }
 class SortableListHandler {
   constructor() {
-    __privateAdd(this, _emitter, new EventEmitter());
-    __privateAdd(this, _items, []);
+    __privateAdd$1(this, _emitter, new EventEmitter());
+    __privateAdd$1(this, _items, []);
     __publicField$6(this, "updateChildren", (items) => {
-      __privateSet(this, _items, Children.toArray(items).filter(
+      __privateSet$1(this, _items, Children.toArray(items).filter(
         (el) => isValidElement(el)
       ));
     });
-    __privateAdd(this, _moveItem, (movingId, idBefore, after) => {
+    __privateAdd$1(this, _moveItem, (movingId, idBefore, after) => {
       if (movingId === idBefore)
         return;
-      const itemIndex = __privateGet(this, _items).findIndex(
+      const itemIndex = __privateGet$1(this, _items).findIndex(
         (search) => search.props.id === movingId
       );
-      const item = __privateGet(this, _items).splice(itemIndex, 1)[0];
-      const insertIndex = __privateGet(this, _items).findIndex(
+      const item = __privateGet$1(this, _items).splice(itemIndex, 1)[0];
+      const insertIndex = __privateGet$1(this, _items).findIndex(
         (search) => search.props.id === idBefore
       );
-      __privateGet(this, _items).splice(insertIndex + (after ? 1 : 0), 0, item);
-      __privateGet(this, _emitter).emit("sort", null);
+      __privateGet$1(this, _items).splice(insertIndex + (after ? 1 : 0), 0, item);
+      __privateGet$1(this, _emitter).emit("sort", null);
     });
     __publicField$6(this, "useItemEvents", () => {
       const unsuscribe = useRef(() => {
@@ -9921,7 +9974,7 @@ class SortableListHandler {
           };
           const handleDrop = (ev) => {
             const target = getTargetItem(ev);
-            __privateGet(this, _moveItem).call(this, ev.dataTransfer.getData("text"), target.id, target.classList.contains("after"));
+            __privateGet$1(this, _moveItem).call(this, ev.dataTransfer.getData("text"), target.id, target.classList.contains("after"));
             target.classList.remove("dragover");
             target.classList.remove("after");
           };
@@ -9955,8 +10008,8 @@ class SortableListHandler {
     __publicField$6(this, "useSortChange", (onSortChange) => {
       useSubscription({
         makeSubscription: () => {
-          return __privateGet(this, _emitter).on("sort", () => {
-            onSortChange?.([...__privateGet(this, _items)]);
+          return __privateGet$1(this, _emitter).on("sort", () => {
+            onSortChange?.([...__privateGet$1(this, _items)]);
           });
         }
       });
@@ -10074,6 +10127,96 @@ const SortableList = makeStyledComponent(
   UnstyledSortableList
 );
 
+function isFavoriteIcon() {
+  return typeof window.functionId !== "undefined" || !!window.helpUrl;
+}
+
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  member.set(obj, value);
+  return value;
+};
+var __privateMethod = (obj, member, method) => {
+  __accessCheck(obj, member, "access private method");
+  return method;
+};
+var _currentStage, _menues, _shout, shout_fn;
+class MenuController extends EventEmitter {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _shout);
+    __privateAdd(this, _currentStage, "");
+    __privateAdd(this, _menues, []);
+  }
+  on(eventName, fn) {
+    this.on(eventName, fn);
+    const currentMenu = __privateGet(this, _menues).find(
+      (current) => current.stage === __privateGet(this, _currentStage)
+    )?.menu;
+    if (currentMenu)
+      fn(currentMenu);
+    return () => this.off(eventName, fn);
+  }
+  getCurrent() {
+    return __privateGet(this, _menues).find((current) => current.stage === __privateGet(this, _currentStage))?.menu ?? null;
+  }
+  remove(stage) {
+    __privateSet(this, _menues, __privateGet(this, _menues).filter((current) => current.stage !== stage));
+    if (stage === __privateGet(this, _currentStage)) {
+      __privateSet(this, _currentStage, __privateGet(this, _menues)[__privateGet(this, _menues).length - 1]?.stage ?? null);
+      __privateMethod(this, _shout, shout_fn).call(this);
+    }
+  }
+  setMenu(definition) {
+    __privateGet(this, _menues).push(definition);
+    __privateSet(this, _currentStage, definition.stage);
+    __privateMethod(this, _shout, shout_fn).call(this);
+    return () => {
+      this.remove(definition.stage);
+    };
+  }
+}
+_currentStage = new WeakMap();
+_menues = new WeakMap();
+_shout = new WeakSet();
+shout_fn = function() {
+  this.emit(
+    "updateMenu",
+    __privateGet(this, _menues).find((current) => current.stage === __privateGet(this, _currentStage))?.menu
+  );
+};
+const menuController = new MenuController();
+function useMenu(breakPoints, initialMenu) {
+  const [menu, setMenu] = React__default.useState(null);
+  const currentBreakpoint = useBreakpointIndex();
+  React__default.useEffect(() => {
+    const unsuscribe = menuController.on("updateMenu", (newMenu) => {
+      setMenu(newMenu);
+    });
+    if (initialMenu)
+      menuController.setMenu(initialMenu);
+    return () => {
+      unsuscribe();
+    };
+  }, []);
+  if (breakPoints && !breakPoints.includes(currentBreakpoint))
+    return null;
+  return menu;
+}
+
 var __defProp$5 = Object.defineProperty;
 var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$5 = (obj, key, value) => {
@@ -11140,5 +11283,5 @@ const _FiltersStore = class _FiltersStore {
 __publicField(_FiltersStore, "instance", new _FiltersStore());
 let FiltersStore = _FiltersStore;
 
-export { Accordion, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, AutoEllipsis, Autocomplete, AutocompleteController, AutogrowTextarea, AutoscrollContainer, BaseButton, CalendarModal, Captcha, ChatController, ChatMessage, Checkbox$1 as Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingChatController, IconButton, IconInput, IconsList, LabelBox, LinearLoader, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, Modal, NumberInput, Overlay, Parameter, ParameterRender, Parameters, ParametersGroup, ParametersStore, ParametersTable, ProgressBar, RequiredMark, ScreenLocker, SimpleButton, SortableList, SortableListItem, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, UploadHandler, Uploader, WaiTypeAhead, getBase64FromBlob, getBase64FromFile, getFieldErrorStyles, getFieldTouchedStyles, getFileExtension, importComponent, isImage, isParametersGroup, makeResponsiveComponent, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useModal, useModalContext, useOtherTagButton, useTabsContext };
+export { Accordion, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, AutoEllipsis, Autocomplete, AutocompleteController, AutogrowTextarea, AutoscrollContainer, BaseButton, CalendarModal, Captcha, ChatController, ChatMessage, Checkbox$1 as Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DeadSessionModal, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingChatController, IconButton, IconInput, IconsList, LabelBox, LinearLoader, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, Modal, NumberInput, Overlay, Parameter, ParameterRender, Parameters, ParametersGroup, ParametersStore, ParametersTable, ProgressBar, RequiredMark, ScreenLocker, SimpleButton, SortableList, SortableListItem, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, UploadHandler, Uploader, WaiTypeAhead, getBase64FromBlob, getBase64FromFile, getFieldErrorStyles, getFieldTouchedStyles, getFileExtension, importComponent, isFavoriteIcon, isImage, isParametersGroup, makeResponsiveComponent, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useMenu, useModal, useModalContext, useOtherTagButton, useTabsContext };
 //# sourceMappingURL=index.js.map