asma-ui-core 3.62.0 → 3.64.0

package/dist/components/feedback/dialog/StyledDialog.js

@@ -1,25 +1,27 @@
 import { cn as f } from "../../../helpers/cn.js";
-import { resolveSx as S } from "../../../helpers/sx.js";
+import { resolveSx as D } from "../../../helpers/sx.js";
 import { CloseIcon as X } from "../../icons/close-icon/CloseIcon.js";
-import { StyledButton as B } from "../../inputs/button/StyledButton.js";
-import { useMobileMediaQuery as G } from "../../../hooks/useMediaQuery.hook.js";
-import P from "./StyledDialog.module.js";
-import { useEffect as D, useLayoutEffect as Q, useRef as u } from "react";
-import { jsx as l, jsxs as r } from "react/jsx-runtime";
-var $ = {
+import { registerOpenModalDialog as B } from "../../../hooks/useTopLayer.hook.js";
+import { StyledButton as G } from "../../inputs/button/StyledButton.js";
+import { useMobileMediaQuery as P } from "../../../hooks/useMediaQuery.hook.js";
+import Q from "./StyledDialog.module.js";
+import { useEffect as S, useLayoutEffect as $, useRef as u } from "react";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+var J = {
   xs: 444,
   sm: 600,
   md: 900,
   lg: 1200,
   xl: 1536
-}, te = ({ open: t, onClose: a, children: _, dataTest: i, maxWidth: x = "sm", fullWidth: C, fullScreen: E, scroll: p = "paper", disableEscapeKeyDown: h, className: H, style: j, sx: M, classes: y, PaperProps: R, slotProps: o, onCloseText: w, showCloseIcon: v = !0, dialogLabel: d, dialogTitle: s, dialogHeaderNode: W }) => {
-  const I = G(), b = u(null), c = u(!1), g = u(t), n = E ?? I;
-  D(() => {
+}, le = ({ open: t, onClose: a, children: _, dataTest: i, maxWidth: x = "sm", fullWidth: C, fullScreen: E, scroll: p = "paper", disableEscapeKeyDown: h, className: H, style: j, sx: M, classes: y, PaperProps: O, slotProps: o, onCloseText: w, showCloseIcon: v = !0, dialogLabel: d, dialogTitle: s, dialogHeaderNode: R }) => {
+  const W = P(), b = u(null), c = u(!1), g = u(t), n = E ?? W;
+  S(() => {
     g.current && !t && o?.transition?.onExited?.(), g.current = t;
-  }, [t, o]), Q(() => {
+  }, [t, o]), $(() => {
     const e = b.current;
-    !e || !t || e.open || (e.showModal(), e.focus({ preventScroll: !0 }), requestAnimationFrame(() => e.open && e.focus({ preventScroll: !0 })));
-  }, [t]), D(() => {
+    if (!(!e || !t))
+      return e.open || (e.showModal(), e.focus({ preventScroll: !0 }), requestAnimationFrame(() => e.open && e.focus({ preventScroll: !0 }))), B(e);
+  }, [t]), S(() => {
     if (!t) return;
     const e = document.body.style.overflow, K = document.documentElement.style.overflow;
     return document.body.style.overflow = "hidden", document.documentElement.style.overflow = "hidden", () => {
@@ -27,16 +29,16 @@ var $ = {
     };
   }, [t]);
   const m = {
-    ...R,
+    ...O,
     ...o?.paper
-  }, k = x === !1 ? void 0 : $[x], { className: O, style: z, onClick: q, ...A } = o?.backdrop ?? {}, N = (e) => {
+  }, k = x === !1 ? void 0 : J[x], { className: I, style: z, onClick: q, ...A } = o?.backdrop ?? {}, N = (e) => {
     c.current || (c.current = !0, window.setTimeout(() => {
       c.current = !1;
     }, 0), a?.(e, "escapeKeyDown"));
   }, F = (e) => {
     e.preventDefault(), h || N(e);
   };
-  return t ? /* @__PURE__ */ r("dialog", {
+  return t ? /* @__PURE__ */ l("dialog", {
     ref: b,
     tabIndex: -1,
     "data-testid": i,
@@ -45,20 +47,20 @@ var $ = {
     onKeyDown: (e) => {
       e.key !== "Escape" || h || (e.preventDefault(), N(e));
     },
-    className: f(P.StyledDialog, "fixed inset-0 m-0 h-full max-h-none w-full max-w-none items-center justify-center overflow-hidden border-0 bg-transparent p-0 outline-none open:flex", p === "body" && "overflow-y-auto", H, y?.root),
+    className: f(Q.StyledDialog, "fixed inset-0 m-0 h-full max-h-none w-full max-w-none items-center justify-center overflow-hidden border-0 bg-transparent p-0 outline-none open:flex", p === "body" && "overflow-y-auto", H, y?.root),
     style: {
       zIndex: 999,
-      ...S(M),
+      ...D(M),
       ...j
     },
-    children: [/* @__PURE__ */ l("div", {
+    children: [/* @__PURE__ */ r("div", {
       ...A,
-      className: f("absolute inset-0 bg-[#626e7eb2]", O),
+      className: f("absolute inset-0 bg-[#626e7eb2]", I),
       style: z,
       onClick: (e) => {
         q?.(e), e.defaultPrevented || a?.(e, "backdropClick");
       }
-    }), /* @__PURE__ */ r("div", {
+    }), /* @__PURE__ */ l("div", {
       className: f("relative z-[1] flex overflow-hidden rounded-lg border-0 bg-white p-0 text-delta-800 shadow-[0px_4px_40px_0px_#22213366]", p === "paper" && "flex-col", n && "rounded-none", m.className, y?.paper),
       style: {
         minWidth: 0,
@@ -73,7 +75,7 @@ var $ = {
           width: C ? "calc(100% - 64px)" : "auto",
           maxHeight: "100%"
         },
-        ...S(m.sx),
+        ...D(m.sx),
         ...m.style,
         ...n ? {
           width: "100%",
@@ -82,25 +84,25 @@ var $ = {
           maxHeight: "100%"
         } : { maxHeight: "calc(100% - 64px)" }
       },
-      children: [(!!d || !!s || v) && /* @__PURE__ */ r("div", {
+      children: [(!!d || !!s || v) && /* @__PURE__ */ l("div", {
         className: "box-border flex w-full min-w-0 max-w-full justify-between px-4 pt-4",
-        children: [/* @__PURE__ */ r("div", {
+        children: [/* @__PURE__ */ l("div", {
           className: "flex min-w-0 flex-1 flex-col justify-start gap-0.5",
-          children: [d && /* @__PURE__ */ l("div", {
+          children: [d && /* @__PURE__ */ r("div", {
             className: "flex h-8 items-center text-sm font-normal leading-5 text-delta-600",
             children: d
-          }), s && /* @__PURE__ */ l("div", {
+          }), s && /* @__PURE__ */ r("div", {
             className: "flex text-2xl font-semibold leading-8 text-delta-800",
             children: s
           })]
-        }), v && /* @__PURE__ */ r("div", {
+        }), v && /* @__PURE__ */ l("div", {
           className: "flex min-w-0 max-w-full shrink-0 justify-end gap-2",
-          children: [W, /* @__PURE__ */ l(B, {
+          children: [R, /* @__PURE__ */ r(G, {
             dataTest: `close-button-${i}`,
             "aria-label": w ? void 0 : "Close",
             variant: "textGray",
             size: "small",
-            endIcon: /* @__PURE__ */ l(X, {
+            endIcon: /* @__PURE__ */ r(X, {
               width: 20,
               height: 20
             }),
@@ -119,5 +121,5 @@ var $ = {
   }) : null;
 };
 export {
-  te as StyledDialog
+  le as StyledDialog
 };

package/dist/components/feedback/snack-bar/SnackbarProvider.js

@@ -1,26 +1,40 @@
-import { StyledAlertSnackbar as o } from "./StyledAlertSnackbar.js";
-import { StyledDefaultSnackbar as t } from "./components/StyledDefaultSnackbar.js";
-import { StyledInfoSnackbar as a } from "./components/StyledInfoSnackbar.js";
-import { jsx as i } from "react/jsx-runtime";
-import { SnackbarProvider as e } from "notistack";
-var d = (r) => /* @__PURE__ */ i(e, {
-  ...r,
-  Components: {
-    alert: o,
-    info: a,
-    default: t
-  },
-  autoHideDuration: 6e3,
-  anchorOrigin: {
-    vertical: "top",
-    horizontal: "right"
-  },
-  domRoot: document.body,
-  maxSnack: 3,
-  classes: { root: "min-w-fit flex justify-center" },
-  className: "w-fit min-w-fit max-w-fit",
-  children: r.children
-});
+import { useTopmostOpenModalDialog as a } from "../../../hooks/useTopLayer.hook.js";
+import { StyledAlertSnackbar as n } from "./StyledAlertSnackbar.js";
+import { StyledDefaultSnackbar as i } from "./components/StyledDefaultSnackbar.js";
+import { StyledInfoSnackbar as m } from "./components/StyledInfoSnackbar.js";
+import { useLayoutEffect as e, useState as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { SnackbarProvider as l } from "notistack";
+var d = () => {
+  const [t] = s(() => {
+    const o = document.createElement("div");
+    return o.style.display = "contents", o.setAttribute("data-asma-snackbar-host", ""), o;
+  }), r = a();
+  return e(() => {
+    const o = r ?? document.body;
+    t.parentElement !== o && o.appendChild(t);
+  }, [t, r]), e(() => () => t.remove(), [t]), t;
+}, v = (t) => {
+  const r = d();
+  return /* @__PURE__ */ c(l, {
+    ...t,
+    Components: {
+      alert: n,
+      info: m,
+      default: i
+    },
+    autoHideDuration: 6e3,
+    anchorOrigin: {
+      vertical: "top",
+      horizontal: "right"
+    },
+    domRoot: r,
+    maxSnack: 3,
+    classes: { root: "min-w-fit flex justify-center" },
+    className: "w-fit min-w-fit max-w-fit",
+    children: t.children
+  });
+};
 export {
-  d as SnackbarProvider
+  v as SnackbarProvider
 };

package/dist/components/feedback/snack-bar/StyledSnackbar.js

@@ -1,36 +1,41 @@
 import { cn as c } from "../../../helpers/cn.js";
-import { useEffect as p } from "react";
-import { jsx as l, jsxs as x } from "react/jsx-runtime";
-import { FloatingPortal as h } from "@floating-ui/react";
-var b = {
+import { useTopmostOpenModalDialog as x } from "../../../hooks/useTopLayer.hook.js";
+import { useEffect as d } from "react";
+import { jsx as l, jsxs as h } from "react/jsx-runtime";
+import { FloatingPortal as b } from "@floating-ui/react";
+var g = {
   "top-left": "top-6 left-6",
   "top-center": "top-6 left-1/2 -translate-x-1/2",
   "top-right": "top-6 right-6",
   "bottom-left": "bottom-6 left-6",
   "bottom-center": "bottom-6 left-1/2 -translate-x-1/2",
   "bottom-right": "bottom-6 right-6"
-}, S = ({ open: t = !1, autoHideDuration: e = 3e3, onClose: r, anchorOrigin: o = {
+}, N = ({ open: t = !1, autoHideDuration: e = 3e3, onClose: o, anchorOrigin: r = {
   vertical: "bottom",
   horizontal: "left"
-}, message: i, action: m, children: a, className: f }) => {
-  if (p(() => {
+}, message: m, action: i, children: a, className: s }) => {
+  const f = x();
+  if (d(() => {
     if (!t || e == null) return;
-    const s = setTimeout(() => r?.(null, "timeout"), e);
-    return () => clearTimeout(s);
+    const p = setTimeout(() => o?.(null, "timeout"), e);
+    return () => clearTimeout(p);
   }, [
     t,
     e,
-    r
+    o
   ]), !t) return null;
-  const n = b[`${o.vertical}-${o.horizontal}`];
-  return /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l("div", {
-    className: c("fixed z-[1400] flex items-center gap-2", n, f),
-    children: a ?? /* @__PURE__ */ x("div", {
-      className: "flex items-center gap-2 rounded bg-delta-800 px-4 py-3 text-sm text-white shadow-lg",
-      children: [i, m]
+  const n = g[`${r.vertical}-${r.horizontal}`];
+  return /* @__PURE__ */ l(b, {
+    root: f,
+    children: /* @__PURE__ */ l("div", {
+      className: c("fixed z-[1400] flex items-center gap-2", n, s),
+      children: a ?? /* @__PURE__ */ h("div", {
+        className: "flex items-center gap-2 rounded bg-delta-800 px-4 py-3 text-sm text-white shadow-lg",
+        children: [m, i]
+      })
     })
-  }) });
+  });
 };
 export {
-  S as StyledSnackbar
+  N as StyledSnackbar
 };

package/dist/components/icons/call-icon/CallIcon.js

@@ -0,0 +1,21 @@
+import { jsx as C, jsxs as r } from "react/jsx-runtime";
+function n(l) {
+  return /* @__PURE__ */ r("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ...l,
+    children: [/* @__PURE__ */ C("title", { children: "CallIcon" }), /* @__PURE__ */ C("g", {
+      transform: "translate(3 3) scale(1.2)",
+      children: /* @__PURE__ */ C("path", {
+        d: "M14.125 15C12.3889 15 10.6736 14.6215 8.97917 13.8646C7.28472 13.1076 5.74306 12.0347 4.35417 10.6458C2.96528 9.25694 1.89236 7.71528 1.13542 6.02083C0.378472 4.32639 0 2.61111 0 0.875C0 0.625 0.0833333 0.416667 0.25 0.25C0.416667 0.0833333 0.625 0 0.875 0H4.25C4.44444 0 4.61806 0.0659722 4.77083 0.197917C4.92361 0.329861 5.01389 0.486111 5.04167 0.666667L5.58333 3.58333C5.61111 3.80556 5.60417 3.99306 5.5625 4.14583C5.52083 4.29861 5.44444 4.43056 5.33333 4.54167L3.3125 6.58333C3.59028 7.09722 3.92014 7.59375 4.30208 8.07292C4.68403 8.55208 5.10417 9.01389 5.5625 9.45833C5.99306 9.88889 6.44444 10.2882 6.91667 10.6563C7.38889 11.0243 7.88889 11.3611 8.41667 11.6667L10.375 9.70833C10.5 9.58333 10.6632 9.48958 10.8646 9.42708C11.066 9.36458 11.2639 9.34722 11.4583 9.375L14.3333 9.95833C14.5278 10.0139 14.6875 10.1146 14.8125 10.2604C14.9375 10.4062 15 10.5694 15 10.75V14.125C15 14.375 14.9167 14.5833 14.75 14.75C14.5833 14.9167 14.375 15 14.125 15ZM2.52083 5L3.89583 3.625L3.54167 1.66667H1.6875C1.75694 2.23611 1.85417 2.79861 1.97917 3.35417C2.10417 3.90972 2.28472 4.45833 2.52083 5ZM9.97917 12.4583C10.5208 12.6944 11.0729 12.8819 11.6354 13.0208C12.1979 13.1597 12.7639 13.25 13.3333 13.2917V11.4583L11.375 11.0625L9.97917 12.4583Z",
+        fill: "currentColor"
+      })
+    })]
+  });
+}
+export {
+  n as CallIcon
+};

package/dist/components/icons/call-icon/index.js

@@ -0,0 +1 @@
+export * from './CallIcon.js'

package/dist/components/icons/index.js

@@ -173,3 +173,4 @@ export * from './rocket-launch-icon.js'
 export * from './load-current-icon.js'
 export * from './rotate-auto-icon.js'
 export * from './move-up-icon.js'
+export * from './call-icon.js'

package/dist/hooks/useTopLayer.hook.js

@@ -1,29 +1,65 @@
-import { useCallback as t } from "react";
-var a = { popover: "manual" }, i = {
+import { useCallback as r, useSyncExternalStore as s } from "react";
+var c = { popover: "manual" }, p = {
   margin: 0,
   inset: "auto"
 };
-function u(o) {
-  if (!(o instanceof Element)) return;
-  const r = o.closest("dialog");
-  return r instanceof HTMLDialogElement && r.open ? r : void 0;
+function f(e) {
+  if (!(e instanceof Element)) return;
+  const o = e.closest("dialog");
+  return o instanceof HTMLDialogElement && o.open ? o : void 0;
 }
-function p(o) {
-  return o == null;
+function t() {
+  if (typeof window > "u") return a ??= {
+    dialogs: [],
+    listeners: /* @__PURE__ */ new Set()
+  };
+  const e = window.rawWindow ?? document.defaultView ?? window;
+  return e.__asmaOpenModalDialogRegistry__ ??= {
+    dialogs: [],
+    listeners: /* @__PURE__ */ new Set()
+  };
 }
-function c(o, r = !0) {
-  return t((e) => {
-    if (o(e), !(!e || !r))
+var a, i = () => {
+  for (const e of [...t().listeners]) e();
+};
+function g(e) {
+  return t().dialogs.push(e), i(), () => {
+    const { dialogs: o } = t(), n = o.indexOf(e);
+    n !== -1 && (o.splice(n, 1), i());
+  };
+}
+function l() {
+  const { dialogs: e } = t();
+  for (let o = e.length - 1; o >= 0; o -= 1) {
+    const n = e[o];
+    if (n?.isConnected && n.open) return n;
+  }
+}
+var u = (e) => (t().listeners.add(e), () => {
+  t().listeners.delete(e);
+});
+function w() {
+  return s(u, l, () => {
+  });
+}
+function v(e) {
+  return e == null;
+}
+function O(e, o = !0) {
+  return r((n) => {
+    if (e(n), !(!n || !o))
       try {
-        typeof e.showPopover == "function" && !e.matches(":popover-open") && e.showPopover();
+        typeof n.showPopover == "function" && !n.matches(":popover-open") && n.showPopover();
       } catch {
       }
-  }, [o, r]);
+  }, [e, o]);
 }
 export {
-  a as TOP_LAYER_PROPS,
-  i as TOP_LAYER_RESET_STYLE,
-  u as getOpenModalDialogAncestor,
-  p as shouldUsePopoverTopLayer,
-  c as useTopLayerRef
+  c as TOP_LAYER_PROPS,
+  p as TOP_LAYER_RESET_STYLE,
+  f as getOpenModalDialogAncestor,
+  g as registerOpenModalDialog,
+  v as shouldUsePopoverTopLayer,
+  O as useTopLayerRef,
+  w as useTopmostOpenModalDialog
 };

package/dist/index.js

@@ -183,95 +183,96 @@ import { RocketLaunchIcon as Ee } from "./components/icons/rocket-launch-icon/Ro
 import { LoadCurrentIcon as Ue } from "./components/icons/load-current-icon/LoadCurrentIcon.js";
 import { RotateAutoIcon as ze } from "./components/icons/rotate-auto-icon/RotateAutoIcon.js";
 import { MoveUpIcon as Xe } from "./components/icons/move-up-icon/MoveUpIcon.js";
-import { StyledChip as Ke } from "./components/data-display/chip/StyledChip.js";
-import { StyledCheckbox as Ze } from "./components/inputs/checkbox/base-ui/StyledCheckbox.js";
-import { StyledRadio as Je } from "./components/inputs/radio-button/base-ui/StyledRadio.js";
-import { StyledInteractiveChip as $e } from "./components/data-display/interactive-chip/StyledInteractiveChip.js";
-import { StyledTooltip as rn } from "./components/data-display/tooltip/StyledTooltip.js";
-import { VirtualizedList as tn } from "./components/data-display/virtualized-list/VirtualizedList.js";
-import { StyledTypography as nn } from "./components/data-display/typography/StyledTypography.js";
-import { StyledFormLabel as fn } from "./components/data-display/form-label/components/StyledFormLabel.js";
-import { StyledAIDisclosure as ln } from "./components/data-display/ai-disclosure/StyledAIDisclosure.js";
-import { StyledButton as an } from "./components/inputs/button/StyledButton.js";
-import { StyledDialog as un } from "./components/feedback/dialog/StyledDialog.js";
-import { StyledDialogActions as sn } from "./components/feedback/dialog/StyledDialogActions.js";
-import { StyledDialogContent as Cn } from "./components/feedback/dialog/StyledDialogContent.js";
-import { StyledDialogTitle as gn } from "./components/feedback/dialog/StyledDialogTitle.js";
-import { StyledEmptyPage as hn } from "./components/feedback/empty-page/StyledEmptyPage.js";
-import { StyledFilteredEmptyState as kn } from "./components/feedback/filtered-empty-state/StyledFilteredEmptyState.js";
-import { StyledLoading as Pn } from "./components/feedback/loading/StyledLoading.js";
-import { StyledAlert as Fn } from "./components/feedback/snack-bar/StyledAlert.js";
-import { SnackbarProvider as Rn } from "./components/feedback/snack-bar/SnackbarProvider.js";
-import { StyledSnackbar as vn } from "./components/feedback/snack-bar/StyledSnackbar.js";
-import { processAlertSnackBar as Bn } from "./components/feedback/snack-bar/processAlertSnackBar.js";
-import { processDefaultSnackbar as xn } from "./components/feedback/snack-bar/processDefaultSnackbar.js";
-import { processInfoSnackbar as Hn } from "./components/feedback/snack-bar/processInfoSnackbar.js";
-import { message as Wn } from "./components/feedback/snack-bar/message.js";
-import { closeSnackbar as Vn, enqueueSnackbar as zn, useSnackbar as Gn } from "./components/feedback/snack-bar/index.js";
-import { StyledInputField as qn } from "./components/inputs/input-field/StyledInputField.js";
-import { StyledSearchField as Qn } from "./components/inputs/search-field/StyledSearchField.js";
-import { StyledTextarea as jn } from "./components/inputs/textarea/StyledTextarea.js";
-import { StyledFormHelperText as Yn } from "./components/miscellaneous/StyledFormHelperText.js";
-import { StyledSelect as op } from "./components/inputs/select/StyledSelect.js";
-import { StyledSelectItem as mp } from "./components/inputs/select/StyledSelectItem.js";
-import { StyledSelectAutocomplete as ip } from "./components/inputs/select-autocomplete/StyledSelectAutocomplete.js";
-import { StyledSlider as np } from "./components/inputs/slider/StyledSlider.js";
-import { StyledSwitch as fp } from "./components/inputs/switch/base-ui/StyledSwitch.js";
-import { StyledRadioGroup as lp } from "./components/inputs/radio-button/base-ui/StyledRadioGroup.js";
-import { StyledLabel as ap } from "./components/inputs/label/StyledLabel.js";
-import { StyledDynamicSelect as up } from "./components/inputs/dynamic-select/StyledDynamicSelect.js";
-import { StyledPopover as sp } from "./components/utils/popover/StyledPopover.js";
-import { StyledFormControl as Cp } from "./components/miscellaneous/StyledFormControl.js";
-import { StyledDrawer as gp } from "./components/navigation/drawer/StyledDrawer.js";
-import { StyledDatePicker as hp } from "./datetime/components/date-picker/StyledDatePicker.js";
-import { PopupState as kp, bindPopover as Lp, bindPopper as Pp, bindTrigger as Tp, usePopupState as Fp } from "./hooks/usePopupState.js";
-import { ClickAwayListener as Rp } from "./components/mui-compat/ClickAwayListener.js";
-import { Paper as vp } from "./components/mui-compat/Paper.js";
-import { Stack as Bp } from "./components/mui-compat/Stack.js";
-import { Container as xp } from "./components/mui-compat/Container.js";
-import { Avatar as Hp } from "./components/mui-compat/Avatar.js";
-import { Skeleton as Wp } from "./components/mui-compat/Skeleton.js";
-import { FormLabel as Vp } from "./components/mui-compat/FormLabel.js";
-import { Fade as Gp } from "./components/mui-compat/Fade.js";
-import { Popper as qp } from "./components/mui-compat/Popper.js";
-import { StyledTimePicker as Qp } from "./datetime/components/time-picker/StyledTimePicker.js";
-import { setMidnightTime as jp, setZeroTime as Jp } from "./datetime/helpers/date.helper.js";
-import { StyledFormControlLabel as $p } from "./components/miscellaneous/StyledFormControlLabel.js";
-import { StyledInputLabel as rf } from "./components/miscellaneous/StyledInputLabel.js";
-import { StyledFormGroup as tf } from "./components/miscellaneous/StyledFormGroup.js";
-import { StyledMenuList as nf } from "./components/navigation/menu/StyledMenuList.js";
-import { StyledMenu as ff } from "./components/navigation/menu/StyledMenu.js";
-import { StyledMenuItem as lf } from "./components/navigation/menu/StyledMenuItem.js";
-import { StyledLink as af } from "./components/navigation/link/StyledLink.js";
-import { StyledTab as uf } from "./components/navigation/tabs/StyledTab.js";
-import { StyledTabs as sf } from "./components/navigation/tabs/StyledTabs.js";
-import { Listbox as Cf } from "./components/navigation/listbox/Listbox.js";
-import { StyledAccordion as gf } from "./components/utils/accordion/base-ui/StyledAccordion.js";
-import { StyledAccordionSummary as hf } from "./components/utils/accordion/base-ui/StyledAccordionSummary.js";
-import { StyledAccordionDetails as kf } from "./components/utils/accordion/base-ui/StyledAccordionDetails.js";
-import { ACTIONS_COLUMN_ID as Pf, DND_HANDLE_COLUMN_ID as Tf, EXPAND_COLUMN_ID as Ff, INTERNAL_COLUMN_IDS as Af, SELECT_COLUMN_ID as Rf, SHOW_FULL_TEXT_ID as Mf, isCustomAction as vf } from "./table/types.js";
-import { RowDragHandleCell as Bf } from "./table/components/columns/dndHandleColumn.js";
-import { StyledTable as xf } from "./table/components/StyledTableIndex.js";
-import { createColumnHelper as Hf } from "./table/index.js";
-import { DynamicToolbarLayoutContext as Wf, useDynamicToolbarLayout as Uf } from "./components/custom/module/header-layout/DynamicToolbarLayoutContext.js";
-import { StyledFilterButton as zf } from "./components/utils/filter-menu/StyledFilterButton.js";
-import { StyledFilterMenu as Xf } from "./components/utils/filter-menu/StyledFilterMenu.js";
-import { CopyButton as Kf } from "./components/utils/copy-wrapper/CopyButton.js";
-import { CopyWrapper as Zf } from "./components/utils/copy-wrapper/CopyWrapper.js";
-import { VirtualList as Jf } from "./components/utils/virtual-list/VirtualList.js";
-import { StyledWidgetTitle as $f } from "./components/custom/widget/widget-title/StyledWidgetTitle.js";
-import { StyledWidgetHeader as rc } from "./components/custom/widget/widget-header/StyledWidgetHeader.js";
-import { StyledWidget as tc } from "./components/custom/widget/widget/StyledWidget.js";
-import { StyledModuleTitle as ec } from "./components/custom/module/module-title/StyledModuleTitle.js";
-import { ACTION_GAP_PX as pc, MORE_BUTTON_PX as fc, estimateToolbarActionWidth as cc, planBulkToolbarActions as lc, planToolbarActions as Ic, resolveToolbarActionWidth as ac } from "./components/custom/module/header-layout/planToolbarActions.js";
-import { DynamicToolbar as uc } from "./components/custom/module/header-layout/DynamicToolbar.js";
-import { MinimizableDialog as sc } from "./components/feedback/minimizable-dialog/MinimizableDialog.js";
-import { MinimizableDialogV2 as Cc } from "./components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js";
-import { createDialogStack as gc } from "./components/feedback/minimizable-dialog/stack/createDialogStack.js";
-import { PathfinderCard as hc } from "./components/custom/pathfinder-card/PathfinderCard.js";
+import { CallIcon as Ke } from "./components/icons/call-icon/CallIcon.js";
+import { StyledChip as Ze } from "./components/data-display/chip/StyledChip.js";
+import { StyledCheckbox as Je } from "./components/inputs/checkbox/base-ui/StyledCheckbox.js";
+import { StyledRadio as $e } from "./components/inputs/radio-button/base-ui/StyledRadio.js";
+import { StyledInteractiveChip as rn } from "./components/data-display/interactive-chip/StyledInteractiveChip.js";
+import { StyledTooltip as tn } from "./components/data-display/tooltip/StyledTooltip.js";
+import { VirtualizedList as nn } from "./components/data-display/virtualized-list/VirtualizedList.js";
+import { StyledTypography as fn } from "./components/data-display/typography/StyledTypography.js";
+import { StyledFormLabel as ln } from "./components/data-display/form-label/components/StyledFormLabel.js";
+import { StyledAIDisclosure as an } from "./components/data-display/ai-disclosure/StyledAIDisclosure.js";
+import { StyledButton as un } from "./components/inputs/button/StyledButton.js";
+import { StyledDialog as sn } from "./components/feedback/dialog/StyledDialog.js";
+import { StyledDialogActions as Cn } from "./components/feedback/dialog/StyledDialogActions.js";
+import { StyledDialogContent as gn } from "./components/feedback/dialog/StyledDialogContent.js";
+import { StyledDialogTitle as hn } from "./components/feedback/dialog/StyledDialogTitle.js";
+import { StyledEmptyPage as kn } from "./components/feedback/empty-page/StyledEmptyPage.js";
+import { StyledFilteredEmptyState as Pn } from "./components/feedback/filtered-empty-state/StyledFilteredEmptyState.js";
+import { StyledLoading as Fn } from "./components/feedback/loading/StyledLoading.js";
+import { StyledAlert as Rn } from "./components/feedback/snack-bar/StyledAlert.js";
+import { SnackbarProvider as vn } from "./components/feedback/snack-bar/SnackbarProvider.js";
+import { StyledSnackbar as Bn } from "./components/feedback/snack-bar/StyledSnackbar.js";
+import { processAlertSnackBar as xn } from "./components/feedback/snack-bar/processAlertSnackBar.js";
+import { processDefaultSnackbar as Hn } from "./components/feedback/snack-bar/processDefaultSnackbar.js";
+import { processInfoSnackbar as Wn } from "./components/feedback/snack-bar/processInfoSnackbar.js";
+import { message as Vn } from "./components/feedback/snack-bar/message.js";
+import { closeSnackbar as Gn, enqueueSnackbar as Xn, useSnackbar as qn } from "./components/feedback/snack-bar/index.js";
+import { StyledInputField as Qn } from "./components/inputs/input-field/StyledInputField.js";
+import { StyledSearchField as jn } from "./components/inputs/search-field/StyledSearchField.js";
+import { StyledTextarea as Yn } from "./components/inputs/textarea/StyledTextarea.js";
+import { StyledFormHelperText as op } from "./components/miscellaneous/StyledFormHelperText.js";
+import { StyledSelect as mp } from "./components/inputs/select/StyledSelect.js";
+import { StyledSelectItem as ip } from "./components/inputs/select/StyledSelectItem.js";
+import { StyledSelectAutocomplete as np } from "./components/inputs/select-autocomplete/StyledSelectAutocomplete.js";
+import { StyledSlider as fp } from "./components/inputs/slider/StyledSlider.js";
+import { StyledSwitch as lp } from "./components/inputs/switch/base-ui/StyledSwitch.js";
+import { StyledRadioGroup as ap } from "./components/inputs/radio-button/base-ui/StyledRadioGroup.js";
+import { StyledLabel as up } from "./components/inputs/label/StyledLabel.js";
+import { StyledDynamicSelect as sp } from "./components/inputs/dynamic-select/StyledDynamicSelect.js";
+import { StyledPopover as Cp } from "./components/utils/popover/StyledPopover.js";
+import { StyledFormControl as gp } from "./components/miscellaneous/StyledFormControl.js";
+import { StyledDrawer as hp } from "./components/navigation/drawer/StyledDrawer.js";
+import { StyledDatePicker as kp } from "./datetime/components/date-picker/StyledDatePicker.js";
+import { PopupState as Pp, bindPopover as Tp, bindPopper as Fp, bindTrigger as Ap, usePopupState as Rp } from "./hooks/usePopupState.js";
+import { ClickAwayListener as vp } from "./components/mui-compat/ClickAwayListener.js";
+import { Paper as Bp } from "./components/mui-compat/Paper.js";
+import { Stack as xp } from "./components/mui-compat/Stack.js";
+import { Container as Hp } from "./components/mui-compat/Container.js";
+import { Avatar as Wp } from "./components/mui-compat/Avatar.js";
+import { Skeleton as Vp } from "./components/mui-compat/Skeleton.js";
+import { FormLabel as Gp } from "./components/mui-compat/FormLabel.js";
+import { Fade as qp } from "./components/mui-compat/Fade.js";
+import { Popper as Qp } from "./components/mui-compat/Popper.js";
+import { StyledTimePicker as jp } from "./datetime/components/time-picker/StyledTimePicker.js";
+import { setMidnightTime as Yp, setZeroTime as $p } from "./datetime/helpers/date.helper.js";
+import { StyledFormControlLabel as rf } from "./components/miscellaneous/StyledFormControlLabel.js";
+import { StyledInputLabel as tf } from "./components/miscellaneous/StyledInputLabel.js";
+import { StyledFormGroup as nf } from "./components/miscellaneous/StyledFormGroup.js";
+import { StyledMenuList as ff } from "./components/navigation/menu/StyledMenuList.js";
+import { StyledMenu as lf } from "./components/navigation/menu/StyledMenu.js";
+import { StyledMenuItem as af } from "./components/navigation/menu/StyledMenuItem.js";
+import { StyledLink as uf } from "./components/navigation/link/StyledLink.js";
+import { StyledTab as sf } from "./components/navigation/tabs/StyledTab.js";
+import { StyledTabs as Cf } from "./components/navigation/tabs/StyledTabs.js";
+import { Listbox as gf } from "./components/navigation/listbox/Listbox.js";
+import { StyledAccordion as hf } from "./components/utils/accordion/base-ui/StyledAccordion.js";
+import { StyledAccordionSummary as kf } from "./components/utils/accordion/base-ui/StyledAccordionSummary.js";
+import { StyledAccordionDetails as Pf } from "./components/utils/accordion/base-ui/StyledAccordionDetails.js";
+import { ACTIONS_COLUMN_ID as Ff, DND_HANDLE_COLUMN_ID as Af, EXPAND_COLUMN_ID as Rf, INTERNAL_COLUMN_IDS as Mf, SELECT_COLUMN_ID as vf, SHOW_FULL_TEXT_ID as wf, isCustomAction as Bf } from "./table/types.js";
+import { RowDragHandleCell as xf } from "./table/components/columns/dndHandleColumn.js";
+import { StyledTable as Hf } from "./table/components/StyledTableIndex.js";
+import { createColumnHelper as Wf } from "./table/index.js";
+import { DynamicToolbarLayoutContext as Vf, useDynamicToolbarLayout as zf } from "./components/custom/module/header-layout/DynamicToolbarLayoutContext.js";
+import { StyledFilterButton as Xf } from "./components/utils/filter-menu/StyledFilterButton.js";
+import { StyledFilterMenu as Kf } from "./components/utils/filter-menu/StyledFilterMenu.js";
+import { CopyButton as Zf } from "./components/utils/copy-wrapper/CopyButton.js";
+import { CopyWrapper as Jf } from "./components/utils/copy-wrapper/CopyWrapper.js";
+import { VirtualList as $f } from "./components/utils/virtual-list/VirtualList.js";
+import { StyledWidgetTitle as rc } from "./components/custom/widget/widget-title/StyledWidgetTitle.js";
+import { StyledWidgetHeader as tc } from "./components/custom/widget/widget-header/StyledWidgetHeader.js";
+import { StyledWidget as ec } from "./components/custom/widget/widget/StyledWidget.js";
+import { StyledModuleTitle as pc } from "./components/custom/module/module-title/StyledModuleTitle.js";
+import { ACTION_GAP_PX as cc, MORE_BUTTON_PX as lc, estimateToolbarActionWidth as Ic, planBulkToolbarActions as ac, planToolbarActions as dc, resolveToolbarActionWidth as uc } from "./components/custom/module/header-layout/planToolbarActions.js";
+import { DynamicToolbar as sc } from "./components/custom/module/header-layout/DynamicToolbar.js";
+import { MinimizableDialog as Cc } from "./components/feedback/minimizable-dialog/MinimizableDialog.js";
+import { MinimizableDialogV2 as gc } from "./components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js";
+import { createDialogStack as hc } from "./components/feedback/minimizable-dialog/stack/createDialogStack.js";
+import { PathfinderCard as kc } from "./components/custom/pathfinder-card/PathfinderCard.js";
 export {
-  Pf as ACTIONS_COLUMN_ID,
-  pc as ACTION_GAP_PX,
+  Ff as ACTIONS_COLUMN_ID,
+  cc as ACTION_GAP_PX,
   zi as AppRegistrationIcon,
   wo as ArchiveIcon,
   Xi as ArrowExpandIcon,
@@ -280,7 +281,7 @@ export {
   j as AssignmentIcon,
   Y as AssignmentOutlineIcon,
   wt as AttachFileIcon,
-  Hp as Avatar,
+  Wp as Avatar,
   _m as BackIcon,
   Mi as BackupIcon,
   tm as BadgeIcon,
@@ -290,6 +291,7 @@ export {
   V as CalendarIcon,
   q as CalendarRangeIcon,
   Q as CalendarRangeOutlineIcon,
+  Ke as CallIcon,
   Di as CancelOutlineIcon,
   _t as CardIdIcon,
   Ut as CardIdIconOutlined,
@@ -307,22 +309,22 @@ export {
   s as ChevronRightIcon,
   Uo as ChevronUpIcon,
   Ui as CircleWarningOutlineIcon,
-  Rp as ClickAwayListener,
+  vp as ClickAwayListener,
   Lm as ClockOutlineIcon,
   zo as CloseIcon,
   At as CloudDoneOutlineIcon,
   Mt as CloudIcon,
   Ji as CloudOffOutlineIcon,
   Zr as ConsentsIcon,
-  xp as Container,
+  Hp as Container,
   St as ContentCopyIcon,
   Dt as ContentCopyOutlineIcon,
   yt as ContentCutIcon,
   Ot as ContentPasteIcon,
   ri as ConversionPathIcon,
-  Kf as CopyButton,
-  Zf as CopyWrapper,
-  Tf as DND_HANDLE_COLUMN_ID,
+  Zf as CopyButton,
+  Jf as CopyWrapper,
+  Af as DND_HANDLE_COLUMN_ID,
   F as DashboardViewIcon,
   R as DashboardViewOutlineIcon,
   cr as DeleteOutlineIcon,
@@ -341,16 +343,16 @@ export {
   Ao as DropUpIcon,
   yr as DvrIcon,
   Ai as DvrIconOutline,
-  uc as DynamicToolbar,
-  Wf as DynamicToolbarLayoutContext,
-  Ff as EXPAND_COLUMN_ID,
+  sc as DynamicToolbar,
+  Vf as DynamicToolbarLayoutContext,
+  Rf as EXPAND_COLUMN_ID,
   Er as EarthIcon,
   ye as EditNotesIcon,
   em as EditSquareIcon,
   tr as EmptyPageIcon,
   Si as EnvelopeIcon,
   Or as ErrorOutlineIcon,
-  Gp as Fade,
+  qp as Fade,
   Tr as FastCheckOutlineIcon,
   Ti as FileDocIcon,
   De as FileImageIcon,
@@ -363,7 +365,7 @@ export {
   yo as FindReplacePeopleIcon,
   yi as FingerprintIcon,
   Dm as FormIcon,
-  Vp as FormLabel,
+  Gp as FormLabel,
   tt as FormatListBulletedIcon,
   et as FormatListBulletedOutlineIcon,
   ti as GraphIcon,
@@ -378,7 +380,7 @@ export {
   de as HistoryToggleOffIcon,
   Me as HubIcon,
   we as HubIconFilled,
-  Af as INTERNAL_COLUMN_IDS,
+  Mf as INTERNAL_COLUMN_IDS,
   Jo as InboxOutboxIcon,
   $o as InboxOutboxOutlineIcon,
   Te as IndeterminateIcon,
@@ -391,21 +393,21 @@ export {
   _r as ListSettingsLineIcon,
   Mr as ListStatusIcon,
   wr as ListViewOutlineIcon,
-  Cf as Listbox,
+  gf as Listbox,
   Ue as LoadCurrentIcon,
   To as LoadingIcon,
   Om as LocationIcon,
   Sr as LockIcon,
   Mm as LoginIcon,
   wm as LogoutIcon,
-  fc as MORE_BUTTON_PX,
+  lc as MORE_BUTTON_PX,
   Ae as ManageSearchIcon,
   mo as MessageProcessingIcon,
   io as MessageProcessingOutlineIcon,
   rm as MessageReplyIcon,
   Am as MicrosoftOutlookIcon,
-  sc as MinimizableDialog,
-  Cc as MinimizableDialogV2,
+  Cc as MinimizableDialog,
+  gc as MinimizableDialogV2,
   Jr as MinimizeIcon,
   Xe as MoveUpIcon,
   G as NewCalendarIcon,
@@ -416,8 +418,8 @@ export {
   Kt as OutlineCheckboxIconChecked,
   Jt as OutlineCheckboxIconIndeterminate,
   zt as OutlineNotificationsIcon,
-  vp as Paper,
-  hc as PathfinderCard,
+  Bp as Paper,
+  kc as PathfinderCard,
   P as PdfIcon,
   zr as PencilOutlineIcon,
   B as PeopleIcon,
@@ -431,8 +433,8 @@ export {
   Sm as PinIcon,
   pm as PlusIcon,
   cm as PlusIconCircle,
-  qp as Popper,
-  kp as PopupState,
+  Qp as Popper,
+  Pp as PopupState,
   k as QnrIcon,
   bt as RefreshIcon,
   di as RemoveIcon,
@@ -443,11 +445,11 @@ export {
   Ie as ResetSettingsIcon,
   Ee as RocketLaunchIcon,
   ze as RotateAutoIcon,
-  Bf as RowDragHandleCell,
+  xf as RowDragHandleCell,
   It as RuleIcon,
   dt as RuleOutlineIcon,
-  Rf as SELECT_COLUMN_ID,
-  Mf as SHOW_FULL_TEXT_ID,
+  vf as SELECT_COLUMN_ID,
+  wf as SHOW_FULL_TEXT_ID,
   Ii as SaveIcon,
   Lo as SearchIcon,
   Nt as SendIcon,
@@ -456,65 +458,65 @@ export {
   Lt as SettingsNoteIcon,
   ao as SettingsOutlineIcon,
   Ki as ShareIcon,
-  Wp as Skeleton,
+  Vp as Skeleton,
   te as SmsIcon,
-  Rn as SnackbarProvider,
-  Bp as Stack,
-  ln as StyledAIDisclosure,
-  gf as StyledAccordion,
-  kf as StyledAccordionDetails,
-  hf as StyledAccordionSummary,
-  Fn as StyledAlert,
+  vn as SnackbarProvider,
+  xp as Stack,
+  an as StyledAIDisclosure,
+  hf as StyledAccordion,
+  Pf as StyledAccordionDetails,
+  kf as StyledAccordionSummary,
+  Rn as StyledAlert,
   f as StyledBadge,
-  an as StyledButton,
-  Ze as StyledCheckbox,
-  Ke as StyledChip,
-  hp as StyledDatePicker,
-  un as StyledDialog,
-  sn as StyledDialogActions,
-  Cn as StyledDialogContent,
-  gn as StyledDialogTitle,
-  gp as StyledDrawer,
-  up as StyledDynamicSelect,
-  hn as StyledEmptyPage,
-  zf as StyledFilterButton,
-  Xf as StyledFilterMenu,
-  kn as StyledFilteredEmptyState,
-  Cp as StyledFormControl,
-  $p as StyledFormControlLabel,
-  tf as StyledFormGroup,
-  Yn as StyledFormHelperText,
-  fn as StyledFormLabel,
-  qn as StyledInputField,
-  rf as StyledInputLabel,
-  $e as StyledInteractiveChip,
-  ap as StyledLabel,
-  af as StyledLink,
-  Pn as StyledLoading,
-  ff as StyledMenu,
-  lf as StyledMenuItem,
-  nf as StyledMenuList,
-  ec as StyledModuleTitle,
-  sp as StyledPopover,
-  Je as StyledRadio,
-  lp as StyledRadioGroup,
-  Qn as StyledSearchField,
-  op as StyledSelect,
-  ip as StyledSelectAutocomplete,
-  mp as StyledSelectItem,
-  np as StyledSlider,
-  vn as StyledSnackbar,
-  fp as StyledSwitch,
-  uf as StyledTab,
-  xf as StyledTable,
-  sf as StyledTabs,
-  jn as StyledTextarea,
-  Qp as StyledTimePicker,
-  rn as StyledTooltip,
-  nn as StyledTypography,
-  tc as StyledWidget,
-  rc as StyledWidgetHeader,
-  $f as StyledWidgetTitle,
+  un as StyledButton,
+  Je as StyledCheckbox,
+  Ze as StyledChip,
+  kp as StyledDatePicker,
+  sn as StyledDialog,
+  Cn as StyledDialogActions,
+  gn as StyledDialogContent,
+  hn as StyledDialogTitle,
+  hp as StyledDrawer,
+  sp as StyledDynamicSelect,
+  kn as StyledEmptyPage,
+  Xf as StyledFilterButton,
+  Kf as StyledFilterMenu,
+  Pn as StyledFilteredEmptyState,
+  gp as StyledFormControl,
+  rf as StyledFormControlLabel,
+  nf as StyledFormGroup,
+  op as StyledFormHelperText,
+  ln as StyledFormLabel,
+  Qn as StyledInputField,
+  tf as StyledInputLabel,
+  rn as StyledInteractiveChip,
+  up as StyledLabel,
+  uf as StyledLink,
+  Fn as StyledLoading,
+  lf as StyledMenu,
+  af as StyledMenuItem,
+  ff as StyledMenuList,
+  pc as StyledModuleTitle,
+  Cp as StyledPopover,
+  $e as StyledRadio,
+  ap as StyledRadioGroup,
+  jn as StyledSearchField,
+  mp as StyledSelect,
+  np as StyledSelectAutocomplete,
+  ip as StyledSelectItem,
+  fp as StyledSlider,
+  Bn as StyledSnackbar,
+  lp as StyledSwitch,
+  sf as StyledTab,
+  Hf as StyledTable,
+  Cf as StyledTabs,
+  Yn as StyledTextarea,
+  jp as StyledTimePicker,
+  tn as StyledTooltip,
+  fn as StyledTypography,
+  ec as StyledWidget,
+  tc as StyledWidgetHeader,
+  rc as StyledWidgetTitle,
   Xt as SyncIcon,
   Zi as SyncSavedLocallyIcon,
   Nr as TextBoxCheckOutlineIcon,
@@ -526,8 +528,8 @@ export {
   Ar as UnknownDocumentOutlineRoundedIcon,
   Km as UnlockIcon,
   Oi as UploadIcon,
-  Jf as VirtualList,
-  tn as VirtualizedList,
+  $f as VirtualList,
+  nn as VirtualizedList,
   re as VisibilityOffOutlineIcon,
   $i as VisibilityOutlineIcon,
   ce as WandStarsIcon,
@@ -535,28 +537,28 @@ export {
   Ne as WidgetIcon,
   _e as WidgetIconFilled,
   ym as WorkIcon,
-  Lp as bindPopover,
-  Pp as bindPopper,
-  Tp as bindTrigger,
-  Vn as closeSnackbar,
+  Tp as bindPopover,
+  Fp as bindPopper,
+  Ap as bindTrigger,
+  Gn as closeSnackbar,
   m as cn,
-  Hf as createColumnHelper,
-  gc as createDialogStack,
-  zn as enqueueSnackbar,
-  cc as estimateToolbarActionWidth,
-  vf as isCustomAction,
-  Wn as message,
+  Wf as createColumnHelper,
+  hc as createDialogStack,
+  Xn as enqueueSnackbar,
+  Ic as estimateToolbarActionWidth,
+  Bf as isCustomAction,
+  Vn as message,
   i as omit,
-  lc as planBulkToolbarActions,
-  Ic as planToolbarActions,
+  ac as planBulkToolbarActions,
+  dc as planToolbarActions,
   n as prepareForSlot,
-  Bn as processAlertSnackBar,
-  xn as processDefaultSnackbar,
-  Hn as processInfoSnackbar,
-  ac as resolveToolbarActionWidth,
-  jp as setMidnightTime,
-  Jp as setZeroTime,
-  Uf as useDynamicToolbarLayout,
-  Fp as usePopupState,
-  Gn as useSnackbar
+  xn as processAlertSnackBar,
+  Hn as processDefaultSnackbar,
+  Wn as processInfoSnackbar,
+  uc as resolveToolbarActionWidth,
+  Yp as setMidnightTime,
+  $p as setZeroTime,
+  zf as useDynamicToolbarLayout,
+  Rp as usePopupState,
+  qn as useSnackbar
 };

package/dist/src/components/icons/call-icon/CallIcon.d.ts

@@ -0,0 +1,9 @@
+import { SVGProps } from 'react';
+/**
+ * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#33057-232886 (Design-System · "call")
+ *
+ * Material Symbols "call" (outlined). The exported glyph is 15×15 inside a 20px icon frame
+ * (12.5% inset), so it is placed on the shared 24×24 grid via `translate(3 3) scale(1.2)` —
+ * 15 × 1.2 = 18 units of glyph with a 3-unit inset, preserving the designed proportions.
+ */
+export declare function CallIcon(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/components/icons/call-icon/index.d.ts

@@ -0,0 +1 @@
+export * from './CallIcon';

package/dist/src/components/icons/index.d.ts

@@ -173,3 +173,4 @@ export * from './rocket-launch-icon';
 export * from './load-current-icon';
 export * from './rotate-auto-icon';
 export * from './move-up-icon';
+export * from './call-icon';

package/dist/src/hooks/useTopLayer.hook.d.ts

@@ -44,6 +44,34 @@ export declare const TOP_LAYER_RESET_STYLE: CSSProperties;
  * body portal.
  */
 export declare function getOpenModalDialogAncestor(node: unknown): HTMLElement | undefined;
+declare global {
+    interface Window {
+        rawWindow?: Window;
+        __asmaOpenModalDialogRegistry__?: OpenModalDialogRegistry;
+    }
+}
+interface OpenModalDialogRegistry {
+    dialogs: HTMLDialogElement[];
+    listeners: Set<() => void>;
+}
+/**
+ * Publish an open modal `<dialog>` as the current top-layer occupant. Call right after
+ * `showModal()`; the returned unregister must run before/as the dialog closes. `StyledDialog` wires
+ * this from the same layout effect that opens the dialog.
+ */
+export declare function registerOpenModalDialog(dialog: HTMLDialogElement): () => void;
+/**
+ * The modal `<dialog>` currently at the top of the browser top layer, or `undefined` when no ui-core
+ * modal is open. Stale entries (a dialog torn down without its cleanup running) are skipped rather
+ * than trusted, so a missed unregister can never strand an overlay in a detached subtree.
+ */
+export declare function getTopmostOpenModalDialog(): HTMLDialogElement | undefined;
+/**
+ * Reactive {@link getTopmostOpenModalDialog} — re-renders the caller when a modal `<dialog>` opens or
+ * closes. Use as the portal root for an **anchorless** overlay that must clear an open modal
+ * (`SnackbarProvider`, `StyledSnackbar`); anchored overlays use {@link getOpenModalDialogAncestor}.
+ */
+export declare function useTopmostOpenModalDialog(): HTMLDialogElement | undefined;
 /**
  * `true` when the floating node should join the top layer via the Popover API.
  * `false` when it is (or will be) portalled into an open modal `<dialog>` — see hook docs.

package/dist/src/hooks/useTopLayer.hook.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.62.0",
+    "version": "3.64.0",
     "type": "module",
     "sideEffects": [
         "**/*.css",