@assure-one/design-system 1.28.0 → 1.29.0

package/dist/index.d.ts

@@ -5695,8 +5695,14 @@ interface DisplayMenuProps {
     /** Page gutter (px) the panel pins its right edge to. Defaults to the
      *  24px dashboard padding; raise it for wider-inset layouts. */
     gutterPx?: number;
-}
-declare function DisplayMenu({ sections, onReset, isAtDefault, tooltip, dataTour, triggerIcon, triggerLabel, className, gutterPx, }: DisplayMenuProps): react_jsx_runtime.JSX.Element;
+    /** Which side of the panel the section flyouts open on. `"auto"` (default)
+     *  opens left whenever the panel has room there — right for gutter-pinned
+     *  panels like the Clients table's Display button. Pass `"right"` when the
+     *  trigger lives in a left-anchored surface (e.g. an inbox panel) and the
+     *  free space is on the right. */
+    flyoutSide?: "auto" | "left" | "right";
+}
+declare function DisplayMenu({ sections, onReset, isAtDefault, tooltip, dataTour, triggerIcon, triggerLabel, className, gutterPx, flyoutSide, }: DisplayMenuProps): react_jsx_runtime.JSX.Element;
 
 declare function cn(...inputs: ClassValue[]): string;
 

package/dist/index.js

@@ -18286,7 +18286,8 @@ function DisplayMenu({
   triggerIcon,
   triggerLabel = "Display",
   className,
-  gutterPx = DEFAULT_GUTTER_PX
+  gutterPx = DEFAULT_GUTTER_PX,
+  flyoutSide = "auto"
 }) {
   const [open, setOpen] = useState(false);
   const [openKey, setOpenKey] = useState(null);
@@ -18323,9 +18324,9 @@ function DisplayMenu({
       MIN_FLYOUT_HEIGHT,
       window.innerHeight - (panelRect.top + top) - VIEWPORT_MARGIN
     );
-    const side = panelRect.left >= FLYOUT_WIDTH + 16 ? "left" : "right";
+    const side = flyoutSide === "auto" ? panelRect.left >= FLYOUT_WIDTH + 16 ? "left" : "right" : flyoutSide;
     setFlyout({ top, side, maxHeight });
-  }, []);
+  }, [flyoutSide]);
   const openSection = useCallback(
     (key) => {
       clearTimers();