@mastra/playground-ui 32.0.2-alpha.0 → 32.0.2-alpha.1

package/dist/index.es.js

@@ -6485,15 +6485,16 @@ const comboboxStyles = {
   error: "text-ui-sm text-accent2"
 };
 
-const PortalContainerContext = React.createContext(null);
+const PortalContainerContext = React.createContext(void 0);
 function PortalContainerProvider({
   container,
   children
 }) {
-  return /* @__PURE__ */ jsx(PortalContainerContext.Provider, { value: container, children });
+  return /* @__PURE__ */ jsx(PortalContainerContext.Provider, { value: container ?? void 0, children });
 }
-function usePortalContainer() {
-  return React.useContext(PortalContainerContext);
+function usePortalContainer(container) {
+  const fromContext = React.useContext(PortalContainerContext);
+  return container ?? fromContext ?? void 0;
 }
 
 const triggerVariantStyles = {
@@ -6518,8 +6519,7 @@ function Combobox({
   error
 }) {
   const selectedOption = options.find((option) => option.value === value) ?? null;
-  const portalContainer = usePortalContainer();
-  const resolvedContainer = container ?? portalContainer ?? void 0;
+  const resolvedContainer = usePortalContainer(container);
   const handleSelect = (item) => {
     if (item) {
       onValueChange?.(item.value);
@@ -7096,9 +7096,8 @@ const SelectTrigger = React.forwardRef(
 SelectTrigger.displayName = "SelectTrigger";
 const SelectContent = React.forwardRef(
   ({ className, children, position: _position, container, side = "bottom", align = "start", sideOffset = 4, ...props }, ref) => {
-    const portalContainer = usePortalContainer();
-    const resolvedContainer = container ?? portalContainer;
-    return /* @__PURE__ */ jsx(Select$1.Portal, { container: resolvedContainer ?? void 0, children: /* @__PURE__ */ jsx(
+    const resolvedContainer = usePortalContainer(container);
+    return /* @__PURE__ */ jsx(Select$1.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(
       Select$1.Positioner,
       {
         className: "z-50 outline-none",
@@ -7546,8 +7545,8 @@ const DropdownMenuSubTrigger = React.forwardRef(
 DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
 const DropdownMenuSubContent = React.forwardRef(
   ({ className, align = "start", alignOffset = -4, side = "right", sideOffset = 0, ...props }, ref) => {
-    const portalContainer = usePortalContainer();
-    return /* @__PURE__ */ jsx(Menu.Portal, { container: portalContainer ?? void 0, children: /* @__PURE__ */ jsx(
+    const resolvedContainer = usePortalContainer();
+    return /* @__PURE__ */ jsx(Menu.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(
       Menu.Positioner,
       {
         align,
@@ -7571,8 +7570,7 @@ const DropdownMenuSubContent = React.forwardRef(
 DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
 const DropdownMenuContent = React.forwardRef(
   ({ className, container, align = "start", alignOffset = 0, side = "bottom", sideOffset = 8, ...props }, ref) => {
-    const portalContainer = usePortalContainer();
-    const resolvedContainer = container ?? portalContainer ?? void 0;
+    const resolvedContainer = usePortalContainer(container);
     return /* @__PURE__ */ jsx(Menu.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(
       Menu.Positioner,
       {
@@ -8651,9 +8649,8 @@ PopoverTrigger.displayName = "PopoverTrigger";
 const PopoverContent = React.forwardRef(
   ({ className, container, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, ...props }, ref) => {
     const classNameString = typeof className === "string" ? className : void 0;
-    const portalContainer = usePortalContainer();
-    const resolvedContainer = container ?? portalContainer;
-    return /* @__PURE__ */ jsx(Popover$1.Portal, { container: resolvedContainer ?? void 0, children: /* @__PURE__ */ jsx(
+    const resolvedContainer = usePortalContainer(container);
+    return /* @__PURE__ */ jsx(Popover$1.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(
       Popover$1.Positioner,
       {
         align,