@ai-matrx/design-system 0.86.361 → 0.86.362

package/dist/data-table/pagination.cjs

@@ -548,14 +548,18 @@ 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) => {
+var DropdownMenuSubContent = React6.forwardRef(({ container, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(OpenDropdownMenuSubContent, { ref, ...props }) });
+});
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var OpenDropdownMenuSubContent = React6.forwardRef(({ className, surface = "default", sideOffset = 2, alignOffset = -4, collisionPadding, onFocusOutside, children, ...props }, ref) => {
   const [bottomClearance] = React6.useState(sharedBottomClearance);
   const padding = menuCollisionPadding(collisionPadding ?? 8, 0, bottomClearance);
   const nested = useNestedSubmenuPlacement(ref, padding);
   const keep = useSubmenuSurvivesParentPanelFocus(nested.ref, onFocusOutside);
   const edges = useMenuScrollEdges(keep.ref);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     DropdownMenuPrimitive.SubContent,
     {
       ref: edges.ref,
@@ -569,9 +573,9 @@ var DropdownMenuSubContent = React6.forwardRef(({ className, container, surface
       ...props,
       children: nested.wrap(edges.wrap(children))
     }
-  ) });
+  );
 });
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+OpenDropdownMenuSubContent.displayName = "OpenDropdownMenuSubContent";
 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") };
@@ -600,12 +604,16 @@ function measureClearance(height) {
   probe.remove();
   return Number.isFinite(px) ? Math.ceil(px) : 0;
 }
-var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, container, surface = "default", children, onCloseAutoFocus, collisionPadding, ...props }, ref) => {
+var DropdownMenuContent = React6.forwardRef(({ container, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(OpenDropdownMenuContent, { ref, ...props }) });
+});
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var OpenDropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, surface = "default", children, onCloseAutoFocus, collisionPadding, ...props }, ref) => {
   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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     DropdownMenuPrimitive.Content,
     {
       ref: edges.ref,
@@ -625,9 +633,9 @@ var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, contai
       onCloseAutoFocus: keepMovedFocus(onCloseAutoFocus),
       children: edges.wrap(children)
     }
-  ) });
+  );
 });
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+OpenDropdownMenuContent.displayName = "OpenDropdownMenuContent";
 var DropdownMenuItem = React6.forwardRef(({ className, inset, tone, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
   DropdownMenuPrimitive.Item,
   {