@surdeddd/bottom-sheet 0.23.4 → 0.24.1

package/dist/solid.d.ts

@@ -1,451 +1,26 @@
 import { JSX } from 'solid-js';
-
-type DragFrom$1 = "handle" | "sheet" | "zones";
-
-type TransformAxis = "bottom" | "top" | "left" | "right";
-
-type LogicalAxis = "start" | "end";
-
-type SnapPoint = number | `${number}%` | "fit" | "content" | "full" | (string & {});
-type SnapPointDef<Id extends string = string> = {
-    id: Id;
-    size: SnapPoint;
-    dragFromContent?: boolean;
-};
-type PhysicalSheetMode = TransformAxis;
-type LogicalSheetMode = LogicalAxis;
-type SheetMode = PhysicalSheetMode | LogicalSheetMode;
-type DragFrom = DragFrom$1;
-type DragSurfaceKind = "content";
-type ScrimPreset = "subtle" | "standard" | "monitoring" | "cinematic";
-type ScrimUpdate = {
-    color?: string | null;
-    blur?: string | null;
-    interactive?: boolean;
-    range?: [number, number];
-    preset?: ScrimPreset;
-    mode?: "full" | "above-sheet" | "off";
-    tapToClose?: boolean;
-    enabled?: boolean;
-};
-type ScrimOverlayPosition = "top-left" | "top-center" | "top-right" | "center-left" | "center" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right" | "sheet-top-left" | "sheet-top-center" | "sheet-top-right";
-type ScrimOverlayOptions = {
-    children: HTMLElement | DocumentFragment;
-    position?: ScrimOverlayPosition;
-    interactive?: boolean;
-    inset?: string;
-};
-type SheetEventMap = {
-    "before-snap": {
-        id: string;
-        size: number;
-        cancel: () => void;
-        previousId: string;
-    };
-    "before-close": {
-        reason: "programmatic" | "backdrop" | "escape" | "back";
-        cancel: () => void;
-    };
-    snap: {
-        id: string;
-        size: number;
-        progress: number;
-    };
-    progress: {
-        value: number;
-        size: number;
-    };
-    dragstart: {
-        size: number;
-    };
-    drag: {
-        size: number;
-        delta: number;
-    };
-    dragend: {
-        size: number;
-        velocity: number;
-    };
-    close: void;
-    open: {
-        id: string;
-    };
-    opened: {
-        id: string;
-    };
-    closed: undefined;
-};
-type CloseReason = "programmatic" | "backdrop" | "escape" | "back";
-type EngineOptions = {
-    element: HTMLElement;
-    handle?: HTMLElement;
-    scrollContainer?: HTMLElement;
-    backdrop?: HTMLElement;
-    scrim?: HTMLElement;
-    screenComponent?: HTMLElement;
-    mode?: SheetMode;
-    snapPoints: SnapPointDef[];
-    allowed?: string[];
-    initial?: string;
-    duration?: number;
-    easing?: (t: number) => number;
-    respectReducedMotion?: boolean;
-    flickVelocity?: number;
-    dragThreshold?: number;
-    dragFrom?: DragFrom;
-    dragFromContent?: boolean;
-    fitContentToSnap?: boolean;
-    rubberBand?: boolean;
-    backdropRange?: [number, number];
-    screenRange?: [number, number];
-    scrimMode?: "full" | "above-sheet" | "off";
-    scrimColor?: string;
-    scrimBlur?: string;
-    scrimInteractive?: boolean;
-    scrimTapToClose?: boolean;
-    scrimPreset?: ScrimPreset;
-    animation?: "spring" | "tween" | "ios-spring" | "material-bounce" | "linear" | "snappy";
-    settleAnimation?: "waapi";
-    spring?: {
-        stiffness?: number;
-        damping?: number;
-        mass?: number;
-    };
-    focusTrap?: boolean;
-    initialFocus?: string | HTMLElement | false;
-    closeOnEscape?: boolean;
-    lockBodyScroll?: boolean;
-    closeOnBack?: boolean;
-    routedTo?: string;
-    inertSiblings?: boolean;
-    persistent?: boolean;
-    disableClose?: boolean;
-    disableDrag?: boolean;
-    closeOnRouteChange?: boolean;
-    radius?: string | number;
-    maxHeight?: string | number;
-    returnFocusTo?: HTMLElement | string | (() => HTMLElement | null);
-    persistKey?: string;
-    autoCollapseAfter?: number;
-    linkedSheets?: BottomSheetEngineLike[];
-    viewTransitions?: boolean;
-    stackEffect?: boolean;
-    features?: EngineFeature[];
-};
-
-type BottomSheetEngineLike = BottomSheetCore;
-type EngineFeatureStage = "attach" | "post";
-type EngineFeatureOptions = {
-    routedTo?: string;
-    closeOnBack: boolean;
-    closeOnRouteChange: boolean;
-    persistKey?: string;
-    autoCollapseAfter?: number;
-    fitContentToSnap: boolean;
-    settleAnimation?: "waapi";
-};
-type EngineFeatureContext = {
-    element: HTMLElement;
-    scrollContainer?: HTMLElement;
-    sheetId: string;
-    options: EngineFeatureOptions;
-    isDestroyed: () => boolean;
-    isDragging: () => boolean;
-    isAnimating: () => boolean;
-    isTopSheet: () => boolean;
-    isVerticalAxis: () => boolean;
-    getSize: () => number;
-    getActiveId: () => string;
-    getAllowedIds: () => string[];
-    allowedIdsBySize: () => string[];
-    getMaxAxisSize: () => number;
-    resolveSnap: (id: string) => {
-        id: string;
-        size: number;
-    } | null;
-    resolveActiveSnap: () => {
-        id: string;
-        size: number;
-    } | null;
-    setSize: (size: number) => void;
-    setMaxAxisSize: (size: number) => void;
-    applySize: (size: number) => void;
-    recomputeSnaps: () => void;
-    newCycle: () => void;
-    cancelInFlight: () => void;
-    resyncAfterResize: () => void;
-    snapTo: (id: string) => void;
-    close: (reason?: CloseReason) => Promise<void>;
-    attachDragSurface: (surface: HTMLElement, kind: DragSurfaceKind) => (() => void) | void;
-    on: <K extends keyof SheetEventMap>(event: K, fn: (payload: SheetEventMap[K]) => void) => () => void;
-    addTeardown: (fn: (() => void) | null | undefined) => void;
-};
-type EngineFeature = {
-    name: string;
-    stage?: EngineFeatureStage;
-    install: (ctx: EngineFeatureContext) => (() => void) | void;
-};
-type TeardownScope = {
-    add: (fn: (() => void) | null | undefined) => void;
-};
-type Plugin = {
-    name: string;
-    install: (engine: BottomSheetCore, scope: TeardownScope) => void | (() => void);
-};
-type EngineState = {
-    size: number;
-    activeId: string;
-    isDragging: boolean;
-    isAnimating: boolean;
-    progress: number;
-};
-
-type AnchorAnimationPreset = "fade" | "scale" | "slide" | "pop" | "none";
-type AnchorAnimationSpec = AnchorAnimationPreset | {
-    preset?: AnchorAnimationPreset;
-    enter?: Keyframe[];
-    exit?: Keyframe[];
-    duration?: number;
-    easing?: string;
-    respectReducedMotion?: boolean;
-};
-
-type AnchorState = {
-    activeId: string;
-    size: number;
-    progress: number;
-};
-type AnchorPosition = ScrimOverlayPosition | "dock-bottom" | "dock-top";
-type AnchorOptions = {
-    element: HTMLElement;
-    position?: AnchorPosition;
-    inset?: string;
-    showOn?: string[] | ((state: AnchorState) => boolean);
-    fadeRange?: [number, number];
-    interactive?: boolean;
-    animation?: AnchorAnimationSpec;
-};
-
-type ScrimStageDef = {
-    id?: string;
-    for?: string | string[];
-    forRange?: [number, number];
-    element: HTMLElement;
-    position?: ScrimOverlayPosition;
-    inset?: string;
-    interactive?: boolean;
-    animation?: AnchorAnimationSpec;
-};
-type ScrimStagesOptions = {
-    stages: ScrimStageDef[];
-    position?: ScrimOverlayPosition;
-    inset?: string;
-    interactive?: boolean;
-    animation?: AnchorAnimationSpec;
-};
-
-type Listener<K extends keyof SheetEventMap> = (payload: SheetEventMap[K]) => void;
-declare class BottomSheetCore {
-    private id;
-    private element;
-    private handle;
-    private scrollContainer?;
-    private backdrop?;
-    private screenComponent?;
-    private scrimParent;
-    private mode;
-    private flickVelocity;
-    private dragThreshold;
-    private dragFromMode;
-    private dragFromContentDefault;
-    private rubberBandEnabled;
-    private scrim;
-    private aria;
-    private animation;
-    private lifecycle;
-    private closeOnBack;
-    private routedTo;
-    private fitContentToSnap;
-    private settleAnimation;
-    private persistent;
-    private disableCloseFlag;
-    private disableDragFlag;
-    private closeOnRouteChange;
-    private maxHeight;
-    private maxHeightDeps;
-    private snapPointsRaw;
-    private snaps;
-    private activeId;
-    private size;
-    private gesture;
-    private contentGesture;
-    private detachSheetGesture;
-    private detachSliderKeyboard;
-    private rootEl;
-    private destroyed;
-    private restClosed;
-    private currentViewTransition;
-    private currentAbort;
-    private sizeWriteSentinel;
-    private progressWriteSentinel;
-    private isTopSheet;
-    private opening;
-    private promotedForOpen;
-    private allowOvershoot;
-    private progressPayload;
-    private dragContextBuf;
-    private bus;
-    private persistKey;
-    private linkedSheets;
-    private scrollCache;
-    private teardowns;
-    private anchors;
-    private anchorHost;
-    private stackZ;
-    private detachScrimStages;
-    private stackEffectEnabled;
-    private stackEffectPrimed;
-    private fitDeps;
-    private transformTemplate;
-    private featureList;
-    private featureCtx;
-    constructor(opts: EngineOptions);
-    private buildFeatureContext;
-    private runFeatureStage;
-    private warnOrphanFeatureOptions;
-    get state(): EngineState;
-    on<K extends keyof SheetEventMap>(event: K, fn: Listener<K>): () => void;
-    use(plugin: Plugin): this;
-    setLinkedSheets(sheets: BottomSheetCore[]): void;
-    getAllowedIds(): string[];
-    getResolvedSnaps(): readonly {
-        id: string;
-        size: number;
-    }[];
-    snapTo(id: string, velocityOrOpts?: number | {
-        velocity?: number;
-        signal?: AbortSignal;
-    }, _skipBeforeSnap?: boolean): Promise<void>;
-    private completeSnap;
-    private setRestClosed;
-    private emitOpenSequence;
-    private emitCloseSequence;
-    dragTo(targetSize: number, velocityOrOpts?: number | {
-        velocity?: number;
-        signal?: AbortSignal;
-    }): Promise<void>;
-    open(id?: string): Promise<void>;
-    close(reason?: CloseReason): Promise<void>;
-    canDismiss(): boolean;
-    setPersistent(value: boolean): void;
-    setDisableClose(value: boolean): void;
-    setDisableDrag(value: boolean): void;
-    setDragFromContent(value: boolean): void;
-    setDragFrom(mode: DragFrom$1): void;
-    getDragFrom(): DragFrom$1;
-    setMode(mode: SheetMode): void;
-    getMode(): PhysicalSheetMode;
-    isTop(): boolean;
-    depth(): number;
-    expand(): Promise<void>;
-    collapse(): Promise<void>;
-    setRadius(r: string | number): void;
-    setMaxHeight(h: string | number): void;
-    setAllowed(ids: string[], snap?: string): void;
-    setBackdropRange(range: [number, number]): void;
-    setScreenRange(range: [number, number]): void;
-    setScrimColor(color: string | undefined | null): void;
-    setScrimBlur(blur: string | undefined | null): void;
-    setScrimInteractive(interactive: boolean): void;
-    setScrim(opts: ScrimUpdate): void;
-    setScrimMode(mode: "full" | "above-sheet" | "off"): void;
-    setScrimTapToClose(enabled: boolean): void;
-    setScrimEnabled(enabled: boolean): void;
-    setScrimOverlay(opts: ScrimOverlayOptions): () => void;
-    addAnchor(opts: AnchorOptions): () => void;
-    setScrimStages(opts: ScrimStagesOptions | null): () => void;
-    getScrimState(): {
-        mode: "full" | "above-sheet" | "off";
-        enabled: boolean;
-    };
-    setSnapPoints(points: EngineOptions["snapPoints"], allowed?: string[]): void;
-    recompute(): void;
-    private healActiveSnap;
-    destroy(): void;
-    private emit;
-    private newCycle;
-    private emitBeforeSnap;
-    private emitBeforeClose;
-    private applyAutoAriaLabelledBy;
-    private recomputeSnaps;
-    private auditDuplicateSnapIds;
-    private getAllowedRange;
-    private allowedIdsBySize;
-    private updateAriaSlider;
-    private registerInStack;
-    private applyStackDepth;
-    private buildGestureDeps;
-    private isContentDragAllowed;
-    private decideContentDrag;
-    private attachDragSurface;
-    private sheetDragSurface;
-    private canStartSheetDrag;
-    private mountSheetGesture;
-    private attach;
-    private attachFeatures;
-    private mountSliderKeyboard;
-    private settleAfterDrag;
-    private isDraggingAny;
-    private clearWillChangeIfIdle;
-    private haptic;
-    private applySize;
-    private computeProgress;
-    private handleOpen;
-    private resyncAfterResize;
-    private handleClose;
-}
-
-declare class BottomSheetEngine extends BottomSheetCore {
-    constructor(opts: EngineOptions);
-}
-
-type TeleportTarget = HTMLElement | string | null | undefined;
+import { BottomSheetEngine } from './index.js';
+import { TeleportTarget } from './index.js';
+import { EngineConfig } from './index.js';
+import { e as SnapPointDef, d as EngineState } from './BottomSheetCore-B_r4KCQL.js';
+import { SheetEventMap } from './core.js';
+export { f as EngineOptions, g as SheetMode, h as SnapPoint } from './BottomSheetCore-B_r4KCQL.js';
 
 /** @jsxImportSource solid-js */
 
