ropav 0.0.9 → 0.0.11

package/dist/alert.js

@@ -1,9 +1,10 @@
 import './alert.css';
 import { t as x_default } from "./x.js";
 import { t as bem } from "./bem.js";
+import { n as useStylesApi } from "./styles-api.js";
 import { i as getComponentVariantColorRoles, t as componentColors } from "./componentColors.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createComponent, createIf, createInvoker, createSlot, defineVaporComponent, delegateEvents, ref, renderEffect, setAttr, setClass, setInsertionState, setProp, setStyle, setText, template, toDisplayString, txt, unref, useSlots, watch } from "vue";
+import { computed, createComponent, createIf, createInvoker, createSlot, defineVaporComponent, delegateEvents, ref, renderEffect, setDynamicProps, setInsertionState, setText, template, toDisplayString, txt, unref, useSlots, watch } from "vue";
 //#region src/components/alert/useAlertColor.ts
 function getAlertColorStyle(color, variant, autoContrast) {
 	if (!color && !variant) return void 0;
@@ -25,20 +26,18 @@ function getAlertColorStyle(color, variant, autoContrast) {
 }
 //#endregion
 //#region src/components/alert/alert.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<div data-v-97a5ebfe class=rp-alert__icon aria-hidden=true>");
+var t0 = template("<div data-v-8e95a4b4>");
 var t1 = template(" ");
-var t2 = template("<div data-v-97a5ebfe class=rp-alert__title>");
-var t3 = template("<p data-v-97a5ebfe class=rp-alert__description> ");
-var t4 = template("<div data-v-97a5ebfe class=rp-alert__body>");
-var t5 = template("<div data-v-97a5ebfe class=rp-alert__content>");
-var t6 = template("<div data-v-97a5ebfe class=rp-alert__action>");
-var t7 = template("<button data-v-97a5ebfe class=rp-alert__close type=button>");
-var t8 = template("<div data-v-97a5ebfe>", 1);
+var t2 = template("<p data-v-8e95a4b4> ");
+var t3 = template("<div data-v-8e95a4b4 class=rp-alert__content>");
+var t4 = template("<button data-v-8e95a4b4>");
+var t5 = template("<div data-v-8e95a4b4>", 1);
 delegateEvents("click");
 //#endregion
 //#region src/components/alert/alert.vue
 var alert_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
 	name: "RpAlert",
+	inheritAttrs: false,
 	__name: "alert",
 	props: {
 		open: {
@@ -56,7 +55,9 @@ var alert_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			type: Boolean,
 			default: false
 		},
-		closeLabel: { default: "Close alert" }
+		closeLabel: { default: "Close alert" },
+		classNames: {},
+		styles: {}
 	},
 	emits: ["update:open", "close"],
 	setup(__props, { emit: __emit, slots: $slots }) {
@@ -78,31 +79,35 @@ var alert_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			[`radius-${props.radius}`]: Boolean(props.radius)
 		}));
 		const rootStyle = computed(() => getAlertColorStyle(props.color, props.variant, props.autoContrast));
