@wirekyt/vue 0.0.1 → 0.0.2

package/dist/angle-slider.js

@@ -0,0 +1,244 @@
+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, createTextVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toDisplayString, toValue, unref, useId, useSlots, withCtx } from "vue";
+import * as angleSlider from "@wirekyt/dom/machines/angle-slider";
+import { anatomy as angleSliderAnatomy } from "@wirekyt/dom/machines/angle-slider";
+//#region src/components/angle-slider/use-context.ts
+const [AngleSliderProvider, useAngleSliderContext] = createContext("AngleSliderContext");
+//#endregion
+//#region src/components/angle-slider/context.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const angleSlider = useAngleSliderContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(angleSlider))));
+		};
+	}
+});
+//#endregion
+//#region src/components/angle-slider/use.ts
+const useAngleSlider = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const context = computed(() => {
+		const localProps = toValue(props);
+		return {
+			id,
+			dir: locale?.value.dir,
+			getRootNode: env?.value.getRootNode,
+			value: localProps.modelValue,
+			...cleanProps(localProps),
+			onValueChange: (details) => {
+				emit?.("valueChange", details);
+				emit?.("update:modelValue", details.value);
+				localProps.onValueChange?.(details);
+			},
+			onValueChangeEnd: (details) => {
+				emit?.("valueChangeEnd", details);
+				localProps.onValueChangeEnd?.(details);
+			}
+		};
+	});
+	const service = useMachine(angleSlider.machine, context);
+	return computed(() => angleSlider.connect(service, normalizeProps$1));
+};
+//#endregion
+//#region src/components/angle-slider/root.vue
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ mergeDefaults({
+		defaultValue: {},
+		dir: {},
+		disabled: { type: Boolean },
+		getRootNode: { type: Function },
+		id: {},
+		ids: {},
+		invalid: { type: Boolean },
+		modelValue: {},
+		name: {},
+		readOnly: { type: Boolean },
+		step: {},
+		"aria-label": {},
+		"aria-labelledby": {},
+		asChild: { type: Boolean }
+	}, {
+		disabled: void 0,
+		invalid: void 0,
+		readOnly: void 0
+	}),
+	emits: [
+		"valueChange",
+		"valueChangeEnd",
+		"update:modelValue"
+	],
+	setup(__props, { emit: __emit }) {
+		const angleSlider = useAngleSlider(__props, __emit);
+		AngleSliderProvider(angleSlider);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(angleSlider).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/angle-slider/control.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const angleSlider = useAngleSliderContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(angleSlider).getControlProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/angle-slider/hidden-input.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "hidden-input",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const angleSlider = useAngleSliderContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).input, mergeProps(unref(angleSlider).getHiddenInputProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/angle-slider/label.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "label",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const angleSlider = useAngleSliderContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).label, mergeProps(unref(angleSlider).getLabelProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/angle-slider/marker-group.vue
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	__name: "marker-group",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const angleSlider = useAngleSliderContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(angleSlider).getMarkerGroupProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/angle-slider/marker.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "marker",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const angleSlider = useAngleSliderContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(angleSlider).getMarkerProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/angle-slider/root-provider.vue
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const angleSlider = computed(() => props.value);
+		AngleSliderProvider(angleSlider);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(angleSlider.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/angle-slider/thumb.vue
+const _sfc_main$8 = /*@__PURE__*/ defineComponent({
+	__name: "thumb",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const angleSlider = useAngleSliderContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(angleSlider).getThumbProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/angle-slider/value-text.vue
+const _sfc_main$9 = /*@__PURE__*/ defineComponent({
+	__name: "value-text",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const angleSlider = useAngleSliderContext();
+		const slots = useSlots();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).span, mergeProps(unref(angleSlider).getValueTextProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(slots.default?.() || unref(angleSlider).valueAsDegree), 1)])]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/angle-slider/angle-slider.ts
+var angle_slider_exports = /* @__PURE__ */ __exportAll({
+	Context: () => _sfc_main,
+	Control: () => _sfc_main$1,
+	HiddenInput: () => _sfc_main$2,
+	Label: () => _sfc_main$3,
+	Marker: () => _sfc_main$4,
+	MarkerGroup: () => _sfc_main$5,
+	Root: () => _sfc_main$6,
+	RootProvider: () => _sfc_main$7,
+	Thumb: () => _sfc_main$8,
+	ValueText: () => _sfc_main$9
+});
+//#endregion
+export { angle_slider_exports as AngleSlider, _sfc_main as AngleSliderContext, _sfc_main$1 as AngleSliderControl, _sfc_main$2 as AngleSliderHiddenInput, _sfc_main$3 as AngleSliderLabel, _sfc_main$4 as AngleSliderMarker, _sfc_main$5 as AngleSliderMarkerGroup, _sfc_main$6 as AngleSliderRoot, _sfc_main$7 as AngleSliderRootProvider, _sfc_main$8 as AngleSliderThumb, _sfc_main$9 as AngleSliderValueText, angleSliderAnatomy, useAngleSlider, useAngleSliderContext };

package/dist/avatar.cjs

@@ -0,0 +1,145 @@
+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_avatar = require("@wirekyt/dom/machines/avatar");
+_wirekyt_dom_machines_avatar = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_avatar, 1);
+//#region src/components/avatar/use-context.ts
+const [AvatarProvider, useAvatarContext] = require_utils.createContext("AvatarContext");
+//#endregion
+//#region src/components/avatar/context.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "context",
+	setup(__props) {
+		const avatar = useAvatarContext();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(avatar))));
+		};
+	}
+});
+//#endregion
+//#region src/components/avatar/fallback.vue
+const _sfc_main$1 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "fallback",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const avatar = useAvatarContext();
+		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)(avatar).getFallbackProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/avatar/image.vue
+const _sfc_main$2 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "image",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const avatar = useAvatarContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).img, (0, vue.mergeProps)((0, vue.unref)(avatar).getImageProps(), { "as-child": __props.asChild }), null, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/avatar/use.ts
+const useAvatar = (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 localeProps = (0, vue.toValue)(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...require_clean_props.cleanProps(localeProps),
+			onStatusChange: (details) => {
+				emit?.("statusChange", details);
+				localeProps.onStatusChange?.(details);
+			}
+		};
+	});
+	const service = require_utils.useMachine(_wirekyt_dom_machines_avatar.machine, context);
+	return (0, vue.computed)(() => _wirekyt_dom_machines_avatar.connect(service, require_utils.normalizeProps));
+};
+//#endregion
+//#region src/components/avatar/root.vue
+const _sfc_main$3 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root",
+	props: {
+		id: {},
+		ids: {},
+		asChild: { type: Boolean }
+	},
+	emits: ["statusChange"],
+	setup(__props, { emit: __emit }) {
+		const avatar = useAvatar(__props, __emit);
+		AvatarProvider(avatar);
+		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)(avatar).getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/avatar/root-provider.vue
+const _sfc_main$4 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const avatar = (0, vue.computed)(() => props.value);
+		AvatarProvider(avatar);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)(avatar.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/avatar/avatar.ts
+var avatar_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Context: () => _sfc_main,
+	Fallback: () => _sfc_main$1,
+	Image: () => _sfc_main$2,
+	Root: () => _sfc_main$3,
+	RootProvider: () => _sfc_main$4
+});
+//#endregion
+Object.defineProperty(exports, "Avatar", {
+	enumerable: true,
+	get: function() {
+		return avatar_exports;
+	}
+});
+exports.AvatarContext = _sfc_main;
+exports.AvatarFallback = _sfc_main$1;
+exports.AvatarImage = _sfc_main$2;
+exports.AvatarRoot = _sfc_main$3;
+exports.AvatarRootProvider = _sfc_main$4;
+Object.defineProperty(exports, "avatarAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_avatar.anatomy;
+	}
+});
+exports.useAvatar = useAvatar;
+exports.useAvatarContext = useAvatarContext;

