@ai-matrx/design-system 0.86.357 → 0.86.359

package/dist/item.js

@@ -12,7 +12,7 @@ import {
   runCommand,
   runToggle,
   useItemMenuHost
-} from "./chunk-QA7EHFRX.js";
+} from "./chunk-T3FKFPCW.js";
 import "./chunk-J6637L6D.js";
 import {
   MenuLookContent,
@@ -22,7 +22,7 @@ import {
   MenuLookSub,
   MenuLookSubContent,
   MenuLookSubTrigger
-} from "./chunk-T4D7WAV7.js";
+} from "./chunk-42GFQMLA.js";
 import "./chunk-HEFTQUJ5.js";
 import "./chunk-K4XCB576.js";
 import {
@@ -44,16 +44,16 @@ import "./chunk-NDTDBBMM.js";
 import "./chunk-KPZX2M2C.js";
 import "./chunk-WFBPCMPF.js";
 import "./chunk-OPF265PU.js";
-import "./chunk-6XNYYROM.js";
+import "./chunk-WVEDW5VO.js";
 import "./chunk-BD77DHUO.js";
 import "./chunk-BKCJUFD3.js";
 import "./chunk-MOZRIHJF.js";
 import {
   DropdownMenu,
   DropdownMenuTrigger
-} from "./chunk-X6ZRHJQP.js";
+} from "./chunk-T57DLONB.js";
 import "./chunk-BNXNIN2S.js";
-import "./chunk-POJ3RR3K.js";
+import "./chunk-B5D3VIMC.js";
 import "./chunk-WFITMVDB.js";
 import "./chunk-WAT2XW7L.js";
 import {

package/dist/lite-table.js

@@ -12,17 +12,17 @@ import {
   MAC_TABLE_SLOTS
 } from "./chunk-5JZSBNEY.js";
 import "./chunk-5Z5GTXKL.js";
-import "./chunk-HS6GMHKZ.js";
 import {
   getTapTargetLinkComponent
 } from "./chunk-WFBPCMPF.js";
 import {
   Button
-} from "./chunk-6XNYYROM.js";
+} from "./chunk-WVEDW5VO.js";
 import "./chunk-BD77DHUO.js";
 import "./chunk-BKCJUFD3.js";
-import "./chunk-X6ZRHJQP.js";
+import "./chunk-T57DLONB.js";
 import "./chunk-BNXNIN2S.js";
+import "./chunk-HS6GMHKZ.js";
 import "./chunk-WFITMVDB.js";
 import "./chunk-WAT2XW7L.js";
 import "./chunk-7IOSA55D.js";

package/dist/menu-look.cjs

@@ -429,7 +429,7 @@ var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ..
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
 var DropdownMenuSubContent = React5.forwardRef(({ className, container, surface = "default", sideOffset = 2, alignOffset = -4, collisionPadding, onFocusOutside, children, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
-  const [bottomClearance] = React5.useState(readBottomClearance);
+  const [bottomClearance] = React5.useState(sharedBottomClearance);
   const padding = menuCollisionPadding(collisionPadding ?? 8, 0, bottomClearance);
   const nested = useNestedSubmenuPlacement(ref, padding);
   const keep = useSubmenuSurvivesParentPanelFocus(nested.ref, onFocusOutside);
@@ -451,18 +451,27 @@ var DropdownMenuSubContent = React5.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);
@@ -472,8 +481,8 @@ function readClearance(height) {
 }
 var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, container, surface = "default", children, onCloseAutoFocus, collisionPadding, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
-  const [topClearance] = React5.useState(readTopClearance);
-  const [bottomClearance] = React5.useState(readBottomClearance);
+  const [topClearance] = React5.useState(sharedTopClearance);
+  const [bottomClearance] = React5.useState(sharedBottomClearance);
   const edges = useMenuScrollEdges(ref);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     DropdownMenuPrimitive.Content,