@wirekyt/vue 0.0.1 → 0.0.2

package/dist/download-trigger.d.ts

@@ -0,0 +1,34 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.js";
+import { a as MaybePromise } from "./index-BSoF1D-v.js";
+import { ButtonHTMLAttributes, MaybeRefOrGetter } from "vue";
+import { FileMimeType } from "@wirekyt/dom/file-utils";
+//#region src/components/download-trigger/use-download.d.ts
+type DownloadableData = string | Blob | File;
+interface UseDownloadProps {
+  fileName: string;
+  mimeType: FileMimeType;
+  data: DownloadableData | (() => MaybePromise<DownloadableData>);
+}
+interface UseDownloadReturn {
+  download: () => void;
+}
+declare const useDownload: (props: MaybeRefOrGetter<UseDownloadProps>) => UseDownloadReturn;
+//#endregion
+//#region src/components/download-trigger/download-trigger.vue.d.ts
+interface DownloadTriggerBaseProps extends PolymorphicProps, UseDownloadProps {}
+interface DownloadTriggerProps extends DownloadTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<DownloadTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DownloadTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, type UseDownloadProps, type UseDownloadReturn, useDownload };

package/dist/download-trigger.js

@@ -0,0 +1,63 @@
+import { d as useForwardExpose } from "./utils-D95V66v9.js";
+import { d as useEnvironmentContext, u as DEFAULT_ENVIRONMENT } from "./providers-C3XQH-uu.js";
+import { n as wire } from "./factory-8Ao0DEy3.js";
+import { createBlock, defineComponent, openBlock, renderSlot, toValue, unref, withCtx } from "vue";
+import { downloadFile } from "@wirekyt/dom/file-utils";
+//#region src/components/download-trigger/use-download.ts
+const useDownload = (props) => {
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const download = () => {
+		const { fileName, mimeType, data } = toValue(props);
+		const win = env?.value.getWindow() || window;
+		const saveToDisk = (value) => {
+			downloadFile({
+				file: value,
+				name: fileName,
+				type: mimeType,
+				win
+			});
+		};
+		if (typeof data === "function") {
+			const maybePromise = data();
+			if (maybePromise instanceof Promise) maybePromise.then(saveToDisk);
+			else saveToDisk(maybePromise);
+		} else saveToDisk(data);
+	};
+	return { download };
+};
+//#endregion
+//#region src/components/download-trigger/download-trigger.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "download-trigger",
+	props: {
+		asChild: { type: Boolean },
+		fileName: {},
+		mimeType: {},
+		data: { type: [String, Function] }
+	},
+	setup(__props) {
+		const props = __props;
+		const { download } = useDownload(() => ({
+			fileName: props.fileName,
+			mimeType: props.mimeType,
+			data: props.data
+		}));
+		const handleClick = (e) => {
+			if (e.defaultPrevented) return;
+			download();
+		};
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, {
+				"as-child": __props.asChild,
+				type: "button",
+				onClick: handleClick
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as-child"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as DownloadTrigger, useDownload };

package/dist/drawer.cjs

@@ -0,0 +1,448 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-XrBZd2Yk.cjs");
+const require_providers = require("./providers-5QhcwgSd.cjs");
+const require_clean_props = require("./clean-props-MyKqus13.cjs");
+const require_create_split_props = require("./create-split-props-Jx-IEwdk.cjs");
+const require_factory = require("./factory-JL7MPjkk.cjs");
+const require_presence = require("./presence-DD3l4Tgb.cjs");
+const require_use_presence = require("./use-presence-CtEY6ZT8.cjs");
+let vue = require("vue");
+let _wirekyt_dom_machines_drawer = require("@wirekyt/dom/machines/drawer");
+let _wirekyt_dom_machines_drawer$1 = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_drawer, 1);
+_wirekyt_dom_machines_drawer = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_drawer);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/drawer/use-context.ts
+const [DrawerProvider, useDrawerContext] = require_utils.createContext("DrawerContext");
+//#endregion
+//#region src/components/drawer/backdrop.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "backdrop",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const drawer = useDrawerContext();
+		const renderStrategy = require_utils.useRenderStrategyProps();
+		const presence = require_use_presence.usePresence((0, vue.computed)(() => ({
+			...renderStrategy.value,
+			present: drawer.value.open
+		})));
+		const mergedProps = (0, vue.computed)(() => (0, _wirekyt_dom.mergeProps)(drawer.value.getBackdropProps(), presence.value.presenceProps));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return !(0, vue.unref)(presence).unmounted ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/close-trigger.vue
+const _sfc_main$1 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "close-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const drawer = useDrawerContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).button, (0, vue.mergeProps)((0, vue.unref)(drawer).getCloseTriggerProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/content.vue
+const _sfc_main$2 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "content",
+	props: {
+		asChild: { type: Boolean },
+		draggable: {
+			type: Boolean,
+			default: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const [contentProps, localProps] = require_create_split_props.createSplitProps()(props, ["draggable"]);
+		const drawer = useDrawerContext();
+		const presence = require_presence.usePresenceContext();
+		const mergedProps = (0, vue.computed)(() => (0, _wirekyt_dom.mergeProps)(drawer.value.getContentProps({
+			draggable: true,
+			...contentProps
+		}), presence.value.presenceProps, localProps));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return !(0, vue.unref)(presence).unmounted ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/description.vue
+const _sfc_main$4 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "description",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const drawer = useDrawerContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(drawer).getDescriptionProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/context.vue
+const _sfc_main$3 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "context",
+	setup(__props) {
+		const drawer = useDrawerContext();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(drawer))));
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/positioner.vue
+const _sfc_main$9 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "positioner",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const drawer = useDrawerContext();
+		const presence = require_presence.usePresenceContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return !(0, vue.unref)(presence).unmounted ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)({ key: 0 }, (0, vue.unref)(drawer).getPositionerProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/grabber.vue
+const _sfc_main$5 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "grabber",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const drawer = useDrawerContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(drawer).getGrabberProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/grabber-indicator.vue
+const _sfc_main$6 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "grabber-indicator",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const drawer = useDrawerContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(drawer).getGrabberIndicatorProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/use-stack-context.ts
+const [DrawerStackProvider, useDrawerStackContext] = require_utils.createContext("DrawerStackContext");
+//#endregion
+//#region src/components/drawer/indent.vue
+const _sfc_main$7 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "indent",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const stackApi = useDrawerStackContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(stackApi).getIndentProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/indent-background.vue
+const _sfc_main$8 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "indent-background",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const stackApi = useDrawerStackContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(stackApi).getIndentBackgroundProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/use-stack-store.ts
+const DRAWER_STACK_STORE_KEY = Symbol("DrawerStackStore");
+const provideDrawerStackStore = (stack) => (0, vue.provide)(DRAWER_STACK_STORE_KEY, stack);
+const useDrawerStackStore = () => (0, vue.inject)(DRAWER_STACK_STORE_KEY, void 0);
+//#endregion
+//#region src/components/drawer/use-drawer.ts
+const useDrawer = (props = {}, emit) => {
+	const id = (0, vue.useId)();
+	const env = require_providers.useEnvironmentContext(require_providers.DEFAULT_ENVIRONMENT);
+	const locale = require_providers.useLocaleContext(require_providers.DEFAULT_LOCALE);
+	const stack = useDrawerStackStore();
+	const context = (0, vue.computed)(() => {
+		const localeProps = (0, vue.toValue)(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			stack,
+			...require_clean_props.cleanProps(localeProps),
+			onOpenChange: (details) => {
+				emit?.("openChange", details);
+				localeProps.onOpenChange?.(details);
+			},
+			onTriggerValueChange: (details) => {
+				emit?.("triggerValueChange", details);
+				localeProps.onTriggerValueChange?.(details);
+			},
+			onSnapPointChange: (details) => {
+				emit?.("snapPointChange", details);
+				localeProps.onSnapPointChange?.(details);
+			}
+		};
+	});
+	const service = require_utils.useMachine(_wirekyt_dom_machines_drawer$1.machine, context);
+	return (0, vue.computed)(() => _wirekyt_dom_machines_drawer$1.connect(service, require_utils.normalizeProps));
+};
+//#endregion
+//#region src/components/drawer/root.vue
+const _sfc_main$10 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root",
+	props: /*@__PURE__*/ (0, vue.mergeDefaults)({
+		id: {},
+		ids: {},
+		trapFocus: { type: Boolean },
+		preventScroll: { type: Boolean },
+		modal: { type: Boolean },
+		initialFocusEl: { type: Function },
+		finalFocusEl: { type: Function },
+		restoreFocus: { type: Boolean },
+		role: {},
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		closeOnInteractOutside: { type: Boolean },
+		closeOnEscape: { type: Boolean },
+		snapPoints: {},
+		swipeDirection: {},
+		snapToSequentialPoints: { type: Boolean },
+		swipeVelocityThreshold: {},
+		closeThreshold: {},
+		preventDragOnScroll: { type: Boolean },
+		snapPoint: {},
+		defaultSnapPoint: {},
+		triggerValue: {},
+		defaultTriggerValue: {},
+		lazyMount: { type: Boolean },
+		unmountOnExit: { type: Boolean }
+	}, {
+		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",
+		"triggerValueChange"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const drawer = useDrawer(props, __emit);
+		DrawerProvider(drawer);
+		require_utils.RenderStrategyPropsProvider((0, vue.computed)(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		require_presence.PresenceProvider(require_use_presence.usePresence((0, vue.computed)(() => ({
+			present: drawer.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		}))));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/root-provider.vue
+const _sfc_main$11 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root-provider",
+	props: {
+		value: {},
+		lazyMount: { type: Boolean },
+		unmountOnExit: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const drawer = (0, vue.computed)(() => props.value);
+		DrawerProvider(drawer);
+		require_utils.RenderStrategyPropsProvider((0, vue.computed)(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		require_presence.PresenceProvider(require_use_presence.usePresence((0, vue.computed)(() => ({ present: drawer.value.open }))));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/stack.vue
+const _sfc_main$12 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "stack",
+	setup(__props) {
+		const stack = _wirekyt_dom_machines_drawer.createStack();
+		provideDrawerStackStore(stack);
+		const snapshot = (0, vue.ref)(stack.getSnapshot());
+		let unsubscribe;
+		(0, vue.onMounted)(() => {
+			unsubscribe = stack.subscribe(() => {
+				snapshot.value = stack.getSnapshot();
+			});
+		});
+		(0, vue.onUnmounted)(() => {
+			unsubscribe?.();
+		});
+		DrawerStackProvider((0, vue.computed)(() => _wirekyt_dom_machines_drawer.connectStack(snapshot.value, require_utils.normalizeProps)));
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/swipe-area.vue
+const _sfc_main$13 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "swipe-area",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const drawer = useDrawerContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(drawer).getSwipeAreaProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/title.vue
+const _sfc_main$14 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "title",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const drawer = useDrawerContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).h2, (0, vue.mergeProps)((0, vue.unref)(drawer).getTitleProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/trigger.vue
+const _sfc_main$15 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "trigger",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const drawer = useDrawerContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).button, (0, vue.mergeProps)((0, vue.unref)(drawer).getTriggerProps(props), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/drawer.ts
+var drawer_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Backdrop: () => _sfc_main,
+	CloseTrigger: () => _sfc_main$1,
+	Content: () => _sfc_main$2,
+	Context: () => _sfc_main$3,
+	Description: () => _sfc_main$4,
+	Grabber: () => _sfc_main$5,
+	GrabberIndicator: () => _sfc_main$6,
+	Indent: () => _sfc_main$7,
+	IndentBackground: () => _sfc_main$8,
+	Positioner: () => _sfc_main$9,
+	Root: () => _sfc_main$10,
+	RootProvider: () => _sfc_main$11,
+	Stack: () => _sfc_main$12,
+	SwipeArea: () => _sfc_main$13,
+	Title: () => _sfc_main$14,
+	Trigger: () => _sfc_main$15
+});
+//#endregion
+Object.defineProperty(exports, "Drawer", {
+	enumerable: true,
+	get: function() {
+		return drawer_exports;
+	}
+});
+exports.DrawerBackdrop = _sfc_main;
+exports.DrawerCloseTrigger = _sfc_main$1;
+exports.DrawerContent = _sfc_main$2;
+exports.DrawerContext = _sfc_main$3;
+exports.DrawerDescription = _sfc_main$4;
+exports.DrawerGrabber = _sfc_main$5;
+exports.DrawerGrabberIndicator = _sfc_main$6;
+exports.DrawerIndent = _sfc_main$7;
+exports.DrawerIndentBackground = _sfc_main$8;
+exports.DrawerPositioner = _sfc_main$9;
+exports.DrawerRoot = _sfc_main$10;
+exports.DrawerRootProvider = _sfc_main$11;
+exports.DrawerStack = _sfc_main$12;
+exports.DrawerSwipeArea = _sfc_main$13;
+exports.DrawerTitle = _sfc_main$14;
+exports.DrawerTrigger = _sfc_main$15;
+Object.defineProperty(exports, "drawerAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_drawer.anatomy;
+	}
+});
+exports.useDrawer = useDrawer;
+exports.useDrawerContext = useDrawerContext;
+exports.useDrawerStackContext = useDrawerStackContext;