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

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));
             }

package/package.json

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