@moving-walls/design-system 1.0.19 → 1.0.20

package/dist/index.js

@@ -45657,13 +45657,15 @@ function DialogContent(_a) {
     };
   }, [context === null || context === void 0 ? void 0 : context.open]);
   if (!(context === null || context === void 0 ? void 0 : context.open)) return null;
-  return require$$1.jsxs("div", {
+  var portalTarget = typeof document !== 'undefined' ? document.body : null;
+  if (!portalTarget) return null;
+  return /*#__PURE__*/ReactDOM.createPortal(require$$1.jsxs("div", {
     className: "fixed inset-0 flex items-center justify-center",
     style: {
       zIndex: 999999
     },
     children: [require$$1.jsx("div", {
-      className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
+      className: "fixed inset-0 bg-black/50",
       style: {
         zIndex: 999998
       },
@@ -45671,7 +45673,7 @@ function DialogContent(_a) {
         return context.onOpenChange(false);
       }
     }), require$$1.jsxs("div", Object.assign({
-      className: clsx('relative w-full max-w-lg mx-4 max-h-[90vh] overflow-y-auto', 'bg-white dark:bg-mw-neutral-800 rounded-lg shadow-lg border border-mw-neutral-200 dark:border-mw-neutral-700', 'animate-in fade-in-0 zoom-in-95 duration-200', className),
+      className: clsx('relative w-full max-w-lg max-h-[90vh] overflow-y-auto', 'bg-white dark:bg-mw-neutral-800 rounded-lg shadow-lg border border-mw-neutral-200 dark:border-mw-neutral-700', 'animate-in fade-in-0 zoom-in-95 duration-200', className),
       style: {
         zIndex: 999999
       }
@@ -45686,7 +45688,7 @@ function DialogContent(_a) {
         })
       }), children]
     }))]
-  });
+  }), portalTarget);
 }
 function DialogHeader(_a) {
   var children = _a.children,
@@ -49588,10 +49590,23 @@ function AgGridTableInner(props) {
   // When serverSidePagination is true, disable AG Grid's built-in pagination.
   // We render our own bar below with proper React click handlers.
   var useGridPagination = !serverSidePagination && pagination;
-  return require$$1.jsxs(require$$1.Fragment, {
+  // When server-side pagination is active, wrap in a flex column so the grid
+  // shrinks and the pagination bar is always visible (never clipped by overflow-hidden).
+  var outerStyle = serverSidePagination ? {
+    display: 'flex',
+    flexDirection: 'column',
+    height: '100%',
+    width: '100%'
+  } : {};
+  return require$$1.jsxs("div", {
+    style: outerStyle,
     children: [require$$1.jsx("div", {
       className: "".concat(AG_GRID_THEME_CLASS, " ag-grid-table-wrapper ").concat(className),
-      style: containerStyle !== null && containerStyle !== void 0 ? containerStyle : {
+      style: serverSidePagination ? {
+        flex: '1 1 0%',
+        minHeight: 0,
+        width: '100%'
+      } : containerStyle !== null && containerStyle !== void 0 ? containerStyle : {
         height: "100%",
         width: "100%"
       },