@surdeddd/bottom-sheet 0.11.0 → 0.12.0

package/dist/index.cjs

@@ -458,6 +458,10 @@ var patchedPushState = null;
 var patchedReplaceState = null;
 var hasWindow = () => typeof window !== "undefined";
 var hasHistory = () => typeof history !== "undefined";
+var brandMarker = (surface) => ({
+  ...surface.markerState(),
+  __bs: true
+});
 var runInternal = (fn) => {
   internalDepth += 1;
   try {
@@ -559,7 +563,7 @@ function restore(entry) {
   entry.live = true;
   runInternal(() => {
     try {
-      history.pushState(entry.surface.markerState(), "", entry.surface.url);
+      history.pushState(brandMarker(entry.surface), "", entry.surface.url);
     } catch {
       entry.live = false;
     }
@@ -577,7 +581,7 @@ function pushBackMarker(surface) {
   entry.priorUrl = surface.url !== void 0 ? location.href : void 0;
   runInternal(() => {
     try {
-      history.pushState(surface.markerState(), "", surface.url);
+      history.pushState(brandMarker(surface), "", surface.url);
       entry.live = true;
     } catch {
       entry.live = false;
@@ -603,7 +607,7 @@ function popBackMarker(handle) {
     pendingRebrand = () => {
       runInternal(() => {
         history.replaceState(
-          rebrandSurface.markerState(),
+          brandMarker(rebrandSurface),
           "",
           rebrandUrl !== void 0 ? rebrandUrl : location.href
         );
@@ -947,11 +951,15 @@ function createMaxHeightController(deps) {
 
 // src/core/features/fit-measurement.ts
 var measureSheetNatural = (element, content, vertical) => {
-  if (!content) {
-    return vertical ? element.offsetHeight : element.offsetWidth;
-  }
   const axis = vertical ? "height" : "width";
   const sheetStyle = element.style;
+  if (!content) {
+    const prev = sheetStyle[axis];
+    sheetStyle[axis] = "auto";
+    const poked2 = vertical ? element.offsetHeight : element.offsetWidth;
+    sheetStyle[axis] = prev;
+    return poked2;
+  }
   const cs = content.style;
   const prevSheet = sheetStyle[axis];
   const prevFlex = cs.flex;
@@ -2873,12 +2881,7 @@ var BottomSheetEngine = class {
           if (!entry.isIntersecting) continue;
           if (this.destroyed) return;
           this.snaps.recompute();
-          const current = this.snaps.findById(this.activeId);
-          if (current) {
-            this.size = current.size;
-            this.applySize(this.size);
-            this.updateAriaSlider();
-          }
+          this.healActiveSnap();
           io.disconnect();
           return;
         }
@@ -3042,6 +3045,8 @@ var BottomSheetEngine = class {
       const vt = document.startViewTransition(() => {
         this.applySize(target.size);
       });
+      vt.ready?.catch(() => {
+      });
       this.currentViewTransition = vt;
       try {
         await vt.finished;
@@ -3293,11 +3298,16 @@ var BottomSheetEngine = class {
     this.maxHeight.clampTo();
     this.scrim.invalidateOpacityCache();
     if (this.gesture?.isDragging) return;
+    this.healActiveSnap();
+  }
+  healActiveSnap() {
     const current = this.snaps.findById(this.activeId);
-    if (current) {
-      this.size = current.size;
-      this.applySize(this.size);
-      this.updateAriaSlider();
+    if (!current) return;
+    this.size = current.size;
+    this.applySize(this.size);
+    this.updateAriaSlider();
+    if (this.size > 0 && !this.lifecycle.isInstalled && !this.opening && !this.animation.isAnimating) {
+      this.emitOpenSequence(this.activeId);
     }
   }
   destroy() {

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { e as SnapPoint, b as SheetMode, a as SnapPointDef, c as EngineOptions, f as ScrimOverlayPosition } from './BottomSheetEngine-DzsIwD28.cjs';
-export { g as AnchorAnimationPreset, h as AnchorAnimationSpec, i as AnchorHandle, A as AnchorOptions, j as AnchorPosition, k as AnchorState, B as BottomSheetEngine, C as CloseReason, E as EngineState, P as Plugin, l as SCRIM_PRESETS, m as ScrimOverlayOptions, n as ScrimPreset, o as ScrimPresetConfig, p as ScrimStageDef, S as ScrimStagesOptions, q as ScrimUpdate, d as SheetEventMap, r as SnapId, T as TeardownScope, s as runAnchorTransition } from './BottomSheetEngine-DzsIwD28.cjs';
+import { e as SnapPoint, b as SheetMode, a as SnapPointDef, c as EngineOptions, f as ScrimOverlayPosition } from './BottomSheetEngine-D6oiEfZ4.cjs';
+export { g as AnchorAnimationPreset, h as AnchorAnimationSpec, i as AnchorHandle, A as AnchorOptions, j as AnchorPosition, k as AnchorState, B as BottomSheetEngine, C as CloseReason, E as EngineState, P as Plugin, l as SCRIM_PRESETS, m as ScrimOverlayOptions, n as ScrimPreset, o as ScrimPresetConfig, p as ScrimStageDef, S as ScrimStagesOptions, q as ScrimUpdate, d as SheetEventMap, r as SnapId, T as TeardownScope, s as runAnchorTransition } from './BottomSheetEngine-D6oiEfZ4.cjs';
 export { OVERLAY_PRESETS, Overlay, OverlayAnimation, OverlayCloseReason, OverlayEdge, Overlay as OverlayEngine, OverlayEventMap, OverlayMountTarget, OverlayOptions, OverlayPreset, OverlayState, OverlayUpdate, SwipeToCloseConfig, createOverlay } from './overlay.cjs';
 import './transform-jVfAikE9.cjs';
 

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { e as SnapPoint, b as SheetMode, a as SnapPointDef, c as EngineOptions, f as ScrimOverlayPosition } from './BottomSheetEngine-DRjCU73e.js';
-export { g as AnchorAnimationPreset, h as AnchorAnimationSpec, i as AnchorHandle, A as AnchorOptions, j as AnchorPosition, k as AnchorState, B as BottomSheetEngine, C as CloseReason, E as EngineState, P as Plugin, l as SCRIM_PRESETS, m as ScrimOverlayOptions, n as ScrimPreset, o as ScrimPresetConfig, p as ScrimStageDef, S as ScrimStagesOptions, q as ScrimUpdate, d as SheetEventMap, r as SnapId, T as TeardownScope, s as runAnchorTransition } from './BottomSheetEngine-DRjCU73e.js';
+import { e as SnapPoint, b as SheetMode, a as SnapPointDef, c as EngineOptions, f as ScrimOverlayPosition } from './BottomSheetEngine-Dhy0X_e9.js';
+export { g as AnchorAnimationPreset, h as AnchorAnimationSpec, i as AnchorHandle, A as AnchorOptions, j as AnchorPosition, k as AnchorState, B as BottomSheetEngine, C as CloseReason, E as EngineState, P as Plugin, l as SCRIM_PRESETS, m as ScrimOverlayOptions, n as ScrimPreset, o as ScrimPresetConfig, p as ScrimStageDef, S as ScrimStagesOptions, q as ScrimUpdate, d as SheetEventMap, r as SnapId, T as TeardownScope, s as runAnchorTransition } from './BottomSheetEngine-Dhy0X_e9.js';
 export { OVERLAY_PRESETS, Overlay, OverlayAnimation, OverlayCloseReason, OverlayEdge, Overlay as OverlayEngine, OverlayEventMap, OverlayMountTarget, OverlayOptions, OverlayPreset, OverlayState, OverlayUpdate, SwipeToCloseConfig, createOverlay } from './overlay.js';
 import './transform-jVfAikE9.js';
 

package/dist/index.js

@@ -456,6 +456,10 @@ var patchedPushState = null;
 var patchedReplaceState = null;
 var hasWindow = () => typeof window !== "undefined";
 var hasHistory = () => typeof history !== "undefined";
+var brandMarker = (surface) => ({
+  ...surface.markerState(),
+  __bs: true
+});
 var runInternal = (fn) => {
   internalDepth += 1;
   try {
@@ -557,7 +561,7 @@ function restore(entry) {
   entry.live = true;
   runInternal(() => {
     try {
-      history.pushState(entry.surface.markerState(), "", entry.surface.url);
+      history.pushState(brandMarker(entry.surface), "", entry.surface.url);
     } catch {
       entry.live = false;
     }
@@ -575,7 +579,7 @@ function pushBackMarker(surface) {
   entry.priorUrl = surface.url !== void 0 ? location.href : void 0;
   runInternal(() => {
     try {
-      history.pushState(surface.markerState(), "", surface.url);
+      history.pushState(brandMarker(surface), "", surface.url);
       entry.live = true;
     } catch {
       entry.live = false;
@@ -601,7 +605,7 @@ function popBackMarker(handle) {
     pendingRebrand = () => {
       runInternal(() => {
         history.replaceState(
-          rebrandSurface.markerState(),
+          brandMarker(rebrandSurface),
           "",
           rebrandUrl !== void 0 ? rebrandUrl : location.href
         );
@@ -945,11 +949,15 @@ function createMaxHeightController(deps) {
 
 // src/core/features/fit-measurement.ts
 var measureSheetNatural = (element, content, vertical) => {
-  if (!content) {
-    return vertical ? element.offsetHeight : element.offsetWidth;
-  }
   const axis = vertical ? "height" : "width";
   const sheetStyle = element.style;
+  if (!content) {
+    const prev = sheetStyle[axis];
+    sheetStyle[axis] = "auto";
+    const poked2 = vertical ? element.offsetHeight : element.offsetWidth;
+    sheetStyle[axis] = prev;
+    return poked2;
+  }
   const cs = content.style;
   const prevSheet = sheetStyle[axis];
   const prevFlex = cs.flex;
@@ -2871,12 +2879,7 @@ var BottomSheetEngine = class {
           if (!entry.isIntersecting) continue;
           if (this.destroyed) return;
           this.snaps.recompute();
-          const current = this.snaps.findById(this.activeId);
-          if (current) {
-            this.size = current.size;
-            this.applySize(this.size);
-            this.updateAriaSlider();
-          }
+          this.healActiveSnap();
           io.disconnect();
           return;
         }
@@ -3040,6 +3043,8 @@ var BottomSheetEngine = class {
       const vt = document.startViewTransition(() => {
         this.applySize(target.size);
       });
+      vt.ready?.catch(() => {
+      });
       this.currentViewTransition = vt;
       try {
         await vt.finished;
@@ -3291,11 +3296,16 @@ var BottomSheetEngine = class {
     this.maxHeight.clampTo();
     this.scrim.invalidateOpacityCache();
     if (this.gesture?.isDragging) return;
+    this.healActiveSnap();
+  }
+  healActiveSnap() {
     const current = this.snaps.findById(this.activeId);
-    if (current) {
-      this.size = current.size;
-      this.applySize(this.size);
-      this.updateAriaSlider();
+    if (!current) return;
+    this.size = current.size;
+    this.applySize(this.size);
+    this.updateAriaSlider();
+    if (this.size > 0 && !this.lifecycle.isInstalled && !this.opening && !this.animation.isAnimating) {
+      this.emitOpenSequence(this.activeId);
     }
   }
   destroy() {

package/dist/integrations/formik.d.cts

@@ -1,4 +1,4 @@
-import { d as SheetEventMap } from '../BottomSheetEngine-DzsIwD28.cjs';
+import { d as SheetEventMap } from '../BottomSheetEngine-D6oiEfZ4.cjs';
 import '../transform-jVfAikE9.cjs';
 
 type FormikStateLike = {

package/dist/integrations/formik.d.ts

@@ -1,4 +1,4 @@
-import { d as SheetEventMap } from '../BottomSheetEngine-DRjCU73e.js';
+import { d as SheetEventMap } from '../BottomSheetEngine-Dhy0X_e9.js';
 import '../transform-jVfAikE9.js';
 
 type FormikStateLike = {

package/dist/integrations/react-hook-form.d.cts

@@ -1,4 +1,4 @@
-import { d as SheetEventMap } from '../BottomSheetEngine-DzsIwD28.cjs';
+import { d as SheetEventMap } from '../BottomSheetEngine-D6oiEfZ4.cjs';
 import '../transform-jVfAikE9.cjs';
 
 type RhfFormStateLike = {

package/dist/integrations/react-hook-form.d.ts

@@ -1,4 +1,4 @@
-import { d as SheetEventMap } from '../BottomSheetEngine-DRjCU73e.js';
+import { d as SheetEventMap } from '../BottomSheetEngine-Dhy0X_e9.js';
 import '../transform-jVfAikE9.js';
 
 type RhfFormStateLike = {

package/dist/overlay.cjs

@@ -537,6 +537,10 @@ var pendingRebrand = null;
 var listenerInstalled = false;
 var hasWindow = () => typeof window !== "undefined";
 var hasHistory = () => typeof history !== "undefined";
+var brandMarker = (surface) => ({
+  ...surface.markerState(),
+  __bs: true
+});
 var runInternal = (fn) => {
   try {
     fn();
@@ -606,7 +610,7 @@ function restore(entry) {
   entry.live = true;
   runInternal(() => {
     try {
-      history.pushState(entry.surface.markerState(), "", entry.surface.url);
+      history.pushState(brandMarker(entry.surface), "", entry.surface.url);
     } catch {
       entry.live = false;
     }
@@ -624,7 +628,7 @@ function pushBackMarker(surface) {
   entry.priorUrl = surface.url !== void 0 ? location.href : void 0;
   runInternal(() => {
     try {
-      history.pushState(surface.markerState(), "", surface.url);
+      history.pushState(brandMarker(surface), "", surface.url);
       entry.live = true;
     } catch {
       entry.live = false;
@@ -650,7 +654,7 @@ function popBackMarker(handle) {
     pendingRebrand = () => {
       runInternal(() => {
         history.replaceState(
-          rebrandSurface.markerState(),
+          brandMarker(rebrandSurface),
           "",
           rebrandUrl !== void 0 ? rebrandUrl : location.href
         );

package/dist/overlay.js

@@ -535,6 +535,10 @@ var pendingRebrand = null;
 var listenerInstalled = false;
 var hasWindow = () => typeof window !== "undefined";
 var hasHistory = () => typeof history !== "undefined";
+var brandMarker = (surface) => ({
+  ...surface.markerState(),
+  __bs: true
+});
 var runInternal = (fn) => {
   try {
     fn();
@@ -604,7 +608,7 @@ function restore(entry) {
   entry.live = true;
   runInternal(() => {
     try {
-      history.pushState(entry.surface.markerState(), "", entry.surface.url);
+      history.pushState(brandMarker(entry.surface), "", entry.surface.url);
     } catch {
       entry.live = false;
     }
@@ -622,7 +626,7 @@ function pushBackMarker(surface) {
   entry.priorUrl = surface.url !== void 0 ? location.href : void 0;
   runInternal(() => {
     try {
-      history.pushState(surface.markerState(), "", surface.url);
+      history.pushState(brandMarker(surface), "", surface.url);
       entry.live = true;
     } catch {
       entry.live = false;
@@ -648,7 +652,7 @@ function popBackMarker(handle) {
     pendingRebrand = () => {
       runInternal(() => {
         history.replaceState(
-          rebrandSurface.markerState(),
+          brandMarker(rebrandSurface),
           "",
           rebrandUrl !== void 0 ? rebrandUrl : location.href
         );

package/dist/preact.d.cts

@@ -1,5 +1,5 @@
 export { BottomSheet, BottomSheetFromConfig, BottomSheetFromConfigProps, BottomSheetHandle, BottomSheetProps, HeaderProp, Overlay, OverlayHandle, OverlayProps, SheetConfig, UseBottomSheetRefs, UseBottomSheetReturn, UseOverlayReturn, useBottomSheet, useOverlay } from './react.cjs';
-export { E as EngineState, b as SheetMode, e as SnapPoint, a as SnapPointDef } from './BottomSheetEngine-DzsIwD28.cjs';
+export { E as EngineState, b as SheetMode, e as SnapPoint, a as SnapPointDef } from './BottomSheetEngine-D6oiEfZ4.cjs';
 export { OverlayEdge, OverlayOptions, OverlayState } from './overlay.cjs';
 import 'react';
 import './teleport-7uYNiEAT.cjs';

package/dist/preact.d.ts

@@ -1,5 +1,5 @@
 export { BottomSheet, BottomSheetFromConfig, BottomSheetFromConfigProps, BottomSheetHandle, BottomSheetProps, HeaderProp, Overlay, OverlayHandle, OverlayProps, SheetConfig, UseBottomSheetRefs, UseBottomSheetReturn, UseOverlayReturn, useBottomSheet, useOverlay } from './react.js';
-export { E as EngineState, b as SheetMode, e as SnapPoint, a as SnapPointDef } from './BottomSheetEngine-DRjCU73e.js';
+export { E as EngineState, b as SheetMode, e as SnapPoint, a as SnapPointDef } from './BottomSheetEngine-Dhy0X_e9.js';
 export { OverlayEdge, OverlayOptions, OverlayState } from './overlay.js';
 import 'react';
 import './teleport-7uYNiEAT.js';

package/dist/qwik.cjs

@@ -455,6 +455,10 @@ var patchedPushState = null;
 var patchedReplaceState = null;
 var hasWindow = () => typeof window !== "undefined";
 var hasHistory = () => typeof history !== "undefined";
+var brandMarker = (surface) => ({
+  ...surface.markerState(),
+  __bs: true
+});
 var runInternal = (fn) => {
   internalDepth += 1;
   try {
@@ -556,7 +560,7 @@ function restore(entry) {
   entry.live = true;
   runInternal(() => {
     try {
-      history.pushState(entry.surface.markerState(), "", entry.surface.url);
+      history.pushState(brandMarker(entry.surface), "", entry.surface.url);
     } catch {
       entry.live = false;
     }
@@ -574,7 +578,7 @@ function pushBackMarker(surface) {
   entry.priorUrl = surface.url !== void 0 ? location.href : void 0;
   runInternal(() => {
     try {
-      history.pushState(surface.markerState(), "", surface.url);
+      history.pushState(brandMarker(surface), "", surface.url);
       entry.live = true;
     } catch {
       entry.live = false;
@@ -600,7 +604,7 @@ function popBackMarker(handle) {
     pendingRebrand = () => {
       runInternal(() => {
         history.replaceState(
-          rebrandSurface.markerState(),
+          brandMarker(rebrandSurface),
           "",
           rebrandUrl !== void 0 ? rebrandUrl : location.href
         );
@@ -944,11 +948,15 @@ function createMaxHeightController(deps) {
 
 // src/core/features/fit-measurement.ts
 var measureSheetNatural = (element, content, vertical) => {
-  if (!content) {
-    return vertical ? element.offsetHeight : element.offsetWidth;
-  }
   const axis = vertical ? "height" : "width";
   const sheetStyle = element.style;
+  if (!content) {
+    const prev = sheetStyle[axis];
+    sheetStyle[axis] = "auto";
+    const poked2 = vertical ? element.offsetHeight : element.offsetWidth;
+    sheetStyle[axis] = prev;
+    return poked2;
+  }
   const cs = content.style;
   const prevSheet = sheetStyle[axis];
   const prevFlex = cs.flex;
@@ -2869,12 +2877,7 @@ var BottomSheetEngine = class {
           if (!entry.isIntersecting) continue;
           if (this.destroyed) return;
           this.snaps.recompute();
-          const current = this.snaps.findById(this.activeId);
-          if (current) {
-            this.size = current.size;
-            this.applySize(this.size);
-            this.updateAriaSlider();
-          }
+          this.healActiveSnap();
           io.disconnect();
           return;
         }
@@ -3038,6 +3041,8 @@ var BottomSheetEngine = class {
       const vt = document.startViewTransition(() => {
         this.applySize(target.size);
       });
+      vt.ready?.catch(() => {
+      });
       this.currentViewTransition = vt;
       try {
         await vt.finished;
@@ -3289,11 +3294,16 @@ var BottomSheetEngine = class {
     this.maxHeight.clampTo();
     this.scrim.invalidateOpacityCache();
     if (this.gesture?.isDragging) return;
+    this.healActiveSnap();
+  }
+  healActiveSnap() {
     const current = this.snaps.findById(this.activeId);
-    if (current) {
-      this.size = current.size;
-      this.applySize(this.size);
-      this.updateAriaSlider();
+    if (!current) return;
+    this.size = current.size;
+    this.applySize(this.size);
+    this.updateAriaSlider();
+    if (this.size > 0 && !this.lifecycle.isInstalled && !this.opening && !this.animation.isAnimating) {
+      this.emitOpenSequence(this.activeId);
     }
   }
   destroy() {

package/dist/qwik.d.cts

@@ -1,8 +1,8 @@
 import * as _builder_io_qwik from '@builder.io/qwik';
 import { QRL } from '@builder.io/qwik';
 import { T as TeleportTarget } from './teleport-7uYNiEAT.cjs';
-import { a as SnapPointDef, b as SheetMode, c as EngineOptions, d as SheetEventMap, E as EngineState } from './BottomSheetEngine-DzsIwD28.cjs';
-export { e as SnapPoint } from './BottomSheetEngine-DzsIwD28.cjs';
+import { a as SnapPointDef, b as SheetMode, c as EngineOptions, d as SheetEventMap, E as EngineState } from './BottomSheetEngine-D6oiEfZ4.cjs';
+export { e as SnapPoint } from './BottomSheetEngine-D6oiEfZ4.cjs';
 import './transform-jVfAikE9.cjs';
 
 type BottomSheetProps<TId extends string = string> = {

package/dist/qwik.d.ts

@@ -1,8 +1,8 @@
 import * as _builder_io_qwik from '@builder.io/qwik';
 import { QRL } from '@builder.io/qwik';
 import { T as TeleportTarget } from './teleport-7uYNiEAT.js';
-import { a as SnapPointDef, b as SheetMode, c as EngineOptions, d as SheetEventMap, E as EngineState } from './BottomSheetEngine-DRjCU73e.js';
-export { e as SnapPoint } from './BottomSheetEngine-DRjCU73e.js';
+import { a as SnapPointDef, b as SheetMode, c as EngineOptions, d as SheetEventMap, E as EngineState } from './BottomSheetEngine-Dhy0X_e9.js';
+export { e as SnapPoint } from './BottomSheetEngine-Dhy0X_e9.js';
 import './transform-jVfAikE9.js';
 
 type BottomSheetProps<TId extends string = string> = {

package/dist/qwik.js

@@ -453,6 +453,10 @@ var patchedPushState = null;
 var patchedReplaceState = null;
 var hasWindow = () => typeof window !== "undefined";
 var hasHistory = () => typeof history !== "undefined";
+var brandMarker = (surface) => ({
+  ...surface.markerState(),
+  __bs: true
+});
 var runInternal = (fn) => {
   internalDepth += 1;
   try {
@@ -554,7 +558,7 @@ function restore(entry) {
   entry.live = true;
   runInternal(() => {
     try {
-      history.pushState(entry.surface.markerState(), "", entry.surface.url);
+      history.pushState(brandMarker(entry.surface), "", entry.surface.url);
     } catch {
       entry.live = false;
     }
@@ -572,7 +576,7 @@ function pushBackMarker(surface) {
   entry.priorUrl = surface.url !== void 0 ? location.href : void 0;
   runInternal(() => {
     try {
-      history.pushState(surface.markerState(), "", surface.url);
+      history.pushState(brandMarker(surface), "", surface.url);
       entry.live = true;
     } catch {
       entry.live = false;
@@ -598,7 +602,7 @@ function popBackMarker(handle) {
     pendingRebrand = () => {
       runInternal(() => {
         history.replaceState(
-          rebrandSurface.markerState(),
+          brandMarker(rebrandSurface),
           "",
           rebrandUrl !== void 0 ? rebrandUrl : location.href
         );
@@ -942,11 +946,15 @@ function createMaxHeightController(deps) {
 
 // src/core/features/fit-measurement.ts
 var measureSheetNatural = (element, content, vertical) => {
-  if (!content) {
-    return vertical ? element.offsetHeight : element.offsetWidth;
-  }
   const axis = vertical ? "height" : "width";
   const sheetStyle = element.style;
+  if (!content) {
+    const prev = sheetStyle[axis];
+    sheetStyle[axis] = "auto";
+    const poked2 = vertical ? element.offsetHeight : element.offsetWidth;
+    sheetStyle[axis] = prev;
+    return poked2;
+  }
   const cs = content.style;
   const prevSheet = sheetStyle[axis];
   const prevFlex = cs.flex;
@@ -2867,12 +2875,7 @@ var BottomSheetEngine = class {
           if (!entry.isIntersecting) continue;
           if (this.destroyed) return;
           this.snaps.recompute();
-          const current = this.snaps.findById(this.activeId);
-          if (current) {
-            this.size = current.size;
-            this.applySize(this.size);
-            this.updateAriaSlider();
-          }
+          this.healActiveSnap();
           io.disconnect();
           return;
         }
@@ -3036,6 +3039,8 @@ var BottomSheetEngine = class {
       const vt = document.startViewTransition(() => {
         this.applySize(target.size);
       });
+      vt.ready?.catch(() => {
+      });
       this.currentViewTransition = vt;
       try {
         await vt.finished;
@@ -3287,11 +3292,16 @@ var BottomSheetEngine = class {
     this.maxHeight.clampTo();
     this.scrim.invalidateOpacityCache();
     if (this.gesture?.isDragging) return;
+    this.healActiveSnap();
+  }
+  healActiveSnap() {
     const current = this.snaps.findById(this.activeId);
-    if (current) {
-      this.size = current.size;
-      this.applySize(this.size);
-      this.updateAriaSlider();
+    if (!current) return;
+    this.size = current.size;
+    this.applySize(this.size);
+    this.updateAriaSlider();
+    if (this.size > 0 && !this.lifecycle.isInstalled && !this.opening && !this.animation.isAnimating) {
+      this.emitOpenSequence(this.activeId);
     }
   }
   destroy() {

package/dist/react.cjs

@@ -462,6 +462,10 @@ var patchedPushState = null;
 var patchedReplaceState = null;
 var hasWindow = () => typeof window !== "undefined";
 var hasHistory = () => typeof history !== "undefined";
+var brandMarker = (surface) => ({
+  ...surface.markerState(),
+  __bs: true
+});
 var runInternal = (fn) => {
   internalDepth += 1;
   try {
@@ -563,7 +567,7 @@ function restore(entry) {
   entry.live = true;
   runInternal(() => {
     try {
-      history.pushState(entry.surface.markerState(), "", entry.surface.url);
+      history.pushState(brandMarker(entry.surface), "", entry.surface.url);
     } catch {
       entry.live = false;
     }
@@ -581,7 +585,7 @@ function pushBackMarker(surface) {
   entry.priorUrl = surface.url !== void 0 ? location.href : void 0;
   runInternal(() => {
     try {
-      history.pushState(surface.markerState(), "", surface.url);
+      history.pushState(brandMarker(surface), "", surface.url);
       entry.live = true;
     } catch {
       entry.live = false;
@@ -607,7 +611,7 @@ function popBackMarker(handle) {
     pendingRebrand = () => {
       runInternal(() => {
         history.replaceState(
-          rebrandSurface.markerState(),
+          brandMarker(rebrandSurface),
           "",
           rebrandUrl !== void 0 ? rebrandUrl : location.href
         );
@@ -951,11 +955,15 @@ function createMaxHeightController(deps) {
 
 // src/core/features/fit-measurement.ts
 var measureSheetNatural = (element, content, vertical) => {
-  if (!content) {
-    return vertical ? element.offsetHeight : element.offsetWidth;
-  }
   const axis = vertical ? "height" : "width";
   const sheetStyle = element.style;
+  if (!content) {
+    const prev = sheetStyle[axis];
+    sheetStyle[axis] = "auto";
+    const poked2 = vertical ? element.offsetHeight : element.offsetWidth;
+    sheetStyle[axis] = prev;
+    return poked2;
+  }
   const cs = content.style;
   const prevSheet = sheetStyle[axis];
   const prevFlex = cs.flex;
@@ -2876,12 +2884,7 @@ var BottomSheetEngine = class {
           if (!entry.isIntersecting) continue;
           if (this.destroyed) return;
           this.snaps.recompute();
-          const current = this.snaps.findById(this.activeId);
-          if (current) {
-            this.size = current.size;
-            this.applySize(this.size);
-            this.updateAriaSlider();
-          }
+          this.healActiveSnap();
           io.disconnect();
           return;
         }
@@ -3045,6 +3048,8 @@ var BottomSheetEngine = class {
       const vt = document.startViewTransition(() => {
         this.applySize(target.size);
       });
+      vt.ready?.catch(() => {
+      });
       this.currentViewTransition = vt;
       try {
         await vt.finished;
@@ -3296,11 +3301,16 @@ var BottomSheetEngine = class {
     this.maxHeight.clampTo();
     this.scrim.invalidateOpacityCache();
     if (this.gesture?.isDragging) return;
+    this.healActiveSnap();
+  }
+  healActiveSnap() {
     const current = this.snaps.findById(this.activeId);
-    if (current) {
-      this.size = current.size;
-      this.applySize(this.size);
-      this.updateAriaSlider();
+    if (!current) return;
+    this.size = current.size;
+    this.applySize(this.size);
+    this.updateAriaSlider();
+    if (this.size > 0 && !this.lifecycle.isInstalled && !this.opening && !this.animation.isAnimating) {
+      this.emitOpenSequence(this.activeId);
     }
   }
   destroy() {

package/dist/react.d.cts

@@ -1,5 +1,5 @@
-import { c as EngineOptions, E as EngineState, A as AnchorOptions, S as ScrimStagesOptions, p as ScrimStageDef, d as SheetEventMap, C as CloseReason, q as ScrimUpdate, m as ScrimOverlayOptions, B as BottomSheetEngine, a as SnapPointDef, b as SheetMode } from './BottomSheetEngine-DzsIwD28.cjs';
-export { e as SnapPoint } from './BottomSheetEngine-DzsIwD28.cjs';
+import { c as EngineOptions, E as EngineState, A as AnchorOptions, S as ScrimStagesOptions, p as ScrimStageDef, d as SheetEventMap, C as CloseReason, q as ScrimUpdate, m as ScrimOverlayOptions, B as BottomSheetEngine, a as SnapPointDef, b as SheetMode } from './BottomSheetEngine-D6oiEfZ4.cjs';
+export { e as SnapPoint } from './BottomSheetEngine-D6oiEfZ4.cjs';
 import { OverlayOptions, OverlayState, Overlay as OverlayEngine } from './overlay.cjs';
 export { OverlayEdge } from './overlay.cjs';
 import * as react from 'react';