/**
 * CSS custom properties written by `<Drawer.Popup>` / `<Drawer.SwipeArea>` /
 * `<Drawer.Viewport>` for swipe progress & snap-point offsets.
 *
 * 1:1 port of Base UI React's `DrawerPopupCssVars`
 * (`packages/react/src/drawer/popup/DrawerPopupCssVars.ts`).
 */
export const DrawerPopupCssVars = {
	/** Number of nested drawers currently open. */
	nestedDrawers: "--nested-drawers",
	/** Height of the drawer popup. */
	height: "--drawer-height",
	/** Height of the frontmost open drawer in the nested stack. */
	frontmostHeight: "--drawer-frontmost-height",
	/** X-axis swipe movement. */
	swipeMovementX: "--drawer-swipe-movement-x",
	/** Y-axis swipe movement. */
	swipeMovementY: "--drawer-swipe-movement-y",
	/** Snap-point offset used to translate the drawer. */
	snapPointOffset: "--drawer-snap-point-offset",
	/** Scalar (0.1-1) used to scale the swipe-release transition duration. */
	swipeStrength: "--drawer-swipe-strength",
} as const;
export type DrawerPopupCssVars =
	(typeof DrawerPopupCssVars)[keyof typeof DrawerPopupCssVars];