+		const { getPartAttrs, getRootAttrs } = useStylesApi(props, "root");
+		const rootAttrs = computed(() => getRootAttrs({
+			class: rootClass.value,
+			style: rootStyle.value,
+			role: resolvedRole.value
+		}));
 		function closeAlert() {
 			localOpen.value = false;
 			emit("update:open", false);
 			emit("close");
 		}
 		return createIf(() => isOpen.value, () => {
-			const n30 = t8();
-			renderEffect(() => {
-				setClass(n30, rootClass.value);
-				setStyle(n30, rootStyle.value);
-				setProp(n30, "role", resolvedRole.value);
-			});
+			const n30 = t5();
+			renderEffect(() => setDynamicProps(n30, [rootAttrs.value]));
 			setInsertionState(n30, null, 0);
 			createIf(() => hasIcon.value, () => {
 				const n5 = t0();
+				renderEffect(() => setDynamicProps(n5, [unref(getPartAttrs)("icon", { class: "rp-alert__icon" }), { "aria-hidden": "true" }]));
 				setInsertionState(n5, null, 0);
 				createSlot("icon", null, null, 1);
 				return n5;
 			});
 			setInsertionState(n30, null, 1);
 			createIf(() => hasContent.value, () => {
-				const n21 = t5();
+				const n21 = t3();
 				setInsertionState(n21, null, 0);
 				createIf(() => hasTitle.value, () => {
-					const n13 = t2();
+					const n13 = t0();
+					renderEffect(() => setDynamicProps(n13, [unref(getPartAttrs)("title", { class: "rp-alert__title" })]));
 					setInsertionState(n13, null, 0);
 					createSlot("title", null, () => {
 						const n12 = t1();
@@ -113,14 +118,18 @@ var alert_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				});
 				setInsertionState(n21, null, 1);
 				createIf(() => hasDescription.value, () => {
-					const n16 = t3();
+					const n16 = t2();
 					const x16 = txt(n16);
-					renderEffect(() => setText(x16, toDisplayString(__props.description)));
+					renderEffect(() => {
+						setDynamicProps(n16, [unref(getPartAttrs)("description", { class: "rp-alert__description" })]);
+						setText(x16, toDisplayString(__props.description));
+					});
 					return n16;
 				});
 				setInsertionState(n21, null, 2);
 				createIf(() => $slots.default, () => {
-					const n20 = t4();
+					const n20 = t0();
+					renderEffect(() => setDynamicProps(n20, [unref(getPartAttrs)("body", { class: "rp-alert__body" })]));
 					setInsertionState(n20, null, 0);
 					createSlot("default", null, null, 1);
 					return n20;
@@ -129,15 +138,19 @@ var alert_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			});
 			setInsertionState(n30, null, 2);
 			createIf(() => $slots.action, () => {
-				const n25 = t6();
+				const n25 = t0();
+				renderEffect(() => setDynamicProps(n25, [unref(getPartAttrs)("action", { class: "rp-alert__action" })]));
 				setInsertionState(n25, null, 0);
 				createSlot("action", null, null, 1);
 				return n25;
 			});
 			setInsertionState(n30, null, 3);
 			createIf(() => __props.closable, () => {
-				const n29 = t7();
-				renderEffect(() => setAttr(n29, "aria-label", __props.closeLabel));
+				const n29 = t4();
+				renderEffect(() => setDynamicProps(n29, [unref(getPartAttrs)("close", { class: "rp-alert__close" }), {
+					type: "button",
+					"aria-label": __props.closeLabel
+				}]));
 				setInsertionState(n29, null, 0);
 				createComponent(unref(x_default), { "aria-hidden": "true" });
 				n29.$evtclick = createInvoker(closeAlert);
@@ -146,9 +159,18 @@ var alert_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			return n30;
 		});
 	}
-}), [["__scopeId", "data-v-97a5ebfe"]]);
+}), [["__scopeId", "data-v-8e95a4b4"]]);
 //#endregion
 //#region src/components/alert/types.ts