-type BottomSheetProps<TId extends string = string> = {
+type BottomSheetProps<TId extends string = string> = Omit<Partial<EngineConfig>, "snapPoints" | "allowed" | "initial"> & {
     snapPoints: SnapPointDef<TId>[] | ReadonlyArray<SnapPointDef<TId>>;
     allowed?: TId[] | ReadonlyArray<TId>;
     initial?: TId;
-    mode?: SheetMode;
-    animation?: "spring" | "tween" | "ios-spring" | "material-bounce" | "linear" | "snappy";
-    spring?: {
-        stiffness?: number;
-        damping?: number;
-        mass?: number;
-    };
-    focusTrap?: boolean;
-    closeOnEscape?: boolean;
-    closeOnBack?: boolean;
-    lockBodyScroll?: boolean;
-    rubberBand?: boolean;
-    backdropRange?: [number, number];
-    radius?: string | number;
-    maxHeight?: string | number;
-    persistent?: boolean;
-    disableClose?: boolean;
-    disableDrag?: boolean;
-    dragFrom?: EngineOptions["dragFrom"];
-    dragFromContent?: boolean;
-    fitContentToSnap?: boolean;
-    closeOnRouteChange?: boolean;
-    stackEffect?: boolean;
     teleport?: boolean;
     teleportTo?: TeleportTarget;
-    returnFocusTo?: EngineOptions["returnFocusTo"];
     backdrop?: boolean;
     closeOnBackdrop?: boolean;
     ariaLabel?: string;
+    handleLabel?: string;
+    contentLabel?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
     onSnap?: (id: TId) => void;
     onBeforeSnap?: (payload: SheetEventMap["before-snap"]) => void;
     onBeforeClose?: (payload: SheetEventMap["before-close"]) => void;
@@ -470,5 +45,5 @@ type BottomSheetProps<TId extends string = string> = {
 };
 declare const BottomSheet: <TId extends string = string>(props: BottomSheetProps<TId>) => JSX.Element;
 
-export { BottomSheet };
-export type { BottomSheetProps, EngineOptions, EngineState, SheetMode, SnapPoint, SnapPointDef };
+export { BottomSheet, EngineState, SnapPointDef };
+export type { BottomSheetProps };