@sprawlify/vue 0.0.65 → 0.0.66

package/dist/components/angle-slider/index.js

@@ -0,0 +1,371 @@
+import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
+import { n as useMachine, r as normalizeProps$1 } from "../../core-DNndr38p.js";
+import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "../../providers-B2CNPFg1.js";
+import { r as createContext, t as useForwardExpose } from "../../use-forward-expose-4p5AGAI3.js";
+import { t as sprawlify } from "../../factory-BH3WrWd2.js";
+import { t as cleanProps } from "../../clean-props-ChPEW0vT.js";
+import { computed, createBlock, createTextVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toDisplayString, toValue, unref, useId, useSlots, withCtx } from "vue";
+import * as angleSlider from "@sprawlify/primitives/machines/angle-slider";
+import { anatomy as angleSliderAnatomy } from "@sprawlify/primitives/machines/angle-slider";
+
+//#region src/components/angle-slider/use-angle-slider-context.ts
+const [AngleSliderProvider, useAngleSliderContext] = createContext("AngleSliderContext");
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-context.vue?vue&type=script&setup=true&lang.ts
+var angle_slider_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "angle-slider-context",
+	setup(__props) {
+		const angleSlider = useAngleSliderContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(angleSlider))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-context.vue
+var angle_slider_context_default = angle_slider_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/angle-slider/use-angle-slider.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/angle-slider-root.vue?vue&type=script&setup=true&lang.ts
+var angle_slider_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "angle-slider-root",
+	props: /* @__PURE__ */ mergeDefaults({
+		defaultValue: {
+			type: Number,
+			required: false
+		},
+		dir: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		getRootNode: {
+			type: Function,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		ids: {
+			type: Object,
+			required: false
+		},
+		invalid: {
+			type: Boolean,
+			required: false
+		},
+		modelValue: {
+			type: Number,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		readOnly: {
+			type: Boolean,
+			required: false
+		},
+		step: {
+			type: Number,
+			required: false
+		},
+		"aria-label": {
+			type: String,
+			required: false
+		},
+		"aria-labelledby": {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	}, {
+		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(sprawlify).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/angle-slider-root.vue
+var angle_slider_root_default = angle_slider_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-control.vue?vue&type=script&setup=true&lang.ts
+var angle_slider_control_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "angle-slider-control",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const angleSlider = useAngleSliderContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/angle-slider-control.vue
+var angle_slider_control_default = angle_slider_control_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-hidden-input.vue?vue&type=script&setup=true&lang.ts
+var angle_slider_hidden_input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "angle-slider-hidden-input",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const angleSlider = useAngleSliderContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/angle-slider-hidden-input.vue
+var angle_slider_hidden_input_default = angle_slider_hidden_input_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-label.vue?vue&type=script&setup=true&lang.ts
+var angle_slider_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "angle-slider-label",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const angleSlider = useAngleSliderContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/angle-slider-label.vue
+var angle_slider_label_default = angle_slider_label_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker-group.vue?vue&type=script&setup=true&lang.ts
+var angle_slider_marker_group_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "angle-slider-marker-group",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const angleSlider = useAngleSliderContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/angle-slider-marker-group.vue
+var angle_slider_marker_group_default = angle_slider_marker_group_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker.vue?vue&type=script&setup=true&lang.ts
+var angle_slider_marker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "angle-slider-marker",
+	props: {
+		value: {
+			type: Number,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const angleSlider = useAngleSliderContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/angle-slider-marker.vue
+var angle_slider_marker_default = angle_slider_marker_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-root-provider.vue?vue&type=script&setup=true&lang.ts
+var angle_slider_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "angle-slider-root-provider",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const angleSlider = computed(() => props.value);
+		AngleSliderProvider(angleSlider);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/angle-slider-root-provider.vue
+var angle_slider_root_provider_default = angle_slider_root_provider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-thumb.vue?vue&type=script&setup=true&lang.ts
+var angle_slider_thumb_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "angle-slider-thumb",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const angleSlider = useAngleSliderContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/angle-slider-thumb.vue
+var angle_slider_thumb_default = angle_slider_thumb_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-value-text.vue?vue&type=script&setup=true&lang.ts
+var angle_slider_value_text_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "angle-slider-value-text",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const angleSlider = useAngleSliderContext();
+		const slots = useSlots();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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-value-text.vue
+var angle_slider_value_text_default = angle_slider_value_text_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/angle-slider/angle-slider.ts
+var angle_slider_exports = /* @__PURE__ */ __exportAll({
+	Context: () => angle_slider_context_default,
+	Control: () => angle_slider_control_default,
+	HiddenInput: () => angle_slider_hidden_input_default,
+	Label: () => angle_slider_label_default,
+	Marker: () => angle_slider_marker_default,
+	MarkerGroup: () => angle_slider_marker_group_default,
+	Root: () => angle_slider_root_default,
+	RootProvider: () => angle_slider_root_provider_default,
+	Thumb: () => angle_slider_thumb_default,
+	ValueText: () => angle_slider_value_text_default
+});
+
+//#endregion
+export { angle_slider_exports as AngleSlider, angle_slider_context_default as AngleSliderContext, angle_slider_control_default as AngleSliderControl, angle_slider_hidden_input_default as AngleSliderHiddenInput, angle_slider_label_default as AngleSliderLabel, angle_slider_marker_default as AngleSliderMarker, angle_slider_marker_group_default as AngleSliderMarkerGroup, angle_slider_root_default as AngleSliderRoot, angle_slider_root_provider_default as AngleSliderRootProvider, angle_slider_thumb_default as AngleSliderThumb, angle_slider_value_text_default as AngleSliderValueText, angleSliderAnatomy, useAngleSlider, useAngleSliderContext };

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

@@ -0,0 +1,116 @@
+import { t as PolymorphicProps } from "../../factory-D_ge_w76.js";
+import { a as Optional, r as EmitFn$1 } from "../../types-Bj-dS2Hc.js";
+import { r as PropTypes } from "../../index-B66Om_3U.js";
+import * as vue521 from "vue";
+import { ComputedRef, HTMLAttributes, ImgHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as avatar from "@sprawlify/primitives/machines/avatar";
+import { StatusChangeDetails, StatusChangeDetails as AvatarStatusChangeDetails, anatomy as avatarAnatomy } from "@sprawlify/primitives/machines/avatar";
+
+//#region src/components/avatar/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-avatar.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-avatar-context.d.ts
+interface UseAvatarContext extends UseAvatarReturn {}
+//#endregion
+//#region src/components/avatar/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<vue521.DefineComponent<{}, {}, {}, {}, {}, vue521.ComponentOptionsMixin, vue521.ComponentOptionsMixin, {}, string, vue521.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue521.ComponentProvideOptions, true, {}, any>, {
+  default(avatar: UnwrapRef<UseAvatarContext>): unknown;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/avatar/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<vue521.DefineComponent<AvatarFallbackProps, {}, {}, {}, {}, vue521.ComponentOptionsMixin, vue521.ComponentOptionsMixin, {}, string, vue521.PublicProps, Readonly<AvatarFallbackProps> & Readonly<{}>, {}, {}, {}, {}, string, vue521.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/avatar/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: vue521.DefineComponent<AvatarImageProps, {}, {}, {}, {}, vue521.ComponentOptionsMixin, vue521.ComponentOptionsMixin, {}, string, vue521.PublicProps, Readonly<AvatarImageProps> & Readonly<{}>, {}, {}, {}, {}, string, vue521.ComponentProvideOptions, false, {}, any>;
+//#endregion
+//#region src/components/avatar/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<vue521.DefineComponent<AvatarRootProps, {}, {}, {}, {}, vue521.ComponentOptionsMixin, vue521.ComponentOptionsMixin, {
+  statusChange: (details: avatar.StatusChangeDetails) => any;
+}, string, vue521.PublicProps, Readonly<AvatarRootProps> & Readonly<{
+  onStatusChange?: ((details: avatar.StatusChangeDetails) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue521.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/avatar/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<vue521.DefineComponent<AvatarRootProviderProps, {}, {}, {}, {}, vue521.ComponentOptionsMixin, vue521.ComponentOptionsMixin, {}, string, vue521.PublicProps, Readonly<AvatarRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue521.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/components/avatar/index.js

@@ -0,0 +1,177 @@
+import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
+import { n as useMachine, r as normalizeProps$1 } from "../../core-DNndr38p.js";
+import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "../../providers-B2CNPFg1.js";
+import { r as createContext, t as useForwardExpose } from "../../use-forward-expose-4p5AGAI3.js";
+import { t as sprawlify } from "../../factory-BH3WrWd2.js";
+import { t as cleanProps } from "../../clean-props-ChPEW0vT.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as avatar from "@sprawlify/primitives/machines/avatar";
+import { anatomy as avatarAnatomy } from "@sprawlify/primitives/machines/avatar";
+
+//#region src/components/avatar/use-avatar-context.ts
+const [AvatarProvider, useAvatarContext] = createContext("AvatarContext");
+
+//#endregion
+//#region src/components/avatar/avatar-context.vue?vue&type=script&setup=true&lang.ts
+var avatar_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "avatar-context",
+	setup(__props) {
+		const avatar = useAvatarContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(avatar))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/avatar/avatar-context.vue
+var avatar_context_default = avatar_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/avatar/avatar-fallback.vue?vue&type=script&setup=true&lang.ts
+var avatar_fallback_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "avatar-fallback",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const avatar = useAvatarContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).span, mergeProps(unref(avatar).getFallbackProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/avatar/avatar-fallback.vue
+var avatar_fallback_default = avatar_fallback_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/avatar/avatar-image.vue?vue&type=script&setup=true&lang.ts
+var avatar_image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "avatar-image",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const avatar = useAvatarContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).img, mergeProps(unref(avatar).getImageProps(), { "as-child": __props.asChild }), null, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/avatar/avatar-image.vue
+var avatar_image_default = avatar_image_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/avatar/use-avatar.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/avatar-root.vue?vue&type=script&setup=true&lang.ts
+var avatar_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "avatar-root",
+	props: {
+		id: {
+			type: String,
+			required: false
+		},
+		ids: {
+			type: Object,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: ["statusChange"],
+	setup(__props, { emit: __emit }) {
+		const avatar = useAvatar(__props, __emit);
+		AvatarProvider(avatar);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(avatar).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/avatar/avatar-root.vue
+var avatar_root_default = avatar_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/avatar/avatar-root-provider.vue?vue&type=script&setup=true&lang.ts
+var avatar_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "avatar-root-provider",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const avatar = computed(() => props.value);
+		AvatarProvider(avatar);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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-root-provider.vue
+var avatar_root_provider_default = avatar_root_provider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/avatar/avatar.ts
+var avatar_exports = /* @__PURE__ */ __exportAll({
+	Context: () => avatar_context_default,
+	Fallback: () => avatar_fallback_default,
+	Image: () => avatar_image_default,
+	Root: () => avatar_root_default,
+	RootProvider: () => avatar_root_provider_default
+});
+
+//#endregion
+export { avatar_exports as Avatar, avatar_context_default as AvatarContext, avatar_fallback_default as AvatarFallback, avatar_image_default as AvatarImage, avatar_root_default as AvatarRoot, avatar_root_provider_default as AvatarRootProvider, avatarAnatomy, useAvatar, useAvatarContext };