@sprawlify/primitives 0.0.110 → 0.0.111

package/dist/machines/drawer/index.d.cts

@@ -1,51 +1,209 @@
 import { n as AnatomyInstance } from "../../create-anatomy-9eFQs7lO.cjs";
 import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMTKq.cjs";
-import { b as NormalizeProps, g as RequiredBy, p as Point, r as DirectionProperty, s as MaybeElement, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
+import { C as JSX, b as NormalizeProps, g as RequiredBy, p as Point, r as DirectionProperty, s as MaybeElement, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
 import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-DzWGFhcS.cjs";
 import { t as DismissableElementHandlers } from "../../dismissable-layer-ZgyqN8AD.cjs";
 
 //#region src/machines/drawer/drawer.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"content" | "trigger" | "title" | "closeTrigger" | "backdrop" | "grabber" | "grabberIndicator">;
+declare const anatomy: AnatomyInstance<"trigger" | "title" | "content" | "description" | "positioner" | "backdrop" | "closeTrigger" | "grabber" | "grabberIndicator" | "swipeArea">;
 //#endregion
-//#region src/machines/drawer/utils/drag-manager.d.ts
-declare class DragManager {
-  private pointerStart;
-  private dragOffset;
-  private lastPoint;
-  private lastTimestamp;
+//#region src/machines/drawer/utils/session.d.ts
+type GestureAxis = "x" | "y";
+type PhysicalSwipeDirection = "up" | "down" | "left" | "right";
+type SwipePointerType = "mouse" | "pen" | "touch";
+interface SwipeMoveDetails {
+  point: Point;
+  target: Element | null;
+  event: PointerEvent | TouchEvent;
+  pointerType: SwipePointerType;
+  axis: GestureAxis;
+  swipeDirection: PhysicalSwipeDirection;
+}
+interface SwipeEndDetails {
+  point: Point;
+  swipeDirection: PhysicalSwipeDirection;
+}
+interface SwipeStartDetails {
+  point: Point;
+  target: Element | null;
+  event: PointerEvent | TouchEvent;
+  pointerType: SwipePointerType;
+  axis: GestureAxis;
+  swipeDirection: PhysicalSwipeDirection;
+}
+interface SwipeInterruptDetails {
+  reason: "visibility-hidden" | "lost-pointer-capture";
+  event: Event | Document;
+  target: Element | null;
+  pointerType: SwipePointerType | null;
+}
+interface SwipeTrackingOptions {
+  getDoc: () => Document;
+  getSelectionTarget?: () => HTMLElement | null;
+  swipeDirection: PhysicalSwipeDirection;
+  onStart?: (details: SwipeStartDetails) => void;
+  onMove: (details: SwipeMoveDetails) => void;
+  onEnd: (details: SwipeEndDetails) => void;
+  onCancel: () => void;
+  preventDefault?: (details: SwipeMoveDetails) => boolean;
+  cancelOnInterrupt?: (details: SwipeInterruptDetails) => boolean;
+}
+interface PendingSwipeOptions {
+  getWin: () => Window;
+  pointerId: number;
+  startPoint: Point;
+  swipeDirection: PhysicalSwipeDirection;
+  onCommit: (point: Point) => void;
+  canCommit?: () => boolean;
+  onCancel?: () => void;
+}
+declare class SwipeSession {
+  private startPoint;
   private velocity;
-  setPointerStart(point: Point): void;
-  clearPointerStart(): void;
-  getPointerStart(): Point | null;
-  setDragOffset(point: Point, resolvedActiveSnapPointOffset: number): void;
-  getDragOffset(): number | null;
-  clearDragOffset(): void;
-  getVelocity(): number | null;
+  private samples;
+  private sampleStartIndex;
+  private gestureStartAxis;
+  private gestureStartTime;
+  private gestureSign;
+  private pendingSwipe;
+  setStartPoint(point: Point): void;
+  clearStartPoint(): void;
+  getStartPoint(): Point | null;
+  getGestureAxis(direction: PhysicalSwipeDirection): GestureAxis;
+  getGestureSign(direction: PhysicalSwipeDirection): number;
+  private getAxisValue;
+  getMainAxisDisplacement(point: Point, axis: GestureAxis, sign: number): number;
+  getCrossAxisDisplacement(point: Point, axis: GestureAxis): number;
+  track(point: Point, axis: GestureAxis, sign: number): void;
+  getReleaseVelocity(): number;
   clearVelocityTracking(): void;
   clear(): void;
-  shouldStartDragging(point: Point, target: HTMLElement, container: HTMLElement | null, preventDragOnScroll: boolean): boolean;
-  findClosestSnapPoint(snapPoints: ResolvedSnapPoint[]): number | string;
-  shouldDismiss(contentHeight: number | null, snapPoints: ResolvedSnapPoint[], swipeVelocityThreshold: number, closeThreshold: number): boolean;
+  startDeferredSwipe(options: PendingSwipeOptions): void;
+  cancelDeferredSwipe(): void;
+  bind(options: SwipeTrackingOptions): () => void;
+}
+//#endregion
+//#region src/machines/drawer/utils/drawer-session.d.ts
+interface ContentPointerDownOptions {
+  event: JSX.PointerEvent<HTMLElement>;
+  getDoc: () => Document;
+  getContentEl: () => HTMLElement | null;
+  getWin: () => Window;
+  swipeDirection: PhysicalSwipeDirection;
+  canCommit: () => boolean;
+  onCommit: (point: Point) => void;
+}
+interface GrabberPointerDownOptions {
+  event: JSX.PointerEvent<HTMLElement>;
+  point: Point;
+  canCommit: () => boolean;
+  onCommit: (point: Point) => void;
+}
+declare class DrawerSwipeSession {
+  readonly session: SwipeSession;
+  private dragOffset;
+  private readonly preventDragOnScroll;
+  constructor(options: DrawerSwipeSessionOptions);
+  contentPointerDown(options: ContentPointerDownOptions): void;
+  grabberPointerDown(options: GrabberPointerDownOptions): void;
+  private adjustReleaseVelocityAgainstDisplacement;
+  private adjustReleaseVelocityForOpenSwipe;
+  beginSwipe(point: Point): void;
+  clearSwipeStart(): void;
+  getSwipeStart(): Point | null;
+  getDragOffset(): number | null;
+  resetDragOffset(): void;
+  resetVelocity(): void;
+  reset(): void;
+  setDragOffset(point: Point, resolvedActiveSnapPointOffset: number, direction: PhysicalSwipeDirection): void;
+  setSwipeOpenOffset(point: Point, contentSize: number, direction: PhysicalSwipeDirection): void;
+  canStartDrag(point: Point, target: EventTarget | null, container: HTMLElement | null, preventDragOnScroll: boolean, direction: PhysicalSwipeDirection): boolean;
+  resolveSnapPointOnRelease(snapPoints: ResolvedSnapPoint[], snapPoint: ResolvedSnapPoint | null, snapToSequentialPoints: boolean, contentSize: number): number | string | null;
+  shouldOpenOnRelease(contentSize: number | null, swipeVelocityThreshold: number, openThreshold: number): boolean;
+  shouldDismissOnRelease(contentSize: number | null, snapPoints: ResolvedSnapPoint[], resolvedSnapOffset: number): boolean;
+  getSwipeStrength(targetOffset: number, resolvedSnapOffset?: number | null): number;
+  bindDragTracking(options: DragTrackingOptions): () => void;
+  bindSwipeOpenTracking(options: SwipeOpenTrackingOptions): () => void;
+}
+interface DrawerSwipeSessionOptions {
+  preventDragOnScroll: () => boolean;
+}
+interface DragTrackingOptions {
+  getDoc: () => Document;
+  getContentEl: () => HTMLElement | null;
+  getSwipeAreaEl: () => HTMLElement | null;
+  swipeDirection: PhysicalSwipeDirection;
+  onMove: (details: {
+    point: Point;
+    target: Element | null;
+    swipeDirection: PhysicalSwipeDirection;
+  }) => void;
+  onEnd: (details: {
+    point: Point;
+    swipeDirection: PhysicalSwipeDirection;
+  }) => void;
+  onCancel: () => void;
+}
+interface SwipeOpenTrackingOptions {
+  getDoc: () => Document;
+  getContentEl: () => HTMLElement | null;
+  getSwipeAreaEl: () => HTMLElement | null;
+  swipeDirection: PhysicalSwipeDirection;
+  onMove: (details: {
+    point: Point;
+  }) => void;
+  onEnd: (details: {
+    point: Point;
+    swipeDirection: PhysicalSwipeDirection;
+  }) => void;
+  onCancel: () => void;
 }
 //#endregion
 //#region src/machines/drawer/drawer.types.d.ts
+type SwipeDirection = "up" | "down" | "start" | "end";
+type SnapPoint = number | string;
 interface OpenChangeDetails {
   open: boolean;
 }
 interface ResolvedSnapPoint {
-  value: number | string;
+  value: SnapPoint;
+  height: number;
   offset: number;
 }
 interface SnapPointChangeDetails {
-  snapPoint: number | string;
+  snapPoint: SnapPoint | null;
+}
+interface DrawerStackSnapshot {
+  active: boolean;
+  openCount: number;
+  swipeProgress: number;
+  frontmostHeight: number;
+}
+interface DrawerStack {
+  getSnapshot(): DrawerStackSnapshot;
+  subscribe(listener: () => void): () => void;
+  register(id: string): void;
+  unregister(id: string): void;
+  setOpen(id: string, open: boolean): void;
+  setHeight(id: string, height: number): void;
+  setSwipe(id: string, swiping: boolean, progress: number): void;
+}
+interface DrawerStackApi<T extends PropTypes = PropTypes> {
+  getIndentProps(): T["element"];
+  getIndentBackgroundProps(): T["element"];
 }
 type ElementIds = Partial<{
   backdrop: string;
+  positioner: string;
   content: string;
+  title: string;
+  description: string;
+  header: string;
   trigger: string;
   grabber: string;
   grabberIndicator: string;
   closeTrigger: string;
+  swipeArea: string;
 }>;
 interface DrawerProps extends DirectionProperty, CommonProperties, DismissableElementHandlers {
   ids?: ElementIds;
@@ -61,29 +219,41 @@ interface DrawerProps extends DirectionProperty, CommonProperties, DismissableEl
   onOpenChange?: ((details: OpenChangeDetails) => void) | undefined;
   closeOnInteractOutside?: boolean | undefined;
   closeOnEscape?: boolean | undefined;
-  snapPoints?: (number | string)[] | undefined;
+  snapPoints?: SnapPoint[] | undefined;
+  swipeDirection?: SwipeDirection | undefined;
+  snapToSequentialPoints?: boolean | undefined;
   swipeVelocityThreshold?: number;
   closeThreshold?: number;
   preventDragOnScroll?: boolean;
-  activeSnapPoint?: number | string | undefined;
-  defaultActiveSnapPoint?: number | string | undefined;
-  onActiveSnapPointChange?: ((details: SnapPointChangeDetails) => void) | undefined;
+  snapPoint?: SnapPoint | null | undefined;
+  defaultSnapPoint?: SnapPoint | null | undefined;
+  onSnapPointChange?: ((details: SnapPointChangeDetails) => void) | undefined;
+  stack?: DrawerStack | undefined;
 }
-type PropsWithDefault = "closeOnInteractOutside" | "closeOnEscape" | "modal" | "trapFocus" | "restoreFocus" | "preventScroll" | "initialFocusEl" | "snapPoints" | "swipeVelocityThreshold" | "closeThreshold" | "preventDragOnScroll" | "defaultActiveSnapPoint";
+type PropsWithDefault = "closeOnInteractOutside" | "closeOnEscape" | "modal" | "trapFocus" | "restoreFocus" | "preventScroll" | "initialFocusEl" | "snapPoints" | "swipeDirection" | "snapToSequentialPoints" | "swipeVelocityThreshold" | "closeThreshold" | "preventDragOnScroll" | "defaultSnapPoint";
 interface DrawerSchema {
   props: RequiredBy<DrawerProps, PropsWithDefault>;
-  state: "open" | "closed" | "closing";
+  state: "open" | "closed" | "closing" | "swipe-area-dragging" | "swiping-open";
   tag: "open" | "closed";
   context: {
     dragOffset: number | null;
-    activeSnapPoint: number | string;
+    snapPoint: SnapPoint | null;
     resolvedActiveSnapPoint: ResolvedSnapPoint | null;
-    contentHeight: number | null;
+    contentSize: number | null;
+    viewportSize: number;
+    rootFontSize: number;
+    swipeStrength: number;
+    rendered: {
+      title: boolean;
+      description: boolean;
+    };
   };
   refs: {
-    dragManager: DragManager;
+    swipeSession: DrawerSwipeSession;
   };
   computed: {
+    drawerId: string;
+    physicalSwipeDirection: PhysicalSwipeDirection;
     resolvedSnapPoints: ResolvedSnapPoint[];
   };
   event: EventObject;
@@ -96,23 +266,31 @@ type DrawerMachine = Machine<DrawerSchema>;
 interface ContentProps {
   draggable?: boolean | undefined;
 }
+interface SwipeAreaProps {
+  disabled?: boolean | undefined;
+  swipeDirection?: SwipeDirection | undefined;
+}
 interface DrawerApi<T extends PropTypes = PropTypes> {
   open: boolean;
   dragging: boolean;
   setOpen: (open: boolean) => void;
-  snapPoints: (number | string)[];
-  activeSnapPoint: number | string;
-  setActiveSnapPoint: (snapPoint: number | string) => void;
+  snapPoints: SnapPoint[];
+  swipeDirection: SwipeDirection;
+  snapPoint: SnapPoint | null;
+  setSnapPoint: (snapPoint: SnapPoint | null) => void;
   getOpenPercentage: () => number;
-  getActiveSnapIndex: () => number;
-  getContentHeight: () => number | null;
+  getSnapPointIndex: () => number;
+  getContentSize: () => number | null;
+  getPositionerProps: () => T["element"];
   getContentProps: (props?: ContentProps) => T["element"];
   getTitleProps: () => T["element"];
+  getDescriptionProps: () => T["element"];
   getTriggerProps: () => T["element"];
   getBackdropProps: () => T["element"];
   getGrabberProps: () => T["element"];
   getGrabberIndicatorProps: () => T["element"];
   getCloseTriggerProps: () => T["element"];
+  getSwipeAreaProps: (props?: SwipeAreaProps) => T["element"];
 }
 //#endregion
 //#region src/machines/drawer/drawer.connect.d.ts
@@ -125,4 +303,8 @@ declare const machine: Machine<DrawerSchema>;
 declare const props: (keyof DrawerProps)[];
 declare const splitProps: <Props extends Partial<DrawerProps>>(props: Props) => [Partial<DrawerProps>, Omit<Props, keyof DrawerProps>];
 //#endregion
-export { type DrawerApi as Api, type ContentProps, type ElementIds, type FocusOutsideEvent, type InteractOutsideEvent, type DrawerMachine as Machine, type OpenChangeDetails, type PointerDownOutsideEvent, type DrawerProps as Props, type ResolvedSnapPoint, type DrawerService as Service, type SnapPointChangeDetails, anatomy, connect, machine, props, splitProps };
+//#region src/machines/drawer/drawer.stack.d.ts
+declare function createStack(): DrawerStack;
+declare function connectStack<T extends PropTypes>(snapshot: DrawerStackSnapshot, normalize: NormalizeProps<T>): DrawerStackApi<T>;
+//#endregion
+export { type DrawerApi as Api, type ContentProps, type DrawerStack, type DrawerStackApi, type DrawerStackSnapshot, type ElementIds, type FocusOutsideEvent, type InteractOutsideEvent, type DrawerMachine as Machine, type OpenChangeDetails, type PointerDownOutsideEvent, type DrawerProps as Props, type ResolvedSnapPoint, type DrawerService as Service, type SnapPoint, type SnapPointChangeDetails, type SwipeDirection, anatomy, connect, connectStack, createStack, machine, props, splitProps };

package/dist/machines/drawer/index.d.mts

@@ -1,51 +1,209 @@
 import { n as AnatomyInstance } from "../../create-anatomy-BedZVdg0.mjs";
 import { p as Machine, u as EventObject, y as Service } from "../../types-DUM9rzfD.mjs";
-import { b as NormalizeProps, g as RequiredBy, p as Point, r as DirectionProperty, s as MaybeElement, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
+import { C as JSX, b as NormalizeProps, g as RequiredBy, p as Point, r as DirectionProperty, s as MaybeElement, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
 import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-CGNNiDyE.mjs";
 import { t as DismissableElementHandlers } from "../../dismissable-layer-h14gHVbJ.mjs";
 
 //#region src/machines/drawer/drawer.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"content" | "trigger" | "title" | "closeTrigger" | "backdrop" | "grabber" | "grabberIndicator">;
+declare const anatomy: AnatomyInstance<"trigger" | "title" | "content" | "description" | "positioner" | "backdrop" | "closeTrigger" | "grabber" | "grabberIndicator" | "swipeArea">;
 //#endregion
-//#region src/machines/drawer/utils/drag-manager.d.ts
-declare class DragManager {
-  private pointerStart;
-  private dragOffset;
-  private lastPoint;
-  private lastTimestamp;
+//#region src/machines/drawer/utils/session.d.ts
+type GestureAxis = "x" | "y";
+type PhysicalSwipeDirection = "up" | "down" | "left" | "right";
+type SwipePointerType = "mouse" | "pen" | "touch";
+interface SwipeMoveDetails {
+  point: Point;
+  target: Element | null;
+  event: PointerEvent | TouchEvent;
+  pointerType: SwipePointerType;
+  axis: GestureAxis;
+  swipeDirection: PhysicalSwipeDirection;
+}
+interface SwipeEndDetails {
+  point: Point;
+  swipeDirection: PhysicalSwipeDirection;
+}
+interface SwipeStartDetails {
+  point: Point;
+  target: Element | null;
+  event: PointerEvent | TouchEvent;
+  pointerType: SwipePointerType;
+  axis: GestureAxis;
+  swipeDirection: PhysicalSwipeDirection;
+}
+interface SwipeInterruptDetails {
+  reason: "visibility-hidden" | "lost-pointer-capture";
+  event: Event | Document;
+  target: Element | null;
+  pointerType: SwipePointerType | null;
+}
+interface SwipeTrackingOptions {
+  getDoc: () => Document;
+  getSelectionTarget?: () => HTMLElement | null;
+  swipeDirection: PhysicalSwipeDirection;
+  onStart?: (details: SwipeStartDetails) => void;
+  onMove: (details: SwipeMoveDetails) => void;
+  onEnd: (details: SwipeEndDetails) => void;
+  onCancel: () => void;
+  preventDefault?: (details: SwipeMoveDetails) => boolean;
+  cancelOnInterrupt?: (details: SwipeInterruptDetails) => boolean;
+}
+interface PendingSwipeOptions {
+  getWin: () => Window;
+  pointerId: number;
+  startPoint: Point;
+  swipeDirection: PhysicalSwipeDirection;
+  onCommit: (point: Point) => void;
+  canCommit?: () => boolean;
+  onCancel?: () => void;
+}
+declare class SwipeSession {
+  private startPoint;
   private velocity;
-  setPointerStart(point: Point): void;
-  clearPointerStart(): void;
-  getPointerStart(): Point | null;
-  setDragOffset(point: Point, resolvedActiveSnapPointOffset: number): void;
-  getDragOffset(): number | null;
-  clearDragOffset(): void;
-  getVelocity(): number | null;
+  private samples;
+  private sampleStartIndex;
+  private gestureStartAxis;
+  private gestureStartTime;
+  private gestureSign;
+  private pendingSwipe;
+  setStartPoint(point: Point): void;
+  clearStartPoint(): void;
+  getStartPoint(): Point | null;
+  getGestureAxis(direction: PhysicalSwipeDirection): GestureAxis;
+  getGestureSign(direction: PhysicalSwipeDirection): number;
+  private getAxisValue;
+  getMainAxisDisplacement(point: Point, axis: GestureAxis, sign: number): number;
+  getCrossAxisDisplacement(point: Point, axis: GestureAxis): number;
+  track(point: Point, axis: GestureAxis, sign: number): void;
+  getReleaseVelocity(): number;
   clearVelocityTracking(): void;
   clear(): void;
-  shouldStartDragging(point: Point, target: HTMLElement, container: HTMLElement | null, preventDragOnScroll: boolean): boolean;
-  findClosestSnapPoint(snapPoints: ResolvedSnapPoint[]): number | string;
-  shouldDismiss(contentHeight: number | null, snapPoints: ResolvedSnapPoint[], swipeVelocityThreshold: number, closeThreshold: number): boolean;
+  startDeferredSwipe(options: PendingSwipeOptions): void;
+  cancelDeferredSwipe(): void;
+  bind(options: SwipeTrackingOptions): () => void;
+}
+//#endregion
+//#region src/machines/drawer/utils/drawer-session.d.ts
+interface ContentPointerDownOptions {
+  event: JSX.PointerEvent<HTMLElement>;
+  getDoc: () => Document;
+  getContentEl: () => HTMLElement | null;
+  getWin: () => Window;
+  swipeDirection: PhysicalSwipeDirection;
+  canCommit: () => boolean;
+  onCommit: (point: Point) => void;
+}
+interface GrabberPointerDownOptions {
+  event: JSX.PointerEvent<HTMLElement>;
+  point: Point;
+  canCommit: () => boolean;
+  onCommit: (point: Point) => void;
+}
+declare class DrawerSwipeSession {
+  readonly session: SwipeSession;
+  private dragOffset;
+  private readonly preventDragOnScroll;
+  constructor(options: DrawerSwipeSessionOptions);
+  contentPointerDown(options: ContentPointerDownOptions): void;
+  grabberPointerDown(options: GrabberPointerDownOptions): void;
+  private adjustReleaseVelocityAgainstDisplacement;
+  private adjustReleaseVelocityForOpenSwipe;
+  beginSwipe(point: Point): void;
+  clearSwipeStart(): void;
+  getSwipeStart(): Point | null;
+  getDragOffset(): number | null;
+  resetDragOffset(): void;
+  resetVelocity(): void;
+  reset(): void;
+  setDragOffset(point: Point, resolvedActiveSnapPointOffset: number, direction: PhysicalSwipeDirection): void;
+  setSwipeOpenOffset(point: Point, contentSize: number, direction: PhysicalSwipeDirection): void;
+  canStartDrag(point: Point, target: EventTarget | null, container: HTMLElement | null, preventDragOnScroll: boolean, direction: PhysicalSwipeDirection): boolean;
+  resolveSnapPointOnRelease(snapPoints: ResolvedSnapPoint[], snapPoint: ResolvedSnapPoint | null, snapToSequentialPoints: boolean, contentSize: number): number | string | null;
+  shouldOpenOnRelease(contentSize: number | null, swipeVelocityThreshold: number, openThreshold: number): boolean;
+  shouldDismissOnRelease(contentSize: number | null, snapPoints: ResolvedSnapPoint[], resolvedSnapOffset: number): boolean;
+  getSwipeStrength(targetOffset: number, resolvedSnapOffset?: number | null): number;
+  bindDragTracking(options: DragTrackingOptions): () => void;
+  bindSwipeOpenTracking(options: SwipeOpenTrackingOptions): () => void;
+}
+interface DrawerSwipeSessionOptions {
+  preventDragOnScroll: () => boolean;
+}
+interface DragTrackingOptions {
+  getDoc: () => Document;
+  getContentEl: () => HTMLElement | null;
+  getSwipeAreaEl: () => HTMLElement | null;
+  swipeDirection: PhysicalSwipeDirection;
+  onMove: (details: {
+    point: Point;
+    target: Element | null;
+    swipeDirection: PhysicalSwipeDirection;
+  }) => void;
+  onEnd: (details: {
+    point: Point;
+    swipeDirection: PhysicalSwipeDirection;
+  }) => void;
+  onCancel: () => void;
+}
+interface SwipeOpenTrackingOptions {
+  getDoc: () => Document;
+  getContentEl: () => HTMLElement | null;
+  getSwipeAreaEl: () => HTMLElement | null;
+  swipeDirection: PhysicalSwipeDirection;
+  onMove: (details: {
+    point: Point;
+  }) => void;
+  onEnd: (details: {
+    point: Point;
+    swipeDirection: PhysicalSwipeDirection;
+  }) => void;
+  onCancel: () => void;
 }
 //#endregion
 //#region src/machines/drawer/drawer.types.d.ts
+type SwipeDirection = "up" | "down" | "start" | "end";
+type SnapPoint = number | string;
 interface OpenChangeDetails {
   open: boolean;
 }
 interface ResolvedSnapPoint {
-  value: number | string;
+  value: SnapPoint;
+  height: number;
   offset: number;
 }
 interface SnapPointChangeDetails {
-  snapPoint: number | string;
+  snapPoint: SnapPoint | null;
+}
+interface DrawerStackSnapshot {
+  active: boolean;
+  openCount: number;
+  swipeProgress: number;
+  frontmostHeight: number;
+}
+interface DrawerStack {
+  getSnapshot(): DrawerStackSnapshot;
+  subscribe(listener: () => void): () => void;
+  register(id: string): void;
+  unregister(id: string): void;
+  setOpen(id: string, open: boolean): void;
+  setHeight(id: string, height: number): void;
+  setSwipe(id: string, swiping: boolean, progress: number): void;
+}
+interface DrawerStackApi<T extends PropTypes = PropTypes> {
+  getIndentProps(): T["element"];
+  getIndentBackgroundProps(): T["element"];
 }
 type ElementIds = Partial<{
   backdrop: string;
+  positioner: string;
   content: string;
+  title: string;
+  description: string;
+  header: string;
   trigger: string;
   grabber: string;
   grabberIndicator: string;
   closeTrigger: string;
+  swipeArea: string;
 }>;
 interface DrawerProps extends DirectionProperty, CommonProperties, DismissableElementHandlers {
   ids?: ElementIds;
@@ -61,29 +219,41 @@ interface DrawerProps extends DirectionProperty, CommonProperties, DismissableEl
   onOpenChange?: ((details: OpenChangeDetails) => void) | undefined;
   closeOnInteractOutside?: boolean | undefined;
   closeOnEscape?: boolean | undefined;
-  snapPoints?: (number | string)[] | undefined;
+  snapPoints?: SnapPoint[] | undefined;
+  swipeDirection?: SwipeDirection | undefined;
+  snapToSequentialPoints?: boolean | undefined;
   swipeVelocityThreshold?: number;
   closeThreshold?: number;
   preventDragOnScroll?: boolean;
-  activeSnapPoint?: number | string | undefined;
-  defaultActiveSnapPoint?: number | string | undefined;
-  onActiveSnapPointChange?: ((details: SnapPointChangeDetails) => void) | undefined;
+  snapPoint?: SnapPoint | null | undefined;
+  defaultSnapPoint?: SnapPoint | null | undefined;
+  onSnapPointChange?: ((details: SnapPointChangeDetails) => void) | undefined;
+  stack?: DrawerStack | undefined;
 }
-type PropsWithDefault = "closeOnInteractOutside" | "closeOnEscape" | "modal" | "trapFocus" | "restoreFocus" | "preventScroll" | "initialFocusEl" | "snapPoints" | "swipeVelocityThreshold" | "closeThreshold" | "preventDragOnScroll" | "defaultActiveSnapPoint";
+type PropsWithDefault = "closeOnInteractOutside" | "closeOnEscape" | "modal" | "trapFocus" | "restoreFocus" | "preventScroll" | "initialFocusEl" | "snapPoints" | "swipeDirection" | "snapToSequentialPoints" | "swipeVelocityThreshold" | "closeThreshold" | "preventDragOnScroll" | "defaultSnapPoint";
 interface DrawerSchema {
   props: RequiredBy<DrawerProps, PropsWithDefault>;
-  state: "open" | "closed" | "closing";
+  state: "open" | "closed" | "closing" | "swipe-area-dragging" | "swiping-open";
   tag: "open" | "closed";
   context: {
     dragOffset: number | null;
-    activeSnapPoint: number | string;
+    snapPoint: SnapPoint | null;
     resolvedActiveSnapPoint: ResolvedSnapPoint | null;
-    contentHeight: number | null;
+    contentSize: number | null;
+    viewportSize: number;
+    rootFontSize: number;
+    swipeStrength: number;
+    rendered: {
+      title: boolean;
+      description: boolean;
+    };
   };
   refs: {
-    dragManager: DragManager;
+    swipeSession: DrawerSwipeSession;
   };
   computed: {
+    drawerId: string;
+    physicalSwipeDirection: PhysicalSwipeDirection;
     resolvedSnapPoints: ResolvedSnapPoint[];
   };
   event: EventObject;
@@ -96,23 +266,31 @@ type DrawerMachine = Machine<DrawerSchema>;
 interface ContentProps {
   draggable?: boolean | undefined;
 }
+interface SwipeAreaProps {
+  disabled?: boolean | undefined;
+  swipeDirection?: SwipeDirection | undefined;
+}
 interface DrawerApi<T extends PropTypes = PropTypes> {
   open: boolean;
   dragging: boolean;
   setOpen: (open: boolean) => void;
-  snapPoints: (number | string)[];
-  activeSnapPoint: number | string;
-  setActiveSnapPoint: (snapPoint: number | string) => void;
+  snapPoints: SnapPoint[];
+  swipeDirection: SwipeDirection;
+  snapPoint: SnapPoint | null;
+  setSnapPoint: (snapPoint: SnapPoint | null) => void;
   getOpenPercentage: () => number;
-  getActiveSnapIndex: () => number;
-  getContentHeight: () => number | null;
+  getSnapPointIndex: () => number;
+  getContentSize: () => number | null;
+  getPositionerProps: () => T["element"];
   getContentProps: (props?: ContentProps) => T["element"];
   getTitleProps: () => T["element"];
+  getDescriptionProps: () => T["element"];
   getTriggerProps: () => T["element"];
   getBackdropProps: () => T["element"];
   getGrabberProps: () => T["element"];
   getGrabberIndicatorProps: () => T["element"];
   getCloseTriggerProps: () => T["element"];
+  getSwipeAreaProps: (props?: SwipeAreaProps) => T["element"];
 }
 //#endregion
 //#region src/machines/drawer/drawer.connect.d.ts
@@ -125,4 +303,8 @@ declare const machine: Machine<DrawerSchema>;
 declare const props: (keyof DrawerProps)[];
 declare const splitProps: <Props extends Partial<DrawerProps>>(props: Props) => [Partial<DrawerProps>, Omit<Props, keyof DrawerProps>];
 //#endregion
-export { type DrawerApi as Api, type ContentProps, type ElementIds, type FocusOutsideEvent, type InteractOutsideEvent, type DrawerMachine as Machine, type OpenChangeDetails, type PointerDownOutsideEvent, type DrawerProps as Props, type ResolvedSnapPoint, type DrawerService as Service, type SnapPointChangeDetails, anatomy, connect, machine, props, splitProps };
+//#region src/machines/drawer/drawer.stack.d.ts
+declare function createStack(): DrawerStack;
+declare function connectStack<T extends PropTypes>(snapshot: DrawerStackSnapshot, normalize: NormalizeProps<T>): DrawerStackApi<T>;
+//#endregion
+export { type DrawerApi as Api, type ContentProps, type DrawerStack, type DrawerStackApi, type DrawerStackSnapshot, type ElementIds, type FocusOutsideEvent, type InteractOutsideEvent, type DrawerMachine as Machine, type OpenChangeDetails, type PointerDownOutsideEvent, type DrawerProps as Props, type ResolvedSnapPoint, type DrawerService as Service, type SnapPoint, type SnapPointChangeDetails, type SwipeDirection, anatomy, connect, connectStack, createStack, machine, props, splitProps };