asma-ui-core 3.51.1 → 3.52.0

package/dist/components/navigation/menu/StyledMenu.js

@@ -1,11 +1,11 @@
-import { cn as y } from "../../../helpers/cn.js";
-import { StyledPopover as S } from "../../utils/popover/StyledPopover.js";
-import { StyledMenuList as f } from "./StyledMenuList.js";
+import { cn as S } from "../../../helpers/cn.js";
+import { StyledPopover as f } from "../../utils/popover/StyledPopover.js";
+import { StyledMenuList as u } from "./StyledMenuList.js";
 import { jsx as p } from "react/jsx-runtime";
-var u = {
+var v = {
   border: "1px solid var(--colors-delta-300)",
   boxShadow: "0px 2px 4px 0px rgba(34, 33, 51, 0.15)"
-}, M = ({ open: a, anchorEl: o, onClose: t, anchorOrigin: l, transformOrigin: m, id: d, className: s, sx: x, classes: e, slotProps: r, autoFocus: i = !0, onClick: c, children: n }) => /* @__PURE__ */ p(S, {
+}, h = ({ open: a, anchorEl: o, onClose: t, anchorOrigin: l, transformOrigin: m, id: d, className: s, sx: x, classes: e, slotProps: r, autoFocus: i = !0, onClick: c, children: n, keepMounted: y }) => /* @__PURE__ */ p(f, {
   open: a,
   anchorEl: o,
   onClose: t,
@@ -14,12 +14,13 @@ var u = {
   id: d,
   className: s,
   sx: x,
+  keepMounted: y,
   slotProps: { paper: {
-    className: y("rounded", e?.paper, r?.paper?.className),
-    sx: [u, r?.paper?.sx],
+    className: S("rounded", e?.paper, r?.paper?.className),
+    sx: [v, r?.paper?.sx],
     style: r?.paper?.style
   } },
-  children: /* @__PURE__ */ p(f, {
+  children: /* @__PURE__ */ p(u, {
     autoFocus: i,
     className: e?.list,
     onClick: c,
@@ -27,5 +28,5 @@ var u = {
   })
 });
 export {
-  M as StyledMenu
+  h as StyledMenu
 };

package/dist/components/utils/popover/StyledPopover.js

@@ -1,53 +1,68 @@
-import { cn as A } from "../../../helpers/cn.js";
-import { resolveSx as i } from "../../../helpers/sx.js";
-import { TOP_LAYER_PROPS as F, TOP_LAYER_RESET_STYLE as P, getOpenModalDialogAncestor as S, useTopLayerRef as h } from "../../../hooks/useTopLayer.hook.js";
-import { useMemo as l } from "react";
-import { jsx as s } from "react/jsx-runtime";
-import { FloatingPortal as w, autoUpdate as E, flip as L, offset as z, shift as D, useDismiss as M, useFloating as O, useInteractions as N, useMergeRefs as k } from "@floating-ui/react";
-var C = {
+import { cn as E } from "../../../helpers/cn.js";
+import { resolveSx as p } from "../../../helpers/sx.js";
+import { TOP_LAYER_PROPS as F, TOP_LAYER_RESET_STYLE as O, getOpenModalDialogAncestor as L, useTopLayerRef as M } from "../../../hooks/useTopLayer.hook.js";
+import { useEffect as z, useMemo as f, useState as D } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { FloatingPortal as N, autoUpdate as k, flip as C, offset as U, shift as Y, useDismiss as H, useFloating as K, useInteractions as $, useMergeRefs as j } from "@floating-ui/react";
+var I = {
   vertical: "bottom",
   horizontal: "left"
-}, U = {
+}, q = {
   vertical: "top",
   horizontal: "left"
-}, Y = (e, t) => `${t.vertical === "bottom" ? "top" : t.vertical === "top" ? "bottom" : e.vertical === "top" ? "top" : "bottom"}${e.horizontal === "left" ? "-start" : e.horizontal === "right" ? "-end" : ""}`, B = ({ open: e, anchorEl: t, onClose: p, anchorOrigin: r = C, transformOrigin: a = U, id: n, className: m, sx: f, slotProps: o, onClick: d, children: c }) => {
-  const { refs: u, floatingStyles: g, context: v } = O({
+}, B = (e, o) => `${o.vertical === "bottom" ? "top" : o.vertical === "top" ? "bottom" : e.vertical === "top" ? "top" : "bottom"}${e.horizontal === "left" ? "-start" : e.horizontal === "right" ? "-end" : ""}`, Z = ({ open: e, anchorEl: o, onClose: d, anchorOrigin: i = I, transformOrigin: l = q, id: u, className: m, sx: v, slotProps: a, onClick: g, children: h, keepMounted: y = !1 }) => {
+  const R = f(() => B(i, l), [i, l]), [n, _] = D(e);
+  e && !n && _(!0);
+  const r = e || y && n, { refs: s, floatingStyles: x, context: P } = K({
     open: e,
-    placement: l(() => Y(r, a), [r, a]),
+    placement: R,
     strategy: "fixed",
-    whileElementsMounted: E,
-    elements: { reference: t ?? void 0 },
+    whileElementsMounted: k,
+    elements: { reference: o ?? void 0 },
     middleware: [
-      z(4),
-      L({ padding: 8 }),
-      D({ padding: 8 })
+      U(4),
+      C({ padding: 8 }),
+      Y({ padding: 8 })
     ],
-    onOpenChange: (y, T, b) => {
-      y || p?.(T ?? {}, b === "escape-key" ? "escapeKeyDown" : "backdropClick");
+    onOpenChange: (t, b, A) => {
+      t || d?.(b ?? {}, A === "escape-key" ? "escapeKeyDown" : "backdropClick");
     }
-  }), { getFloatingProps: R } = N([M(v, {
+  }), { getFloatingProps: w } = $([H(P, {
     outsidePress: !0,
     escapeKey: !0
-  })]), _ = k([h(u.setFloating)]), x = l(() => e ? S(t) : void 0, [e, t]);
-  return e ? /* @__PURE__ */ s(w, {
-    root: x,
-    children: /* @__PURE__ */ s("div", {
-      ref: _,
-      id: n,
+  })]), S = j([M(s.setFloating)]), T = f(() => r ? L(o) : void 0, [r, o]);
+  return z(() => {
+    if (!r) return;
+    const t = s.floating.current;
+    if (!(!t || typeof t.showPopover != "function"))
+      try {
+        e && !t.matches(":popover-open") && t.showPopover(), !e && t.matches(":popover-open") && t.hidePopover();
+      } catch {
+      }
+  }, [
+    e,
+    r,
+    s.floating
+  ]), r ? /* @__PURE__ */ c(N, {
+    root: T,
+    children: /* @__PURE__ */ c("div", {
+      ref: S,
+      id: u,
       ...F,
       style: {
-        ...P,
-        ...g,
-        ...i(f),
-        ...i(o?.paper?.sx),
-        ...o?.paper?.style
+        ...O,
+        ...e ? x : {},
+        ...p(v),
+        ...p(a?.paper?.sx),
+        ...a?.paper?.style,
+        ...e ? null : { display: "none" }
       },
-      ...R({ onClick: d }),
-      className: A("z-[1300] overflow-auto rounded bg-white shadow-[0px_1px_12px_0px_rgba(0,0,0,0.15)]", m ?? "my-1", o?.paper?.className),
-      children: c
+      ...e ? w({ onClick: g }) : {},
+      className: E("z-[1300] overflow-auto rounded bg-white shadow-[0px_1px_12px_0px_rgba(0,0,0,0.15)]", m ?? "my-1", a?.paper?.className),
+      children: h
     })
   }) : null;
 };
 export {
-  B as StyledPopover
+  Z as StyledPopover
 };

package/dist/src/components/mui-compat/Popper.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties, ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
+import { CSSProperties, ReactNode } from 'react';
 export interface PopperTransitionProps {
     in: boolean;
     onExited: () => void;

package/dist/src/components/navigation/menu/StyledMenu.d.ts

@@ -24,10 +24,12 @@ export interface MenuProps {
     autoFocus?: boolean;
     onClick?: (event: MouseEvent<HTMLUListElement>) => void;
     children?: ReactNode;
+    /** MUI `Menu` `keepMounted` parity — see `StyledPopover.keepMounted`. */
+    keepMounted?: boolean;
 }
 /**
  * Anchored menu (replaces MUI `Menu`) = `StyledPopover` + a keyboard-navigable `StyledMenuList`.
  * Public props (`open`/`anchorEl`/`onClose`/`anchorOrigin`/`classes`/`autoFocus`) preserved
  * (DEC-003). TASK-303.
  */
-export declare const StyledMenu: ({ open, anchorEl, onClose, anchorOrigin, transformOrigin, id, className, sx, classes, slotProps, autoFocus, onClick, children, }: MenuProps) => JSX.Element;
+export declare const StyledMenu: ({ open, anchorEl, onClose, anchorOrigin, transformOrigin, id, className, sx, classes, slotProps, autoFocus, onClick, children, keepMounted, }: MenuProps) => JSX.Element;

package/dist/src/components/utils/popover/StyledPopover.d.ts

@@ -22,6 +22,12 @@ export interface StyledPopoverProps {
     };
     onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
     children?: ReactNode;
+    /**
+     * MUI `keepMounted` parity: after the first open, keep children in the React tree while closed
+     * (hidden). Needed when a menu item owns a dialog — without this, closing the menu unmounts the
+     * dialog in the same tick it opens.
+     */
+    keepMounted?: boolean;
 }
 /**
  * @figmaNode none — no standalone Figma component
@@ -36,4 +42,4 @@ export interface StyledPopoverProps {
  * mapping to MUI's `onClose(event, reason)`. `anchorOrigin`/`transformOrigin`/`slotProps.paper`
  * preserved (DEC-003). TASK-302.
  */
-export declare const StyledPopover: ({ open, anchorEl, onClose, anchorOrigin, transformOrigin, id, className, sx, slotProps, onClick, children, }: StyledPopoverProps) => JSX.Element | null;
+export declare const StyledPopover: ({ open, anchorEl, onClose, anchorOrigin, transformOrigin, id, className, sx, slotProps, onClick, children, keepMounted, }: StyledPopoverProps) => JSX.Element | null;

package/package.json

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