asma-ui-core 3.44.0 → 3.45.0

package/dist/datetime/components/date-picker/hooks/useDatePickerMask.js

@@ -1,9 +1,5 @@
-import { useMask as e } from "@react-input/mask";
-var a = () => ({ maskRef: e({
-  mask: "  /  /    ",
-  replacement: { " ": /\d/ },
-  showMask: !0
-}) });
+import { DATE_INPUT_MASK as e, useInputMask as r } from "../../../../helpers/inputMask.js";
+var s = () => ({ maskRef: r(e) });
 export {
-  a as useDatePickerMask
+  s as useDatePickerMask
 };

package/dist/datetime/components/time-picker/StyledTimePicker.js

@@ -1,63 +1,63 @@
-import { TimePickerPopper as j } from "./TimePickerPopper.js";
-import { getTimeFromValue as H } from "./helpers/getTimeFromValue.js";
+import { PopupState as j } from "../../../hooks/usePopupState.js";
+import { ClickAwayListener as D } from "../../../components/mui-compat/ClickAwayListener.js";
+import { TimePickerPopper as E } from "./TimePickerPopper.js";
+import { getTimeFromValue as P } from "./helpers/getTimeFromValue.js";
 import { TimePickerInput as T } from "./TimePickerInput.js";
 import { useState as h } from "react";
