@ark-ui/solid 1.0.0 → 1.0.1

package/esm/index.js

@@ -1599,10 +1599,15 @@ const Dialog$1 = props => {
   return createComponent(DialogProvider, {
     value: api,
     get children() {
-      return createComponent(PresenceProvider, {
-        value: apiPresence,
+      return createComponent(PresencePropsProvider, {
+        value: presenceProps,
         get children() {
-          return getChildren();
+          return createComponent(PresenceProvider, {
+            value: apiPresence,
+            get children() {
+              return getChildren();
+            }
+          });
         }
       });
     }
@@ -1611,8 +1616,11 @@ const Dialog$1 = props => {
 
 const DialogBackdrop = props => {
   const api = useDialogContext();
-  const presenceApi = usePresenceContext();
-  const mergedProps = mergeProps$2(() => api().backdropProps, props);
+  const presenceProps = usePresencePropsContext();
+  const presenceApi = usePresence(mergeProps$2(presenceProps, () => ({
+    present: api().isOpen
+  })));
+  const mergedProps = mergeProps$2(() => api().backdropProps, () => presenceApi().presenceProps, props);
   return createComponent(Show, {
     get when() {
       return !presenceApi().isUnmounted;
@@ -2041,8 +2049,13 @@ const MenuSeparator = props => {
 };
 
 const MenuTrigger = props => {
-  const menu = useMenuContext();
-  const mergedProps = mergeProps$2(() => menu?.().triggerProps, props);
+  const api = useMenuContext();
+  const presenceApi = usePresenceContext();
+  const mergedProps = mergeProps$2(() => api().triggerProps, () => ({
+    'aria-controls': presenceApi().isUnmounted && null
+  }), props);
+
+  // @ts-expect-error we want aria-controls to be null to remove them if the popover if lazy mounted
   return createComponent(ark.button, mergedProps);
 };