@sprawlify/vue 0.0.108 → 0.0.110

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

@@ -0,0 +1,242 @@
+import { a as PolymorphicProps } from "../../factory-Go0oxO3B.js";
+import { a as Optional, r as EmitFn$1 } from "../../types-CcpL2F4P.js";
+import { r as PropTypes } from "../../index-ga2m_BD2.js";
+import { t as RenderStrategyProps } from "../../use-render-strategy-CIHTgh6L.js";
+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";
+
+//#region src/components/drawer/drawer-backdrop.vue.d.ts
+interface DrawerBackdropBaseProps extends PolymorphicProps {}
+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>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$9<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/drawer/drawer-close-trigger.vue.d.ts
+interface DrawerCloseTriggerBaseProps extends PolymorphicProps {}
+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>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$8<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/drawer/drawer-content.vue.d.ts
+interface DrawerContentBaseProps extends PolymorphicProps, ContentProps {}
+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<{}>, {
+  draggable: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$7<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/drawer/drawer-types.d.ts
+interface RootProps {
+  id?: string;
+  ids?: Partial<{
+    backdrop: string;
+    content: string;
+    trigger: string;
+    grabber: string;
+    grabberIndicator: string;
+    closeTrigger: string;
+  }>;
+  trapFocus?: boolean;
+  preventScroll?: boolean;
+  modal?: boolean;
+  initialFocusEl?: () => HTMLElement | null;
+  finalFocusEl?: () => HTMLElement | null;
+  restoreFocus?: boolean;
+  role?: "dialog" | "alertdialog";
+  open?: boolean;
+  defaultOpen?: boolean;
+  closeOnInteractOutside?: boolean;
+  closeOnEscape?: boolean;
+  snapPoints?: (number | string)[];
+  swipeVelocityThreshold?: number;
+  closeThreshold?: number;
+  preventDragOnScroll?: boolean;
+  activeSnapPoint?: number | string;
+  defaultActiveSnapPoint?: number | string;
+}
+type RootEmits = {
+  openChange: [details: drawer.OpenChangeDetails];
+  activeSnapPointChange: [details: {
+    snapPoint: number | string;
+  }];
+};
+//#endregion
+//#region src/components/drawer/use-drawer.d.ts
+interface UseDrawerProps extends Optional<Omit<drawer.Props, "dir" | "getRootNode">, "id"> {}
+interface UseDrawerReturn extends ComputedRef<drawer.Api<PropTypes>> {}
+declare const useDrawer: (props?: MaybeRef<UseDrawerProps>, emit?: EmitFn$1<RootEmits>) => UseDrawerReturn;
+//#endregion
+//#region src/components/drawer/use-drawer-context.d.ts
+interface UseDrawerContext extends UseDrawerReturn {}
+//#endregion
+//#region src/components/drawer/drawer-context.vue.d.ts
+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>, {
+  default(drawer: UnwrapRef<UseDrawerContext>): unknown;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/drawer/drawer-grabber.vue.d.ts
+interface DrawerGrabberBaseProps extends PolymorphicProps {}
+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>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/drawer/drawer-grabber-indicator.vue.d.ts
+interface DrawerGrabberIndicatorBaseProps extends PolymorphicProps {}
+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>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#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, {
+  openChange: (details: drawer.OpenChangeDetails) => any;
+  activeSnapPointChange: (details: {
+    snapPoint: number | string;
+  }) => any;
+}, string, vue.PublicProps, Readonly<DrawerRootProps> & Readonly<{
+  onOpenChange?: ((details: drawer.OpenChangeDetails) => any) | undefined;
+  onActiveSnapPointChange?: ((details: {
+    snapPoint: number | string;
+  }) => any) | undefined;
+}>, {
+  open: boolean;
+  closeOnEscape: boolean;
+  defaultOpen: boolean;
+  closeOnInteractOutside: boolean;
+  modal: boolean;
+  preventScroll: boolean;
+  restoreFocus: boolean;
+  trapFocus: boolean;
+  preventDragOnScroll: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/drawer/drawer-root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseDrawerReturn>;
+}
+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>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/drawer/drawer-title.vue.d.ts
+interface DrawerTitleBaseProps extends PolymorphicProps {}
+interface DrawerTitleProps extends DrawerTitleBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$8: 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;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/drawer/drawer-trigger.vue.d.ts
+interface DrawerTriggerBaseProps extends PolymorphicProps {}
+interface DrawerTriggerProps extends DrawerTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$9: 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;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+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 };
+}
+//#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 };

