@mastra/playground-ui 30.0.1-alpha.0 → 30.0.1

package/dist/index.css

@@ -790,6 +790,14 @@
     z-index: 50;
   }
 
+  .z-500 {
+    z-index: 500;
+  }
+
+  .z-1000 {
+    z-index: 1000;
+  }
+
   .z-\[1\] {
     z-index: 1;
   }

package/dist/index.es.js

@@ -6698,7 +6698,7 @@ const itemClass$1 = cn(
   "[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:opacity-60 [&:hover>svg]:opacity-100"
 );
 const popupClass$1 = cn(
-  "bg-surface3 text-neutral4 z-50 min-w-44 max-h-[min(20rem,var(--available-height))] overflow-x-hidden overflow-y-auto rounded-xl border border-border1 p-1 shadow-dialog origin-[var(--transform-origin)] outline-none",
+  "bg-surface3 text-neutral4 z-1000 min-w-44 max-h-[min(20rem,var(--available-height))] overflow-x-hidden overflow-y-auto rounded-xl border border-border1 p-1 shadow-dialog origin-[var(--transform-origin)] outline-none",
   "data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95",
   "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1"
 );
@@ -6711,7 +6711,7 @@ const ContextMenuContent = React.forwardRef(
       alignOffset,
       side,
       sideOffset,
-      className: "z-50 outline-none",
+      className: "isolate z-1000 outline-none",
       children: /* @__PURE__ */ jsx(
         ContextMenu$1.Popup,
         {
@@ -6832,7 +6832,7 @@ const ContextMenuSubContent = React.forwardRef(
       alignOffset,
       side,
       sideOffset,
-      className: "z-50 outline-none",
+      className: "isolate z-1000 outline-none",
       children: /* @__PURE__ */ jsx(
         ContextMenu$1.Popup,
         {
@@ -13495,11 +13495,6 @@ const dataListRowStyles = [
   ...dataListRowOuterStyles
 ];
 
-const DataListRow = forwardRef(({ children, className, ...rest }, ref) => {
-  return /* @__PURE__ */ jsx("div", { ref, className: cn("grid grid-cols-subgrid gap-0 mx-1", ...dataListRowOuterStyles, className), ...rest, children });
-});
-DataListRow.displayName = "DataListRow";
-
 const DataListRowButton = forwardRef(
   ({ children, className, type = "button", flushLeft, flushRight, colStart, colEnd, featured, style, ...rest }, ref) => {
     const hasColumnOverride = colStart !== void 0 || colEnd !== void 0;
@@ -13582,6 +13577,21 @@ const DataListRowStatic = forwardRef(
 );
 DataListRowStatic.displayName = "DataListRowStatic";
 
+const DataListRowWrapper = forwardRef(
+  ({ children, className, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("grid grid-cols-subgrid gap-0 mx-1", ...dataListRowOuterStyles, className),
+        ...rest,
+        children
+      }
+    );
+  }
+);
+DataListRowWrapper.displayName = "DataListRowWrapper";
+
 function DataListSpacer({ height }) {
   if (height <= 0) return null;
   return /* @__PURE__ */ jsx("div", { className: "col-span-full", style: { height } });
@@ -13713,7 +13723,7 @@ const DataList = Object.assign(DataListRoot, {
   TopCell: DataListTopCell,
   TopCellWithTooltip: DataListTopCellWithTooltip,
   TopCellSmart: DataListTopCellSmart,
-  Row: DataListRow,
+  RowWrapper: DataListRowWrapper,
   RowButton: DataListRowButton,
   RowLink: DataListRowLink,
   RowStatic: DataListRowStatic,
@@ -13922,7 +13932,7 @@ const LogsDataList = Object.assign(DataListRoot, {
   TopCell: DataListTopCell,
   TopCellWithTooltip: DataListTopCellWithTooltip,
   TopCellSmart: DataListTopCellSmart,
-  Row: DataListRow,
+  RowWrapper: DataListRowWrapper,
   RowButton: DataListRowButton,
   RowLink: DataListRowLink,
   Spacer: DataListSpacer,