+var alertParts = [
+	"root",
+	"icon",
+	"title",
+	"description",
+	"body",
+	"action",
+	"close"
+];
 var alertColors = componentColors;
 var alertVariants = [
 	"subtle",
@@ -165,4 +187,4 @@ var alertRadiuses = [
 	"xl"
 ];
 //#endregion
-export { alert_default as i, alertRadiuses as n, alertVariants as r, alertColors as t };
+export { alert_default as a, alertVariants as i, alertParts as n, alertRadiuses as r, alertColors as t };

package/dist/aspect-ratio.css

@@ -1,17 +1,19 @@
-.rp-aspect-ratio[data-v-0c2e5bad] {
-  --_rp-aspect-ratio: 1;
-  position: relative;
-  box-sizing: border-box;
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  aspect-ratio: var(--_rp-aspect-ratio);
+@layer ropav.components {
+.rp-aspect-ratio[data-v-f81df3b3] {
+    --_rp-aspect-ratio: 1;
+    position: relative;
+    box-sizing: border-box;
+    display: block;
+    width: 100%;
+    max-width: 100%;
+    aspect-ratio: var(--_rp-aspect-ratio);
+}
+.rp-aspect-ratio[data-v-f81df3b3] >  * {
+    position: absolute;
+    inset: 0;
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
 }
-.rp-aspect-ratio[data-v-0c2e5bad] >  * {
-  position: absolute;
-  inset: 0;
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
 }

package/dist/aspect-ratio.js

@@ -1,26 +1,40 @@
 import './aspect-ratio.css';
+import { n as useStylesApi } from "./styles-api.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createSlot, defineVaporComponent, renderEffect, setInsertionState, setStyle, template } from "vue";
+import { computed, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, template } from "vue";
 //#region src/components/aspect-ratio/aspect-ratio.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<div data-v-0c2e5bad class=rp-aspect-ratio>", 1);
+var t0 = template("<div data-v-f81df3b3>", 1);
 //#endregion
 //#region src/components/aspect-ratio/aspect-ratio.vue
 var aspect_ratio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
 	name: "RpAspectRatio",
+	inheritAttrs: false,
 	__name: "aspect-ratio",
-	props: { ratio: { default: 1 } },
+	props: {
+		ratio: { default: 1 },
+		classNames: {},
+		styles: {}
+	},
 	setup(__props) {
 		const props = __props;
 		const rootStyle = computed(() => ({ "--_rp-aspect-ratio": String(normalizeAspectRatio(props.ratio)) }));
+		const { getRootAttrs } = useStylesApi(props, "root");
+		const rootAttrs = computed(() => getRootAttrs({
+			class: "rp-aspect-ratio",
+			style: rootStyle.value
+		}));
 		function normalizeAspectRatio(ratio) {
 			return Number.isFinite(ratio) && ratio > 0 ? ratio : 1;
 		}
 		const n1 = t0();
-		renderEffect(() => setStyle(n1, rootStyle.value));
+		renderEffect(() => setDynamicProps(n1, [rootAttrs.value]));
 		setInsertionState(n1, null, 0);
 		createSlot("default", null, null, 1);
 		return n1;
 	}
-}), [["__scopeId", "data-v-0c2e5bad"]]);
+}), [["__scopeId", "data-v-f81df3b3"]]);
 //#endregion
-export { aspect_ratio_default as t };
+//#region src/components/aspect-ratio/types.ts
+var aspectRatioParts = ["root"];
+//#endregion
+export { aspect_ratio_default as n, aspectRatioParts as t };

package/dist/avatar.css

