@wirekyt/vue 0.0.1 → 0.0.3

package/dist/avatar.js

@@ -0,0 +1,126 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as normalizeProps$1, d as useForwardExpose, m as createContext, s as useMachine } from "./utils-D95V66v9.js";
+import { a as DEFAULT_LOCALE, d as useEnvironmentContext, o as useLocaleContext, u as DEFAULT_ENVIRONMENT } from "./providers-C3XQH-uu.js";
+import { t as cleanProps } from "./clean-props--1kqQE0Y.js";
+import { n as wire } from "./factory-8Ao0DEy3.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as avatar from "@wirekyt/dom/machines/avatar";
+import { anatomy as avatarAnatomy } from "@wirekyt/dom/machines/avatar";
+//#region src/components/avatar/use-context.ts
+const [AvatarProvider, useAvatarContext] = createContext("AvatarContext");
+//#endregion
+//#region src/components/avatar/context.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const avatar = useAvatarContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(avatar))));
+		};
+	}
+});
+//#endregion
+//#region src/components/avatar/fallback.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "fallback",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const avatar = useAvatarContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).span, mergeProps(unref(avatar).getFallbackProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/avatar/image.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "image",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const avatar = useAvatarContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).img, mergeProps(unref(avatar).getImageProps(), { "as-child": __props.asChild }), null, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/avatar/use.ts
+const useAvatar = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const context = computed(() => {
+		const localeProps = toValue(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localeProps),
+			onStatusChange: (details) => {
+				emit?.("statusChange", details);
+				localeProps.onStatusChange?.(details);
+			}
+		};
+	});
+	const service = useMachine(avatar.machine, context);
+	return computed(() => avatar.connect(service, normalizeProps$1));
+};
+//#endregion
+//#region src/components/avatar/root.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: {
+		id: {},
+		ids: {},
+		asChild: { type: Boolean }
+	},
+	emits: ["statusChange"],
+	setup(__props, { emit: __emit }) {
+		const avatar = useAvatar(__props, __emit);
+		AvatarProvider(avatar);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(avatar).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/avatar/root-provider.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const avatar = computed(() => props.value);
+		AvatarProvider(avatar);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(avatar.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/avatar/avatar.ts
+var avatar_exports = /* @__PURE__ */ __exportAll({
+	Context: () => _sfc_main,
+	Fallback: () => _sfc_main$1,
+	Image: () => _sfc_main$2,
+	Root: () => _sfc_main$3,
+	RootProvider: () => _sfc_main$4
+});
+//#endregion
+export { avatar_exports as Avatar, _sfc_main as AvatarContext, _sfc_main$1 as AvatarFallback, _sfc_main$2 as AvatarImage, _sfc_main$3 as AvatarRoot, _sfc_main$4 as AvatarRootProvider, avatarAnatomy, useAvatar, useAvatarContext };

package/dist/boolean-BCaEpMxQ.js

@@ -0,0 +1,6 @@
+//#region src/utils/boolean.ts
+const toBooleanValue = (value) => {
+	return typeof value === "boolean" ? value : value === "true";
+};
+//#endregion
+export { toBooleanValue as t };

package/dist/boolean-Dyu9-5Wp.cjs

@@ -0,0 +1,11 @@
+//#region src/utils/boolean.ts
+const toBooleanValue = (value) => {
+	return typeof value === "boolean" ? value : value === "true";
+};
+//#endregion
+Object.defineProperty(exports, "toBooleanValue", {
+	enumerable: true,
+	get: function() {
+		return toBooleanValue;
+	}
+});

package/dist/carousel.cjs

@@ -0,0 +1,342 @@
+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_factory = require("./factory-JL7MPjkk.cjs");
+let vue = require("vue");
+let _wirekyt_dom_machines_carousel = require("@wirekyt/dom/machines/carousel");
+_wirekyt_dom_machines_carousel = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_carousel, 1);
+//#region src/components/carousel/anatomy.ts
+const carouselAnatomy = _wirekyt_dom_machines_carousel.anatomy.extendWith("progressText", "autoplayIndicator");
+//#endregion
+//#region src/components/carousel/use-context.ts
+const [CarouselProvider, useCarouselContext] = require_utils.createContext("CarouselContext");
+//#endregion
+//#region src/components/carousel/autoplay-indicator.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "autoplay-indicator",
+	props: {
+		fallback: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const parts = carouselAnatomy.build();
+		const carousel = useCarouselContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).span, (0, vue.mergeProps)((0, vue.unref)(parts).autoplayIndicator.attrs, { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.unref)(carousel).isPlaying ? (0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, void 0, 0) : (0, vue.renderSlot)(_ctx.$slots, "fallback", { fallback: __props.fallback }, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.fallback), 1)], void 0, 1)]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/carousel/progress-text.vue
+const _sfc_main$10 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "progress-text",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const parts = carouselAnatomy.build();
+		const carousel = useCarouselContext();
+		const progressText = (0, vue.computed)(() => {
+			return `${carousel.value.page + 1} / ${carousel.value.pageSnapPoints.length}`;
+		});
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).span, (0, vue.mergeProps)((0, vue.unref)(parts).progressText.attrs, { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(progressText.value), 1)])]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/carousel/autoplay-trigger.vue
+const _sfc_main$1 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "autoplay-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const carousel = useCarouselContext();
+		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)(carousel).getAutoplayTriggerProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/carousel/context.vue
+const _sfc_main$2 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "context",
+	setup(__props) {
+		const carousel = useCarouselContext();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(carousel))));
+		};
+	}
+});
+//#endregion
+//#region src/components/carousel/control.vue
+const _sfc_main$3 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const carousel = useCarouselContext();
+		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)(carousel).getControlProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/carousel/indicator-group.vue
+const _sfc_main$5 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "indicator-group",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const carousel = useCarouselContext();
+		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)(carousel).getIndicatorGroupProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/carousel/indicator.vue
+const _sfc_main$4 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "indicator",
+	props: {
+		index: {},
+		readOnly: { type: Boolean },
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const carousel = useCarouselContext();
+		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)(carousel).getIndicatorProps(props), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/carousel/item-group.vue
+const _sfc_main$7 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "item-group",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const carousel = useCarouselContext();
+		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)(carousel).getItemGroupProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/carousel/item.vue
+const _sfc_main$6 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "item",
+	props: {
+		index: {},
+		snapAlign: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const carousel = useCarouselContext();
+		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)(carousel).getItemProps(props), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/carousel/next-trigger.vue
+const _sfc_main$8 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "next-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const carousel = useCarouselContext();
+		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)(carousel).getNextTriggerProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/carousel/prev-trigger.vue
+const _sfc_main$9 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "prev-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const carousel = useCarouselContext();
+		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)(carousel).getPrevTriggerProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/carousel/root-provider.vue
+const _sfc_main$12 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const carousel = (0, vue.computed)(() => props.value);
+		CarouselProvider(carousel);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)(carousel.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/carousel/use.ts
+const useCarousel = (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 context = (0, vue.computed)(() => {
+		const localProps = (0, vue.toValue)(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...require_clean_props.cleanProps(localProps),
+			onAutoplayStatusChange: (details) => {
+				emit?.("autoplayStatusChange", details);
+				localProps.onAutoplayStatusChange?.(details);
+			},
+			onDragStatusChange: (details) => {
+				emit?.("dragStatusChange", details);
+				localProps.onDragStatusChange?.(details);
+			},
+			onPageChange: (details) => {
+				emit?.("pageChange", details);
+				emit?.("update:page", details.page);
+				localProps.onPageChange?.(details);
+			}
+		};
+	});
+	const service = require_utils.useMachine(_wirekyt_dom_machines_carousel.machine, context);
+	return (0, vue.computed)(() => _wirekyt_dom_machines_carousel.connect(service, require_utils.normalizeProps));
+};
+//#endregion
+//#region src/components/carousel/root.vue
+const _sfc_main$11 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root",
+	props: /*@__PURE__*/ (0, vue.mergeDefaults)({
+		allowMouseDrag: { type: Boolean },
+		autoplay: { type: [Boolean, Object] },
+		autoSize: { type: Boolean },
+		defaultPage: {},
+		id: {},
+		ids: {},
+		inViewThreshold: {},
+		loop: { type: Boolean },
+		orientation: {},
+		padding: {},
+		page: {},
+		slideCount: {},
+		slidesPerMove: {},
+		slidesPerPage: {},
+		snapType: {},
+		spacing: {},
+		translations: {},
+		asChild: { type: Boolean }
+	}, {
+		allowMouseDrag: void 0,
+		loop: void 0,
+		autoplay: void 0,
+		autoSize: void 0
+	}),
+	emits: [
+		"autoplayStatusChange",
+		"dragStatusChange",
+		"pageChange",
+		"update:page"
+	],
+	setup(__props, { emit: __emit }) {
+		const carousel = useCarousel(__props, __emit);
+		CarouselProvider(carousel);
+		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)(carousel).getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/carousel/carousel.ts
+var carousel_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	AutoplayIndicator: () => _sfc_main,
+	AutoplayTrigger: () => _sfc_main$1,
+	Context: () => _sfc_main$2,
+	Control: () => _sfc_main$3,
+	Indicator: () => _sfc_main$4,
+	IndicatorGroup: () => _sfc_main$5,
+	Item: () => _sfc_main$6,
+	ItemGroup: () => _sfc_main$7,
+	NextTrigger: () => _sfc_main$8,
+	PrevTrigger: () => _sfc_main$9,
+	ProgressText: () => _sfc_main$10,
+	Root: () => _sfc_main$11,
+	RootProvider: () => _sfc_main$12
+});
+//#endregion
+Object.defineProperty(exports, "Carousel", {
+	enumerable: true,
+	get: function() {
+		return carousel_exports;
+	}
+});
+exports.CarouselAutoplayIndicator = _sfc_main;
+exports.CarouselAutoplayTrigger = _sfc_main$1;
+exports.CarouselContext = _sfc_main$2;
+exports.CarouselControl = _sfc_main$3;
+exports.CarouselIndicator = _sfc_main$4;
+exports.CarouselIndicatorGroup = _sfc_main$5;
+exports.CarouselItem = _sfc_main$6;
+exports.CarouselItemGroup = _sfc_main$7;
+exports.CarouselNextTrigger = _sfc_main$8;
+exports.CarouselPrevTrigger = _sfc_main$9;
+exports.CarouselProgressText = _sfc_main$10;
+exports.CarouselRoot = _sfc_main$11;
+exports.CarouselRootProvider = _sfc_main$12;
+exports.carouselAnatomy = carouselAnatomy;
+exports.useCarousel = useCarousel;
+exports.useCarouselContext = useCarouselContext;