@ark-ui/solid 3.2.0 → 3.2.1

package/dist/cjs/index.js

@@ -1904,14 +1904,14 @@ const DialogRoot = props => {
 };
 
 const DialogRootProvider = props => {
-  const [presenceProps, localProps] = splitPresenceProps(props);
+  const [presenceProps, dialogProps] = splitPresenceProps(props);
   const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
   const apiPresence = usePresence(solid.mergeProps(presenceProps, () => ({
-    present: localProps.value().open
+    present: dialogProps.value().open
   })));
   return web.createComponent(DialogProvider, {
     get value() {
-      return localProps.value;
+      return dialogProps.value;
     },
     get children() {
       return web.createComponent(RenderStrategyProvider, {
@@ -1920,7 +1920,7 @@ const DialogRootProvider = props => {
           return web.createComponent(PresenceProvider, {
             value: apiPresence,
             get children() {
-              return localProps.children;
+              return dialogProps.children;
             }
           });
         }
@@ -2338,19 +2338,20 @@ const HoverCardRoot = props => {
 };
 
 const HoverCardRootProvider = props => {
-  const [presenceProps, {
-    value: hoverCard,
-    children
-  }] = splitPresenceProps(props);
+  const [presenceProps, hoverCardProps] = splitPresenceProps(props);
   const presence = usePresence(solid.mergeProps(presenceProps, () => ({
-    present: hoverCard().open
+    present: hoverCardProps.value().open
   })));
   return web.createComponent(HoverCardProvider, {
-    value: hoverCard,
+    get value() {
+      return hoverCardProps.value;
+    },
     get children() {
       return web.createComponent(PresenceProvider, {
         value: presence,
-        children: children
+        get children() {
+          return hoverCardProps.children;
+        }
       });
     }
   });
@@ -2643,35 +2644,34 @@ const MenuRoot = props => {
 const MenuRootProvider = props => {
   const parentApi = useMenuContext();
   const parentMachine = useMenuMachineContext();
-  const [presenceProps, {
-    value: menu,
-    children
-  }] = splitPresenceProps(props);
+  const [presenceProps, menuProps] = splitPresenceProps(props);
   const presenceApi = usePresence(solid.mergeProps(presenceProps, () => ({
-    present: menu.api().open
+    present: menuProps.value.api().open
   })));
   solidJs.createEffect(() => {
     if (!parentMachine) return;
-    parentApi?.().setChild(menu.machine);
-    menu.api().setParent(parentMachine);
+    parentApi?.().setChild(menuProps.value.machine);
+    menuProps.value.api().setParent(parentMachine);
   });
-  const triggerItemContext = () => parentApi?.().getTriggerItemProps(menu.api());
+  const triggerItemContext = () => parentApi?.().getTriggerItemProps(menuProps.value.api());
   return web.createComponent(MenuTriggerItemProvider, {
     value: triggerItemContext,
     get children() {
       return web.createComponent(MenuMachineProvider, {
         get value() {
-          return menu.machine;
+          return menuProps.value.machine;
         },
         get children() {
           return web.createComponent(MenuProvider, {
             get value() {
-              return menu.api;
+              return menuProps.value.api;
             },
             get children() {
               return web.createComponent(PresenceProvider, {
                 value: presenceApi,
-                children: children
+                get children() {
+                  return menuProps.children;
+                }
               });
             }
           });
@@ -3105,19 +3105,20 @@ const PopoverRoot = props => {
 };
 
 const PopoverRootProvider = props => {
-  const [presenceProps, {
-    value: popover,
-    children
-  }] = splitPresenceProps(props);
+  const [presenceProps, popoverProps] = splitPresenceProps(props);
   const presence = usePresence(solid.mergeProps(presenceProps, () => ({
-    present: popover().open
+    present: popoverProps.value().open
   })));
   return web.createComponent(PopoverProvider, {
-    value: popover,
+    get value() {
+      return popoverProps.value;
+    },
     get children() {
       return web.createComponent(PresenceProvider, {
         value: presence,
-        children: children
+        get children() {
+          return popoverProps.children;
+        }
       });
     }
   });
@@ -4699,19 +4700,20 @@ const TooltipRoot = props => {
 };
 
 const TooltipRootProvider = props => {
-  const [presenceProps, {
-    value: tooltip,
-    children
-  }] = splitPresenceProps(props);
+  const [presenceProps, tooltipProps] = splitPresenceProps(props);
   const presence = usePresence(solid.mergeProps(presenceProps, () => ({
-    present: tooltip().open
+    present: tooltipProps.value().open
   })));
   return web.createComponent(TooltipProvider, {
-    value: tooltip,
+    get value() {
+      return tooltipProps.value;
+    },
     get children() {
       return web.createComponent(PresenceProvider, {
         value: presence,
-        children: children
+        get children() {
+          return tooltipProps.children;
+        }
       });
     }
   });