@ai-matrx/design-system 0.86.357 → 0.86.359

package/dist/email-input-dialog.js

@@ -8,7 +8,6 @@ import {
 import {
   ErrorActions
 } from "./chunk-5Z5GTXKL.js";
-import "./chunk-HS6GMHKZ.js";
 import {
   Dialog,
   DialogContent,
@@ -22,6 +21,7 @@ import "./chunk-U24MOJWK.js";
 import "./chunk-NDTDBBMM.js";
 import "./chunk-BKCJUFD3.js";
 import "./chunk-MOZRIHJF.js";
+import "./chunk-HS6GMHKZ.js";
 import "./chunk-WFITMVDB.js";
 import "./chunk-WAT2XW7L.js";
 import {

package/dist/index.cjs

@@ -2744,18 +2744,20 @@ var init_dialog = __esm({
 });
 
 // src/dropdown-menu.tsx
-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) {
+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 px3 = measureClearance(height);
+  clearanceCache.set(height, { px: px3, at: now });
+  return px3;
+}
+function measureClearance(height) {
   const probe2 = document.createElement("div");
   probe2.style.cssText = `position:fixed;top:0;left:0;width:0;visibility:hidden;pointer-events:none;height:${height}`;
   document.body.appendChild(probe2);
@@ -2763,7 +2765,7 @@ function readClearance(height) {
   probe2.remove();
   return Number.isFinite(px3) ? Math.ceil(px3) : 0;
 }
-var DropdownMenuPrimitive, React27, import_jsx_runtime36, DropdownMenu, DropdownMenuTrigger, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuRadioGroup, MENU_SURFACE_CLASS, MENU_ITEM_CLASS, MENU_INDICATOR_ITEM_CLASS, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut;
+var DropdownMenuPrimitive, React27, import_jsx_runtime36, DropdownMenu, DropdownMenuTrigger, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuRadioGroup, MENU_SURFACE_CLASS, MENU_ITEM_CLASS, MENU_INDICATOR_ITEM_CLASS, DropdownMenuSubTrigger, DropdownMenuSubContent, CLEARANCE_REUSE_MS, clearanceCache, clock, TOP_CLEARANCE, BOTTOM_CLEARANCE, sharedTopClearance, sharedBottomClearance, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut;
 var init_dropdown_menu = __esm({
   "src/dropdown-menu.tsx"() {
     "use strict";
@@ -2809,7 +2811,7 @@ var init_dropdown_menu = __esm({
     DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
     DropdownMenuSubContent = React27.forwardRef(({ className, container, surface = "default", sideOffset = 2, alignOffset = -4, collisionPadding, onFocusOutside, children, ...props }, ref) => {
       const portalContainer = usePortalContainer(container);
-      const [bottomClearance] = React27.useState(readBottomClearance);
+      const [bottomClearance] = React27.useState(sharedBottomClearance);
       const padding = menuCollisionPadding(collisionPadding ?? 8, 0, bottomClearance);
       const nested = useNestedSubmenuPlacement(ref, padding);
       const keep = useSubmenuSurvivesParentPanelFocus(nested.ref, onFocusOutside);
@@ -2831,10 +2833,17 @@ var init_dropdown_menu = __esm({
       ) });
     });
     DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+    CLEARANCE_REUSE_MS = 500;
+    clearanceCache = /* @__PURE__ */ new Map();
+    clock = () => typeof performance !== "undefined" ? performance.now() : Date.now();
+    TOP_CLEARANCE = "var(--matrx-floating-top-clearance, var(--shell-header-h, 0px))";
+    BOTTOM_CLEARANCE = "var(--matrx-floating-clearance, 0px)";
+    sharedTopClearance = () => readClearance(TOP_CLEARANCE, true);
+    sharedBottomClearance = () => readClearance(BOTTOM_CLEARANCE, true);
     DropdownMenuContent = React27.forwardRef(({ className, sideOffset = 4, container, surface = "default", children, onCloseAutoFocus, collisionPadding, ...props }, ref) => {
       const portalContainer = usePortalContainer(container);
-      const [topClearance] = React27.useState(readTopClearance);
-      const [bottomClearance] = React27.useState(readBottomClearance);
+      const [topClearance] = React27.useState(sharedTopClearance);
+      const [bottomClearance] = React27.useState(sharedBottomClearance);
       const edges = useMenuScrollEdges(ref);
       return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         DropdownMenuPrimitive.Content,
@@ -10315,13 +10324,14 @@ function useTableNotice() {
   const [message, setMessage] = (0, import_react10.useState)(null);
   const notify = (0, import_react10.useMemo)(
     () => ({
-      success(text) {
-        if (host.notify) host.notify.success(text);
-        else setMessage({ text, error: false });
+      // A card is a short title and an optional line (NOTICE_TEXT_BUDGET); the inline fallback joins them.
+      success(text, options) {
+        if (host.notify) host.notify.success(text, options);
+        else setMessage({ text: options?.description ? `${text}. ${options.description}` : text, error: false });
       },
-      error(text) {
-        if (host.notify) host.notify.error(text);
-        else setMessage({ text, error: true });
+      error(text, options) {
+        if (host.notify) host.notify.error(text, options);
+        else setMessage({ text: options?.description ? `${text}. ${options.description}` : text, error: true });
       }
     }),
     [host]
@@ -10356,6 +10366,7 @@ function displayId(id, show = "auto") {
 }
 
 // src/record-id.tsx
+init_error_sentence();
 var import_jsx_runtime71 = require("react/jsx-runtime");
 function RecordId({
   value,
@@ -10416,7 +10427,7 @@ function RecordId({
     e.preventDefault();
     void (0, import_clipboard.copyText)(value).then((ok) => {
       if (!ok) {
-        notify?.error(`Couldn't copy ${copyLabel}`);
+        notify?.error("Not copied", { description: copyLabel });
         return;
       }
       setCopied(true);
@@ -10432,12 +10443,10 @@ function RecordId({
     try {
       const result = await onOpen(value);
       if (result === "forbidden") {
-        notify?.error("You don't have access to open this record");
+        notify?.error("No access", { description: "This account can't open this record" });
       }
     } catch (err) {
-      notify?.error(
-        `Couldn't open: ${err instanceof Error ? err.message : String(err)}`
-      );
+      notify?.error("Not opened", { description: peopleErrorSentence(err, null, { card: true }) });
     } finally {
       setOpening(false);
     }