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

package/dist/disclosure/DisclosurePanel.svelte

@@ -68,6 +68,9 @@
         ? (usesOpenClosedState.value & State.Open) === State.Open
         : context.disclosureState === DisclosureStates.Open
     },
+    get asChild() {
+      return theirProps.asChild
+    },
   })
 
   const slot = $derived({

package/dist/hooks/use-transition.svelte.d.ts

@@ -13,6 +13,7 @@ export declare function useTransition(options: {
         start?(show: boolean): void;
         end?(show: boolean): void;
     };
+    asChild?: boolean;
 }): {
     readonly visible: boolean;
     readonly data: TransitionData;

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

@@ -37,7 +37,7 @@ export function transitionDataAttributes(data) {
     return attributes;
 }
 export function useTransition(options) {
-    const { enabled, element, show, events } = $derived(options);
+    const { enabled, element, show, events, asChild } = $derived(options);
     let visible = $state((() => show)());
     let flags = $state((() => (enabled && visible ? TransitionState.Enter | TransitionState.Closed : TransitionState.None))());
     let inFlight = $state(false);
@@ -58,7 +58,7 @@ export function useTransition(options) {
         }
         if (!node) {
             // Retry if the DOM node isn't available yet
-            if (show) {
+            if (show && !asChild) {
                 flags |= TransitionState.Enter | TransitionState.Closed;
                 return d.nextFrame(() => retry(enabled, show, node, d));
             }
@@ -142,23 +142,22 @@ 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;
-                    },
-                });
+    (() => {
+        if (enabled) {
+            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.51",
+  "version": "2.1.2-next.53",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run package",