asma-ui-core 3.53.1 → 3.54.0

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

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

package/package.json

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