@ai-matrx/design-system 0.86.357 → 0.86.359

package/dist/data-table/uuid-cell.js

@@ -3,16 +3,17 @@ import "../chunk-QFP4BUKZ.js";
 import {
   RecordId,
   shortUuid
-} from "../chunk-U46XUQI7.js";
-import "../chunk-6XNYYROM.js";
+} from "../chunk-KSCSH7AO.js";
+import "../chunk-WVEDW5VO.js";
 import "../chunk-BD77DHUO.js";
 import "../chunk-BKCJUFD3.js";
 import "../chunk-PIQJULQB.js";
 import "../chunk-MOZRIHJF.js";
-import "../chunk-X6ZRHJQP.js";
+import "../chunk-T57DLONB.js";
 import "../chunk-BNXNIN2S.js";
+import "../chunk-HS6GMHKZ.js";
 import "../chunk-ORXB4A5E.js";
-import "../chunk-POJ3RR3K.js";
+import "../chunk-B5D3VIMC.js";
 import "../chunk-4JAYMFQO.js";
 import "../chunk-WFITMVDB.js";
 import "../chunk-WAT2XW7L.js";

package/dist/desktop.cjs

@@ -3896,7 +3896,7 @@ var DropdownMenuSubTrigger = React25.forwardRef(({ className, inset, children, .
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
 var DropdownMenuSubContent = React25.forwardRef(({ className, container, surface = "default", sideOffset = 2, alignOffset = -4, collisionPadding, onFocusOutside, children, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
-  const [bottomClearance] = React25.useState(readBottomClearance);
+  const [bottomClearance] = React25.useState(sharedBottomClearance);
   const padding = menuCollisionPadding(collisionPadding ?? 8, 0, bottomClearance);
   const nested = useNestedSubmenuPlacement(ref, padding);
   const keep = useSubmenuSurvivesParentPanelFocus(nested.ref, onFocusOutside);
@@ -3918,18 +3918,27 @@ var DropdownMenuSubContent = React25.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 = (key2) => typeof caller === "number" ? caller : caller?.[key2] ?? 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);
@@ -3939,8 +3948,8 @@ function readClearance(height) {
 }
 var DropdownMenuContent = React25.forwardRef(({ className, sideOffset = 4, container, surface = "default", children, onCloseAutoFocus, collisionPadding, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
-  const [topClearance] = React25.useState(readTopClearance);
-  const [bottomClearance] = React25.useState(readBottomClearance);
+  const [topClearance] = React25.useState(sharedTopClearance);
+  const [bottomClearance] = React25.useState(sharedBottomClearance);
   const edges = useMenuScrollEdges(ref);
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     DropdownMenuPrimitive.Content,
@@ -5816,7 +5825,7 @@ function TableFilterBar({ columns, rows, state, onChange, shown, label, noun })
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { "data-slot": "data-table-filter-bar", className: "flex h-table-filter-bar shrink-0 items-center gap-2 border-b border-separator px-3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-1.5 overflow-hidden", children: [
       /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableFilterTokens, { columns, state, onChange }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Text, { tone: "secondary", className: "shrink-0 tabular-nums", "data-table-filter-count": shown, children: `${active ? `${shown} of ${rows.length}` : `${rows.length}`}${noun ? ` ${rows.length === 1 ? noun[0] : noun[1]}` : ""}` })
+      active || noun ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Text, { tone: "secondary", className: "shrink-0 tabular-nums", "data-table-filter-count": shown, children: `${active ? `${shown} of ${rows.length}` : `${rows.length}`}${noun ? ` ${rows.length === 1 ? noun[0] : noun[1]}` : ""}` }) : null
     ] }),
     searchable ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       SearchField,