-import { ClickAwayListener as D } from "@mui/material";
-import { jsx as o, jsxs as E } from "react/jsx-runtime";
-import { format as v, isBefore as A, isValid as B } from "date-fns";
-import N from "material-ui-popup-state";
-var J = (i) => {
-  const { value: a, onSelect: l, notBeforeTime: m } = i, V = a ? v(a, "HH:mm") : "", [x, s] = h(V), [w, t] = h(!1), [g, n] = h(!0), c = w ? x : V, u = (e) => !e || !m || !B(m) || !A(e, m), k = c.length === 5 ? H(c, a) : null, y = k ? u(k) : !0, P = (e) => {
+import { jsx as o, jsxs as A } from "react/jsx-runtime";
+import { format as v, isBefore as B, isValid as N } from "date-fns";
+var J = (l) => {
+  const { value: a, onSelect: i, notBeforeTime: m } = l, V = a ? v(a, "HH:mm") : "", [x, s] = h(V), [w, t] = h(!1), [g, n] = h(!0), c = w ? x : V, u = (e) => !e || !m || !N(m) || !B(e, m), k = c.length === 5 ? P(c, a) : null, y = k ? u(k) : !0, C = (e) => {
     const r = e.close;
     r?.();
-  }, C = (e, r) => {
+  }, H = (e, r) => {
     const d = e.target.value;
     if (t(!0), s(d), d.length !== 5) {
       n(!1);
       return;
     }
-    const f = H(d, a);
+    const f = P(d, a);
     if (!f) {
-      l(void 0), n(!1);
+      i(void 0), n(!1);
       return;
     }
-    n(!0), u(f) ? (l(f), t(!1), P(r)) : l(void 0);
+    n(!0), u(f) ? (i(f), t(!1), C(r)) : i(void 0);
   }, I = (e) => {
     if (n(!0), u(e)) {
-      l(e), s(e ? v(e, "HH:mm") : ""), t(!1);
+      i(e), s(e ? v(e, "HH:mm") : ""), t(!1);
       return;
     }
-    l(void 0), s(e ? v(e, "HH:mm") : ""), t(!0);
+    i(void 0), s(e ? v(e, "HH:mm") : ""), t(!0);
   }, L = () => {
-    l(void 0), s(""), t(!1), n(!0);
+    i(void 0), s(""), t(!1), n(!0);
   };
-  return /* @__PURE__ */ o(N, {
+  return /* @__PURE__ */ o(j, {
     variant: "popper",
     popupId: "time-picker-popper",
-    children: (e) => i.disabled || i.readOnly ? /* @__PURE__ */ o(T, {
-      ...i,
+    children: (e) => l.disabled || l.readOnly ? /* @__PURE__ */ o(T, {
+      ...l,
       popupState: e,
       localValue: c,
       isValidTime: g,
       isValidEndTime: y,
-      handleChange: (r) => C(r, e)
+      handleChange: (r) => H(r, e)
     }) : /* @__PURE__ */ o(D, {
       mouseEvent: "onMouseDown",
-      onClickAway: () => P(e),
-      children: /* @__PURE__ */ E("div", {
+      onClickAway: () => C(e),
+      children: /* @__PURE__ */ A("div", {
         className: "relative h-auto w-auto",
         children: [/* @__PURE__ */ o("div", {
           className: "m-0 flex h-fit items-center justify-center p-0",
           children: /* @__PURE__ */ o(T, {
-            ...i,
+            ...l,
             popupState: e,
             localValue: c,
             isValidTime: g,
             isValidEndTime: y,
-            handleChange: (r) => C(r, e)
+            handleChange: (r) => H(r, e)
           })
-        }), e.isOpen && /* @__PURE__ */ o(j, {
-          ...i,
+        }), e.isOpen && /* @__PURE__ */ o(E, {
+          ...l,
           popupState: e,
           handleClear: L,
           onSelect: (r) => I(r)

package/dist/datetime/components/time-picker/StyledTimePicker.module.js

@@ -1,10 +1,10 @@
 var e = {
-  "styled-time-picker-root": "_styled-time-picker-root_hcwp1_1",
-  "styled-time-picker-root_column": "_styled-time-picker-root_column_hcwp1_4",
-  "styled-time-picker-root_cell": "_styled-time-picker-root_cell_hcwp1_7",
-  "styled-time-picker-root_cell__cell-now": "_styled-time-picker-root_cell__cell-now_hcwp1_10",
-  "styled-time-picker-root_cell__cell-selected": "_styled-time-picker-root_cell__cell-selected_hcwp1_13",
-  "shadow-mui": "_shadow-mui_hcwp1_17"
+  "styled-time-picker-root": "_styled-time-picker-root_ck82a_1",
+  "styled-time-picker-root_column": "_styled-time-picker-root_column_ck82a_4",
+  "styled-time-picker-root_cell": "_styled-time-picker-root_cell_ck82a_7",
+  "styled-time-picker-root_cell__cell-now": "_styled-time-picker-root_cell__cell-now_ck82a_10",
+  "styled-time-picker-root_cell__cell-selected": "_styled-time-picker-root_cell__cell-selected_ck82a_13",
+  "time-picker-surface": "_time-picker-surface_ck82a_17"
 };
 export {
   e as default

package/dist/datetime/components/time-picker/TimePickerInput.js

@@ -1,66 +1,72 @@
-import { StyledInputField as w } from "../../shared-components/StyledInputField.js";
-import { HelperText as y } from "./components/HelperText.js";
-import { ClockOutlineIcon as E } from "../../shared-components/ClockOutlineIcon.js";
-import { useEffect as R, useRef as v } from "react";
-import { jsx as o, jsxs as I } from "react/jsx-runtime";
-import { useMask as M } from "@react-input/mask";
-import "material-ui-popup-state/hooks";
-var S = (c) => {
-  const { placeholder: f, disabled: r, inputClassName: h, dataTest: n, width: i, error: u, helperText: x, label: T, locale: k = "en", popupState: l, handleChange: C, isValidTime: s, isValidEndTime: p, localValue: b, title: m, readOnly: e } = c, g = M({
+import { StyledInputField as E } from "../../../components/inputs/input-field/StyledInputField.js";
+import { useInputMask as I } from "../../../helpers/inputMask.js";
+import { HelperText as N } from "./components/HelperText.js";
+import { ClockOutlineIcon as w } from "../../shared-components/ClockOutlineIcon.js";
+import { useEffect as y, useRef as R } from "react";
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
+var H = (x) => {
+  const { placeholder: c, disabled: e, inputClassName: f, dataTest: s, width: l, error: h, helperText: u, label: T, locale: g = "en", popupState: a, handleChange: k, isValidTime: p, isValidEndTime: m, localValue: C, title: d, readOnly: t } = x, b = I({
     mask: "xx:xx",
-    replacement: { x: /\d/ },
+    maskChar: "x",
     showMask: !1
-  }), d = !s || !p || !!u, a = v(null);
-  return R(() => {
-    a.current && l.setAnchorEl(a.current);
-  }, []), /* @__PURE__ */ I("div", {
-    style: { height: e ? "40px" : "75px" },
-    children: [m && /* @__PURE__ */ o("div", {
+  }), i = !p || !m || !!h, n = R(null);
+  return y(() => {
+    n.current && a.setAnchorEl(n.current);
+  }, []), /* @__PURE__ */ v("div", {
+    style: { height: t ? "40px" : "75px" },
+    children: [d && /* @__PURE__ */ r("div", {
       className: "pb-1 font-roboto font-semibold text-delta-800",
-      children: m
-    }), /* @__PURE__ */ o(w, {
-      inputRef: g,
+      children: d
+    }), /* @__PURE__ */ r(E, {
+      inputRef: b,
       autoComplete: "off",
       type: "text",
-      dataTest: n,
-      "data-testid": n,
-      placeholder: f,
+      dataTest: s,
+      "data-testid": s,
+      placeholder: c,
       size: "small",
-      error: d,
-      helperText: /* @__PURE__ */ o(y, {
-        isValidTime: s,
-        isValidEndTime: p,
-        error: d,
-        localization: k,
-        helperText: x
+      error: i,
+      helperText: /* @__PURE__ */ r(N, {
+        isValidTime: p,
+        isValidEndTime: m,
+        error: i,
+        localization: g,
+        helperText: u
       }),
-      onChange: C,
-      slotProps: { input: {
-        ref: a,
-        onMouseDown: (t) => {
-          !r && !e && l.open(t);
+      onChange: k,
+      slotProps: {
+        input: {
+          ref: n,
+          onMouseDown: (o) => {
+            !e && !t && a.open(o);
+          },
+          endAdornment: /* @__PURE__ */ r(w, {
+            width: 24,
+            height: 24,
+            className: e ? "text-delta-300" : "text-delta-700",
+            onClick: (o) => {
+              o.stopPropagation(), !e && !t && a.open(o);
+            }
+          })
         },
-        endAdornment: /* @__PURE__ */ o(E, {
-          width: 24,
-          height: 24,
-          onClick: (t) => {
-            t.stopPropagation(), !r && !e && l.open(t);
-          }
-        })
-      } },
-      value: b,
+        formHelperText: {
+          className: i ? "ml-0 mr-[14px] mt-1 leading-[23.24px]" : "mx-[14px] mt-1 leading-[23.24px]",
+          hideErrorIcon: !0
+        }
+      },
+      value: C,
       sx: {
-        maxWidth: i ?? 130,
-        width: i,
-        minWidth: i
+        maxWidth: l ?? 130,
+        width: l,
+        minWidth: l
       },
-      disabled: r,
-      readOnly: e,
-      className: h,
+      disabled: e,
+      readOnly: t,
+      className: f,
       label: T
     })]
   });
 };
 export {
-  S as TimePickerInput
+  H as TimePickerInput
 };

package/dist/datetime/components/time-picker/TimePickerPopper.js

@@ -1,29 +1,32 @@
 import { StyledButton as r } from "../../shared-components/button/StyledButton.js";
-import s from "./StyledTimePicker.module.js";
-import { TimePickerBody as l } from "./components/TimePickerBody.js";
-import { EraserIcon as c } from "../../shared-components/EraserIcon.js";
-import { CheckIcon as h } from "../../shared-components/CheckIcon.js";
-import f from "clsx";
-import { Fade as u, Paper as x, Popper as k } from "@mui/material";
+import { bindPopper as s } from "../../../hooks/usePopupState.js";
+import { Paper as l } from "../../../components/mui-compat/Paper.js";
+import { Fade as c } from "../../../components/mui-compat/Fade.js";
+import { Popper as f } from "../../../components/mui-compat/Popper.js";
+import h from "./StyledTimePicker.module.js";
+import { TimePickerBody as u } from "./components/TimePickerBody.js";
+import { EraserIcon as x } from "../../shared-components/EraserIcon.js";
+import { CheckIcon as k } from "../../shared-components/CheckIcon.js";
+import y from "clsx";
 import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { bindPopper as y } from "material-ui-popup-state/hooks";
-var j = (a) => {
-  const { popupState: e, dataTest: m, value: i, onSelect: n, handleClear: p } = a;
-  return /* @__PURE__ */ t(k, {
-    ...y(e),
-    className: f(s["shadow-mui"]),
+var I = (m) => {
+  const { popupState: e, dataTest: a, value: i, onSelect: n, handleClear: p } = m;
+  return /* @__PURE__ */ t(f, {
+    ...s(e),
     transition: !0,
     style: {
       zIndex: "1300",
       position: "absolute"
     },
-    children: ({ TransitionProps: d }) => /* @__PURE__ */ t(u, {
+    children: ({ TransitionProps: d }) => /* @__PURE__ */ t(c, {
       ...d,
       timeout: 350,
-      children: /* @__PURE__ */ o(x, {
+      children: /* @__PURE__ */ o(l, {
+        elevation: 0,
+        className: y(h["time-picker-surface"]),
         style: { paddingBottom: "1px" },
-        children: [/* @__PURE__ */ t(l, {
-          dataTest: `${m}-time-picker-body`,
+        children: [/* @__PURE__ */ t(u, {
+          dataTest: `${a}-time-picker-body`,
           value: i,
           onSelect: n
         }), /* @__PURE__ */ o("div", {
@@ -44,7 +47,7 @@ var j = (a) => {
               minWidth: "40px",
               marginLeft: "10px"
             },
-            children: /* @__PURE__ */ t(c, {
+            children: /* @__PURE__ */ t(x, {
               width: 24,
               height: 24
             })
@@ -58,7 +61,7 @@ var j = (a) => {
               minWidth: "40px",
               marginRight: "16px"
             },
-            children: /* @__PURE__ */ t(h, {
+            children: /* @__PURE__ */ t(k, {
               width: 20,
               height: 20
             })
@@ -69,5 +72,5 @@ var j = (a) => {
   });
 };
 export {
-  j as TimePickerPopper
+  I as TimePickerPopper
 };

package/dist/datetime/components/time-picker/components/TimePickerColumn.js

@@ -1,18 +1,18 @@
 import r from "../StyledTimePicker.module.js";
 import _ from "clsx";
-import { jsx as l } from "react/jsx-runtime";
-import { getHours as a, getMinutes as k, set as f } from "date-fns";
-var x = ({ type: c, value: o, onSelect: n }) => {
-  const i = /* @__PURE__ */ new Date(), t = c === "hours", m = t ? 24 : 12, d = t ? i.getHours() : i.getMinutes();
-  return /* @__PURE__ */ l("div", {
+import { jsx as c } from "react/jsx-runtime";
+import { getHours as a, getMinutes as k, set as y } from "date-fns";
+var b = ({ type: l, value: o, onSelect: n }) => {
+  const s = /* @__PURE__ */ new Date(), t = l === "hours", m = t ? 24 : 12, u = t ? s.getHours() : s.getMinutes();
+  return /* @__PURE__ */ c("div", {
     className: r["styled-time-picker-root_column"],
-    children: new Array(m).fill(null).map((w, s) => {
-      const e = t ? s : s * 5, u = o && e === (t ? a(o) : k(o)), p = d == e;
-      return /* @__PURE__ */ l("div", {
-        role: "button",
-        className: _(r["styled-time-picker-root_cell"], p && r["styled-time-picker-root_cell__cell-now"], u && r["styled-time-picker-root_cell__cell-selected"]),
+    children: new Array(m).fill(null).map((f, i) => {
+      const e = t ? i : i * 5, d = o && e === (t ? a(o) : k(o)), p = u == e;
+      return /* @__PURE__ */ c("button", {
+        type: "button",
+        className: _("border-0", r["styled-time-picker-root_cell"], p && r["styled-time-picker-root_cell__cell-now"], d && r["styled-time-picker-root_cell__cell-selected"]),
         onClick: () => {
-          n(f(o ?? /* @__PURE__ */ new Date(), t ? { hours: e } : { minutes: e }));
+          n(y(o ?? /* @__PURE__ */ new Date(), t ? { hours: e } : { minutes: e }));
         },
         children: e.toString().padStart(2, "0")
       }, e);
@@ -20,5 +20,5 @@ var x = ({ type: c, value: o, onSelect: n }) => {
   });
 };
 export {
-  x as TimePickerColumn
+  b as TimePickerColumn
 };

package/dist/datetime/components/time-picker/helpers/getTimeFromValue.js

@@ -1,7 +1,7 @@
-var u = (o, s) => {
-  const t = o.split(":"), e = Number(t[0]), n = Number(t[1]);
+var u = (s, o) => {
+  const t = s.split(":"), e = Number(t[0]), n = Number(t[1]);
   if (t[0]?.length == 2 && t[1]?.length == 2 && e >= 0 && e <= 23 && n >= 0 && n <= 59) {
-    const r = s || /* @__PURE__ */ new Date();
+    const r = o ?? /* @__PURE__ */ new Date();
     return r.setHours(e), r.setMinutes(n), r;
   }
   return null;

package/dist/datetime/helpers/cn.js

@@ -1,8 +1,7 @@
-import { clsx as o } from "clsx";
-import { twMerge as t } from "tailwind-merge";
-function n(...r) {
-  return t(o(r));
+import { clsx as n } from "clsx";
+function t(...r) {
+  return n(r);
 }
 export {
-  n as cn
+  t as cn
 };

package/dist/datetime/hooks/useWindowWidthSize.hook.js

@@ -3,7 +3,7 @@ function o() {
   const [e, n] = t(window.innerWidth), i = () => {
     n(window.innerWidth);
   };
-  return r(() => (i(), window.addEventListener("resize", i), () => window.removeEventListener("resize", i)), []), e;
+  return r(() => (window.addEventListener("resize", i), () => window.removeEventListener("resize", i)), []), e;
 }
 var w = (e) => e ? e <= 768 : window.innerWidth < 768;
 function s() {

package/dist/helpers/arrays.js

@@ -0,0 +1,4 @@
+var a = (o) => o.filter(Boolean);
+export {
+  a as compact
+};

package/dist/helpers/classOverride.js

@@ -0,0 +1,12 @@
+var n = {
+  padding: /(?:^|\s)!?p[xytrblse]?-/,
+  "padding-x": /(?:^|\s)!?p[xlrse]?-/,
+  "padding-y": /(?:^|\s)!?p[ytb]?-/,
+  margin: /(?:^|\s)!?-?m[xytrblse]?-/,
+  width: /(?:^|\s)!?w-/,
+  "max-width": /(?:^|\s)!?max-w-/,
+  display: /(?:^|\s)!?(?:block|inline-block|inline-flex|inline|flex|grid|contents|hidden|table)(?:\s|$)/
+}, s = (i, e) => !!i && n[e].test(i);
+export {
+  s as consumerOverrides
+};

package/dist/helpers/cn.js

@@ -1,8 +1,7 @@
-import { clsx as o } from "clsx";
-import { twMerge as t } from "tailwind-merge";
-function n(...r) {
-  return t(o(r));
+import { clsx as n } from "clsx";
+function t(...r) {
+  return n(r);
 }
 export {
-  n as cn
+  t as cn
 };

package/dist/helpers/inputMask.js

@@ -0,0 +1,58 @@
+import { useCallback as k, useRef as I } from "react";
+var T = {
+  mask: "  /  /    ",
+  maskChar: " ",
+  showMask: !0
+}, E = "monospace", g = (n, a, v) => {
+  const { mask: l, maskChar: t, showMask: u } = v, p = [...l].filter((o) => o === t).length, r = n.replace(/\D/g, "").slice(0, p);
+  if (r.length === 0) return {
+    value: "",
+    caret: 0
+  };
+  const c = Math.min(n.slice(0, a).replace(/\D/g, "").length, r.length);
+  let e = "", i = 0, s = 0, f = "";
+  for (const o of l) {
+    if (o !== t) {
+      u ? e += o : f += o;
+      continue;
+    }
+    if (s < r.length)
+      u || (e += f, f = ""), e += r[s], s += 1, s === c && (i = e.length);
+    else if (u) e += t;
+    else break;
+  }
+  return {
+    value: e,
+    caret: i
+  };
+}, d = typeof HTMLInputElement < "u" ? Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set : void 0, h = (n, a) => {
+  d ? d.call(n, a) : n.value = a;
+}, L = ({ mask: n, maskChar: a, showMask: v }) => {
+  const l = I(null);
+  return k((t) => {
+    if (l.current?.(), l.current = null, !t) return;
+    const u = {
+      mask: n,
+      maskChar: a,
+      showMask: v
+    };
+    (() => {
+      const { value: c, caret: e } = g(t.value, t.selectionStart ?? t.value.length, u);
+      t.value !== c && h(t, c), t.setSelectionRange(e, e);
+    })();
+    const r = (c) => {
+      const e = c.target, { value: i, caret: s } = g(e.value, e.selectionStart ?? e.value.length, u);
+      e.value !== i && h(e, i), e.setSelectionRange(s, s);
+    };
+    t.addEventListener("input", r), l.current = () => t.removeEventListener("input", r);
+  }, [
+    n,
+    a,
+    v
+  ]);
+};
+export {
+  E as DATE_INPUT_FONT_FAMILY,
+  T as DATE_INPUT_MASK,
+  L as useInputMask
+};

package/dist/helpers/sx.js

@@ -0,0 +1,46 @@
+var p = 8, d = {
+  m: ["margin"],
+  mt: ["marginTop"],
+  mr: ["marginRight"],
+  mb: ["marginBottom"],
+  ml: ["marginLeft"],
+  mx: ["marginLeft", "marginRight"],
+  my: ["marginTop", "marginBottom"],
+  p: ["padding"],
+  pt: ["paddingTop"],
+  pr: ["paddingRight"],
+  pb: ["paddingBottom"],
+  pl: ["paddingLeft"],
+  px: ["paddingLeft", "paddingRight"],
+  py: ["paddingTop", "paddingBottom"]
+}, g = { bgcolor: "backgroundColor" }, c = (e) => {
+  if (typeof e == "number") return e * p;
+  if (typeof e == "string") return e;
+}, f = (e, r) => {
+  for (const [o, n] of Object.entries(r)) {
+    if (n == null) continue;
+    if (o.includes("&") || o.startsWith(":") || typeof n == "object") {
+      console.warn(`resolveSx: unsupported nested/responsive sx key "${o}" dropped — use className instead.`);
+      continue;
+    }
+    const t = d[o];
+    if (t) {
+      const i = c(n);
+      if (i !== void 0) for (const s of t) Object.assign(e, { [s]: i });
+      continue;
+    }
+    const a = g[o];
+    Object.assign(e, { [a ?? o]: n });
+  }
+}, m = (e) => {
+  const r = {};
+  if (!e) return r;
+  if (typeof e == "function")
+    return console.warn("resolveSx: theme-callback sx is not supported and was ignored — use className instead."), r;
+  const o = Array.isArray(e) ? e : [e];
+  for (const n of o) n && typeof n == "object" && f(r, n);
+  return r;
+};
+export {
+  m as resolveSx
+};

package/dist/hooks/useFocusTrap.hook.js

@@ -0,0 +1,34 @@
+import { useEffect as m } from "react";
+var l = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])', E = (o, s, c) => {
+  m(() => {
+    if (!o) return;
+    const t = s.current;
+    if (!t) return;
+    const r = document.activeElement, d = requestAnimationFrame(() => {
+      (t.querySelector(l) ?? t).focus();
+    }), u = (e) => {
+      if (e.key === "Escape") {
+        c?.();
+        return;
+      }
+      if (e.key !== "Tab") return;
+      const n = Array.from(t.querySelectorAll(l));
+      if (n.length === 0) {
+        e.preventDefault();
+        return;
+      }
+      const i = n[0], a = n[n.length - 1], f = document.activeElement;
+      e.shiftKey && f === i ? (e.preventDefault(), a?.focus()) : !e.shiftKey && f === a && (e.preventDefault(), i?.focus());
+    };
+    return document.addEventListener("keydown", u), () => {
+      cancelAnimationFrame(d), document.removeEventListener("keydown", u), r && document.contains(r) && r.focus();
+    };
+  }, [
+    o,
+    s,
+    c
+  ]);
+};
+export {
+  E as useFocusTrap
+};

package/dist/hooks/useTopLayer.hook.js

@@ -0,0 +1,25 @@
+import { useCallback as r } from "react";
+var n = { popover: "manual" }, a = {
+  margin: 0,
+  inset: "auto"
+};
+function i(e) {
+  if (!(e instanceof Element)) return;
+  const o = e.closest("dialog");
+  return o instanceof HTMLDialogElement && o.open ? o : void 0;
+}
+function p(e) {
+  return r((o) => {
+    if (e(o), !!o)
+      try {
+        typeof o.showPopover == "function" && !o.matches(":popover-open") && o.showPopover();
+      } catch {
+      }
+  }, [e]);
+}
+export {
+  n as TOP_LAYER_PROPS,
+  a as TOP_LAYER_RESET_STYLE,
+  i as getOpenModalDialogAncestor,
+  p as useTopLayerRef
+};