@surdeddd/bottom-sheet 0.23.3 → 0.24.0

package/dist/react.d.cts

@@ -1,12 +1,13 @@
-import { g as EngineOptions, d as EngineState, A as AnchorOptions, i as ScrimStagesOptions, u as ScrimStageDef, S as SheetEventMap, C as CloseReason, v as ScrimUpdate, r as ScrimOverlayOptions, e as SnapPointDef, f as SheetMode } from './BottomSheetCore-CaJwHnxY.cjs';
-export { h as SnapPoint } from './BottomSheetCore-CaJwHnxY.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-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 { B as BottomSheetEngine } from './BottomSheetEngine-C_1aPJsU.cjs';
-import { T as TeleportTarget } from './teleport-7uYNiEAT.cjs';
-import './transform-jVfAikE9.cjs';
+import { BottomSheetEngine } from './index.cjs';
+import { TeleportTarget } from './index.cjs';
 
 type EngineOptionsForProps = Omit<EngineOptions, "element" | "handle" | "scrollContainer" | "backdrop" | "scrim">;
 type HeaderProp = ReactNode | ((state: EngineState) => ReactNode);
@@ -49,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> = {
@@ -66,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;
     };
@@ -101,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 & {
@@ -126,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"> & {
@@ -165,7 +181,7 @@ type OverlayHandle = {
     toggle: () => Promise<void>;
     state: OverlayState;
 };
-declare const Overlay: react.ForwardRefExoticComponent<Omit<OverlayOptions, "backdrop" | "element"> & {
+declare const Overlay: react.ForwardRefExoticComponent<Omit<OverlayOptions, "element" | "backdrop"> & {
     open?: boolean;
     backdrop?: boolean;
     className?: string;
@@ -177,8 +193,8 @@ declare const Overlay: react.ForwardRefExoticComponent<Omit<OverlayOptions, "bac
 } & 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>;
@@ -228,4 +244,5 @@ type BottomSheetFromConfigProps = {
 };
 declare const BottomSheetFromConfig: react.ForwardRefExoticComponent<BottomSheetFromConfigProps & react.RefAttributes<BottomSheetHandle>>;
 
-export { BottomSheet, BottomSheetFromConfig, type BottomSheetFromConfigProps, type BottomSheetHandle, type BottomSheetProps, EngineState, type HeaderProp, Overlay, type OverlayHandle, OverlayOptions, type OverlayProps, OverlayState, type SheetConfig, SheetMode, SnapPointDef, type UseBottomSheetRefs, type UseBottomSheetReturn, type UseOverlayReturn, useBottomSheet, useOverlay };
+export { BottomSheet, BottomSheetFromConfig, EngineState, Overlay, OverlayOptions, OverlayState, SheetMode, SnapPointDef, useBottomSheet, useOverlay };
+export type { BottomSheetFromConfigProps, BottomSheetHandle, BottomSheetProps, ElementRef, HeaderProp, OverlayHandle, OverlayProps, SheetConfig, UseBottomSheetRefs, UseBottomSheetReturn, UseOverlayReturn };

package/dist/react.d.ts

@@ -1,12 +1,13 @@
-import { g as EngineOptions, d as EngineState, A as AnchorOptions, i as ScrimStagesOptions, u as ScrimStageDef, S as SheetEventMap, C as CloseReason, v as ScrimUpdate, r as ScrimOverlayOptions, e as SnapPointDef, f as SheetMode } from './BottomSheetCore-COvILxmR.js';
-export { h as SnapPoint } from './BottomSheetCore-COvILxmR.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-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 { B as BottomSheetEngine } from './BottomSheetEngine-CsgCcCSO.js';
-import { T as TeleportTarget } from './teleport-7uYNiEAT.js';
-import './transform-jVfAikE9.js';
+import { BottomSheetEngine } from './index.js';
+import { TeleportTarget } from './index.js';
 
 type EngineOptionsForProps = Omit<EngineOptions, "element" | "handle" | "scrollContainer" | "backdrop" | "scrim">;
 type HeaderProp = ReactNode | ((state: EngineState) => ReactNode);
@@ -49,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> = {
@@ -66,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;
     };
@@ -101,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 & {
@@ -126,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"> & {
@@ -165,7 +181,7 @@ type OverlayHandle = {
     toggle: () => Promise<void>;
     state: OverlayState;
 };
-declare const Overlay: react.ForwardRefExoticComponent<Omit<OverlayOptions, "backdrop" | "element"> & {
+declare const Overlay: react.ForwardRefExoticComponent<Omit<OverlayOptions, "element" | "backdrop"> & {
     open?: boolean;
     backdrop?: boolean;
     className?: string;
@@ -177,8 +193,8 @@ declare const Overlay: react.ForwardRefExoticComponent<Omit<OverlayOptions, "bac
 } & 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>;
@@ -228,4 +244,5 @@ type BottomSheetFromConfigProps = {
 };
 declare const BottomSheetFromConfig: react.ForwardRefExoticComponent<BottomSheetFromConfigProps & react.RefAttributes<BottomSheetHandle>>;
 
-export { BottomSheet, BottomSheetFromConfig, type BottomSheetFromConfigProps, type BottomSheetHandle, type BottomSheetProps, EngineState, type HeaderProp, Overlay, type OverlayHandle, OverlayOptions, type OverlayProps, OverlayState, type SheetConfig, SheetMode, SnapPointDef, type UseBottomSheetRefs, type UseBottomSheetReturn, type UseOverlayReturn, useBottomSheet, useOverlay };
+export { BottomSheet, BottomSheetFromConfig, EngineState, Overlay, OverlayOptions, OverlayState, SheetMode, SnapPointDef, useBottomSheet, useOverlay };
+export type { BottomSheetFromConfigProps, BottomSheetHandle, BottomSheetProps, ElementRef, HeaderProp, OverlayHandle, OverlayProps, SheetConfig, UseBottomSheetRefs, UseBottomSheetReturn, UseOverlayReturn };