@indielayer/ui 1.2.0 → 1.4.0

package/lib/components/{collapse/Collapse.vue.d.ts → accordion/AccordionItem.vue.d.ts}

@@ -1,19 +1,32 @@
-import { type ExtractPublicPropTypes } from 'vue';
-declare const collapseProps: {
+import { type ExtractPublicPropTypes, type PropType } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const accordionItemAlign: readonly ["left", "right"];
+declare const accordionItemProps: {
     tag: {
         type: StringConstructor;
         default: string;
     };
     disabled: BooleanConstructor;
     expanded: BooleanConstructor;
-    showIcon: BooleanConstructor;
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     icon: StringConstructor;
-    color: {
-        readonly type: StringConstructor;
-        readonly default: string | undefined;
+    iconAlign: {
+        type: PropType<"left" | "right">;
+        default: string;
     };
 };
-export type CollapseProps = ExtractPublicPropTypes<typeof collapseProps>;
+export type AccordionItemAlign = typeof accordionItemAlign[number];
+export type AccordionItemProps = ExtractPublicPropTypes<typeof accordionItemProps>;
+type InternalClasses = 'wrapper' | 'icon' | 'content';
+type InternalData = {
+    collapsed: boolean;
+    isInsideAccordion: boolean;
+};
+export interface AccordionItemTheme extends ThemeComponent<AccordionItemProps, InternalClasses, InternalData> {
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tag: {
         type: StringConstructor;
@@ -21,11 +34,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     expanded: BooleanConstructor;
-    showIcon: BooleanConstructor;
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     icon: StringConstructor;
-    color: {
-        readonly type: StringConstructor;
-        readonly default: string | undefined;
+    iconAlign: {
+        type: PropType<"left" | "right">;
+        default: string;
     };
 }, {
     toggle: () => void;
@@ -38,20 +54,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     expanded: BooleanConstructor;
-    showIcon: BooleanConstructor;
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     icon: StringConstructor;
-    color: {
-        readonly type: StringConstructor;
-        readonly default: string | undefined;
+    iconAlign: {
+        type: PropType<"left" | "right">;
+        default: string;
     };
 }>> & {
     onExpand?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    color: string;
     tag: string;
     expanded: boolean;
     showIcon: boolean;
+    iconAlign: "left" | "right";
 }, {}>, {
     default?(_: {
         collapsed: boolean;

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

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

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

@@ -0,0 +1,4 @@
+import f from "./AccordionItem.vue.js";
+export {
+  f as default
+};

package/lib/components/accordion/index.d.ts

@@ -0,0 +1,4 @@
+export { default as XAccordion } from './Accordion.vue';
+export type { AccordionProps, AccordionInjection, AccordionTheme } from './Accordion.vue';
+export { default as XAccordionItem } from './AccordionItem.vue';
+export type { AccordionItemProps, AccordionItemTheme } from './AccordionItem.vue';

package/lib/components/accordion/theme/Accordion.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { AccordionTheme } from '../Accordion.vue';
+declare const theme: AccordionTheme;
+export default theme;

package/lib/components/{scroll/Scroll.theme.js → accordion/theme/Accordion.base.theme.js}

@@ -1,6 +1,6 @@
 const e = {
   classes: {
-    wrapper: ""
+    wrapper: "grid grid-cols-1 divide-y"
   }
 }, s = e;
 export {

package/lib/components/accordion/theme/Accordion.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { AccordionTheme } from '../Accordion.vue';
+declare const theme: AccordionTheme;
+export default theme;

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

@@ -0,0 +1,5 @@
+import e from "./Accordion.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};

package/lib/components/accordion/theme/AccordionItem.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { AccordionItemTheme } from '../AccordionItem.vue';
+declare const theme: AccordionItemTheme;
+export default theme;

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

@@ -0,0 +1,16 @@
+const r = {
+  classes: {
+    wrapper: ({ props: s, slots: i, data: e }) => {
+      const t = ["relative flex items-center w-full text-left"];
+      return e.isInsideAccordion && (i.default && (s.iconAlign === "left" ? t.push("pl-8 pr-4") : t.push("pr-8 pl-4"), t.push("py-2"), s.disabled || t.push("hover:bg-gray-50 dark:hover:bg-gray-600")), s.disabled || t.push("cursor-pointer")), t;
+    },
+    icon: ({ props: s, data: i }) => {
+      const e = ["absolute flex transform transition-transform duration-150"];
+      return i.collapsed || e.push("rotate-180"), s.disabled && e.push("text-gray-300"), s.iconAlign === "left" ? e.push("left-2") : e.push("right-2"), e;
+    },
+    content: "transition-[height] duration-150 overflow-y-hidden"
+  }
+}, l = r;
+export {
+  l as default
+};

package/lib/components/accordion/theme/AccordionItem.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { AccordionItemTheme } from '../AccordionItem.vue';
+declare const theme: AccordionItemTheme;
+export default theme;

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

@@ -0,0 +1,5 @@
+import e from "./AccordionItem.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};

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

@@ -1,7 +1,8 @@
 import { type ExtractPublicPropTypes, type PropType } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 declare const alertType: readonly ["info", "success", "error", "warning"];
 declare const alertProps: {
-    type: PropType<"error" | "success" | "warning" | "info">;
+    type: PropType<"info" | "success" | "error" | "warning">;
     glow: BooleanConstructor;
     light: BooleanConstructor;
     outlined: BooleanConstructor;
@@ -14,8 +15,11 @@ declare const alertProps: {
 };
 export type AlertType = typeof alertType[number];
 export type AlertProps = ExtractPublicPropTypes<typeof alertProps>;
+type InternalClasses = 'wrapper';
+export interface AlertTheme extends ThemeComponent<AlertProps, InternalClasses> {
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    type: PropType<"error" | "success" | "warning" | "info">;
+    type: PropType<"info" | "success" | "error" | "warning">;
     glow: BooleanConstructor;
     light: BooleanConstructor;
     outlined: BooleanConstructor;
@@ -26,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    type: PropType<"error" | "success" | "warning" | "info">;
+    type: PropType<"info" | "success" | "error" | "warning">;
     glow: BooleanConstructor;
     light: BooleanConstructor;
     outlined: BooleanConstructor;
@@ -39,11 +43,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     onRemove?: ((...args: any[]) => any) | undefined;
 }, {
-    color: string;
-    outlined: boolean;
-    light: boolean;
     glow: boolean;
+    light: boolean;
+    outlined: boolean;
     removable: boolean;
+    color: string;
 }, {}>, {
     icon?(_: {}): any;
     default?(_: {}): any;

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

@@ -1,10 +1,9 @@
 import { defineComponent as v, computed as g, openBlock as l, createElementBlock as a, normalizeStyle as k, unref as r, normalizeClass as w, renderSlot as t, createBlock as b, createCommentVNode as i, createElementVNode as n, Fragment as B, createVNode as $ } from "vue";
-import { useColors as I } from "../../composables/colors.js";
-import { useTheme as h } from "../../composables/theme.js";
-import { infoIcon as C, successIcon as N, errorIcon as S, warningIcon as V, closeIcon as z } from "../../common/icons.js";
+import { useColors as I } from "../../composables/useColors.js";
+import { useTheme as C } from "../../composables/useTheme.js";
+import { infoIcon as h, successIcon as N, errorIcon as S, warningIcon as V, closeIcon as z } from "../../common/icons.js";
 import c from "../icon/Icon.vue.js";
-import E from "./Alert.theme.js";
-const L = /* @__PURE__ */ n("div", { class: "flex-grow" }, null, -1), T = ["aria-label"], _ = ["info", "success", "error", "warning"], A = {
+const A = /* @__PURE__ */ n("div", { class: "flex-grow" }, null, -1), E = ["aria-label"], L = ["info", "success", "error", "warning"], T = {
   ...I.props(),
   type: String,
   glow: Boolean,
@@ -12,17 +11,17 @@ const L = /* @__PURE__ */ n("div", { class: "flex-grow" }, null, -1), T = ["aria
   outlined: Boolean,
   removable: Boolean,
   closeLabel: String
-}, F = {
+}, _ = {
   name: "XAlert",
   validators: {
-    type: _
+    type: L
   }
-}, H = /* @__PURE__ */ v({
-  ...F,
-  props: A,
+}, D = /* @__PURE__ */ v({
+  ..._,
+  props: T,
   emits: ["remove"],
   setup(m) {
-    const o = m, p = g(() => o.type === "info" ? C : o.type === "success" ? N : o.type === "error" ? S : o.type === "warning" ? V : ""), { styles: u, classes: f, className: d } = h("alert", E, o);
+    const o = m, p = g(() => o.type === "info" ? h : o.type === "success" ? N : o.type === "error" ? S : o.type === "warning" ? V : ""), { styles: u, classes: f, className: d } = C("Alert", {}, o);
     return (e, s) => (l(), a("div", {
       style: k(r(u)),
       class: w([
@@ -43,7 +42,7 @@ const L = /* @__PURE__ */ n("div", { class: "flex-grow" }, null, -1), T = ["aria
         t(e.$slots, "default")
       ]),
       e.removable ? (l(), a(B, { key: 0 }, [
-        L,
+        A,
         n("button", {
           class: "shrink-0",
           "aria-label": e.closeLabel,
@@ -52,11 +51,11 @@ const L = /* @__PURE__ */ n("div", { class: "flex-grow" }, null, -1), T = ["aria
           t(e.$slots, "removeIcon", {}, () => [
             $(c, { icon: r(z) }, null, 8, ["icon"])
           ])
-        ], 8, T)
+        ], 8, E)
       ], 64)) : i("", !0)
     ], 6));
   }
 });
 export {
-  H as default
+  D as default
 };

package/lib/components/alert/index.d.ts

@@ -1,3 +1,2 @@
 export { default as XAlert } from './Alert.vue';
-export type { AlertProps, AlertType } from './Alert.vue';
-export type { AlertTheme } from './Alert.theme';
+export type { AlertProps, AlertType, AlertTheme } from './Alert.vue';

package/lib/components/alert/theme/Alert.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { AlertTheme } from '../Alert.vue';
+declare const theme: AlertTheme;
+export default theme;

package/lib/components/alert/theme/Alert.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { AlertTheme } from '../Alert.vue';
+declare const theme: AlertTheme;
+export default theme;

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

@@ -0,0 +1,41 @@
+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
+};

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

@@ -1,4 +1,5 @@
-import { type ExtractPublicPropTypes } from 'vue';
+import { type ExtractPublicPropTypes, type Ref } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 declare const avatarProps: {
     tag: {
         type: StringConstructor;
@@ -14,12 +15,18 @@ declare const avatarProps: {
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 };
 export type AvatarProps = ExtractPublicPropTypes<typeof avatarProps>;
+type InternalClasses = 'wrapper';
+type InternalExtraData = {
+    source: Ref<string | undefined>;
+};
+export interface AvatarTheme extends ThemeComponent<AvatarProps, InternalClasses, InternalExtraData> {
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tag: {
         type: StringConstructor;
@@ -35,7 +42,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -54,16 +61,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 }>>, {
-    color: string;
-    size: import("../../composables/common").Size;
     tag: string;
     outlined: boolean;
+    color: string;
     rounded: boolean;
+    size: import("../../composables/useCommon").Size;
 }, {}>, {
     avatarIcon?(_: {}): any;
 }>;

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

@@ -1,14 +1,13 @@
 import { defineComponent as d, ref as f, computed as g, watch as v, openBlock as n, createBlock as y, resolveDynamicComponent as h, normalizeStyle as w, unref as r, normalizeClass as C, withCtx as S, createElementBlock as s, toDisplayString as _, renderSlot as k, createVNode as z, createCommentVNode as B } from "vue";
-import { useCommon as i } from "../../composables/common.js";
-import { useColors as I } from "../../composables/colors.js";
-import { useTheme as N } from "../../composables/theme.js";
+import { useCommon as i } from "../../composables/useCommon.js";
+import { useColors as I } from "../../composables/useColors.js";
+import { useTheme as N } from "../../composables/useTheme.js";
 import { avatarIcon as $ } from "../../common/icons.js";
-import D from "../icon/Icon.vue.js";
-import V from "./Avatar.theme.js";
-const b = ["alt", "src"], A = {
+import A from "../icon/Icon.vue.js";
+const D = ["alt", "src"], V = {
   key: 1,
   class: "leading-none"
-}, E = {
+}, b = {
   ...i.props(),
   ...I.props("primary"),
   tag: {
@@ -20,12 +19,12 @@ const b = ["alt", "src"], A = {
   image: String,
   outlined: Boolean,
   rounded: Boolean
-}, P = {
+}, E = {
   name: "XAvatar",
   validators: i.validators()
-}, H = /* @__PURE__ */ d({
-  ...P,
-  props: E,
+}, F = /* @__PURE__ */ d({
+  ...E,
+  props: b,
   setup(l) {
     const a = l, o = f(), m = g(() => {
       if (a.name) {
@@ -45,13 +44,13 @@ const b = ["alt", "src"], A = {
     }, {
       immediate: !0
     });
-    const { styles: p, classes: c, className: u } = N("avatar", V, a, { source: o });
+    const { styles: c, classes: p, className: u } = N("Avatar", {}, a, { source: o });
     return (e, t) => (n(), y(h(e.tag), {
-      style: w(r(p)),
+      style: w(r(c)),
       class: C([
         r(u),
         e.$style.avatar,
-        r(c).wrapper
+        r(p).wrapper
       ])
     }, {
       default: S(() => [
@@ -60,8 +59,8 @@ const b = ["alt", "src"], A = {
           alt: e.alt,
           src: e.image,
           class: "h-full w-full"
-        }, null, 8, b)) : e.name ? (n(), s("span", A, _(m.value), 1)) : e.name ? B("", !0) : k(e.$slots, "avatarIcon", { key: 2 }, () => [
-          z(D, {
+        }, null, 8, D)) : e.name ? (n(), s("span", V, _(m.value), 1)) : e.name ? B("", !0) : k(e.$slots, "avatarIcon", { key: 2 }, () => [
+          z(A, {
             size: e.size,
             icon: r($)
           }, null, 8, ["size", "icon"])
@@ -72,5 +71,5 @@ const b = ["alt", "src"], A = {
   }
 });
 export {
-  H as default
+  F as default
 };

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

@@ -1,3 +1,2 @@
 export { default as XAvatar } from './Avatar.vue';
-export type { AvatarProps } from './Avatar.vue';
-export type { AvatarTheme } from './Avatar.theme';
+export type { AvatarProps, AvatarTheme } from './Avatar.vue';

package/lib/components/avatar/theme/Avatar.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { AvatarTheme } from '../Avatar.vue';
+declare const theme: AvatarTheme;
+export default theme;

package/lib/components/avatar/theme/Avatar.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { AvatarTheme } from '../Avatar.vue';
+declare const theme: AvatarTheme;
+export default theme;

package/lib/components/avatar/theme/Avatar.carbon.theme.js

@@ -0,0 +1,5 @@
+import e from "./Avatar.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};