@ai-matrx/design-system 0.86.357 → 0.86.359

package/dist/menu-look.js

@@ -34,10 +34,10 @@ import {
   MenuLookSubContent,
   MenuLookSubTrigger,
   menuLookItemClass
-} from "./chunk-T4D7WAV7.js";
+} from "./chunk-42GFQMLA.js";
 import "./chunk-HEFTQUJ5.js";
 import "./chunk-OPF265PU.js";
-import "./chunk-X6ZRHJQP.js";
+import "./chunk-T57DLONB.js";
 import "./chunk-BNXNIN2S.js";
 import "./chunk-FXXSZNER.js";
 import "./chunk-DGNHZBJY.js";

package/dist/record-list.cjs

@@ -1047,7 +1047,7 @@ var DropdownMenuSubTrigger = React7.forwardRef(({ className, inset, children, ..
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
 var DropdownMenuSubContent = React7.forwardRef(({ className, container, surface = "default", sideOffset = 2, alignOffset = -4, collisionPadding, onFocusOutside, children, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
-  const [bottomClearance] = React7.useState(readBottomClearance);
+  const [bottomClearance] = React7.useState(sharedBottomClearance);
   const padding = menuCollisionPadding(collisionPadding ?? 8, 0, bottomClearance);
   const nested = useNestedSubmenuPlacement(ref, padding);
   const keep = useSubmenuSurvivesParentPanelFocus(nested.ref, onFocusOutside);
@@ -1069,18 +1069,27 @@ var DropdownMenuSubContent = React7.forwardRef(({ className, container, surface
   ) });
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-function readTopClearance() {
-  return readClearance("var(--matrx-floating-top-clearance, var(--shell-header-h, 0px))");
-}
-function readBottomClearance() {
-  return readClearance("var(--matrx-floating-clearance, 0px)");
-}
 function menuCollisionPadding(caller, top, bottom, fallback = 0) {
   const side = (key) => typeof caller === "number" ? caller : caller?.[key] ?? fallback;
   return { top: Math.max(side("top"), top), right: side("right"), bottom: Math.max(side("bottom"), bottom), left: side("left") };
 }
-function readClearance(height) {
+var CLEARANCE_REUSE_MS = 500;
+var clearanceCache = /* @__PURE__ */ new Map();
+var clock = () => typeof performance !== "undefined" ? performance.now() : Date.now();
+function readClearance(height, shared = false) {
   if (typeof document === "undefined") return 0;
+  const now = clock();
+  const held = shared ? clearanceCache.get(height) : void 0;
+  if (held && now - held.at < CLEARANCE_REUSE_MS) return held.px;
+  const px = measureClearance(height);
+  clearanceCache.set(height, { px, at: now });
+  return px;
+}
+var TOP_CLEARANCE = "var(--matrx-floating-top-clearance, var(--shell-header-h, 0px))";
+var BOTTOM_CLEARANCE = "var(--matrx-floating-clearance, 0px)";
+var sharedTopClearance = () => readClearance(TOP_CLEARANCE, true);
+var sharedBottomClearance = () => readClearance(BOTTOM_CLEARANCE, true);
+function measureClearance(height) {
   const probe = document.createElement("div");
   probe.style.cssText = `position:fixed;top:0;left:0;width:0;visibility:hidden;pointer-events:none;height:${height}`;
   document.body.appendChild(probe);
@@ -1090,8 +1099,8 @@ function readClearance(height) {
 }
 var DropdownMenuContent = React7.forwardRef(({ className, sideOffset = 4, container, surface = "default", children, onCloseAutoFocus, collisionPadding, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
-  const [topClearance] = React7.useState(readTopClearance);
-  const [bottomClearance] = React7.useState(readBottomClearance);
+  const [topClearance] = React7.useState(sharedTopClearance);
+  const [bottomClearance] = React7.useState(sharedBottomClearance);
   const edges = useMenuScrollEdges(ref);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     DropdownMenuPrimitive.Content,