@surdeddd/bottom-sheet 0.23.4 → 0.24.0

package/dist/react.d.cts

@@ -1,14 +1,13 @@
-import { d as EngineState, e as SnapPointDef, f as SheetMode } from './BottomSheetCore-C5tJYVMY.cjs';
+import { d as EngineState, e as SnapPointDef, g as SheetMode } from './BottomSheetCore-B_r4KCQL.cjs';
 import { EngineOptions, SheetEventMap, CloseReason } from './core.cjs';
 import { AnchorOptions, ScrimStagesOptions, ScrimStageDef, ScrimUpdate, ScrimOverlayOptions } from './index.cjs';
-export { h as SnapPoint } from './BottomSheetCore-C5tJYVMY.cjs';
+export { h as SnapPoint } from './BottomSheetCore-B_r4KCQL.cjs';
 import { OverlayOptions, OverlayState, Overlay as OverlayEngine } from './overlay.cjs';
 export { OverlayEdge } from './overlay.cjs';
 import * as react from 'react';
 import { CSSProperties, ReactNode } from 'react';
 import { BottomSheetEngine } from './index.cjs';
-import { T as TeleportTarget } from './teleport-7uYNiEAT.cjs';
-import './transform-jVfAikE9.cjs';
+import { TeleportTarget } from './index.cjs';
 
 type EngineOptionsForProps = Omit<EngineOptions, "element" | "handle" | "scrollContainer" | "backdrop" | "scrim">;
 type HeaderProp = ReactNode | ((state: EngineState) => ReactNode);
