@sprawlify/vue 0.0.110 → 0.0.111

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

@@ -6,7 +6,7 @@ import { t as drawerAnatomy } from "../../drawer-anatomy-BQkMauTu.js";
 import * as vue from "vue";
 import { ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
 import * as drawer from "@sprawlify/primitives/machines/drawer";
-import { ContentProps, OpenChangeDetails, OpenChangeDetails as DrawerOpenChangeDetails } from "@sprawlify/primitives/machines/drawer";
+import { ContentProps, DrawerStackApi, OpenChangeDetails, OpenChangeDetails as DrawerOpenChangeDetails, SnapPointChangeDetails, SnapPointChangeDetails as DrawerSnapPointChangeDetails } from "@sprawlify/primitives/machines/drawer";
 
 //#region src/components/drawer/drawer-backdrop.vue.d.ts
 interface DrawerBackdropBaseProps extends PolymorphicProps {}
@@ -15,11 +15,11 @@ interface DrawerBackdropProps extends DrawerBackdropBaseProps,
  * @vue-ignore
  */
 HTMLAttributes {}
-declare const _default: typeof __VLS_export$9;
-declare const __VLS_export$9: __VLS_WithSlots$9<vue.DefineComponent<DrawerBackdropProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerBackdropProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
+declare const _default: typeof __VLS_export$15;
+declare const __VLS_export$15: __VLS_WithSlots$15<vue.DefineComponent<DrawerBackdropProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerBackdropProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
-type __VLS_WithSlots$9<T, S> = T & {
+type __VLS_WithSlots$15<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -32,11 +32,11 @@ interface DrawerCloseTriggerProps extends DrawerCloseTriggerBaseProps,
  * @vue-ignore
  */
 HTMLAttributes {}
-declare const _default$1: typeof __VLS_export$8;
-declare const __VLS_export$8: __VLS_WithSlots$8<vue.DefineComponent<DrawerCloseTriggerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerCloseTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
+declare const _default$1: typeof __VLS_export$14;
+declare const __VLS_export$14: __VLS_WithSlots$14<vue.DefineComponent<DrawerCloseTriggerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerCloseTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
-type __VLS_WithSlots$8<T, S> = T & {
+type __VLS_WithSlots$14<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -49,13 +49,30 @@ interface DrawerContentProps extends DrawerContentBaseProps,
  * @vue-ignore
  */
 Omit<HTMLAttributes, "draggable"> {}
-declare const _default$2: typeof __VLS_export$7;
-declare const __VLS_export$7: __VLS_WithSlots$7<vue.DefineComponent<DrawerContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerContentProps> & Readonly<{}>, {
+declare const _default$2: typeof __VLS_export$13;
+declare const __VLS_export$13: __VLS_WithSlots$13<vue.DefineComponent<DrawerContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerContentProps> & Readonly<{}>, {
   draggable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
-type __VLS_WithSlots$7<T, S> = T & {
+type __VLS_WithSlots$13<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/drawer/drawer-description.vue.d.ts
+interface DrawerDescriptionBaseProps extends PolymorphicProps {}
+interface DrawerDescriptionProps extends DrawerDescriptionBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$4: typeof __VLS_export$12;
+declare const __VLS_export$12: __VLS_WithSlots$12<vue.DefineComponent<DrawerDescriptionProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$12<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -66,7 +83,9 @@ interface RootProps {
   id?: string;
   ids?: Partial<{
     backdrop: string;
+    positioner: string;
     content: string;
+    title: string;
     trigger: string;
     grabber: string;
     grabberIndicator: string;
@@ -84,21 +103,23 @@ interface RootProps {
   closeOnInteractOutside?: boolean;
   closeOnEscape?: boolean;
   snapPoints?: (number | string)[];
+  swipeDirection?: drawer.SwipeDirection;
+  snapToSequentialPoints?: boolean;
   swipeVelocityThreshold?: number;
   closeThreshold?: number;
   preventDragOnScroll?: boolean;
-  activeSnapPoint?: number | string;
-  defaultActiveSnapPoint?: number | string;
+  snapPoint?: number | string;
+  defaultSnapPoint?: number | string;
 }
 type RootEmits = {
   openChange: [details: drawer.OpenChangeDetails];
-  activeSnapPointChange: [details: {
-    snapPoint: number | string;
-  }];
+  snapPointChange: [details: drawer.SnapPointChangeDetails];
 };
 //#endregion
 //#region src/components/drawer/use-drawer.d.ts
-interface UseDrawerProps extends Optional<Omit<drawer.Props, "dir" | "getRootNode">, "id"> {}
+interface UseDrawerProps extends Optional<Omit<drawer.Props, "dir" | "getRootNode" | "defaultSnapPoint">, "id"> {
+  defaultSnapPoint?: drawer.SnapPoint | undefined;
+}
 interface UseDrawerReturn extends ComputedRef<drawer.Api<PropTypes>> {}
 declare const useDrawer: (props?: MaybeRef<UseDrawerProps>, emit?: EmitFn$1<RootEmits>) => UseDrawerReturn;
 //#endregion
@@ -109,11 +130,28 @@ interface UseDrawerContext extends UseDrawerReturn {}
 interface DrawerContextProps extends SlotsType<{
   default: UnwrapRef<UseDrawerContext>;
 }> {}
-declare const _default$3: typeof __VLS_export$6;
-declare const __VLS_export$6: __VLS_WithSlots$6<vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>, {
+declare const _default$3: typeof __VLS_export$11;
+declare const __VLS_export$11: __VLS_WithSlots$11<vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>, {
   default(drawer: UnwrapRef<UseDrawerContext>): unknown;
 }>;
-type __VLS_WithSlots$6<T, S> = T & {
+type __VLS_WithSlots$11<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/drawer/drawer-positioner.vue.d.ts
+interface DrawerPositionerBaseProps extends PolymorphicProps {}
+interface DrawerPositionerProps extends DrawerPositionerBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$9: typeof __VLS_export$10;
+declare const __VLS_export$10: __VLS_WithSlots$10<vue.DefineComponent<DrawerPositionerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerPositionerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$10<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -126,11 +164,11 @@ interface DrawerGrabberProps extends DrawerGrabberBaseProps,
  * @vue-ignore
  */
 HTMLAttributes {}
-declare const _default$4: typeof __VLS_export$5;
-declare const __VLS_export$5: __VLS_WithSlots$5<vue.DefineComponent<DrawerGrabberProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerGrabberProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
+declare const _default$5: typeof __VLS_export$9;
+declare const __VLS_export$9: __VLS_WithSlots$9<vue.DefineComponent<DrawerGrabberProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerGrabberProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
-type __VLS_WithSlots$5<T, S> = T & {
+type __VLS_WithSlots$9<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -143,11 +181,45 @@ interface DrawerGrabberIndicatorProps extends DrawerGrabberIndicatorBaseProps,
  * @vue-ignore
  */
 HTMLAttributes {}
-declare const _default$5: typeof __VLS_export$4;
-declare const __VLS_export$4: __VLS_WithSlots$4<vue.DefineComponent<DrawerGrabberIndicatorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerGrabberIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
+declare const _default$6: typeof __VLS_export$8;
+declare const __VLS_export$8: __VLS_WithSlots$8<vue.DefineComponent<DrawerGrabberIndicatorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerGrabberIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
-type __VLS_WithSlots$4<T, S> = T & {
+type __VLS_WithSlots$8<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/drawer/drawer-indent.vue.d.ts
+interface DrawerIndentBaseProps extends PolymorphicProps {}
+interface DrawerIndentProps extends DrawerIndentBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$7: typeof __VLS_export$7;
+declare const __VLS_export$7: __VLS_WithSlots$7<vue.DefineComponent<DrawerIndentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerIndentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$7<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/drawer/drawer-indent-background.vue.d.ts
+interface DrawerIndentBackgroundBaseProps extends PolymorphicProps {}
+interface DrawerIndentBackgroundProps extends DrawerIndentBackgroundBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$8: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$6<vue.DefineComponent<DrawerIndentBackgroundProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerIndentBackgroundProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -156,31 +228,28 @@ type __VLS_WithSlots$4<T, S> = T & {
 //#region src/components/drawer/drawer-root.vue.d.ts
 interface DrawerRootBaseProps extends RootProps, RenderStrategyProps {}
 interface DrawerRootProps extends DrawerRootBaseProps {}
-declare const _default$6: typeof __VLS_export$3;
-declare const __VLS_export$3: __VLS_WithSlots$3<vue.DefineComponent<DrawerRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const _default$10: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$5<vue.DefineComponent<DrawerRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   openChange: (details: drawer.OpenChangeDetails) => any;
-  activeSnapPointChange: (details: {
-    snapPoint: number | string;
-  }) => any;
+  snapPointChange: (details: drawer.SnapPointChangeDetails) => any;
 }, string, vue.PublicProps, Readonly<DrawerRootProps> & Readonly<{
   onOpenChange?: ((details: drawer.OpenChangeDetails) => any) | undefined;
-  onActiveSnapPointChange?: ((details: {
-    snapPoint: number | string;
-  }) => any) | undefined;
+  onSnapPointChange?: ((details: drawer.SnapPointChangeDetails) => any) | undefined;
 }>, {
-  open: boolean;
   closeOnEscape: boolean;
   defaultOpen: boolean;
-  closeOnInteractOutside: boolean;
-  modal: boolean;
+  open: boolean;
+  trapFocus: boolean;
   preventScroll: boolean;
+  modal: boolean;
   restoreFocus: boolean;
-  trapFocus: boolean;
+  closeOnInteractOutside: boolean;
+  snapToSequentialPoints: boolean;
   preventDragOnScroll: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
-type __VLS_WithSlots$3<T, S> = T & {
+type __VLS_WithSlots$5<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -192,8 +261,37 @@ interface RootProviderProps {
 }
 interface DrawerRootProviderBaseProps extends RootProviderProps, RenderStrategyProps {}
 interface DrawerRootProviderProps extends DrawerRootProviderBaseProps {}
-declare const _default$7: typeof __VLS_export$2;
-declare const __VLS_export$2: __VLS_WithSlots$2<vue.DefineComponent<DrawerRootProviderProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
+declare const _default$11: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$4<vue.DefineComponent<DrawerRootProviderProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/drawer/drawer-stack.vue.d.ts
+type DrawerStackProps = {};
+declare const _default$12: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/drawer/drawer-swipe-area.vue.d.ts
+interface DrawerSwipeAreaBaseProps extends PolymorphicProps {}
+interface DrawerSwipeAreaProps extends DrawerSwipeAreaBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$13: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<vue.DefineComponent<DrawerSwipeAreaProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerSwipeAreaProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots$2<T, S> = T & {
@@ -209,7 +307,7 @@ interface DrawerTitleProps extends DrawerTitleBaseProps,
  * @vue-ignore
  */
 HTMLAttributes {}
-declare const _default$8: typeof __VLS_export$1;
+declare const _default$14: typeof __VLS_export$1;
 declare const __VLS_export$1: __VLS_WithSlots$1<vue.DefineComponent<DrawerTitleProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
@@ -226,7 +324,7 @@ interface DrawerTriggerProps extends DrawerTriggerBaseProps,
  * @vue-ignore
  */
 HTMLAttributes {}
-declare const _default$9: typeof __VLS_export;
+declare const _default$15: typeof __VLS_export;
 declare const __VLS_export: __VLS_WithSlots<vue.DefineComponent<DrawerTriggerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DrawerTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
@@ -235,8 +333,11 @@ type __VLS_WithSlots<T, S> = T & {
     $slots: S;
   };
 };
+//#endregion
+//#region src/components/drawer/use-drawer-stack-context.d.ts
+interface UseDrawerStackContext extends ComputedRef<DrawerStackApi<PropTypes>> {}
 declare namespace drawer_d_exports {
-  export { _default as Backdrop, DrawerBackdropBaseProps as BackdropBaseProps, DrawerBackdropProps as BackdropProps, _default$1 as CloseTrigger, DrawerCloseTriggerBaseProps as CloseTriggerBaseProps, DrawerCloseTriggerProps as CloseTriggerProps, _default$2 as Content, DrawerContentBaseProps as ContentBaseProps, DrawerContentProps as ContentProps, _default$3 as Context, DrawerContextProps as ContextProps, _default$4 as Grabber, DrawerGrabberBaseProps as GrabberBaseProps, _default$5 as GrabberIndicator, DrawerGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, DrawerGrabberIndicatorProps as GrabberIndicatorProps, DrawerGrabberProps as GrabberProps, OpenChangeDetails, _default$6 as Root, DrawerRootBaseProps as RootBaseProps, DrawerRootProps as RootProps, _default$7 as RootProvider, DrawerRootProviderBaseProps as RootProviderBaseProps, DrawerRootProviderProps as RootProviderProps, _default$8 as Title, DrawerTitleBaseProps as TitleBaseProps, DrawerTitleProps as TitleProps, _default$9 as Trigger, DrawerTriggerBaseProps as TriggerBaseProps, DrawerTriggerProps as TriggerProps };
+  export { _default as Backdrop, DrawerBackdropBaseProps as BackdropBaseProps, DrawerBackdropProps as BackdropProps, _default$1 as CloseTrigger, DrawerCloseTriggerBaseProps as CloseTriggerBaseProps, DrawerCloseTriggerProps as CloseTriggerProps, _default$2 as Content, DrawerContentBaseProps as ContentBaseProps, DrawerContentProps as ContentProps, _default$3 as Context, DrawerContextProps as ContextProps, _default$4 as Description, DrawerDescriptionBaseProps as DescriptionBaseProps, DrawerDescriptionProps as DescriptionProps, _default$5 as Grabber, DrawerGrabberBaseProps as GrabberBaseProps, _default$6 as GrabberIndicator, DrawerGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, DrawerGrabberIndicatorProps as GrabberIndicatorProps, DrawerGrabberProps as GrabberProps, _default$7 as Indent, _default$8 as IndentBackground, DrawerIndentBackgroundBaseProps as IndentBackgroundBaseProps, DrawerIndentBackgroundProps as IndentBackgroundProps, DrawerIndentBaseProps as IndentBaseProps, DrawerIndentProps as IndentProps, OpenChangeDetails, _default$9 as Positioner, DrawerPositionerBaseProps as PositionerBaseProps, DrawerPositionerProps as PositionerProps, _default$10 as Root, DrawerRootBaseProps as RootBaseProps, DrawerRootProps as RootProps, _default$11 as RootProvider, DrawerRootProviderBaseProps as RootProviderBaseProps, DrawerRootProviderProps as RootProviderProps, SnapPointChangeDetails, _default$12 as Stack, DrawerStackProps as StackProps, _default$13 as SwipeArea, DrawerSwipeAreaBaseProps as SwipeAreaBaseProps, DrawerSwipeAreaProps as SwipeAreaProps, _default$14 as Title, DrawerTitleBaseProps as TitleBaseProps, DrawerTitleProps as TitleProps, _default$15 as Trigger, DrawerTriggerBaseProps as TriggerBaseProps, DrawerTriggerProps as TriggerProps };
 }
 //#endregion
-export { drawer_d_exports as Drawer, _default as DrawerBackdrop, type DrawerBackdropBaseProps, type DrawerBackdropProps, _default$1 as DrawerCloseTrigger, type DrawerCloseTriggerBaseProps, type DrawerCloseTriggerProps, _default$2 as DrawerContent, type DrawerContentBaseProps, type DrawerContentProps, _default$3 as DrawerContext, type DrawerContextProps, _default$4 as DrawerGrabber, type DrawerGrabberBaseProps, _default$5 as DrawerGrabberIndicator, type DrawerGrabberIndicatorBaseProps, type DrawerGrabberIndicatorProps, type DrawerGrabberProps, type DrawerOpenChangeDetails, _default$6 as DrawerRoot, type DrawerRootBaseProps, type DrawerRootProps, _default$7 as DrawerRootProvider, type DrawerRootProviderBaseProps, type DrawerRootProviderProps, _default$8 as DrawerTitle, type DrawerTitleBaseProps, type DrawerTitleProps, _default$9 as DrawerTrigger, type DrawerTriggerBaseProps, type DrawerTriggerProps, type UseDrawerContext, type UseDrawerProps, type UseDrawerReturn, drawerAnatomy, useDrawer, useDrawerContext };
+export { drawer_d_exports as Drawer, _default as DrawerBackdrop, type DrawerBackdropBaseProps, type DrawerBackdropProps, _default$1 as DrawerCloseTrigger, type DrawerCloseTriggerBaseProps, type DrawerCloseTriggerProps, _default$2 as DrawerContent, type DrawerContentBaseProps, type DrawerContentProps, _default$3 as DrawerContext, type DrawerContextProps, _default$4 as DrawerDescription, type DrawerDescriptionBaseProps, type DrawerDescriptionProps, _default$5 as DrawerGrabber, type DrawerGrabberBaseProps, _default$6 as DrawerGrabberIndicator, type DrawerGrabberIndicatorBaseProps, type DrawerGrabberIndicatorProps, type DrawerGrabberProps, _default$7 as DrawerIndent, _default$8 as DrawerIndentBackground, type DrawerIndentBackgroundBaseProps, type DrawerIndentBackgroundProps, type DrawerIndentBaseProps, type DrawerIndentProps, type DrawerOpenChangeDetails, _default$9 as DrawerPositioner, type DrawerPositionerBaseProps, type DrawerPositionerProps, _default$10 as DrawerRoot, type DrawerRootBaseProps, type DrawerRootProps, _default$11 as DrawerRootProvider, type DrawerRootProviderBaseProps, type DrawerRootProviderProps, type DrawerSnapPointChangeDetails, _default$12 as DrawerStack, type DrawerStackProps, _default$13 as DrawerSwipeArea, type DrawerSwipeAreaBaseProps, type DrawerSwipeAreaProps, _default$14 as DrawerTitle, type DrawerTitleBaseProps, type DrawerTitleProps, _default$15 as DrawerTrigger, type DrawerTriggerBaseProps, type DrawerTriggerProps, type UseDrawerContext, type UseDrawerProps, type UseDrawerReturn, type UseDrawerStackContext, drawerAnatomy, useDrawer, useDrawerContext, useDrawerStackContext };

package/dist/components/drawer/index.js

@@ -3,16 +3,16 @@ import { n as useMachine, r as normalizeProps$1, t as mergeProps$1 } from "../..
 import { a as DEFAULT_LOCALE, c as DEFAULT_ENVIRONMENT, l as useEnvironmentContext, o as useLocaleContext } from "../../providers-CicBbUXG.js";
 import { t as createContext } from "../../create-context-BqbKqBMN.js";
 import "../../utils-BL0VqhHN.js";
-import { n as sprawlify, r as useForwardExpose } from "../../factory-Bd0Y5x-7.js";
+import { n as sprawlify, r as useForwardExpose } from "../../factory-pEq4L11-.js";
 import { t as drawerAnatomy } from "../../drawer-anatomy-yHqvQAPn.js";
 import { t as cleanProps } from "../../clean-props-C5aydRx_.js";
 import { t as createSplitProps } from "../../create-split-props-D32I38aE.js";
 import { n as useRenderStrategyProps, t as RenderStrategyPropsProvider } from "../../use-render-strategy-QgtvU85q.js";
-import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-B5YFZspA.js";
-import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-C1Yo35j8.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, inject, mergeDefaults, mergeProps, normalizeProps, onMounted, onUnmounted, openBlock, provide, ref, renderSlot, toValue, unref, useId, withCtx } from "vue";
 import * as drawer from "@sprawlify/primitives/machines/drawer";
 //#region src/components/drawer/use-drawer-context.ts
-const [DrawerSheetProvider, useDrawerContext] = createContext("DrawerContext");
+const [DrawerProvider, useDrawerContext] = createContext("DrawerContext");
 //#endregion
 //#region src/components/drawer/drawer-backdrop.vue
 var drawer_backdrop_default = /* @__PURE__ */ defineComponent({
@@ -92,6 +92,25 @@ var drawer_content_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/drawer/drawer-description.vue
+var drawer_description_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-description",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const drawer = useDrawerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(drawer).getDescriptionProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
 //#region src/components/drawer/drawer-context.vue
 var drawer_context_default = /* @__PURE__ */ defineComponent({
 	__name: "drawer-context",
@@ -103,6 +122,26 @@ var drawer_context_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/drawer/drawer-positioner.vue
+var drawer_positioner_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-positioner",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const drawer = useDrawerContext();
+		const presence = usePresenceContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, unref(drawer).getPositionerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
 //#region src/components/drawer/drawer-grabber.vue
 var drawer_grabber_default = /* @__PURE__ */ defineComponent({
 	__name: "drawer-grabber",
@@ -141,25 +180,73 @@ var drawer_grabber_indicator_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/drawer/use-drawer-stack-context.ts
+const [DrawerStackProvider, useDrawerStackContext] = createContext("DrawerStackContext");
+//#endregion
+//#region src/components/drawer/drawer-indent.vue
+var drawer_indent_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-indent",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const stackApi = useDrawerStackContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(stackApi).getIndentProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/drawer-indent-background.vue
+var drawer_indent_background_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-indent-background",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const stackApi = useDrawerStackContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(stackApi).getIndentBackgroundProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/use-drawer-stack-store.ts
+const DRAWER_STACK_STORE_KEY = Symbol("DrawerStackStore");
+const provideDrawerStackStore = (stack) => provide(DRAWER_STACK_STORE_KEY, stack);
+const useDrawerStackStore = () => inject(DRAWER_STACK_STORE_KEY, void 0);
+//#endregion
 //#region src/components/drawer/use-drawer.ts
 const useDrawer = (props = {}, emit) => {
 	const id = useId();
 	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
 	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const stack = useDrawerStackStore();
 	const context = computed(() => {
 		const localeProps = toValue(props);
 		return {
 			id,
 			dir: locale.value.dir,
 			getRootNode: env?.value.getRootNode,
+			stack,
 			...cleanProps(localeProps),
 			onOpenChange: (details) => {
 				emit?.("openChange", details);
 				localeProps.onOpenChange?.(details);
 			},
-			onActiveSnapPointChange: (details) => {
-				emit?.("activeSnapPointChange", details);
-				localeProps.onActiveSnapPointChange?.(details);
+			onSnapPointChange: (details) => {
+				emit?.("snapPointChange", details);
+				localeProps.onSnapPointChange?.(details);
 			}
 		};
 	});
@@ -227,6 +314,14 @@ var drawer_root_default = /* @__PURE__ */ defineComponent({
 			type: Array,
 			required: false
 		},
+		swipeDirection: {
+			type: null,
+			required: false
+		},
+		snapToSequentialPoints: {
+			type: Boolean,
+			required: false
+		},
 		swipeVelocityThreshold: {
 			type: Number,
 			required: false
@@ -239,11 +334,11 @@ var drawer_root_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			required: false
 		},
-		activeSnapPoint: {
+		snapPoint: {
 			type: [Number, String],
 			required: false
 		},
-		defaultActiveSnapPoint: {
+		defaultSnapPoint: {
 			type: [Number, String],
 			required: false
 		},
@@ -263,14 +358,15 @@ var drawer_root_default = /* @__PURE__ */ defineComponent({
 		open: void 0,
 		preventScroll: void 0,
 		restoreFocus: void 0,
+		snapToSequentialPoints: void 0,
 		trapFocus: void 0,
 		preventDragOnScroll: void 0
 	}),
-	emits: ["openChange", "activeSnapPointChange"],
+	emits: ["openChange", "snapPointChange"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const drawer = useDrawer(props, __emit);
-		DrawerSheetProvider(drawer);
+		DrawerProvider(drawer);
 		RenderStrategyPropsProvider(computed(() => ({
 			lazyMount: props.lazyMount,
 			unmountOnExit: props.unmountOnExit
@@ -307,7 +403,7 @@ var drawer_root_provider_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const drawer = computed(() => props.value);
-		DrawerSheetProvider(drawer);
+		DrawerProvider(drawer);
 		RenderStrategyPropsProvider(computed(() => ({
 			lazyMount: props.lazyMount,
 			unmountOnExit: props.unmountOnExit
@@ -320,6 +416,48 @@ var drawer_root_provider_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/drawer/drawer-stack.vue
+var drawer_stack_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-stack",
+	setup(__props) {
+		const stack = drawer.createStack();
+		provideDrawerStackStore(stack);
+		const snapshot = ref(stack.getSnapshot());
+		let unsubscribe;
+		onMounted(() => {
+			unsubscribe = stack.subscribe(() => {
+				snapshot.value = stack.getSnapshot();
+			});
+		});
+		onUnmounted(() => {
+			unsubscribe?.();
+		});
+		DrawerStackProvider(computed(() => drawer.connectStack(snapshot.value, normalizeProps$1)));
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/drawer-swipe-area.vue
+var drawer_swipe_area_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-swipe-area",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const drawer = useDrawerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(drawer).getSwipeAreaProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
 //#region src/components/drawer/drawer-title.vue
 var drawer_title_default = /* @__PURE__ */ defineComponent({
 	__name: "drawer-title",
@@ -364,12 +502,18 @@ var drawer_exports = /* @__PURE__ */ __exportAll({
 	CloseTrigger: () => drawer_close_trigger_default,
 	Content: () => drawer_content_default,
 	Context: () => drawer_context_default,
+	Description: () => drawer_description_default,
 	Grabber: () => drawer_grabber_default,
 	GrabberIndicator: () => drawer_grabber_indicator_default,
+	Indent: () => drawer_indent_default,
+	IndentBackground: () => drawer_indent_background_default,
+	Positioner: () => drawer_positioner_default,
 	Root: () => drawer_root_default,
 	RootProvider: () => drawer_root_provider_default,
+	Stack: () => drawer_stack_default,
+	SwipeArea: () => drawer_swipe_area_default,
 	Title: () => drawer_title_default,
 	Trigger: () => drawer_trigger_default
 });
 //#endregion
-export { drawer_exports as Drawer, drawer_backdrop_default as DrawerBackdrop, drawer_close_trigger_default as DrawerCloseTrigger, drawer_content_default as DrawerContent, drawer_context_default as DrawerContext, drawer_grabber_default as DrawerGrabber, drawer_grabber_indicator_default as DrawerGrabberIndicator, drawer_root_default as DrawerRoot, drawer_root_provider_default as DrawerRootProvider, drawer_title_default as DrawerTitle, drawer_trigger_default as DrawerTrigger, drawerAnatomy, useDrawer, useDrawerContext };
+export { drawer_exports as Drawer, drawer_backdrop_default as DrawerBackdrop, drawer_close_trigger_default as DrawerCloseTrigger, drawer_content_default as DrawerContent, drawer_context_default as DrawerContext, drawer_description_default as DrawerDescription, drawer_grabber_default as DrawerGrabber, drawer_grabber_indicator_default as DrawerGrabberIndicator, drawer_indent_default as DrawerIndent, drawer_indent_background_default as DrawerIndentBackground, drawer_positioner_default as DrawerPositioner, drawer_root_default as DrawerRoot, drawer_root_provider_default as DrawerRootProvider, drawer_stack_default as DrawerStack, drawer_swipe_area_default as DrawerSwipeArea, drawer_title_default as DrawerTitle, drawer_trigger_default as DrawerTrigger, drawerAnatomy, useDrawer, useDrawerContext, useDrawerStackContext };

package/dist/components/dropdown-menu/index.d.ts

@@ -357,9 +357,9 @@ declare const __VLS_export$4: __VLS_WithSlots$3<vue.DefineComponent<DropdownMenu
   openChange: (details: dropdownMenu.OpenChangeDetails) => any;
   "update:open": (open: boolean) => any;
   focusOutside: (event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any;
-  highlightChange: (details: dropdownMenu.HighlightChangeDetails) => any;
   interactOutside: (event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => any;
   pointerDownOutside: (event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any;
+  highlightChange: (details: dropdownMenu.HighlightChangeDetails) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   requestDismiss: (event: CustomEvent<{
     originalLayer: HTMLElement;
@@ -374,9 +374,9 @@ declare const __VLS_export$4: __VLS_WithSlots$3<vue.DefineComponent<DropdownMenu
   onOpenChange?: ((details: dropdownMenu.OpenChangeDetails) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
   onFocusOutside?: ((event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any) | undefined;
-  onHighlightChange?: ((details: dropdownMenu.HighlightChangeDetails) => any) | undefined;
   onInteractOutside?: ((event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => any) | undefined;
   onPointerDownOutside?: ((event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any) | undefined;
+  onHighlightChange?: ((details: dropdownMenu.HighlightChangeDetails) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onRequestDismiss?: ((event: CustomEvent<{
     originalLayer: HTMLElement;
@@ -386,12 +386,12 @@ declare const __VLS_export$4: __VLS_WithSlots$3<vue.DefineComponent<DropdownMenu
   }>) => any) | undefined;
   "onUpdate:highlightedValue"?: ((highlightedValue: string | null) => any) | undefined;
 }>, {
-  composite: boolean;
-  loopFocus: boolean;
-  open: boolean;
-  defaultOpen: boolean;
   typeahead: boolean;
+  defaultOpen: boolean;
+  open: boolean;
+  loopFocus: boolean;
   closeOnSelect: boolean;
+  composite: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

package/dist/components/dropdown-menu/index.js

@@ -2,11 +2,11 @@ import { t as __exportAll } from "../../chunk-pbuEa-1d.js";
 import { n as useMachine, r as normalizeProps$1, t as mergeProps$1 } from "../../core-DFdl8jS7.js";
 import { a as DEFAULT_LOCALE, c as DEFAULT_ENVIRONMENT, l as useEnvironmentContext, o as useLocaleContext } from "../../providers-CicBbUXG.js";
 import { t as createContext } from "../../create-context-BqbKqBMN.js";
-import { n as sprawlify, r as useForwardExpose } from "../../factory-Bd0Y5x-7.js";
+import { n as sprawlify, r as useForwardExpose } from "../../factory-pEq4L11-.js";
 import { t as dropdownMenuAnatomy } from "../../dropdown-menu-anatomy-B_HvpVky.js";
 import { t as cleanProps } from "../../clean-props-C5aydRx_.js";
 import { t as RenderStrategyPropsProvider } from "../../use-render-strategy-QgtvU85q.js";
-import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-B5YFZspA.js";
+import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-C1Yo35j8.js";
 import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, onBeforeUnmount, onMounted, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
 import * as dropdownMenu from "@sprawlify/primitives/machines/dropdown-menu";
 //#region src/components/dropdown-menu/use-dropdown-menu-context.ts