@ark-ui/solid 3.2.0 → 3.2.2

package/dist/cjs/index.js

@@ -1315,6 +1315,12 @@ const ComboboxLabel = props => {
   return web.createComponent(ark.label, mergedProps);
 };
 
+const ComboboxList = props => {
+  const combobox = useComboboxContext();
+  const mergedProps = solid.mergeProps(() => combobox().getListProps(), props);
+  return web.createComponent(ark.div, mergedProps);
+};
+
 const ComboboxPositioner = props => {
   const api = useComboboxContext();
   const presenceApi = usePresenceContext();
@@ -1415,6 +1421,7 @@ var combobox = /*#__PURE__*/Object.freeze({
   ItemIndicator: ComboboxItemIndicator,
   ItemText: ComboboxItemText,
   Label: ComboboxLabel,
+  List: ComboboxList,
   Positioner: ComboboxPositioner,
   Root: ComboboxRoot,
   RootProvider: ComboboxRootProvider,
@@ -1904,14 +1911,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 +1927,7 @@ const DialogRootProvider = props => {
           return web.createComponent(PresenceProvider, {
             value: apiPresence,
             get children() {
-              return localProps.children;
+              return dialogProps.children;
             }
           });
         }
@@ -2338,19 +2345,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 +2651,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 +3112,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 +4707,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;
+        }
       });
     }
   });
@@ -5025,6 +5034,7 @@ exports.ComboboxItemGroupLabel = ComboboxItemGroupLabel;
 exports.ComboboxItemIndicator = ComboboxItemIndicator;
 exports.ComboboxItemText = ComboboxItemText;
 exports.ComboboxLabel = ComboboxLabel;
+exports.ComboboxList = ComboboxList;
 exports.ComboboxPositioner = ComboboxPositioner;
 exports.ComboboxRoot = ComboboxRoot;
 exports.ComboboxRootProvider = ComboboxRootProvider;