@wirekyt/dom 0.0.1 → 0.0.2

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

@@ -0,0 +1,334 @@
+import { n as AnatomyInstance } from "../../anatomy-DMuSMbOP.cjs";
+import { M as Service, S as EventObject, T as Machine } from "../../index-BKgxIVbE.cjs";
+import { S as JSX, b as PropTypes, g as RequiredBy, p as Point, r as DirectionProperty, s as MaybeElement, t as CommonProperties, y as NormalizeProps } from "../../index-BXfunVyD.cjs";
+import "../../index-BWiYePx8.cjs";
+import { t as AnimationFrame } from "../../raf-DgINgykK.cjs";
+import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-C2865AJq.cjs";
+import { t as DismissableElementHandlers } from "../../dismissable-layer-Ch5niVaq.cjs";
+import "../../index-BF6G2RiC.cjs";
+//#region src/machines/drawer/anatomy.d.ts
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "title" | "positioner" | "description" | "closeTrigger" | "backdrop" | "grabber" | "grabberIndicator" | "swipeArea">;
+//#endregion
+//#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;
+  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;
+  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/types.d.ts
+type SwipeDirection = "up" | "down" | "start" | "end";
+type SnapPoint = number | string;
+interface OpenChangeDetails {
+  open: boolean;
+}
+interface TriggerValueChangeDetails {
+  value: string | null;
+  triggerElement: HTMLElement | null;
+}
+interface TriggerProps {
+  value?: string;
+}
+interface ResolvedSnapPoint {
+  value: SnapPoint;
+  height: number;
+  offset: number;
+}
+interface SnapPointChangeDetails {
+  snapPoint: SnapPoint | null;
+}
+interface NestedDrawerMetrics {
+  count: number;
+  height: number;
+  frontmostHeight: number;
+  open: boolean;
+  swiping: boolean;
+}
+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 | ((value?: string) => string);
+  grabber: string;
+  grabberIndicator: string;
+  closeTrigger: string;
+  swipeArea: string;
+}>;
+interface DrawerProps extends DirectionProperty, CommonProperties, DismissableElementHandlers {
+  ids?: ElementIds;
+  trapFocus?: boolean | undefined;
+  preventScroll?: boolean | undefined;
+  modal?: boolean | undefined;
+  initialFocusEl?: (() => MaybeElement) | undefined;
+  finalFocusEl?: (() => MaybeElement) | undefined;
+  restoreFocus?: boolean | undefined;
+  role?: "dialog" | "alertdialog" | undefined;
+  triggerValue?: string | null | undefined;
+  defaultTriggerValue?: string | null | undefined;
+  onTriggerValueChange?: ((details: TriggerValueChangeDetails) => void) | undefined;
+  open?: boolean | undefined;
+  defaultOpen?: boolean | undefined;
+  onOpenChange?: ((details: OpenChangeDetails) => void) | undefined;
+  closeOnInteractOutside?: boolean | undefined;
+  closeOnEscape?: boolean | undefined;
+  snapPoints?: SnapPoint[] | undefined;
+  swipeDirection?: SwipeDirection | undefined;
+  snapToSequentialPoints?: boolean | undefined;
+  swipeVelocityThreshold?: number;
+  closeThreshold?: number;
+  preventDragOnScroll?: boolean;
+  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" | "swipeDirection" | "snapToSequentialPoints" | "swipeVelocityThreshold" | "closeThreshold" | "preventDragOnScroll" | "defaultSnapPoint";
+interface DrawerSchema {
+  props: RequiredBy<DrawerProps, PropsWithDefault>;
+  state: "open" | "closed" | "closing" | "swipe-area-dragging" | "swiping-open";
+  tag: "open" | "closed";
+  context: {
+    triggerValue: string | null;
+    dragOffset: number | null;
+    snapPoint: SnapPoint | null;
+    resolvedActiveSnapPoint: ResolvedSnapPoint | null;
+    contentSize: number | null;
+    viewportSize: number;
+    rootFontSize: number;
+    swipeStrength: number;
+    rendered: {
+      title: boolean;
+      description: boolean;
+    };
+    nestedMetrics: NestedDrawerMetrics;
+  };
+  refs: {
+    swipeSession: DrawerSwipeSession;
+    snapBackFrame: AnimationFrame;
+  };
+  computed: {
+    drawerId: string;
+    physicalSwipeDirection: PhysicalSwipeDirection;
+    resolvedSnapPoints: ResolvedSnapPoint[];
+  };
+  event: EventObject;
+  action: string;
+  guard: string;
+  effect: string;
+}
+type DrawerService = Service<DrawerSchema>;
+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;
+  triggerValue: string | null;
+  setTriggerValue: (value: string | null) => void;
+  setOpen: (open: boolean) => void;
+  snapPoints: SnapPoint[];
+  swipeDirection: SwipeDirection;
+  snapPoint: SnapPoint | null;
+  setSnapPoint: (snapPoint: SnapPoint | null) => void;
+  getOpenPercentage: () => number;
+  getSnapPointIndex: () => number;
+  getContentSize: () => number | null;
+  getPositionerProps: () => T["element"];
+  getContentProps: (props?: ContentProps) => T["element"];
+  getTitleProps: () => T["element"];
+  getDescriptionProps: () => T["element"];
+  getTriggerProps: (props?: TriggerProps) => T["element"];
+  getBackdropProps: () => T["element"];
+  getGrabberProps: () => T["element"];
+  getGrabberIndicatorProps: () => T["element"];
+  getCloseTriggerProps: () => T["element"];
+  getSwipeAreaProps: (props?: SwipeAreaProps) => T["element"];
+}
+//#endregion
+//#region src/machines/drawer/connect.d.ts
+declare function connect<T extends PropTypes>(service: DrawerService, normalize: NormalizeProps<T>): DrawerApi<T>;
+//#endregion
+//#region src/machines/drawer/machine.d.ts
+declare const machine: Machine<DrawerSchema>;
+//#endregion
+//#region src/machines/drawer/props.d.ts
+declare const props: (keyof DrawerProps)[];
+declare const splitProps: <Props extends Partial<DrawerProps>>(props: Props) => [Partial<DrawerProps>, Omit<Props, keyof DrawerProps>];
+//#endregion
+//#region src/machines/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 SwipeAreaProps, type SwipeDirection, type TriggerProps, type TriggerValueChangeDetails, anatomy, connect, connectStack, createStack, machine, props, splitProps };

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