@@ -1,97 +1,99 @@
-.rp-avatar[data-v-aaa2d081] {
-  --_rp-avatar-size: var(--rp-size-control-md);
-  --_rp-avatar-font-size: var(--rp-font-size-md);
-  --_rp-avatar-radius: var(--rp-radius-full);
-  --_rp-avatar-bg: var(--rp-color-gray-light);
-  --_rp-avatar-fg: var(--rp-color-gray-light-color);
-  --_rp-avatar-border: transparent;
-  --_rp-avatar-border-width: 0;
-  position: relative;
-  box-sizing: border-box;
-  display: inline-flex;
-  flex: 0 0 auto;
-  align-items: center;
-  justify-content: center;
-  width: var(--_rp-avatar-size);
-  height: var(--_rp-avatar-size);
-  overflow: hidden;
-  color: var(--_rp-avatar-fg);
-  font-family: var(--rp-font-family);
-  font-size: var(--_rp-avatar-font-size);
-  font-weight: var(--rp-font-weight-medium);
-  line-height: 1;
-  vertical-align: middle;
-  background-color: var(--_rp-avatar-bg);
-  border: var(--_rp-avatar-border-width) solid var(--_rp-avatar-border);
-  border-radius: var(--_rp-avatar-radius);
-  user-select: none;
-}
-.rp-avatar--surface[data-v-aaa2d081], .rp-avatar--outline[data-v-aaa2d081] {
-  --_rp-avatar-border-width: var(--rp-border-width-thin);
-}
-.rp-avatar--size-xs[data-v-aaa2d081] {
-  --_rp-avatar-size: var(--rp-size-control-xs);
-  --_rp-avatar-font-size: var(--rp-font-size-xs);
-}
-.rp-avatar--size-sm[data-v-aaa2d081] {
-  --_rp-avatar-size: var(--rp-size-control-sm);
-  --_rp-avatar-font-size: var(--rp-font-size-sm);
-}
-.rp-avatar--size-md[data-v-aaa2d081] {
-  --_rp-avatar-size: var(--rp-size-control-md);
-  --_rp-avatar-font-size: var(--rp-font-size-md);
-}
-.rp-avatar--size-lg[data-v-aaa2d081] {
-  --_rp-avatar-size: var(--rp-size-control-lg);
-  --_rp-avatar-font-size: var(--rp-font-size-lg);
-}
-.rp-avatar--size-xl[data-v-aaa2d081] {
-  --_rp-avatar-size: var(--rp-size-control-xl);
-  --_rp-avatar-font-size: var(--rp-font-size-xl);
-}
-.rp-avatar--radius-none[data-v-aaa2d081] {
-  --_rp-avatar-radius: var(--rp-radius-none);
-}
-.rp-avatar--radius-xs[data-v-aaa2d081] {
-  --_rp-avatar-radius: var(--rp-radius-xs);
-}
-.rp-avatar--radius-sm[data-v-aaa2d081] {
-  --_rp-avatar-radius: var(--rp-radius-sm);
-}
-.rp-avatar--radius-md[data-v-aaa2d081] {
-  --_rp-avatar-radius: var(--rp-radius-md);
-}
-.rp-avatar--radius-lg[data-v-aaa2d081] {
-  --_rp-avatar-radius: var(--rp-radius-lg);
-}
-.rp-avatar--radius-xl[data-v-aaa2d081] {
-  --_rp-avatar-radius: var(--rp-radius-xl);
-}
-.rp-avatar--radius-full[data-v-aaa2d081] {
-  --_rp-avatar-radius: var(--rp-radius-full);
-}
-.rp-avatar__image[data-v-aaa2d081] {
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-.rp-avatar__fallback[data-v-aaa2d081] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-}
-.rp-avatar__fallback[data-v-aaa2d081] >  svg {
-  display: block;
-  width: 50%;
-  height: 50%;
-}
-.rp-avatar__initials[data-v-aaa2d081] {
-  text-transform: uppercase;
-}
-.rp-avatar__icon[data-v-aaa2d081] {
-  width: 50%;
-  height: 50%;
+@layer ropav.components {
+.rp-avatar[data-v-0561357f] {
+    --_rp-avatar-size: var(--rp-size-control-md);
+    --_rp-avatar-font-size: var(--rp-font-size-md);
+    --_rp-avatar-radius: var(--rp-radius-full);
+    --_rp-avatar-bg: var(--rp-color-gray-light);
+    --_rp-avatar-fg: var(--rp-color-gray-light-color);
+    --_rp-avatar-border: transparent;
+    --_rp-avatar-border-width: 0;
+    position: relative;
+    box-sizing: border-box;
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    justify-content: center;
+    width: var(--_rp-avatar-size);
+    height: var(--_rp-avatar-size);
+    overflow: hidden;
+    color: var(--_rp-avatar-fg);
+    font-family: var(--rp-font-family);
+    font-size: var(--_rp-avatar-font-size);
+    font-weight: var(--rp-font-weight-medium);
+    line-height: 1;
+    vertical-align: middle;
+    background-color: var(--_rp-avatar-bg);
+    border: var(--_rp-avatar-border-width) solid var(--_rp-avatar-border);
+    border-radius: var(--_rp-avatar-radius);
+    user-select: none;
+}
+.rp-avatar--surface[data-v-0561357f], .rp-avatar--outline[data-v-0561357f] {
+    --_rp-avatar-border-width: var(--rp-border-width-thin);
+}
+.rp-avatar--size-xs[data-v-0561357f] {
+    --_rp-avatar-size: var(--rp-size-control-xs);
+    --_rp-avatar-font-size: var(--rp-font-size-xs);
+}
+.rp-avatar--size-sm[data-v-0561357f] {
+    --_rp-avatar-size: var(--rp-size-control-sm);
+    --_rp-avatar-font-size: var(--rp-font-size-sm);
+}
+.rp-avatar--size-md[data-v-0561357f] {
+    --_rp-avatar-size: var(--rp-size-control-md);
+    --_rp-avatar-font-size: var(--rp-font-size-md);
+}
+.rp-avatar--size-lg[data-v-0561357f] {
+    --_rp-avatar-size: var(--rp-size-control-lg);
+    --_rp-avatar-font-size: var(--rp-font-size-lg);
+}
+.rp-avatar--size-xl[data-v-0561357f] {
+    --_rp-avatar-size: var(--rp-size-control-xl);
+    --_rp-avatar-font-size: var(--rp-font-size-xl);
+}
+.rp-avatar--radius-none[data-v-0561357f] {
+    --_rp-avatar-radius: var(--rp-radius-none);
+}
+.rp-avatar--radius-xs[data-v-0561357f] {
+    --_rp-avatar-radius: var(--rp-radius-xs);
+}
+.rp-avatar--radius-sm[data-v-0561357f] {
+    --_rp-avatar-radius: var(--rp-radius-sm);
+}
+.rp-avatar--radius-md[data-v-0561357f] {
+    --_rp-avatar-radius: var(--rp-radius-md);
+}
+.rp-avatar--radius-lg[data-v-0561357f] {
+    --_rp-avatar-radius: var(--rp-radius-lg);
+}
+.rp-avatar--radius-xl[data-v-0561357f] {
+    --_rp-avatar-radius: var(--rp-radius-xl);
+}
+.rp-avatar--radius-full[data-v-0561357f] {
+    --_rp-avatar-radius: var(--rp-radius-full);
+}
+.rp-avatar__image[data-v-0561357f] {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+.rp-avatar__fallback[data-v-0561357f] {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+}
+.rp-avatar__fallback[data-v-0561357f] >  svg {
+    display: block;
+    width: 50%;
+    height: 50%;
+}
+.rp-avatar__initials[data-v-0561357f] {
+    text-transform: uppercase;
+}
+.rp-avatar__icon[data-v-0561357f] {
+    width: 50%;
+    height: 50%;
+}
 }

package/dist/avatar.js

@@ -1,8 +1,9 @@
 import './avatar.css';
 import { t as bem } from "./bem.js";
+import { n as useStylesApi } from "./styles-api.js";
 import { i as getComponentVariantColorRoles, t as componentColors } from "./componentColors.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createComponent, createIf, createSlot, defineVaporComponent, markRaw, on, ref, renderEffect, setAttr, setDynamicProps, setInsertionState, setProp, setText, template, toDisplayString, txt, unref, useAttrs, watch } from "vue";
+import { computed, createComponent, createIf, createSlot, defineVaporComponent, markRaw, on, ref, renderEffect, setAttr, setClass, setDynamicProps, setInsertionState, setProp, setStyle, setText, template, toDisplayString, txt, unref, watch } from "vue";
 //#region ~icons/lucide/user
 var t0$1 = template("<svg viewBox=\"0 0 24 24\"width=1.2em height=1.2em><g fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2><path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"></path><circle cx=12 cy=7 r=4>", 3, 1);
 function render(_ctx) {
@@ -30,10 +31,10 @@ function getAvatarColorStyle(color, variant, autoContrast) {
 }
 //#endregion
 //#region src/components/avatar/avatar.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<img data-v-aaa2d081 class=rp-avatar__image>");
-var t1 = template("<span data-v-aaa2d081 class=rp-avatar__initials> ");
-var t2 = template("<span data-v-aaa2d081 class=rp-avatar__fallback>");
-var t3 = template("<span data-v-aaa2d081>", 1);
+var t0 = template("<img data-v-0561357f>");
+var t1 = template("<span data-v-0561357f class=rp-avatar__initials> ");
+var t2 = template("<span data-v-0561357f>");
+var t3 = template("<span data-v-0561357f>", 1);
 //#endregion
 //#region src/components/avatar/avatar.vue
 var avatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -49,13 +50,15 @@ var avatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		color: {},
 		autoContrast: { type: Boolean },
 		size: {},
-		radius: {}
+		radius: {},
+		classNames: {},
+		styles: {}
 	},
 	emits: ["load", "error"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const attrs = useAttrs();
+		const { attrs, getPartAttrs, getRootAttrs } = useStylesApi(props, "root");
 		const imageFailed = ref(false);
 		const isHidden = computed(() => attrs["aria-hidden"] === true || attrs["aria-hidden"] === "true");
 		const showsImage = computed(() => Boolean(props.src) && !imageFailed.value);
@@ -74,6 +77,12 @@ var avatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			[`radius-${props.radius}`]: Boolean(props.radius)
 		}));
 		const rootStyle = computed(() => getAvatarColorStyle(props.color, props.variant, props.autoContrast));
+		const rootAttrs = computed(() => getRootAttrs({
+			class: rootClass.value,
+			style: rootStyle.value,
+			role: rootRole.value,
+			"aria-label": rootAriaLabel.value
+		}));
 		watch(() => props.src, () => {
 			imageFailed.value = false;
 		});
@@ -94,25 +103,22 @@ var avatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			return `${Array.from(firstPart)[0] ?? ""}${Array.from(lastPart)[0] ?? ""}`.toLocaleUpperCase();
 		}
 		const n13 = t3();
