@ai-matrx/design-system 0.86.357 → 0.86.359

package/dist/index.d.cts

@@ -436,7 +436,7 @@ declare function ReadGate({ read, status: statusProp, error: errorProp, what: wh
     loading?: ReactNode;
     onRetry?: (() => void) | undefined;
     children: ReactNode;
-}): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | React$1.JSX.Element;
+}): string | number | bigint | boolean | React$1.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined>;
 /**
  * A list primitive's EMPTY branch (RC-B12 round 13): the failure while its read
  * failed, the wait while it loads, and the primitive's own empty view only
@@ -657,8 +657,8 @@ declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDia
 declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "success" | "primary" | "ghost" | "subtle" | null | undefined;
-    size?: "sm" | "md" | "default" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "icon" | "icon-sm" | "roundIcon" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "link" | "primary" | "ghost" | "subtle" | null | undefined;
+    size?: "default" | "sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "icon" | "icon-sm" | "roundIcon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
@@ -2362,7 +2362,7 @@ declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
 declare const selectTriggerVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * THE ONE DROPDOWN CHEVRON (page-pass 2026-09-27, /crm/<id>). Pickers drew three
@@ -2758,7 +2758,7 @@ declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<"ul
 declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React$1.ComponentProps<"button"> & {
     asChild?: boolean;
@@ -4647,8 +4647,8 @@ declare const ResizableHandle: {
 };
 
 declare const toggleVariants: (props?: ({
-    variant?: "switch" | "default" | "outline" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    variant?: "default" | "outline" | "switch" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ToggleProps extends React$1.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, VariantProps<typeof toggleVariants> {
 }
@@ -5417,8 +5417,8 @@ type AdvancedTooltipProps = {
     disabled?: boolean;
     variant?: "default" | "error" | "warning" | "success";
 };
-declare const SimpleTooltip: ({ children, text }: SimpleTooltipProps) => string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
-declare const AdvancedTooltip: ({ children, text, side, align, delayDuration, className, sideOffset, contentClassName, disabled, variant, }: AdvancedTooltipProps) => string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
+declare const SimpleTooltip: ({ children, text }: SimpleTooltipProps) => string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
+declare const AdvancedTooltip: ({ children, text, side, align, delayDuration, className, sideOffset, contentClassName, disabled, variant, }: AdvancedTooltipProps) => string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
 
 type LoadingVariant = 'dots' | 'bars' | 'brain' | 'minimal' | 'workflow';
 type LoadingSize = 'sm' | 'md' | 'lg';

package/dist/index.d.ts

@@ -436,7 +436,7 @@ declare function ReadGate({ read, status: statusProp, error: errorProp, what: wh
     loading?: ReactNode;
     onRetry?: (() => void) | undefined;
     children: ReactNode;
-}): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | React$1.JSX.Element;
+}): string | number | bigint | boolean | React$1.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined>;
 /**
  * A list primitive's EMPTY branch (RC-B12 round 13): the failure while its read
  * failed, the wait while it loads, and the primitive's own empty view only
@@ -657,8 +657,8 @@ declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDia
 declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "success" | "primary" | "ghost" | "subtle" | null | undefined;
-    size?: "sm" | "md" | "default" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "icon" | "icon-sm" | "roundIcon" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "link" | "primary" | "ghost" | "subtle" | null | undefined;
+    size?: "default" | "sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "icon" | "icon-sm" | "roundIcon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
@@ -2362,7 +2362,7 @@ declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
 declare const selectTriggerVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * THE ONE DROPDOWN CHEVRON (page-pass 2026-09-27, /crm/<id>). Pickers drew three
@@ -2758,7 +2758,7 @@ declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<"ul
 declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React$1.ComponentProps<"button"> & {
     asChild?: boolean;
@@ -4647,8 +4647,8 @@ declare const ResizableHandle: {
 };
 
 declare const toggleVariants: (props?: ({
-    variant?: "switch" | "default" | "outline" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    variant?: "default" | "outline" | "switch" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ToggleProps extends React$1.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, VariantProps<typeof toggleVariants> {
 }
@@ -5417,8 +5417,8 @@ type AdvancedTooltipProps = {
     disabled?: boolean;
     variant?: "default" | "error" | "warning" | "success";
 };
-declare const SimpleTooltip: ({ children, text }: SimpleTooltipProps) => string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
-declare const AdvancedTooltip: ({ children, text, side, align, delayDuration, className, sideOffset, contentClassName, disabled, variant, }: AdvancedTooltipProps) => string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
+declare const SimpleTooltip: ({ children, text }: SimpleTooltipProps) => string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
+declare const AdvancedTooltip: ({ children, text, side, align, delayDuration, className, sideOffset, contentClassName, disabled, variant, }: AdvancedTooltipProps) => string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
 
 type LoadingVariant = 'dots' | 'bars' | 'brain' | 'minimal' | 'workflow';
 type LoadingSize = 'sm' | 'md' | 'lg';

package/dist/index.js

@@ -25,7 +25,7 @@ import {
   matchesOrganizationQuery,
   orderOrganizationsForPicker,
   organizationColor
-} from "./chunk-TV2IDHPZ.js";
+} from "./chunk-K5ZQROWN.js";
 import {
   EditableLabel
 } from "./chunk-J6637L6D.js";
@@ -50,7 +50,7 @@ import {
   countReadState,
   indicatorText,
   unavailableCountLabel
-} from "./chunk-ACZALXD6.js";
+} from "./chunk-K3XWUACX.js";
 import {
   Collapsible,
   CollapsibleContent,
@@ -68,7 +68,7 @@ import {
   resolveSiteIcon,
   siteHostname
 } from "./chunk-ZCRPESQX.js";
-import "./chunk-T4D7WAV7.js";
+import "./chunk-42GFQMLA.js";
 import {
   ContextMenu,
   ContextMenuCheckboxItem,
@@ -88,7 +88,7 @@ import {
 } from "./chunk-HEFTQUJ5.js";
 import {
   MatrxTableRowAlchemyProvider
-} from "./chunk-CH2NWSES.js";
+} from "./chunk-TIV6M7Q7.js";
 import {
   DragCursorMonitor
 } from "./chunk-NR22O36P.js";
@@ -137,7 +137,7 @@ import {
   EmptyState,
   RowGroup,
   Tile
-} from "./chunk-GMNROZQJ.js";
+} from "./chunk-QTPW44IJ.js";
 import {
   Drawer,
   DrawerBody,
@@ -161,15 +161,6 @@ import {
   useErrorActions,
   useErrorCardMenus
 } from "./chunk-5Z5GTXKL.js";
-import {
-  FALLBACK_ERROR_SENTENCE,
-  TIMED_OUT_SENTENCE,
-  errorSentenceOf,
-  isOfflineError,
-  isRawErrorText,
-  isTimedOutError,
-  peopleErrorSentence
-} from "./chunk-HS6GMHKZ.js";
 import {
   Skeleton
 } from "./chunk-DRSBLHOF.js";
@@ -251,7 +242,7 @@ import {
   useModalLayerOpen,
   useRadixDialogModal
 } from "./chunk-NDTDBBMM.js";
-import "./chunk-FRJ4PPA2.js";
+import "./chunk-CZGZV35G.js";
 import {
   ALCHEMY_GLYPH_PATHS,
   ALCHEMY_GLYPH_VIEWBOX
@@ -293,7 +284,7 @@ import {
   TableHeader,
   TableRow,
   useTableSize
-} from "./chunk-MTE6N7XU.js";
+} from "./chunk-NFJ63LIH.js";
 import {
   getTapTargetLinkComponent,
   setTapTargetLinkComponent
@@ -311,14 +302,14 @@ import {
   RecordId,
   displayId,
   isRecordUuid
-} from "./chunk-U46XUQI7.js";
+} from "./chunk-KSCSH7AO.js";
 import {
   Badge,
   Button as Button2,
   Chip,
   ChipSet,
   Switch
-} from "./chunk-6XNYYROM.js";
+} from "./chunk-WVEDW5VO.js";
 import {
   BasicTextarea,
   Textarea,
@@ -351,15 +342,24 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
-} from "./chunk-X6ZRHJQP.js";
+} from "./chunk-T57DLONB.js";
 import {
   useScrollFade
 } from "./chunk-BNXNIN2S.js";
+import {
+  FALLBACK_ERROR_SENTENCE,
+  TIMED_OUT_SENTENCE,
+  errorSentenceOf,
+  isOfflineError,
+  isRawErrorText,
+  isTimedOutError,
+  peopleErrorSentence
+} from "./chunk-HS6GMHKZ.js";
 import "./chunk-ORXB4A5E.js";
 import {
   useMatrxDataTableHost,
   useMatrxTableRowAlchemy
-} from "./chunk-POJ3RR3K.js";
+} from "./chunk-B5D3VIMC.js";
 import "./chunk-4JAYMFQO.js";
 import {
   Select,

package/dist/item.cjs

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