@@ -0,0 +1,334 @@
+import { n as AnatomyInstance } from "../../anatomy-DMuSMbOP.js";
+import { M as Service, S as EventObject, T as Machine } from "../../index-CFoN0L3C.js";
+import { S as JSX, b as PropTypes, g as RequiredBy, p as Point, r as DirectionProperty, s as MaybeElement, t as CommonProperties, y as NormalizeProps } from "../../index-BXfunVyD.js";
+import "../../index-vPrqYDHu.js";
+import { t as AnimationFrame } from "../../raf-DgINgykK.js";
+import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-C2865AJq.js";
+import { t as DismissableElementHandlers } from "../../dismissable-layer-BTX5EvXw.js";
+import "../../index-BdeZuSX6.js";
+//#region src/machines/drawer/anatomy.d.ts
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "title" | "positioner" | "description" | "closeTrigger" | "backdrop" | "grabber" | "grabberIndicator" | "swipeArea">;
+//#endregion
+//#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;
+  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;
+  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/types.d.ts
+type SwipeDirection = "up" | "down" | "start" | "end";
+type SnapPoint = number | string;
+interface OpenChangeDetails {
+  open: boolean;
+}
+interface TriggerValueChangeDetails {
+  value: string | null;
+  triggerElement: HTMLElement | null;
+}
+interface TriggerProps {
+  value?: string;
+}
+interface ResolvedSnapPoint {
+  value: SnapPoint;
+  height: number;
+  offset: number;
+}
+interface SnapPointChangeDetails {
+  snapPoint: SnapPoint | null;
+}
+interface NestedDrawerMetrics {
+  count: number;
+  height: number;
+  frontmostHeight: number;
+  open: boolean;
+  swiping: boolean;
+}
+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 | ((value?: string) => string);
+  grabber: string;
+  grabberIndicator: string;
+  closeTrigger: string;
+  swipeArea: string;
+}>;
+interface DrawerProps extends DirectionProperty, CommonProperties, DismissableElementHandlers {
+  ids?: ElementIds;
+  trapFocus?: boolean | undefined;
+  preventScroll?: boolean | undefined;
+  modal?: boolean | undefined;
+  initialFocusEl?: (() => MaybeElement) | undefined;
+  finalFocusEl?: (() => MaybeElement) | undefined;
+  restoreFocus?: boolean | undefined;
+  role?: "dialog" | "alertdialog" | undefined;
+  triggerValue?: string | null | undefined;
+  defaultTriggerValue?: string | null | undefined;
+  onTriggerValueChange?: ((details: TriggerValueChangeDetails) => void) | undefined;
+  open?: boolean | undefined;
+  defaultOpen?: boolean | undefined;
+  onOpenChange?: ((details: OpenChangeDetails) => void) | undefined;
+  closeOnInteractOutside?: boolean | undefined;
+  closeOnEscape?: boolean | undefined;
+  snapPoints?: SnapPoint[] | undefined;
+  swipeDirection?: SwipeDirection | undefined;
+  snapToSequentialPoints?: boolean | undefined;
+  swipeVelocityThreshold?: number;
+  closeThreshold?: number;
+  preventDragOnScroll?: boolean;
+  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" | "swipeDirection" | "snapToSequentialPoints" | "swipeVelocityThreshold" | "closeThreshold" | "preventDragOnScroll" | "defaultSnapPoint";
+interface DrawerSchema {
+  props: RequiredBy<DrawerProps, PropsWithDefault>;
+  state: "open" | "closed" | "closing" | "swipe-area-dragging" | "swiping-open";
+  tag: "open" | "closed";
+  context: {
+    triggerValue: string | null;
+    dragOffset: number | null;
+    snapPoint: SnapPoint | null;
+    resolvedActiveSnapPoint: ResolvedSnapPoint | null;
+    contentSize: number | null;
+    viewportSize: number;
+    rootFontSize: number;
+    swipeStrength: number;
+    rendered: {
+      title: boolean;
+      description: boolean;
+    };
+    nestedMetrics: NestedDrawerMetrics;
+  };
+  refs: {
+    swipeSession: DrawerSwipeSession;
+    snapBackFrame: AnimationFrame;
+  };
+  computed: {
+    drawerId: string;
+    physicalSwipeDirection: PhysicalSwipeDirection;
+    resolvedSnapPoints: ResolvedSnapPoint[];
+  };
+  event: EventObject;
+  action: string;
+  guard: string;
+  effect: string;
+}
+type DrawerService = Service<DrawerSchema>;
+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;
+  triggerValue: string | null;
+  setTriggerValue: (value: string | null) => void;
+  setOpen: (open: boolean) => void;
+  snapPoints: SnapPoint[];
+  swipeDirection: SwipeDirection;
+  snapPoint: SnapPoint | null;
+  setSnapPoint: (snapPoint: SnapPoint | null) => void;
+  getOpenPercentage: () => number;
+  getSnapPointIndex: () => number;
+  getContentSize: () => number | null;
+  getPositionerProps: () => T["element"];
+  getContentProps: (props?: ContentProps) => T["element"];
+  getTitleProps: () => T["element"];
+  getDescriptionProps: () => T["element"];
+  getTriggerProps: (props?: TriggerProps) => T["element"];
+  getBackdropProps: () => T["element"];
+  getGrabberProps: () => T["element"];
+  getGrabberIndicatorProps: () => T["element"];
+  getCloseTriggerProps: () => T["element"];
+  getSwipeAreaProps: (props?: SwipeAreaProps) => T["element"];
+}
+//#endregion
+//#region src/machines/drawer/connect.d.ts
+declare function connect<T extends PropTypes>(service: DrawerService, normalize: NormalizeProps<T>): DrawerApi<T>;
+//#endregion
+//#region src/machines/drawer/machine.d.ts
+declare const machine: Machine<DrawerSchema>;
+//#endregion
+//#region src/machines/drawer/props.d.ts
+declare const props: (keyof DrawerProps)[];
+declare const splitProps: <Props extends Partial<DrawerProps>>(props: Props) => [Partial<DrawerProps>, Omit<Props, keyof DrawerProps>];
+//#endregion
+//#region src/machines/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 SwipeAreaProps, type SwipeDirection, type TriggerProps, type TriggerValueChangeDetails, anatomy, connect, connectStack, createStack, machine, props, splitProps };