package/dist/avatar.d.cts

@@ -0,0 +1,114 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.cjs";
+import { i as EmitFn$1, l as PropTypes, o as Optional } from "./index-B-o8jLyV.cjs";
+import { ComputedRef, HTMLAttributes, ImgHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as avatar from "@wirekyt/dom/machines/avatar";
+import { StatusChangeDetails, StatusChangeDetails as AvatarStatusChangeDetails, anatomy as avatarAnatomy } from "@wirekyt/dom/machines/avatar";
+//#region src/components/avatar/types.d.ts
+interface RootProps {
+  id?: string;
+  ids?: Partial<{
+    root: string;
+    image: string;
+    fallback: string;
+  }>;
+}
+type RootEmits = {
+  statusChange: [details: avatar.StatusChangeDetails];
+};
+//#endregion
+//#region src/components/avatar/use.d.ts
+interface UseAvatarProps extends Optional<Omit<avatar.Props, "dir" | "getRootNode">, "id"> {}
+interface UseAvatarReturn extends ComputedRef<avatar.Api<PropTypes>> {}
+declare const useAvatar: (props?: MaybeRef<UseAvatarProps>, emit?: EmitFn$1<RootEmits>) => UseAvatarReturn;
+//#endregion
+//#region src/components/avatar/use-context.d.ts
+interface UseAvatarContext extends UseAvatarReturn {}
+declare const AvatarProvider: (opts: UseAvatarContext) => void, useAvatarContext: (fallback?: UseAvatarContext | undefined) => UseAvatarContext;
+//#endregion
+//#region src/components/avatar/context.vue.d.ts
+interface AvatarContextProps extends SlotsType<{
+  default: UnwrapRef<UseAvatarContext>;
+}> {}
+declare const _default: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$3<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+  default(avatar: UnwrapRef<UseAvatarContext>): unknown;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/avatar/fallback.vue.d.ts
+interface AvatarFallbackBaseProps extends PolymorphicProps {}
+interface AvatarFallbackProps extends AvatarFallbackBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$1: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$2<import("vue").DefineComponent<AvatarFallbackProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarFallbackProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/avatar/image.vue.d.ts
+interface AvatarImageBaseProps extends PolymorphicProps {}
+interface AvatarImageProps extends AvatarImageBaseProps,
+/**
+ * @vue-ignore
+ */
+ImgHTMLAttributes {}
+declare const _default$2: typeof __VLS_export$2;
+declare const __VLS_export$2: import("vue").DefineComponent<AvatarImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarImageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//#endregion
+//#region src/components/avatar/root.vue.d.ts
+interface AvatarRootBaseProps extends RootProps, PolymorphicProps {}
+interface AvatarRootProps extends AvatarRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+interface AvatarRootEmits extends RootEmits {}
+declare const _default$3: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<AvatarRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  statusChange: (details: import("@wirekyt/dom/machines/avatar").StatusChangeDetails) => any;
+}, string, import("vue").PublicProps, Readonly<AvatarRootProps> & Readonly<{
+  onStatusChange?: ((details: import("@wirekyt/dom/machines/avatar").StatusChangeDetails) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/avatar/root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseAvatarReturn>;
+}
+interface AvatarRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface AvatarRootProviderProps extends AvatarRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$4: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AvatarRootProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace avatar_d_exports {
+  export { _default as Context, AvatarContextProps as ContextProps, _default$1 as Fallback, AvatarFallbackBaseProps as FallbackBaseProps, AvatarFallbackProps as FallbackProps, _default$2 as Image, AvatarImageBaseProps as ImageBaseProps, AvatarImageProps as ImageProps, _default$3 as Root, AvatarRootBaseProps as RootBaseProps, AvatarRootEmits as RootEmits, AvatarRootProps as RootProps, _default$4 as RootProvider, AvatarRootProviderBaseProps as RootProviderBaseProps, AvatarRootProviderProps as RootProviderProps, StatusChangeDetails };
+}
+//#endregion
+export { avatar_d_exports as Avatar, _default as AvatarContext, type AvatarContextProps, _default$1 as AvatarFallback, type AvatarFallbackBaseProps, type AvatarFallbackProps, _default$2 as AvatarImage, type AvatarImageBaseProps, type AvatarImageProps, _default$3 as AvatarRoot, type AvatarRootBaseProps, type AvatarRootEmits, type AvatarRootProps, _default$4 as AvatarRootProvider, type AvatarRootProviderBaseProps, type AvatarRootProviderProps, type AvatarStatusChangeDetails, type UseAvatarContext, type UseAvatarProps, type UseAvatarReturn, avatarAnatomy, useAvatar, useAvatarContext };

package/dist/avatar.d.ts

@@ -0,0 +1,114 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.js";
+import { i as EmitFn$1, l as PropTypes, o as Optional } from "./index-BSoF1D-v.js";
+import { ComputedRef, HTMLAttributes, ImgHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as avatar from "@wirekyt/dom/machines/avatar";
+import { StatusChangeDetails, StatusChangeDetails as AvatarStatusChangeDetails, anatomy as avatarAnatomy } from "@wirekyt/dom/machines/avatar";
+//#region src/components/avatar/types.d.ts
+interface RootProps {
+  id?: string;
+  ids?: Partial<{
+    root: string;
+    image: string;
+    fallback: string;
+  }>;
+}
+type RootEmits = {
+  statusChange: [details: avatar.StatusChangeDetails];
+};
+//#endregion
+//#region src/components/avatar/use.d.ts
+interface UseAvatarProps extends Optional<Omit<avatar.Props, "dir" | "getRootNode">, "id"> {}
+interface UseAvatarReturn extends ComputedRef<avatar.Api<PropTypes>> {}
+declare const useAvatar: (props?: MaybeRef<UseAvatarProps>, emit?: EmitFn$1<RootEmits>) => UseAvatarReturn;
+//#endregion
+//#region src/components/avatar/use-context.d.ts
+interface UseAvatarContext extends UseAvatarReturn {}
+declare const AvatarProvider: (opts: UseAvatarContext) => void, useAvatarContext: (fallback?: UseAvatarContext | undefined) => UseAvatarContext;
+//#endregion
+//#region src/components/avatar/context.vue.d.ts
+interface AvatarContextProps extends SlotsType<{
+  default: UnwrapRef<UseAvatarContext>;
+}> {}
+declare const _default: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$3<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+  default(avatar: UnwrapRef<UseAvatarContext>): unknown;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/avatar/fallback.vue.d.ts
+interface AvatarFallbackBaseProps extends PolymorphicProps {}
+interface AvatarFallbackProps extends AvatarFallbackBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$1: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$2<import("vue").DefineComponent<AvatarFallbackProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarFallbackProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/avatar/image.vue.d.ts
+interface AvatarImageBaseProps extends PolymorphicProps {}
+interface AvatarImageProps extends AvatarImageBaseProps,
+/**
+ * @vue-ignore
+ */
+ImgHTMLAttributes {}
+declare const _default$2: typeof __VLS_export$2;
+declare const __VLS_export$2: import("vue").DefineComponent<AvatarImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarImageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//#endregion
+//#region src/components/avatar/root.vue.d.ts
+interface AvatarRootBaseProps extends RootProps, PolymorphicProps {}
+interface AvatarRootProps extends AvatarRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+interface AvatarRootEmits extends RootEmits {}
+declare const _default$3: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<AvatarRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  statusChange: (details: import("@wirekyt/dom/machines/avatar").StatusChangeDetails) => any;
+}, string, import("vue").PublicProps, Readonly<AvatarRootProps> & Readonly<{
+  onStatusChange?: ((details: import("@wirekyt/dom/machines/avatar").StatusChangeDetails) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/avatar/root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseAvatarReturn>;
+}
+interface AvatarRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface AvatarRootProviderProps extends AvatarRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$4: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AvatarRootProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace avatar_d_exports {
+  export { _default as Context, AvatarContextProps as ContextProps, _default$1 as Fallback, AvatarFallbackBaseProps as FallbackBaseProps, AvatarFallbackProps as FallbackProps, _default$2 as Image, AvatarImageBaseProps as ImageBaseProps, AvatarImageProps as ImageProps, _default$3 as Root, AvatarRootBaseProps as RootBaseProps, AvatarRootEmits as RootEmits, AvatarRootProps as RootProps, _default$4 as RootProvider, AvatarRootProviderBaseProps as RootProviderBaseProps, AvatarRootProviderProps as RootProviderProps, StatusChangeDetails };
+}
+//#endregion
+export { avatar_d_exports as Avatar, _default as AvatarContext, type AvatarContextProps, _default$1 as AvatarFallback, type AvatarFallbackBaseProps, type AvatarFallbackProps, _default$2 as AvatarImage, type AvatarImageBaseProps, type AvatarImageProps, _default$3 as AvatarRoot, type AvatarRootBaseProps, type AvatarRootEmits, type AvatarRootProps, _default$4 as AvatarRootProvider, type AvatarRootProviderBaseProps, type AvatarRootProviderProps, type AvatarStatusChangeDetails, type UseAvatarContext, type UseAvatarProps, type UseAvatarReturn, avatarAnatomy, useAvatar, useAvatarContext };