@wirekyt/vue 0.0.1 → 0.0.3

package/dist/swap.cjs

@@ -0,0 +1,154 @@
+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_factory = require("./factory-JL7MPjkk.cjs");
+const require_use_presence = require("./use-presence-CtEY6ZT8.cjs");
+let vue = require("vue");
+let _wirekyt_dom_anatomy = require("@wirekyt/dom/anatomy");
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/swap/use-context.ts
+const [SwapProvider, useSwapContext] = require_utils.createContext("SwapContext");
+//#endregion
+//#region src/components/swap/anatomy.ts
+const swapAnatomy = (0, _wirekyt_dom_anatomy.createAnatomy)("swap", ["root", "indicator"]);
+const parts = swapAnatomy.build();
+//#endregion
+//#region src/components/swap/use-swap.ts
+const useSwap = (props) => {
+	const localProps = (0, vue.computed)(() => (0, vue.toValue)(props));
+	const swap = (0, vue.computed)(() => localProps.value.swap ?? false);
+	const presenceProps = (0, vue.computed)(() => ({
+		present: swap.value,
+		lazyMount: localProps.value.lazyMount,
+		unmountOnExit: localProps.value.unmountOnExit,
+		skipAnimationOnMount: true
+	}));
+	const offPresenceProps = (0, vue.computed)(() => ({
+		...presenceProps.value,
+		present: !swap.value
+	}));
+	const onPresence = require_use_presence.usePresence(presenceProps);
+	const offPresence = require_use_presence.usePresence(offPresenceProps);
+	return {
+		get swap() {
+			return swap.value;
+		},
+		onPresence,
+		offPresence,
+		getRootProps() {
+			return {
+				...parts.root.attrs,
+				"data-swap": swap.value ? "on" : "off",
+				style: { display: "inline-grid" }
+			};
+		},
+		getIndicatorProps({ type }) {
+			const presence = type === "on" ? onPresence : offPresence;
+			return {
+				...parts.indicator.attrs,
+				...presence.value.presenceProps,
+				"data-type": type,
+				style: {
+					"grid-area": "1 / 1",
+					display: "inline-flex"
+				}
+			};
+		}
+	};
+};
+//#endregion
+//#region src/components/swap/root.vue
+const _sfc_main$1 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root",
+	props: /*@__PURE__*/ (0, vue.mergeDefaults)({
+		swap: { type: Boolean },
+		lazyMount: { type: Boolean },
+		unmountOnExit: { type: Boolean },
+		asChild: { type: Boolean }
+	}, {
+		swap: void 0,
+		lazyMount: void 0,
+		unmountOnExit: void 0
+	}),
+	setup(__props) {
+		const swap = useSwap(__props);
+		SwapProvider(swap);
+		const mergedProps = (0, vue.computed)(() => (0, _wirekyt_dom.mergeProps)(swap.getRootProps()));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).span, (0, vue.mergeProps)(mergedProps.value, { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/swap/root-provider.vue
+const _sfc_main$2 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		SwapProvider(props.value);
+		const mergedProps = (0, vue.computed)(() => (0, _wirekyt_dom.mergeProps)(props.value.getRootProps()));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).span, (0, vue.mergeProps)(mergedProps.value, { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/swap/indicator.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "indicator",
+	props: {
+		type: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const swap = useSwapContext();
+		const presence = (0, vue.computed)(() => {
+			return (props.type === "on" ? swap.onPresence : swap.offPresence).value;
+		});
+		const mergedProps = (0, vue.computed)(() => (0, _wirekyt_dom.mergeProps)(swap.getIndicatorProps({ type: props.type })));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return !presence.value.unmounted ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).span, (0, vue.mergeProps)({ key: 0 }, mergedProps.value, {
+				ref: presence.value.presenceProps.ref,
+				"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/swap/swap.ts
+var swap_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Indicator: () => _sfc_main,
+	Root: () => _sfc_main$1,
+	RootProvider: () => _sfc_main$2,
+	swapAnatomy: () => swapAnatomy
+});
+//#endregion
+Object.defineProperty(exports, "Swap", {
+	enumerable: true,
+	get: function() {
+		return swap_exports;
+	}
+});
+exports.SwapIndicator = _sfc_main;
+exports.SwapRoot = _sfc_main$1;
+exports.SwapRootProvider = _sfc_main$2;
+exports.swapAnatomy = swapAnatomy;
+exports.useSwap = useSwap;
+exports.useSwapContext = useSwapContext;

package/dist/swap.d.cts

@@ -0,0 +1,98 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.cjs";
+import { n as UsePresenceReturn } from "./use-presence-BSp_dR-C.cjs";
+import { HTMLAttributes, MaybeRef } from "vue";
+//#region src/components/swap/types.d.ts
+interface RootProps {
+  swap?: boolean;
+  lazyMount?: boolean;
+  unmountOnExit?: boolean;
+}
+//#endregion
+//#region src/components/swap/root.vue.d.ts
+interface SwapRootBaseProps extends RootProps, PolymorphicProps {}
+interface SwapRootProps extends SwapRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$1: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<SwapRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SwapRootProps> & Readonly<{}>, {
+  lazyMount: boolean;
+  unmountOnExit: boolean;
+  swap: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/swap/use-swap.d.ts
+interface UseSwapProps {
+  swap?: boolean;
+  lazyMount?: boolean;
+  unmountOnExit?: boolean;
+}
+interface IndicatorProps {
+  type: "on" | "off";
+}
+interface UseSwapReturn {
+  swap: boolean;
+  onPresence: UsePresenceReturn;
+  offPresence: UsePresenceReturn;
+  getRootProps: () => Record<string, unknown>;
+  getIndicatorProps: (props: IndicatorProps) => Record<string, unknown>;
+}
+declare const useSwap: (props: MaybeRef<UseSwapProps>) => UseSwapReturn;
+//#endregion
+//#region src/components/swap/root-provider.vue.d.ts
+interface SwapRootProviderBaseProps extends PolymorphicProps {
+  value: UseSwapReturn;
+}
+interface SwapRootProviderProps extends SwapRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$2: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<SwapRootProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SwapRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/swap/indicator.vue.d.ts
+interface SwapIndicatorBaseProps extends PolymorphicProps {
+  type: "on" | "off";
+}
+interface SwapIndicatorProps extends SwapIndicatorBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SwapIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SwapIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/swap/use-context.d.ts
+interface UseSwapContext extends UseSwapReturn {}
+declare const SwapProvider: (opts: UseSwapContext) => void, useSwapContext: (fallback?: UseSwapContext | undefined) => UseSwapContext;
+//#endregion
+//#region src/components/swap/anatomy.d.ts
+declare const swapAnatomy: import("@wirekyt/dom/anatomy").Anatomy<"root" | "indicator">;
+declare namespace swap_d_exports {
+  export { _default as Indicator, SwapIndicatorBaseProps as IndicatorBaseProps, SwapIndicatorProps as IndicatorProps, _default$1 as Root, SwapRootBaseProps as RootBaseProps, SwapRootProps as RootProps, _default$2 as RootProvider, SwapRootProviderBaseProps as RootProviderBaseProps, SwapRootProviderProps as RootProviderProps, swapAnatomy };
+}
+//#endregion
+export { swap_d_exports as Swap, _default as SwapIndicator, type SwapIndicatorBaseProps, type SwapIndicatorProps, _default$1 as SwapRoot, type SwapRootBaseProps, type SwapRootProps, _default$2 as SwapRootProvider, type SwapRootProviderBaseProps, type SwapRootProviderProps, type UseSwapContext, type UseSwapProps, type UseSwapReturn, swapAnatomy, useSwap, useSwapContext };

package/dist/swap.d.ts

@@ -0,0 +1,98 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.js";
+import { n as UsePresenceReturn } from "./use-presence-DkGU_j9h.js";
+import { HTMLAttributes, MaybeRef } from "vue";
+//#region src/components/swap/types.d.ts
+interface RootProps {
+  swap?: boolean;
+  lazyMount?: boolean;
+  unmountOnExit?: boolean;
+}
+//#endregion
+//#region src/components/swap/root.vue.d.ts
+interface SwapRootBaseProps extends RootProps, PolymorphicProps {}
+interface SwapRootProps extends SwapRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$1: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<SwapRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SwapRootProps> & Readonly<{}>, {
+  lazyMount: boolean;
+  unmountOnExit: boolean;
+  swap: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/swap/use-swap.d.ts
+interface UseSwapProps {
+  swap?: boolean;
+  lazyMount?: boolean;
+  unmountOnExit?: boolean;
+}
+interface IndicatorProps {
+  type: "on" | "off";
+}
+interface UseSwapReturn {
+  swap: boolean;
+  onPresence: UsePresenceReturn;
+  offPresence: UsePresenceReturn;
+  getRootProps: () => Record<string, unknown>;
+  getIndicatorProps: (props: IndicatorProps) => Record<string, unknown>;
+}
+declare const useSwap: (props: MaybeRef<UseSwapProps>) => UseSwapReturn;
+//#endregion
+//#region src/components/swap/root-provider.vue.d.ts
+interface SwapRootProviderBaseProps extends PolymorphicProps {
+  value: UseSwapReturn;
+}
+interface SwapRootProviderProps extends SwapRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$2: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<SwapRootProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SwapRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/swap/indicator.vue.d.ts
+interface SwapIndicatorBaseProps extends PolymorphicProps {
+  type: "on" | "off";
+}
+interface SwapIndicatorProps extends SwapIndicatorBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SwapIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SwapIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/swap/use-context.d.ts
+interface UseSwapContext extends UseSwapReturn {}
+declare const SwapProvider: (opts: UseSwapContext) => void, useSwapContext: (fallback?: UseSwapContext | undefined) => UseSwapContext;
+//#endregion
+//#region src/components/swap/anatomy.d.ts
+declare const swapAnatomy: import("@wirekyt/dom/anatomy").Anatomy<"root" | "indicator">;
+declare namespace swap_d_exports {
+  export { _default as Indicator, SwapIndicatorBaseProps as IndicatorBaseProps, SwapIndicatorProps as IndicatorProps, _default$1 as Root, SwapRootBaseProps as RootBaseProps, SwapRootProps as RootProps, _default$2 as RootProvider, SwapRootProviderBaseProps as RootProviderBaseProps, SwapRootProviderProps as RootProviderProps, swapAnatomy };
+}
+//#endregion
+export { swap_d_exports as Swap, _default as SwapIndicator, type SwapIndicatorBaseProps, type SwapIndicatorProps, _default$1 as SwapRoot, type SwapRootBaseProps, type SwapRootProps, _default$2 as SwapRootProvider, type SwapRootProviderBaseProps, type SwapRootProviderProps, type UseSwapContext, type UseSwapProps, type UseSwapReturn, swapAnatomy, useSwap, useSwapContext };

package/dist/swap.js

@@ -0,0 +1,141 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$1, d as useForwardExpose, m as createContext } from "./utils-D95V66v9.js";
+import { n as wire } from "./factory-8Ao0DEy3.js";
+import { t as usePresence } from "./use-presence-oNdFU2c2.js";
+import { computed, createBlock, createCommentVNode, defineComponent, mergeDefaults, mergeProps, openBlock, renderSlot, toValue, unref, withCtx } from "vue";
+import { createAnatomy } from "@wirekyt/dom/anatomy";
+//#region src/components/swap/use-context.ts
+const [SwapProvider, useSwapContext] = createContext("SwapContext");
+//#endregion
+//#region src/components/swap/anatomy.ts
+const swapAnatomy = createAnatomy("swap", ["root", "indicator"]);
+const parts = swapAnatomy.build();
+//#endregion
+//#region src/components/swap/use-swap.ts
+const useSwap = (props) => {
+	const localProps = computed(() => toValue(props));
+	const swap = computed(() => localProps.value.swap ?? false);
+	const presenceProps = computed(() => ({
+		present: swap.value,
+		lazyMount: localProps.value.lazyMount,
+		unmountOnExit: localProps.value.unmountOnExit,
+		skipAnimationOnMount: true
+	}));
+	const offPresenceProps = computed(() => ({
+		...presenceProps.value,
+		present: !swap.value
+	}));
+	const onPresence = usePresence(presenceProps);
+	const offPresence = usePresence(offPresenceProps);
+	return {
+		get swap() {
+			return swap.value;
+		},
+		onPresence,
+		offPresence,
+		getRootProps() {
+			return {
+				...parts.root.attrs,
+				"data-swap": swap.value ? "on" : "off",
+				style: { display: "inline-grid" }
+			};
+		},
+		getIndicatorProps({ type }) {
+			const presence = type === "on" ? onPresence : offPresence;
+			return {
+				...parts.indicator.attrs,
+				...presence.value.presenceProps,
+				"data-type": type,
+				style: {
+					"grid-area": "1 / 1",
+					display: "inline-flex"
+				}
+			};
+		}
+	};
+};
+//#endregion
+//#region src/components/swap/root.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ mergeDefaults({
+		swap: { type: Boolean },
+		lazyMount: { type: Boolean },
+		unmountOnExit: { type: Boolean },
+		asChild: { type: Boolean }
+	}, {
+		swap: void 0,
+		lazyMount: void 0,
+		unmountOnExit: void 0
+	}),
+	setup(__props) {
+		const swap = useSwap(__props);
+		SwapProvider(swap);
+		const mergedProps = computed(() => mergeProps$1(swap.getRootProps()));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).span, mergeProps(mergedProps.value, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/swap/root-provider.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		SwapProvider(props.value);
+		const mergedProps = computed(() => mergeProps$1(props.value.getRootProps()));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).span, mergeProps(mergedProps.value, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/swap/indicator.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "indicator",
+	props: {
+		type: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const swap = useSwapContext();
+		const presence = computed(() => {
+			return (props.type === "on" ? swap.onPresence : swap.offPresence).value;
+		});
+		const mergedProps = computed(() => mergeProps$1(swap.getIndicatorProps({ type: props.type })));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !presence.value.unmounted ? (openBlock(), createBlock(unref(wire).span, mergeProps({ key: 0 }, mergedProps.value, {
+				ref: presence.value.presenceProps.ref,
+				"as-child": __props.asChild
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/swap/swap.ts
+var swap_exports = /* @__PURE__ */ __exportAll({
+	Indicator: () => _sfc_main,
+	Root: () => _sfc_main$1,
+	RootProvider: () => _sfc_main$2,
+	swapAnatomy: () => swapAnatomy
+});
+//#endregion
+export { swap_exports as Swap, _sfc_main as SwapIndicator, _sfc_main$1 as SwapRoot, _sfc_main$2 as SwapRootProvider, swapAnatomy, useSwap, useSwapContext };