package/dist/components/{bottom-sheet → drawer}/index.js

@@ -4,31 +4,31 @@ import { a as DEFAULT_LOCALE, c as DEFAULT_ENVIRONMENT, l as useEnvironmentConte
 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 { t as bottomSheetAnatomy } from "../../bottom-sheet-anatomy-C70fosOT.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-B6FmKP5l.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 * as bottomSheet from "@sprawlify/primitives/machines/bottom-sheet";
-//#region src/components/bottom-sheet/use-bottom-sheet-context.ts
-const [BottomSheetProvider, useBottomSheetContext] = createContext("BottomSheetContext");
+import * as drawer from "@sprawlify/primitives/machines/drawer";
+//#region src/components/drawer/use-drawer-context.ts
+const [DrawerSheetProvider, useDrawerContext] = createContext("DrawerContext");
 //#endregion
-//#region src/components/bottom-sheet/bottom-sheet-backdrop.vue
-var bottom_sheet_backdrop_default = /* @__PURE__ */ defineComponent({
-	__name: "bottom-sheet-backdrop",
+//#region src/components/drawer/drawer-backdrop.vue
+var drawer_backdrop_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-backdrop",
 	props: { asChild: {
 		type: Boolean,
 		required: false
 	} },
 	setup(__props) {
-		const bottomSheet = useBottomSheetContext();
+		const drawer = useDrawerContext();
 		const renderStrategy = useRenderStrategyProps();
 		const presence = usePresence(computed(() => ({
 			...renderStrategy.value,
-			present: bottomSheet.value.open
+			present: drawer.value.open
 		})));
-		const mergedProps = computed(() => mergeProps$1(bottomSheet.value.getBackdropProps(), presence.value.presenceProps));
+		const mergedProps = computed(() => mergeProps$1(drawer.value.getBackdropProps(), presence.value.presenceProps));
 		useForwardExpose();
 		return (_ctx, _cache) => {
 			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
@@ -39,18 +39,18 @@ var bottom_sheet_backdrop_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/bottom-sheet/bottom-sheet-close-trigger.vue
-var bottom_sheet_close_trigger_default = /* @__PURE__ */ defineComponent({
-	__name: "bottom-sheet-close-trigger",
+//#region src/components/drawer/drawer-close-trigger.vue
+var drawer_close_trigger_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-close-trigger",
 	props: { asChild: {
 		type: Boolean,
 		required: false
 	} },
 	setup(__props) {
-		const bottomSheet = useBottomSheetContext();
+		const drawer = useDrawerContext();
 		useForwardExpose();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(bottomSheet).getCloseTriggerProps(), { "as-child": __props.asChild }), {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(drawer).getCloseTriggerProps(), { "as-child": __props.asChild }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["as-child"]);
@@ -58,9 +58,9 @@ var bottom_sheet_close_trigger_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/bottom-sheet/bottom-sheet-content.vue
-var bottom_sheet_content_default = /* @__PURE__ */ defineComponent({
-	__name: "bottom-sheet-content",
+//#region src/components/drawer/drawer-content.vue
+var drawer_content_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-content",
 	props: {
 		asChild: {
 			type: Boolean,
@@ -76,9 +76,9 @@ var bottom_sheet_content_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const [contentProps, localProps] = createSplitProps()(props, ["draggable"]);
-		const bottomSheet = useBottomSheetContext();
+		const drawer = useDrawerContext();
 		const presence = usePresenceContext();
-		const mergedProps = computed(() => mergeProps$1(bottomSheet.value.getContentProps({
+		const mergedProps = computed(() => mergeProps$1(drawer.value.getContentProps({
 			draggable: true,
 			...contentProps
 		}), presence.value.presenceProps, localProps));
@@ -92,29 +92,29 @@ var bottom_sheet_content_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/bottom-sheet/bottom-sheet-context.vue
-var bottom_sheet_context_default = /* @__PURE__ */ defineComponent({
-	__name: "bottom-sheet-context",
+//#region src/components/drawer/drawer-context.vue
+var drawer_context_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-context",
 	setup(__props) {
-		const bottomSheet = useBottomSheetContext();
+		const drawer = useDrawerContext();
 		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(bottomSheet))));
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(drawer))));
 		};
 	}
 });
 //#endregion
-//#region src/components/bottom-sheet/bottom-sheet-grabber.vue
-var bottom_sheet_grabber_default = /* @__PURE__ */ defineComponent({
-	__name: "bottom-sheet-grabber",
+//#region src/components/drawer/drawer-grabber.vue
+var drawer_grabber_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-grabber",
 	props: { asChild: {
 		type: Boolean,
 		required: false
 	} },
 	setup(__props) {
-		const bottomSheet = useBottomSheetContext();
+		const drawer = useDrawerContext();
 		useForwardExpose();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(bottomSheet).getGrabberProps(), { "as-child": __props.asChild }), {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(drawer).getGrabberProps(), { "as-child": __props.asChild }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["as-child"]);
@@ -122,18 +122,18 @@ var bottom_sheet_grabber_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/bottom-sheet/bottom-sheet-grabber-indicator.vue
-var bottom_sheet_grabber_indicator_default = /* @__PURE__ */ defineComponent({
-	__name: "bottom-sheet-grabber-indicator",
+//#region src/components/drawer/drawer-grabber-indicator.vue
+var drawer_grabber_indicator_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-grabber-indicator",
 	props: { asChild: {
 		type: Boolean,
 		required: false
 	} },
 	setup(__props) {
-		const bottomSheet = useBottomSheetContext();
+		const drawer = useDrawerContext();
 		useForwardExpose();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(bottomSheet).getGrabberIndicatorProps(), { "as-child": __props.asChild }), {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(drawer).getGrabberIndicatorProps(), { "as-child": __props.asChild }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["as-child"]);
@@ -141,8 +141,8 @@ var bottom_sheet_grabber_indicator_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/bottom-sheet/use-bottom-sheet.ts
-const useBottomSheet = (props = {}, emit) => {
+//#region src/components/drawer/use-drawer.ts
+const useDrawer = (props = {}, emit) => {
 	const id = useId();
 	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
 	const locale = useLocaleContext(DEFAULT_LOCALE);
@@ -163,13 +163,13 @@ const useBottomSheet = (props = {}, emit) => {
 			}
 		};
 	});
-	const service = useMachine(bottomSheet.machine, context);
-	return computed(() => bottomSheet.connect(service, normalizeProps$1));
+	const service = useMachine(drawer.machine, context);
+	return computed(() => drawer.connect(service, normalizeProps$1));
 };
 //#endregion
-//#region src/components/bottom-sheet/bottom-sheet-root.vue
-var bottom_sheet_root_default = /* @__PURE__ */ defineComponent({
-	__name: "bottom-sheet-root",
+//#region src/components/drawer/drawer-root.vue
+var drawer_root_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-root",
 	props: /* @__PURE__ */ mergeDefaults({
 		id: {
 			type: String,
@@ -269,14 +269,14 @@ var bottom_sheet_root_default = /* @__PURE__ */ defineComponent({
 	emits: ["openChange", "activeSnapPointChange"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
-		const bottomSheet = useBottomSheet(props, __emit);
-		BottomSheetProvider(bottomSheet);
+		const drawer = useDrawer(props, __emit);
+		DrawerSheetProvider(drawer);
 		RenderStrategyPropsProvider(computed(() => ({
 			lazyMount: props.lazyMount,
 			unmountOnExit: props.unmountOnExit
 		})));
 		PresenceProvider(usePresence(computed(() => ({
-			present: bottomSheet.value.open,
+			present: drawer.value.open,
 			lazyMount: props.lazyMount,
 			unmountOnExit: props.unmountOnExit
 		}))));
@@ -287,9 +287,9 @@ var bottom_sheet_root_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/bottom-sheet/bottom-sheet-root-provider.vue
-var bottom_sheet_root_provider_default = /* @__PURE__ */ defineComponent({
-	__name: "bottom-sheet-root-provider",
+//#region src/components/drawer/drawer-root-provider.vue
+var drawer_root_provider_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-root-provider",
 	props: {
 		value: {
 			type: null,
@@ -306,13 +306,13 @@ var bottom_sheet_root_provider_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const props = __props;
-		const bottomSheet = computed(() => props.value);
-		BottomSheetProvider(bottomSheet);
+		const drawer = computed(() => props.value);
+		DrawerSheetProvider(drawer);
 		RenderStrategyPropsProvider(computed(() => ({
 			lazyMount: props.lazyMount,
 			unmountOnExit: props.unmountOnExit
 		})));
-		PresenceProvider(usePresence(computed(() => ({ present: bottomSheet.value.open }))));
+		PresenceProvider(usePresence(computed(() => ({ present: drawer.value.open }))));
 		useForwardExpose();
 		return (_ctx, _cache) => {
 			return renderSlot(_ctx.$slots, "default");
@@ -320,18 +320,18 @@ var bottom_sheet_root_provider_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/bottom-sheet/bottom-sheet-title.vue
-var bottom_sheet_title_default = /* @__PURE__ */ defineComponent({
-	__name: "bottom-sheet-title",
+//#region src/components/drawer/drawer-title.vue
+var drawer_title_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-title",
 	props: { asChild: {
 		type: Boolean,
 		required: false
 	} },
 	setup(__props) {
-		const bottomSheet = useBottomSheetContext();
+		const drawer = useDrawerContext();
 		useForwardExpose();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).h2, mergeProps(unref(bottomSheet).getTitleProps(), { "as-child": __props.asChild }), {
+			return openBlock(), createBlock(unref(sprawlify).h2, mergeProps(unref(drawer).getTitleProps(), { "as-child": __props.asChild }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["as-child"]);
@@ -339,18 +339,18 @@ var bottom_sheet_title_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/bottom-sheet/bottom-sheet-trigger.vue
-var bottom_sheet_trigger_default = /* @__PURE__ */ defineComponent({
-	__name: "bottom-sheet-trigger",
+//#region src/components/drawer/drawer-trigger.vue
+var drawer_trigger_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-trigger",
 	props: { asChild: {
 		type: Boolean,
 		required: false
 	} },
 	setup(__props) {
-		const bottomSheet = useBottomSheetContext();
+		const drawer = useDrawerContext();
 		useForwardExpose();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(bottomSheet).getTriggerProps(), { "as-child": __props.asChild }), {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(drawer).getTriggerProps(), { "as-child": __props.asChild }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["as-child"]);
@@ -358,18 +358,18 @@ var bottom_sheet_trigger_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/bottom-sheet/bottom-sheet.ts
-var bottom_sheet_exports = /* @__PURE__ */ __exportAll({
-	Backdrop: () => bottom_sheet_backdrop_default,
-	CloseTrigger: () => bottom_sheet_close_trigger_default,
-	Content: () => bottom_sheet_content_default,
-	Context: () => bottom_sheet_context_default,
-	Grabber: () => bottom_sheet_grabber_default,
-	GrabberIndicator: () => bottom_sheet_grabber_indicator_default,
-	Root: () => bottom_sheet_root_default,
-	RootProvider: () => bottom_sheet_root_provider_default,
-	Title: () => bottom_sheet_title_default,
-	Trigger: () => bottom_sheet_trigger_default
+//#region src/components/drawer/drawer.ts
+var drawer_exports = /* @__PURE__ */ __exportAll({
+	Backdrop: () => drawer_backdrop_default,
+	CloseTrigger: () => drawer_close_trigger_default,
+	Content: () => drawer_content_default,
+	Context: () => drawer_context_default,
+	Grabber: () => drawer_grabber_default,
+	GrabberIndicator: () => drawer_grabber_indicator_default,
+	Root: () => drawer_root_default,
+	RootProvider: () => drawer_root_provider_default,
+	Title: () => drawer_title_default,
+	Trigger: () => drawer_trigger_default
 });
 //#endregion
-export { bottom_sheet_exports as BottomSheet, bottom_sheet_backdrop_default as BottomSheetBackdrop, bottom_sheet_close_trigger_default as BottomSheetCloseTrigger, bottom_sheet_content_default as BottomSheetContent, bottom_sheet_context_default as BottomSheetContext, bottom_sheet_grabber_default as BottomSheetGrabber, bottom_sheet_grabber_indicator_default as BottomSheetGrabberIndicator, bottom_sheet_root_default as BottomSheetRoot, bottom_sheet_root_provider_default as BottomSheetRootProvider, bottom_sheet_title_default as BottomSheetTitle, bottom_sheet_trigger_default as BottomSheetTrigger, bottomSheetAnatomy, useBottomSheet, useBottomSheetContext };
+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 };

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

@@ -61,8 +61,8 @@ declare const __VLS_export$17: __VLS_WithSlots$16<vue.DefineComponent<DropdownMe
 }, string, vue.PublicProps, Readonly<DropdownMenuCheckboxItemProps> & Readonly<{
   "onUpdate:checked"?: ((value: boolean) => any) | undefined;
 }>, {
-  checked: boolean;
   disabled: boolean;
+  checked: boolean;
   closeOnSelect: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
@@ -354,13 +354,12 @@ declare const _default$15: typeof __VLS_export$4;
 declare const __VLS_export$4: __VLS_WithSlots$3<vue.DefineComponent<DropdownMenuRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   select: (details: dropdownMenu.SelectionDetails) => any;
   exitComplete: () => any;
+  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;
-  openChange: (details: dropdownMenu.OpenChangeDetails) => any;
   pointerDownOutside: (event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any;
-  "update:open": (open: boolean) => any;
-  "update:highlightedValue": (highlightedValue: string | null) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   requestDismiss: (event: CustomEvent<{
     originalLayer: HTMLElement;
@@ -368,16 +367,16 @@ declare const __VLS_export$4: __VLS_WithSlots$3<vue.DefineComponent<DropdownMenu
     originalIndex: number;
     targetIndex: number;
   }>) => any;
+  "update:highlightedValue": (highlightedValue: string | null) => any;
 }, string, vue.PublicProps, Readonly<DropdownMenuRootProps> & Readonly<{
   onSelect?: ((details: dropdownMenu.SelectionDetails) => any) | undefined;
   onExitComplete?: (() => any) | undefined;
+  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;
-  onOpenChange?: ((details: dropdownMenu.OpenChangeDetails) => any) | undefined;
   onPointerDownOutside?: ((event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any) | undefined;
-  "onUpdate:open"?: ((open: boolean) => any) | undefined;
-  "onUpdate:highlightedValue"?: ((highlightedValue: string | null) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onRequestDismiss?: ((event: CustomEvent<{
     originalLayer: HTMLElement;
@@ -385,13 +384,14 @@ declare const __VLS_export$4: __VLS_WithSlots$3<vue.DefineComponent<DropdownMenu
     originalIndex: number;
     targetIndex: number;
   }>) => any) | undefined;
+  "onUpdate:highlightedValue"?: ((highlightedValue: string | null) => any) | undefined;
 }>, {
-  closeOnSelect: boolean;
   composite: boolean;
-  defaultOpen: boolean;
   loopFocus: boolean;
   open: boolean;
+  defaultOpen: boolean;
   typeahead: boolean;
+  closeOnSelect: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

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

@@ -6,7 +6,7 @@ import { n as sprawlify, r as useForwardExpose } from "../../factory-Bd0Y5x-7.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-B6FmKP5l.js";
+import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-B5YFZspA.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

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

@@ -226,9 +226,9 @@ declare const __VLS_export$2: __VLS_WithSlots$2<vue.DefineComponent<EditableRoot
   "onUpdate:edit"?: ((edit: boolean) => any) | undefined;
 }>, {
   disabled: boolean;
+  invalid: boolean;
   required: boolean;
   readOnly: boolean;
-  invalid: boolean;
   selectOnFocus: boolean;
   autoResize: boolean;
   defaultEdit: boolean;

package/dist/components/editable/index.js

@@ -6,7 +6,7 @@ import { n as sprawlify, r as useForwardExpose } from "../../factory-Bd0Y5x-7.js
 import { t as editableAnatomy } from "../../editable-anatomy-xpYIbclJ.js";
 import "../../field-anatomy-BloFzq7T.js";
 import { t as cleanProps } from "../../clean-props-C5aydRx_.js";
-import { p as useFieldContext } from "../../field-D3G8FJDB.js";
+import { p as useFieldContext } from "../../field-CzfgOnwc.js";
 import { computed, createBlock, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
 import * as editable from "@sprawlify/primitives/machines/editable";
 //#region src/components/editable/use-editable-context.ts