@indielayer/ui 1.18.0 → 2.0.0

package/lib/components/accordion/AccordionItem.vue.d.ts

@@ -7,7 +7,7 @@ declare const accordionItemProps: {
         default: string;
     };
     disabled: BooleanConstructor;
-    expanded: BooleanConstructor;
+    expanded: import("vue").Prop<boolean | undefined>;
     showIcon: {
         type: BooleanConstructor;
         default: boolean;
@@ -33,7 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         default: string;
     };
     disabled: BooleanConstructor;
-    expanded: BooleanConstructor;
+    expanded: import("vue").Prop<boolean | undefined>;
     showIcon: {
         type: BooleanConstructor;
         default: boolean;
@@ -53,7 +53,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         default: string;
     };
     disabled: BooleanConstructor;
-    expanded: BooleanConstructor;
+    expanded: import("vue").Prop<boolean | undefined>;
     showIcon: {
         type: BooleanConstructor;
         default: boolean;
@@ -69,7 +69,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
 }>, {
     disabled: boolean;
     tag: string;
-    expanded: boolean;
     showIcon: boolean;
     iconAlign: "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {

package/lib/components/accordion/AccordionItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,138 @@
+import { injectAccordionKey as e } from "../../composables/keys.js";
+import { useTheme as t } from "../../composables/useTheme.js";
+import { optionalBooleanProp as n } from "../../common/props.js";
+import r from "../icon/Icon.js";
+import { Transition as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, inject as f, normalizeClass as p, normalizeStyle as m, openBlock as h, reactive as g, ref as _, renderSlot as v, resolveDynamicComponent as y, unref as b, vShow as x, watch as S, withCtx as C, withDirectives as w } from "vue";
+//#region src/components/accordion/AccordionItem.vue?vue&type=script&setup=true&lang.ts
+var T = { class: "flex-1 overflow-hidden" }, E = {
+	key: 1,
+	viewBox: "0 0 24 24",
+	stroke: "currentColor",
+	fill: "none",
+	role: "presentation",
+	class: "stroke-2 w-4 h-4"
+}, D = ["left", "right"], O = {
+	tag: {
+		type: String,
+		default: "div"
+	},
+	disabled: Boolean,
+	expanded: n(),
+	showIcon: {
+		type: Boolean,
+		default: !0
+	},
+	icon: String,
+	iconAlign: {
+		type: String,
+		default: "right"
+	}
+}, k = /* @__PURE__ */ d({
+	name: "XAccordionItem",
+	validators: { iconAlign: D },
+	props: O,
+	emits: ["expand", "change"],
+	setup(n, { expose: d, emit: D }) {
+		let O = n, k = D, A = f(e, { isInsideAccordion: !1 }), j = g({ iconAlign: a(() => A.iconAlign || O.iconAlign) }), M = _(!O.expanded), N = _(!0);
+		S(() => O.expanded, () => {
+			M.value = !O.expanded;
+		}), S(M, (e, t) => {
+			k("change", !e);
+		});
+		function P(e) {
+			N.value && (e.style.height = "0px");
+		}
+		function F(e, t) {
+			N.value ? (e.addEventListener("transitionend", t), setTimeout(() => {
+				e.style.height = `${e.scrollHeight}px`;
+			}, 1)) : t();
+		}
+		function I(e) {
+			N.value ? e.style.removeProperty("height") : N.value = !0;
+		}
+		function L(e) {
+			N.value && (e.style.height = `${e.scrollHeight}px`);
+		}
+		function R(e, t) {
+			N.value ? (e.addEventListener("transitionend", t), setTimeout(() => {
+				e.style.height = "0px";
+			}, 1)) : t();
+		}
+		function z(e) {
+			N.value ? e.style.removeProperty("height") : N.value = !0;
+		}
+		function B(e = !0) {
+			N.value = e, M.value = !1;
+		}
+		function V(e = !0) {
+			N.value = e, M.value = !0;
+		}
+		function H() {
+			O.disabled || (M.value = !M.value);
+		}
+		function U(e = !0) {
+			B(e), k("expand");
+		}
+		let { styles: W, classes: G, className: K } = t("AccordionItem", {}, {
+			...O,
+			...j
+		}, {
+			collapsed: M,
+			isInsideAccordion: A.isInsideAccordion
+		});
+		return d({
+			toggle: H,
+			open: B,
+			close: V
+		}), (e, t) => (h(), o(y(e.tag), {
+			style: m(b(W)),
+			class: p(b(K)),
+			"aria-disabled": e.disabled,
+			"aria-expanded": M.value ? "false" : "true"
+		}, {
+			default: C(() => [
+				l("button", {
+					type: "button",
+					class: p(b(G).wrapper),
+					onClick: H
+				}, [l("div", T, [v(e.$slots, "default", {
+					expand: U,
+					collapsed: M.value
+				})]), e.showIcon ? (h(), c("div", {
+					key: 0,
+					class: p(b(G).icon)
+				}, [e.icon ? (h(), o(r, {
+					key: 0,
+					icon: e.icon
+				}, null, 8, ["icon"])) : (h(), c("svg", E, [...t[0] ||= [l("path", { d: "M19 9l-7 7-7-7" }, null, -1)]]))], 2)) : s("", !0)], 2),
+				e.$slots.summary ? v(e.$slots, "summary", {
+					key: 0,
+					expand: U,
+					collapsed: M.value
+				}) : s("", !0),
+				u(i, {
+					onBeforeEnter: P,
+					onEnter: F,
+					onAfterEnter: I,
+					onBeforeLeave: L,
+					onLeave: R,
+					onAfterLeave: z
+				}, {
+					default: C(() => [w(l("div", { class: p(b(G).content) }, [v(e.$slots, "content", {
+						expand: U,
+						collapsed: M.value
+					})], 2), [[x, !M.value]])]),
+					_: 3
+				})
+			]),
+			_: 3
+		}, 8, [
+			"style",
+			"class",
+			"aria-disabled",
+			"aria-expanded"
+		]));
+	}
+});
+//#endregion
+export { k as default };

package/lib/components/accordion/theme/Accordion.base.theme.js

@@ -1,8 +1,4 @@
-const e = {
-  classes: {
-    wrapper: "grid grid-cols-1 divide-y"
-  }
-}, s = e;
-export {
-  s as default
-};
+//#region src/components/accordion/theme/Accordion.base.theme.ts
+var e = { classes: { wrapper: "grid grid-cols-1 divide-y" } };
+//#endregion
+export { e as default };

package/lib/components/accordion/theme/Accordion.carbon.theme.js

@@ -1,5 +1,5 @@
 import e from "./Accordion.base.theme.js";
-const t = e, o = t;
-export {
-  o as default
-};
+//#region src/components/accordion/theme/Accordion.carbon.theme.ts
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/accordion/theme/AccordionItem.base.theme.js

@@ -1,16 +1,14 @@
-const i = {
-  classes: {
-    wrapper: ({ props: t, slots: r, data: e }) => {
-      const s = ["relative flex items-center w-full text-left rounded"];
-      return e.isInsideAccordion && (r.default && (t.iconAlign === "left" ? s.push("pl-8 pr-3") : s.push("pr-8 pl-3"), s.push("py-2"), t.disabled || s.push("hover:bg-secondary-100 dark:hover:bg-secondary-600")), t.disabled || s.push("cursor-pointer")), s;
-    },
-    icon: ({ props: t, data: r }) => {
-      const e = ["absolute flex transform transition-transform duration-150"];
-      return r.collapsed || e.push("rotate-180"), t.disabled && e.push("text-secondary-300"), t.iconAlign === "left" ? e.push("left-2") : e.push("right-2"), e;
-    },
-    content: "transition-[height] duration-150 overflow-y-hidden"
-  }
-}, n = i;
-export {
-  n as default
-};
+//#region src/components/accordion/theme/AccordionItem.base.theme.ts
+var e = { classes: {
+	wrapper: ({ props: e, slots: t, data: n }) => {
+		let r = ["relative flex items-center w-full text-left rounded"];
+		return n.isInsideAccordion ? (t.default && (e.iconAlign === "left" ? r.push("pl-8 pr-3") : r.push("pr-8 pl-3"), r.push("py-2"), e.disabled || r.push("hover:bg-secondary-100 dark:hover:bg-secondary-600")), e.disabled || r.push("cursor-pointer"), r) : r;
+	},
+	icon: ({ props: e, data: t }) => {
+		let n = ["absolute flex transform transition-transform duration-150"];
+		return t.collapsed || n.push("rotate-180"), e.disabled && n.push("text-secondary-300"), e.iconAlign === "left" ? n.push("left-2") : n.push("right-2"), n;
+	},
+	content: "transition-[height] duration-150 overflow-y-hidden"
+} };
+//#endregion
+export { e as default };

package/lib/components/accordion/theme/AccordionItem.carbon.theme.js

@@ -1,5 +1,5 @@
 import e from "./AccordionItem.base.theme.js";
-const t = e, o = t;
-export {
-  o as default
-};
+//#region src/components/accordion/theme/AccordionItem.carbon.theme.ts
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/alert/Alert.js

@@ -0,0 +1,6 @@
+import e from "./Alert.vue_vue_type_script_setup_true_lang.js";
+import t from "./Alert.vue_vue_type_style_index_0_lang.module.js";
+import n from "../../_virtual/_plugin-vue_export-helper.js";
+var r = /* @__PURE__ */ n(e, [["__cssModules", { $style: t }]]);
+//#endregion
+export { r as default };

package/lib/components/alert/Alert.vue.d.ts

@@ -3,10 +3,10 @@ import { type ThemeComponent } from '../../composables/useTheme';
 declare const alertType: readonly ["info", "success", "error", "warning"];
 declare const alertProps: {
     type: PropType<"error" | "info" | "success" | "warning">;
-    glow: BooleanConstructor;
-    light: BooleanConstructor;
-    outlined: BooleanConstructor;
-    removable: BooleanConstructor;
+    glow: import("vue").Prop<boolean | undefined>;
+    light: import("vue").Prop<boolean | undefined>;
+    outlined: import("vue").Prop<boolean | undefined>;
+    removable: import("vue").Prop<boolean | undefined>;
     closeLabel: StringConstructor;
     color: {
         readonly type: StringConstructor;
@@ -20,10 +20,10 @@ export interface AlertTheme extends ThemeComponent<AlertProps, InternalClasses>
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     type: PropType<"error" | "info" | "success" | "warning">;
-    glow: BooleanConstructor;
-    light: BooleanConstructor;
-    outlined: BooleanConstructor;
-    removable: BooleanConstructor;
+    glow: import("vue").Prop<boolean | undefined>;
+    light: import("vue").Prop<boolean | undefined>;
+    outlined: import("vue").Prop<boolean | undefined>;
+    removable: import("vue").Prop<boolean | undefined>;
     closeLabel: StringConstructor;
     color: {
         readonly type: StringConstructor;
@@ -31,10 +31,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     type: PropType<"error" | "info" | "success" | "warning">;
-    glow: BooleanConstructor;
-    light: BooleanConstructor;
-    outlined: BooleanConstructor;
-    removable: BooleanConstructor;
+    glow: import("vue").Prop<boolean | undefined>;
+    light: import("vue").Prop<boolean | undefined>;
+    outlined: import("vue").Prop<boolean | undefined>;
+    removable: import("vue").Prop<boolean | undefined>;
     closeLabel: StringConstructor;
     color: {
         readonly type: StringConstructor;
@@ -43,10 +43,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
 }>> & Readonly<{
     onRemove?: ((...args: any[]) => any) | undefined;
 }>, {
-    glow: boolean;
-    light: boolean;
-    outlined: boolean;
-    removable: boolean;
     color: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     icon?(_: {}): any;

package/lib/components/alert/Alert.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,54 @@
+import { useResolvedComponentProps as e } from "../../composables/resolveComponentDefaults.js";
+import { useColors as t } from "../../composables/useColors.js";
+import { useTheme as n } from "../../composables/useTheme.js";
+import { optionalBooleanProp as r } from "../../common/props.js";
+import i from "../icon/Icon.js";
+import { closeIcon as a, errorIcon as o, infoIcon as s, successIcon as c, warningIcon as l } from "../../common/icons.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, normalizeStyle as y, openBlock as b, renderSlot as x, unref as S } from "vue";
+//#region src/components/alert/Alert.vue?vue&type=script&setup=true&lang.ts
+var C = ["aria-label"], w = [
+	"info",
+	"success",
+	"error",
+	"warning"
+], T = {
+	...t.props(),
+	type: String,
+	glow: r(),
+	light: r(),
+	outlined: r(),
+	removable: r(),
+	closeLabel: String
+}, E = /* @__PURE__ */ _({
+	name: "XAlert",
+	validators: { type: w },
+	props: T,
+	emits: ["remove"],
+	setup(t) {
+		let r = e("Alert", t), _ = d(() => r.value.type === "info" ? s : r.value.type === "success" ? c : r.value.type === "error" ? o : r.value.type === "warning" ? l : ""), { styles: w, classes: T, className: E } = n("Alert", {}, r);
+		return (e, t) => (b(), m("div", {
+			style: y(S(w)),
+			class: v([
+				S(E),
+				e.$style.alert,
+				S(r).glow ? e.$style["alert--glow"] : "",
+				S(T).wrapper
+			])
+		}, [
+			x(e.$slots, "icon", {}, () => [S(r).type ? (b(), f(i, {
+				key: 0,
+				icon: _.value,
+				class: "text-[color:var(--x-alert-icon)] dark:text-[color:var(--x-alert-dark-icon)]"
+			}, null, 8, ["icon"])) : p("", !0)]),
+			h("div", null, [x(e.$slots, "default")]),
+			S(r).removable ? (b(), m(u, { key: 0 }, [t[1] ||= h("div", { class: "grow" }, null, -1), h("button", {
+				type: "button",
+				class: "shrink-0",
+				"aria-label": S(r).closeLabel,
+				onClick: t[0] ||= (t) => e.$emit("remove", t)
+			}, [x(e.$slots, "removeIcon", {}, () => [g(i, { icon: S(a) }, null, 8, ["icon"])])], 8, C)], 64)) : p("", !0)
+		], 6));
+	}
+});
+//#endregion
+export { E as default };

package/lib/components/alert/Alert.vue_vue_type_style_index_0_lang.module.js

@@ -0,0 +1,6 @@
+var e = {
+	alert: "_alert_al11n_2",
+	"alert--glow": "_alert--glow_al11n_8"
+};
+//#endregion
+export { e as default };

package/lib/components/alert/theme/Alert.base.theme.js

@@ -1,41 +1,39 @@
-const l = {
-  classes: {
-    wrapper: "flex items-center rounded-md space-x-2 px-4 py-2 border"
-  },
-  styles: ({ props: t, colors: n, css: a }) => {
-    const e = n.getPalette(t.color), r = [];
-    return t.glow && r.push(a.get("glow", n.getColorOpacity(e[500], 0.5))), t.color ? (t.light ? r.push(a.variables({
-      bg: e[50],
-      text: e[600],
-      icon: e[600],
-      border: t.outlined ? e[600] : e[50],
-      dark: {
-        bg: e[200],
-        text: e[800],
-        icon: e[600],
-        border: t.outlined ? e[500] : e[200]
-      }
-    })) : r.push(a.variables({
-      bg: t.outlined ? "transparent" : e[600],
-      text: t.outlined ? e[600] : e[50],
-      icon: t.outlined ? e[600] : e[50],
-      border: e[600],
-      dark: {
-        border: e[400],
-        text: t.outlined ? e[400] : e[50]
-      }
-    })), r) : (r.push(a.variables({
-      bg: "transparent",
-      text: e[500],
-      border: e[300],
-      dark: {
-        bg: "transparent",
-        text: e[300],
-        border: e[500]
-      }
-    })), r);
-  }
-}, o = l;
-export {
-  o as default
+//#region src/components/alert/theme/Alert.base.theme.ts
+var e = {
+	classes: { wrapper: "flex items-center rounded-md space-x-2 px-4 py-2 border" },
+	styles: ({ props: e, colors: t, css: n }) => {
+		let r = t.getPalette(e.color), i = [];
+		return e.glow && i.push(n.get("glow", t.getColorOpacity(r[500], .5))), e.color ? (e.light ? i.push(n.variables({
+			bg: r[50],
+			text: r[600],
+			icon: r[600],
+			border: e.outlined ? r[600] : r[50],
+			dark: {
+				bg: r[200],
+				text: r[800],
+				icon: r[600],
+				border: e.outlined ? r[500] : r[200]
+			}
+		})) : i.push(n.variables({
+			bg: e.outlined ? "transparent" : r[600],
+			text: e.outlined ? r[600] : r[50],
+			icon: e.outlined ? r[600] : r[50],
+			border: r[600],
+			dark: {
+				border: r[400],
+				text: e.outlined ? r[400] : r[50]
+			}
+		})), i) : (i.push(n.variables({
+			bg: "transparent",
+			text: r[500],
+			border: r[300],
+			dark: {
+				bg: "transparent",
+				text: r[300],
+				border: r[500]
+			}
+		})), i);
+	}
 };
+//#endregion
+export { e as default };

package/lib/components/alert/theme/Alert.carbon.theme.js

@@ -1,41 +1,39 @@
-const o = {
-  classes: {
-    wrapper: "flex items-center space-x-2 px-4 py-3 border border-l-4 text-sm"
-  },
-  styles: ({ props: t, colors: n, css: a }) => {
-    const l = n.getPalette("gray"), e = n.getPalette(t.color), r = [];
-    return t.glow && r.push(a.get("glow", n.getColorOpacity(e[500], 0.5))), t.color ? (t.light ? r.push(a.variables({
-      bg: e[50],
-      text: l[900],
-      icon: e[600],
-      border: t.outlined ? e[600] : e[50],
-      dark: {
-        bg: l[800],
-        text: l[100],
-        icon: e[600],
-        border: t.outlined ? e[500] : e[200]
-      }
-    })) : r.push(a.variables({
-      bg: t.outlined ? "transparent" : e[600],
-      text: t.outlined ? e[600] : e[50],
-      icon: t.outlined ? e[600] : e[50],
-      border: e[600],
-      dark: {
-        border: e[400],
-        text: t.outlined ? e[400] : e[50]
-      }
-    })), r) : (r.push(a.variables({
-      bg: "transparent",
-      text: e[500],
-      border: e[300],
-      dark: {
-        bg: "transparent",
-        text: e[300],
-        border: e[500]
-      }
-    })), r);
-  }
-}, d = o;
-export {
-  d as default
+//#region src/components/alert/theme/Alert.carbon.theme.ts
+var e = {
+	classes: { wrapper: "flex items-center space-x-2 px-4 py-3 border border-l-4 text-sm" },
+	styles: ({ props: e, colors: t, css: n }) => {
+		let r = t.getPalette("gray"), i = t.getPalette(e.color), a = [];
+		return e.glow && a.push(n.get("glow", t.getColorOpacity(i[500], .5))), e.color ? (e.light ? a.push(n.variables({
+			bg: i[50],
+			text: r[900],
+			icon: i[600],
+			border: e.outlined ? i[600] : i[50],
+			dark: {
+				bg: r[800],
+				text: r[100],
+				icon: i[600],
+				border: e.outlined ? i[500] : i[200]
+			}
+		})) : a.push(n.variables({
+			bg: e.outlined ? "transparent" : i[600],
+			text: e.outlined ? i[600] : i[50],
+			icon: e.outlined ? i[600] : i[50],
+			border: i[600],
+			dark: {
+				border: i[400],
+				text: e.outlined ? i[400] : i[50]
+			}
+		})), a) : (a.push(n.variables({
+			bg: "transparent",
+			text: i[500],
+			border: i[300],
+			dark: {
+				bg: "transparent",
+				text: i[300],
+				border: i[500]
+			}
+		})), a);
+	}
 };
+//#endregion
+export { e as default };

package/lib/components/avatar/Avatar.js

@@ -0,0 +1,6 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./Avatar.vue_vue_type_script_setup_true_lang.js";
+import n from "./Avatar.vue_vue_type_style_index_0_lang.module.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };

package/lib/components/avatar/Avatar.vue.d.ts

@@ -8,8 +8,8 @@ declare const avatarProps: {
     name: StringConstructor;
     alt: StringConstructor;
     image: StringConstructor;
-    outlined: BooleanConstructor;
-    rounded: BooleanConstructor;
+    outlined: import("vue").Prop<boolean | undefined>;
+    rounded: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -35,8 +35,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     name: StringConstructor;
     alt: StringConstructor;
     image: StringConstructor;
-    outlined: BooleanConstructor;
-    rounded: BooleanConstructor;
+    outlined: import("vue").Prop<boolean | undefined>;
+    rounded: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -54,8 +54,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     name: StringConstructor;
     alt: StringConstructor;
     image: StringConstructor;
-    outlined: BooleanConstructor;
-    rounded: BooleanConstructor;
+    outlined: import("vue").Prop<boolean | undefined>;
+    rounded: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -67,9 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     };
 }>> & Readonly<{}>, {
     tag: string;
-    outlined: boolean;
     color: string;
-    rounded: boolean;
     size: import("../../composables/useCommon").Size;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     avatarIcon?(_: {}): any;

package/lib/components/avatar/Avatar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,66 @@
+import { useColors as e } from "../../composables/useColors.js";
+import { useTheme as t } from "../../composables/useTheme.js";
+import { optionalBooleanProp as n } from "../../common/props.js";
+import { useCommon as r } from "../../composables/useCommon.js";
+import i from "../icon/Icon.js";
+import { avatarIcon as a } from "../../common/icons.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, openBlock as m, ref as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, watch as b, withCtx as x } from "vue";
+//#region src/components/avatar/Avatar.vue?vue&type=script&setup=true&lang.ts
+var S = ["alt", "src"], C = {
+	key: 1,
+	class: "leading-none"
+}, w = {
+	...r.props(),
+	...e.props("primary"),
+	tag: {
+		type: String,
+		default: "div"
+	},
+	name: String,
+	alt: String,
+	image: String,
+	outlined: n(),
+	rounded: n()
+}, T = /* @__PURE__ */ d({
+	name: "XAvatar",
+	validators: r.validators(),
+	props: w,
+	setup(e) {
+		let n = e, r = h(), d = o(() => {
+			if (n.name) {
+				let e = n.name.match(/\b\w/g) || [];
+				return ((e.shift() || "") + (e.pop() || "")).toUpperCase();
+			}
+			return "";
+		});
+		typeof window < "u" && Image && b(() => n.image, (e) => {
+			if (r.value = void 0, !e) return;
+			let t = new Image();
+			t.onload = () => {
+				r.value = n.image;
+			}, t.onerror = () => {}, t.src = e;
+		}, { immediate: !0 });
+		let { styles: w, classes: T, className: E } = t("Avatar", {}, n, { source: r });
+		return (e, t) => (m(), s(_(e.tag), {
+			style: p(y(w)),
+			class: f([
+				y(E),
+				e.$style.avatar,
+				y(T).wrapper
+			])
+		}, {
+			default: x(() => [r.value ? (m(), l("img", {
+				key: 0,
+				alt: e.alt,
+				src: e.image,
+				class: "absolute top-0 left-0 h-full w-full"
+			}, null, 8, S)) : c("", !0), e.name ? (m(), l("span", C, v(d.value), 1)) : e.name ? c("", !0) : g(e.$slots, "avatarIcon", { key: 2 }, () => [u(i, {
+				size: e.size,
+				icon: y(a)
+			}, null, 8, ["size", "icon"])])]),
+			_: 3
+		}, 8, ["style", "class"]));
+	}
+});
+//#endregion
+export { T as default };

package/lib/components/avatar/Avatar.vue_vue_type_style_index_0_lang.module.js

@@ -0,0 +1,3 @@
+var e = { avatar: "_avatar_7u83c_2" };
+//#endregion
+export { e as default };