@sprawlify/vue 0.0.109 → 0.0.111

package/dist/components/drawer/index.js

@@ -0,0 +1,519 @@
+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 "../../utils-BL0VqhHN.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-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 [DrawerProvider, useDrawerContext] = createContext("DrawerContext");
+//#endregion
+//#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 drawer = useDrawerContext();
+		const renderStrategy = useRenderStrategyProps();
+		const presence = usePresence(computed(() => ({
+			...renderStrategy.value,
+			present: drawer.value.open
+		})));
+		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 }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#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 drawer = useDrawerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(drawer).getCloseTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/drawer-content.vue
+var drawer_content_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-content",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		draggable: {
+			type: Boolean,
+			required: false,
+			skipCheck: true,
+			default: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const [contentProps, localProps] = createSplitProps()(props, ["draggable"]);
+		const drawer = useDrawerContext();
+		const presence = usePresenceContext();
+		const mergedProps = computed(() => mergeProps$1(drawer.value.getContentProps({
+			draggable: true,
+			...contentProps
+		}), presence.value.presenceProps, localProps));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#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",
+	setup(__props) {
+		const drawer = useDrawerContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(drawer))));
+		};
+	}
+});
+//#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",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const drawer = useDrawerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(drawer).getGrabberProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#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 drawer = useDrawerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(drawer).getGrabberIndicatorProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#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);
+			},
+			onSnapPointChange: (details) => {
+				emit?.("snapPointChange", details);
+				localeProps.onSnapPointChange?.(details);
+			}
+		};
+	});
+	const service = useMachine(drawer.machine, context);
+	return computed(() => drawer.connect(service, normalizeProps$1));
+};
+//#endregion
+//#region src/components/drawer/drawer-root.vue
+var drawer_root_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-root",
+	props: /* @__PURE__ */ mergeDefaults({
+		id: {
+			type: String,
+			required: false
+		},
+		ids: {
+			type: Object,
+			required: false
+		},
+		trapFocus: {
+			type: Boolean,
+			required: false
+		},
+		preventScroll: {
+			type: Boolean,
+			required: false
+		},
+		modal: {
+			type: Boolean,
+			required: false
+		},
+		initialFocusEl: {
+			type: Function,
+			required: false
+		},
+		finalFocusEl: {
+			type: Function,
+			required: false
+		},
+		restoreFocus: {
+			type: Boolean,
+			required: false
+		},
+		role: {
+			type: String,
+			required: false
+		},
+		open: {
+			type: Boolean,
+			required: false
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: false
+		},
+		closeOnInteractOutside: {
+			type: Boolean,
+			required: false
+		},
+		closeOnEscape: {
+			type: Boolean,
+			required: false
+		},
+		snapPoints: {
+			type: Array,
+			required: false
+		},
+		swipeDirection: {
+			type: null,
+			required: false
+		},
+		snapToSequentialPoints: {
+			type: Boolean,
+			required: false
+		},
+		swipeVelocityThreshold: {
+			type: Number,
+			required: false
+		},
+		closeThreshold: {
+			type: Number,
+			required: false
+		},
+		preventDragOnScroll: {
+			type: Boolean,
+			required: false
+		},
+		snapPoint: {
+			type: [Number, String],
+			required: false
+		},
+		defaultSnapPoint: {
+			type: [Number, String],
+			required: false
+		},
+		lazyMount: {
+			type: Boolean,
+			required: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			required: false
+		}
+	}, {
+		closeOnEscape: void 0,
+		closeOnInteractOutside: void 0,
+		defaultOpen: void 0,
+		modal: void 0,
+		open: void 0,
+		preventScroll: void 0,
+		restoreFocus: void 0,
+		snapToSequentialPoints: void 0,
+		trapFocus: void 0,
+		preventDragOnScroll: void 0
+	}),
+	emits: ["openChange", "snapPointChange"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const drawer = useDrawer(props, __emit);
+		DrawerProvider(drawer);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		PresenceProvider(usePresence(computed(() => ({
+			present: drawer.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		}))));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/drawer-root-provider.vue
+var drawer_root_provider_default = /* @__PURE__ */ defineComponent({
+	__name: "drawer-root-provider",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		lazyMount: {
+			type: Boolean,
+			required: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const drawer = computed(() => props.value);
+		DrawerProvider(drawer);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		PresenceProvider(usePresence(computed(() => ({ present: drawer.value.open }))));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+//#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",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const drawer = useDrawerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).h2, mergeProps(unref(drawer).getTitleProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#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 drawer = useDrawerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(drawer).getTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#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,
+	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_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

@@ -354,44 +354,44 @@ 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;
-  escapeKeyDown: (event: KeyboardEvent) => any;
+  openChange: (details: dropdownMenu.OpenChangeDetails) => any;
+  "update:open": (open: boolean) => any;
   focusOutside: (event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any;
   interactOutside: (event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => any;
-  openChange: (details: dropdownMenu.OpenChangeDetails) => any;
   pointerDownOutside: (event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any;
+  highlightChange: (details: dropdownMenu.HighlightChangeDetails) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
   requestDismiss: (event: CustomEvent<{
     originalLayer: HTMLElement;
     targetLayer: HTMLElement | undefined;
     originalIndex: number;
     targetIndex: number;
   }>) => any;
-  "update:open": (open: boolean) => any;
-  highlightChange: (details: dropdownMenu.HighlightChangeDetails) => any;
   "update:highlightedValue": (highlightedValue: string | null) => any;
 }, string, vue.PublicProps, Readonly<DropdownMenuRootProps> & Readonly<{
   onSelect?: ((details: dropdownMenu.SelectionDetails) => any) | undefined;
   onExitComplete?: (() => any) | undefined;
-  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onOpenChange?: ((details: dropdownMenu.OpenChangeDetails) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
   onFocusOutside?: ((event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => 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;
+  onHighlightChange?: ((details: dropdownMenu.HighlightChangeDetails) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onRequestDismiss?: ((event: CustomEvent<{
     originalLayer: HTMLElement;
     targetLayer: HTMLElement | undefined;
     originalIndex: number;
     targetIndex: number;
   }>) => any) | undefined;
-  "onUpdate:open"?: ((open: boolean) => any) | undefined;
-  onHighlightChange?: ((details: dropdownMenu.HighlightChangeDetails) => any) | undefined;
   "onUpdate:highlightedValue"?: ((highlightedValue: string | null) => any) | undefined;
 }>, {
-  open: boolean;
   typeahead: boolean;
   defaultOpen: boolean;
+  open: boolean;
+  loopFocus: boolean;
   closeOnSelect: boolean;
   composite: boolean;
-  loopFocus: 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-qyW2RH6G.js";
-import { t as RenderStrategyPropsProvider } from "../../use-render-strategy-Cq147Bb0.js";
-import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-Bv9Yv6KI.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-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

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

@@ -205,30 +205,30 @@ Omit<HTMLAttributes, "placeholder"> {}
 interface EditableRootEmits extends RootEmits {}
 declare const _default$8: typeof __VLS_export$2;
 declare const __VLS_export$2: __VLS_WithSlots$2<vue.DefineComponent<EditableRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  focusOutside: (event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any;
-  interactOutside: (event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => any;
-  pointerDownOutside: (event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any;
   valueChange: (details: editable.ValueChangeDetails) => any;
   "update:modelValue": (value: string) => any;
   editChange: (details: editable.EditChangeDetails) => any;
+  focusOutside: (event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any;
+  interactOutside: (event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => any;
+  pointerDownOutside: (event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any;
   valueCommit: (details: editable.ValueChangeDetails) => any;
   valueRevert: (details: editable.ValueChangeDetails) => any;
   "update:edit": (edit: boolean) => any;
 }, string, vue.PublicProps, Readonly<EditableRootProps> & Readonly<{
-  onFocusOutside?: ((event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any) | undefined;
   onValueChange?: ((details: editable.ValueChangeDetails) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onEditChange?: ((details: editable.EditChangeDetails) => any) | undefined;
+  onFocusOutside?: ((event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any) | undefined;
   onValueCommit?: ((details: editable.ValueChangeDetails) => any) | undefined;
   onValueRevert?: ((details: editable.ValueChangeDetails) => any) | undefined;
   "onUpdate:edit"?: ((edit: boolean) => any) | undefined;
 }>, {
   required: boolean;
   disabled: boolean;
-  invalid: boolean;
   readOnly: boolean;
+  invalid: boolean;
   autoResize: boolean;
   defaultEdit: boolean;
   edit: boolean;

package/dist/components/editable/index.js

@@ -2,11 +2,11 @@ import { t as __exportAll } from "../../chunk-pbuEa-1d.js";
 import { n as useMachine, r as normalizeProps$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 editableAnatomy } from "../../editable-anatomy-xpYIbclJ.js";
 import "../../field-anatomy-BloFzq7T.js";
-import { t as cleanProps } from "../../clean-props-qyW2RH6G.js";
-import { p as useFieldContext } from "../../field-CzfgOnwc.js";
+import { t as cleanProps } from "../../clean-props-C5aydRx_.js";
+import { p as useFieldContext } from "../../field-COxjRzcf.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

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

@@ -254,8 +254,8 @@ declare const _default$6: typeof __VLS_export$2;
 declare const __VLS_export$2: __VLS_WithSlots$2<vue.DefineComponent<FieldRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FieldRootProps> & Readonly<{}>, {
   required: boolean;
   disabled: boolean;
-  invalid: boolean;
   readOnly: boolean;
+  invalid: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

package/dist/components/field/index.js

@@ -1,7 +1,7 @@
 import "../../core-DFdl8jS7.js";
 import "../../providers-CicBbUXG.js";
 import "../../create-context-BqbKqBMN.js";
-import "../../factory-Bd0Y5x-7.js";
+import "../../factory-pEq4L11-.js";
 import { t as fieldAnatomy } from "../../field-anatomy-BloFzq7T.js";
-import { a as useField, c as field_label_default, d as field_error_text_default, f as field_context_default, i as field_root_default, l as field_input_default, n as field_textarea_default, o as field_root_provider_default, p as useFieldContext, r as field_select_default, s as field_required_indicator_default, t as field_exports, u as field_helper_text_default } from "../../field-CzfgOnwc.js";
+import { a as useField, c as field_label_default, d as field_error_text_default, f as field_context_default, i as field_root_default, l as field_input_default, n as field_textarea_default, o as field_root_provider_default, p as useFieldContext, r as field_select_default, s as field_required_indicator_default, t as field_exports, u as field_helper_text_default } from "../../field-COxjRzcf.js";
 export { field_exports as Field, field_context_default as FieldContext, field_error_text_default as FieldErrorText, field_helper_text_default as FieldHelperText, field_input_default as FieldInput, field_label_default as FieldLabel, field_required_indicator_default as FieldRequiredIndicator, field_root_default as FieldRoot, field_root_provider_default as FieldRootProvider, field_select_default as FieldSelect, field_textarea_default as FieldTextarea, fieldAnatomy, useField, useFieldContext };

package/dist/components/fieldset/index.js

@@ -1,7 +1,7 @@
 import "../../core-DFdl8jS7.js";
 import "../../providers-CicBbUXG.js";
 import "../../create-context-BqbKqBMN.js";
-import "../../factory-Bd0Y5x-7.js";
+import "../../factory-pEq4L11-.js";
 import { t as fieldsetAnatomy } from "../../fieldset-anatomy-DBAg0hLg.js";
-import { a as fieldset_legend_default, c as fieldset_context_default, i as fieldset_root_provider_default, l as useFieldsetContext, n as fieldset_root_default, o as fieldset_helper_text_default, r as useFieldset, s as fieldset_error_text_default, t as fieldset_exports } from "../../fieldset-D2ag4AsT.js";
+import { a as fieldset_legend_default, c as fieldset_context_default, i as fieldset_root_provider_default, l as useFieldsetContext, n as fieldset_root_default, o as fieldset_helper_text_default, r as useFieldset, s as fieldset_error_text_default, t as fieldset_exports } from "../../fieldset-DwMrmSml.js";
 export { fieldset_exports as Fieldset, fieldset_context_default as FieldsetContext, fieldset_error_text_default as FieldsetErrorText, fieldset_helper_text_default as FieldsetHelperText, fieldset_legend_default as FieldsetLegend, fieldset_root_default as FieldsetRoot, fieldset_root_provider_default as FieldsetRootProvider, fieldsetAnatomy, useFieldset, useFieldsetContext };