@@ -51,6 +50,10 @@ type BottomSheetProps = EngineOptionsForProps & {
     onProgress?: (payload: SheetEventMap["progress"]) => void;
     ariaLabel?: string;
     ariaLabelledBy?: string;
+    handleLabel?: string;
+    contentLabel?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
     noSSR?: boolean;
 };
 type BottomSheetHandle<TId extends string = string> = {
@@ -68,6 +71,7 @@ type BottomSheetHandle<TId extends string = string> = {
     addAnchor: (opts: AnchorOptions) => () => void;
     setScrimStages: (opts: ScrimStagesOptions | null) => () => void;
     recompute: () => void;
+    on: <K extends keyof SheetEventMap>(event: K, fn: (payload: SheetEventMap[K]) => void) => () => void;
     state: EngineState & {
         activeId: TId;
     };
@@ -103,15 +107,24 @@ declare const BottomSheet: react.ForwardRefExoticComponent<EngineOptionsForProps
     onProgress?: (payload: SheetEventMap["progress"]) => void;
     ariaLabel?: string;
     ariaLabelledBy?: string;
+    handleLabel?: string;
+    contentLabel?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
     noSSR?: boolean;
 } & react.RefAttributes<BottomSheetHandle<string>>>;
 
+type ElementRef = {
+    (node: HTMLElement | null): void;
+    readonly current: HTMLElement | null;
+};
+
 type UseBottomSheetRefs = {
-    sheetRef: React.RefObject<HTMLElement | null>;
-    handleRef: React.RefObject<HTMLElement | null>;
-    contentRef: React.RefObject<HTMLElement | null>;
-    backdropRef: React.RefObject<HTMLElement | null>;
-    screenRef: React.RefObject<HTMLElement | null>;
+    sheetRef: ElementRef;
+    handleRef: ElementRef;
+    contentRef: ElementRef;
+    backdropRef: ElementRef;
+    screenRef: ElementRef;
 };
 type UseBottomSheetReturn<TId extends string = string> = UseBottomSheetRefs & {
     state: EngineState & {
@@ -128,6 +141,7 @@ type UseBottomSheetReturn<TId extends string = string> = UseBottomSheetRefs & {
     addAnchor: (opts: AnchorOptions) => () => void;
     setScrimStages: (opts: ScrimStagesOptions | null) => () => void;
     recompute: () => void;
+    on: <K extends keyof SheetEventMap>(event: K, fn: (payload: SheetEventMap[K]) => void) => () => void;
     getEngine: () => BottomSheetEngine | null;
 };
 type HookOpts<TId extends string> = Omit<EngineOptions, "element" | "handle" | "scrollContainer" | "backdrop" | "scrim" | "snapPoints" | "allowed" | "initial"> & {
@@ -179,8 +193,8 @@ declare const Overlay: react.ForwardRefExoticComponent<Omit<OverlayOptions, "ele
 } & react.RefAttributes<OverlayHandle>>;
 
 type UseOverlayReturn = {
-    panelRef: React.RefObject<HTMLElement | null>;
-    backdropRef: React.RefObject<HTMLElement | null>;
+    panelRef: ElementRef;
+    backdropRef: ElementRef;
     state: OverlayState;
     open: () => Promise<void>;
     close: () => Promise<void>;
@@ -231,4 +245,4 @@ type BottomSheetFromConfigProps = {
 declare const BottomSheetFromConfig: react.ForwardRefExoticComponent<BottomSheetFromConfigProps & react.RefAttributes<BottomSheetHandle>>;
 
 export { BottomSheet, BottomSheetFromConfig, EngineState, Overlay, OverlayOptions, OverlayState, SheetMode, SnapPointDef, useBottomSheet, useOverlay };
-export type { BottomSheetFromConfigProps, BottomSheetHandle, BottomSheetProps, HeaderProp, OverlayHandle, OverlayProps, SheetConfig, UseBottomSheetRefs, UseBottomSheetReturn, UseOverlayReturn };
+export type { BottomSheetFromConfigProps, BottomSheetHandle, BottomSheetProps, ElementRef, HeaderProp, OverlayHandle, OverlayProps, SheetConfig, UseBottomSheetRefs, UseBottomSheetReturn, UseOverlayReturn };

package/dist/react.d.ts

@@ -1,14 +1,13 @@
-import { d as EngineState, e as SnapPointDef, f as SheetMode } from './BottomSheetCore-DxSrC4QC.js';
+import { d as EngineState, e as SnapPointDef, g as SheetMode } from './BottomSheetCore-B_r4KCQL.js';
 import { EngineOptions, SheetEventMap, CloseReason } from './core.js';
 import { AnchorOptions, ScrimStagesOptions, ScrimStageDef, ScrimUpdate, ScrimOverlayOptions } from './index.js';
-export { h as SnapPoint } from './BottomSheetCore-DxSrC4QC.js';
+export { h as SnapPoint } from './BottomSheetCore-B_r4KCQL.js';
 import { OverlayOptions, OverlayState, Overlay as OverlayEngine } from './overlay.js';
 export { OverlayEdge } from './overlay.js';
 import * as react from 'react';
 import { CSSProperties, ReactNode } from 'react';
 import { BottomSheetEngine } from './index.js';
-import { T as TeleportTarget } from './teleport-7uYNiEAT.js';
-import './transform-jVfAikE9.js';
+import { TeleportTarget } from './index.js';
 
 type EngineOptionsForProps = Omit<EngineOptions, "element" | "handle" | "scrollContainer" | "backdrop" | "scrim">;
 type HeaderProp = ReactNode | ((state: EngineState) => ReactNode);
@@ -51,6 +50,10 @@ type BottomSheetProps = EngineOptionsForProps & {
     onProgress?: (payload: SheetEventMap["progress"]) => void;
     ariaLabel?: string;
     ariaLabelledBy?: string;
+    handleLabel?: string;
+    contentLabel?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
     noSSR?: boolean;
 };
 type BottomSheetHandle<TId extends string = string> = {
@@ -68,6 +71,7 @@ type BottomSheetHandle<TId extends string = string> = {
     addAnchor: (opts: AnchorOptions) => () => void;
     setScrimStages: (opts: ScrimStagesOptions | null) => () => void;
     recompute: () => void;
+    on: <K extends keyof SheetEventMap>(event: K, fn: (payload: SheetEventMap[K]) => void) => () => void;
     state: EngineState & {
         activeId: TId;
     };
@@ -103,15 +107,24 @@ declare const BottomSheet: react.ForwardRefExoticComponent<EngineOptionsForProps
     onProgress?: (payload: SheetEventMap["progress"]) => void;
     ariaLabel?: string;
     ariaLabelledBy?: string;
+    handleLabel?: string;
+    contentLabel?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
     noSSR?: boolean;
 } & react.RefAttributes<BottomSheetHandle<string>>>;
 
+type ElementRef = {
+    (node: HTMLElement | null): void;
+    readonly current: HTMLElement | null;
+};
+
 type UseBottomSheetRefs = {
-    sheetRef: React.RefObject<HTMLElement | null>;
-    handleRef: React.RefObject<HTMLElement | null>;
-    contentRef: React.RefObject<HTMLElement | null>;
-    backdropRef: React.RefObject<HTMLElement | null>;
-    screenRef: React.RefObject<HTMLElement | null>;
+    sheetRef: ElementRef;
+    handleRef: ElementRef;
+    contentRef: ElementRef;
+    backdropRef: ElementRef;
+    screenRef: ElementRef;
 };
 type UseBottomSheetReturn<TId extends string = string> = UseBottomSheetRefs & {
     state: EngineState & {
@@ -128,6 +141,7 @@ type UseBottomSheetReturn<TId extends string = string> = UseBottomSheetRefs & {
     addAnchor: (opts: AnchorOptions) => () => void;
     setScrimStages: (opts: ScrimStagesOptions | null) => () => void;
     recompute: () => void;
+    on: <K extends keyof SheetEventMap>(event: K, fn: (payload: SheetEventMap[K]) => void) => () => void;
     getEngine: () => BottomSheetEngine | null;
 };
 type HookOpts<TId extends string> = Omit<EngineOptions, "element" | "handle" | "scrollContainer" | "backdrop" | "scrim" | "snapPoints" | "allowed" | "initial"> & {
@@ -179,8 +193,8 @@ declare const Overlay: react.ForwardRefExoticComponent<Omit<OverlayOptions, "ele
 } & react.RefAttributes<OverlayHandle>>;
 
 type UseOverlayReturn = {
-    panelRef: React.RefObject<HTMLElement | null>;
-    backdropRef: React.RefObject<HTMLElement | null>;
+    panelRef: ElementRef;
+    backdropRef: ElementRef;
     state: OverlayState;
     open: () => Promise<void>;
     close: () => Promise<void>;
@@ -231,4 +245,4 @@ type BottomSheetFromConfigProps = {
 declare const BottomSheetFromConfig: react.ForwardRefExoticComponent<BottomSheetFromConfigProps & react.RefAttributes<BottomSheetHandle>>;
 
 export { BottomSheet, BottomSheetFromConfig, EngineState, Overlay, OverlayOptions, OverlayState, SheetMode, SnapPointDef, useBottomSheet, useOverlay };
-export type { BottomSheetFromConfigProps, BottomSheetHandle, BottomSheetProps, HeaderProp, OverlayHandle, OverlayProps, SheetConfig, UseBottomSheetRefs, UseBottomSheetReturn, UseOverlayReturn };
+export type { BottomSheetFromConfigProps, BottomSheetHandle, BottomSheetProps, ElementRef, HeaderProp, OverlayHandle, OverlayProps, SheetConfig, UseBottomSheetRefs, UseBottomSheetReturn, UseOverlayReturn };