-		renderEffect(() => setDynamicProps(n13, [unref(attrs), {
-			class: rootClass.value,
-			style: rootStyle.value,
-			role: rootRole.value,
-			"aria-label": rootAriaLabel.value
-		}]));
+		renderEffect(() => setDynamicProps(n13, [rootAttrs.value]));
 		setInsertionState(n13, null, 0);
 		createIf(() => showsImage.value, () => {
 			const n2 = t0();
 			on(n2, "load", handleImageLoad);
 			on(n2, "error", handleImageError);
 			renderEffect(() => {
+				setClass(n2, unref(getPartAttrs)("image", { class: "rp-avatar__image" }).class);
+				setStyle(n2, unref(getPartAttrs)("image").style);
 				setProp(n2, "src", __props.src || void 0);
 				setAttr(n2, "alt", imageAlt.value);
 			});
 			return n2;
 		}, () => {
 			const n12 = t2();
-			renderEffect(() => setAttr(n12, "aria-hidden", fallbackAriaHidden.value));
+			renderEffect(() => setDynamicProps(n12, [unref(getPartAttrs)("fallback", { class: "rp-avatar__fallback" }), { "aria-hidden": fallbackAriaHidden.value }]));
 			setInsertionState(n12, null, 0);
 			createSlot("default", null, () => {
 				return createIf(() => initials.value, () => {
@@ -131,9 +137,14 @@ var avatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		}, 261);
 		return n13;
 	}
-}), [["__scopeId", "data-v-aaa2d081"]]);
+}), [["__scopeId", "data-v-0561357f"]]);
 //#endregion
 //#region src/components/avatar/types.ts
+var avatarParts = [
+	"root",
+	"image",
+	"fallback"
+];
 var avatarColors = componentColors;
 var avatarSizes = [
 	"xs",
@@ -158,4 +169,4 @@ var avatarVariants = [
 	"outline"
 ];
 //#endregion
-export { avatar_default as a, avatarVariants as i, avatarRadiuses as n, avatarSizes as r, avatarColors as t };
+export { avatarVariants as a, avatarSizes as i, avatarParts as n, avatar_default as o, avatarRadiuses as r, avatarColors as t };