@pzerelles/headlessui-svelte 2.1.2-next.50 → 2.1.2-next.51

package/dist/disclosure/DisclosurePanel.svelte

@@ -21,8 +21,6 @@
 <script lang="ts">
   import { useId } from "../hooks/use-id.js"
   import ElementOrComponent from "../utils/ElementOrComponent.svelte"
-  import { mergeProps } from "../utils/render.js"
-  import TransitionChild from "../transition/TransitionChild.svelte"
   import {
     createDisclosurePanelContext,
     DisclosureStates,

package/dist/hooks/use-transition.svelte.js

@@ -1,6 +1,7 @@
+import { hasChildren, useNesting, } from "../transition/context.svelte.js";
 import { disposables, useDisposables } from "../utils/disposables.js";
 import { once } from "../utils/once.js";
-import { untrack } from "svelte";
+import { setContext, untrack } from "svelte";
 /**
  * ```
  * ┌──────┐                │        ┌──────────────┐
@@ -42,6 +43,13 @@ export function useTransition(options) {
     let inFlight = $state(false);
     let cancelled = $state(false);
     const d = useDisposables();
+    const nestingBag = useNesting({
+        done: () => {
+            if (show)
+                return;
+            visible = false;
+        },
+    });
     function retry(enabled, show, node, d) {
         if (!enabled)
             return;
@@ -115,7 +123,7 @@ export function useTransition(options) {
                 }
                 inFlight = false;
                 flags = 0;
-                if (!show) {
+                if (!show && !hasChildren(nestingBag)) {
                     visible = false;
                 }
                 events?.end?.(show);
@@ -134,6 +142,23 @@ export function useTransition(options) {
         leave: enabled ? !!(flags & TransitionState.Leave) : undefined,
         transition: enabled ? !!(flags & (TransitionState.Enter | TransitionState.Leave)) : undefined,
     });
+    $effect(() => {
+        if (enabled)
+            untrack(() => {
+                setContext("NestingContext", nestingBag);
+                setContext("TransitionContext", {
+                    get show() {
+                        return show;
+                    },
+                    get appear() {
+                        return false;
+                    },
+                    get initial() {
+                        return false;
+                    },
+                });
+            });
+    });
     return {
         get visible() {
             return enabled ? visible : show;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pzerelles/headlessui-svelte",
-  "version": "2.1.2-next.50",
+  "version": "2.1.2-next.51",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run package",