@mekari/pixel3-avatar 0.0.16-dev.0 → 0.0.17-dev.0

package/dist/avatar-group.mjs

@@ -1,11 +1,10 @@
 import {
   MpAvatarGroup
-} from "./chunk-FPZ3IFAW.mjs";
+} from "./chunk-5GCWM6MN.mjs";
 import "./chunk-CY2Z6I23.mjs";
 import "./chunk-3MO4HQYF.mjs";
-import "./chunk-G4FNYLV7.mjs";
-import "./chunk-7XAF53OT.mjs";
-import "./chunk-ZK47OSEJ.mjs";
+import "./chunk-YULMVSHH.mjs";
+import "./chunk-HGS2OTWQ.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   MpAvatarGroup

package/dist/avatar.js

@@ -83,32 +83,11 @@ var import_recipes = require("@mekari/pixel3-styled-system/recipes");
 var import_vue = require("vue");
 var import_pixel3_utils2 = require("@mekari/pixel3-utils");
 var import_tokens = require("@mekari/pixel3-styled-system/tokens");
-
-// src/modules/avatar.utils.ts
-var getInitial = /* @__PURE__ */ __name((value) => {
-  const [first, last] = value.split(" ");
-  if (first && last)
-    return `${first.charAt(0)}${last.charAt(0)}`;
-  else
-    return first.charAt(0);
-}, "getInitial");
-var background = ["gray", "sky", "teal", "violet", "amber", "rose", "stone", "lime", "pink"];
-var getColor = /* @__PURE__ */ __name(() => {
-  const order = Math.floor(Math.random() * background.length);
-  return `${background[order]}.400`;
-}, "getColor");
-var isColorInList = /* @__PURE__ */ __name((value) => {
-  return background.includes(value);
-}, "isColorInList");
-
-// src/modules/avatar.connects.ts
 function avatarConnect(state, emit, classes) {
   const {
     id,
     name,
-    borderColor,
     hasBorder,
-    variantColor,
     src,
     icon,
     iconVariant,
@@ -121,7 +100,6 @@ function avatarConnect(state, emit, classes) {
     var _a, _b;
     return !!((_b = (_a = (0, import_vue.getCurrentInstance)()) == null ? void 0 : _a.vnode.props) == null ? void 0 : _b.onClick);
   }).value;
-  const isRandomColor = isColorInList(variantColor);
   return {
     name,
     src,
@@ -133,9 +111,7 @@ function avatarConnect(state, emit, classes) {
       class: classes.root,
       style: {
         "--mp-avatar--cursor": isClickable ? "pointer" : void 0,
-        "--mp-avatar--margin-left": `calc(${import_tokens.token.var(`spacing.${spacing}`)} * -1)`,
-        "--mp-avatar--border-color": import_tokens.token.var(`colors.${hasBorder ? borderColor != null ? borderColor : "white" : "white"}`),
-        "--mp-avatar--background-color": import_tokens.token.var(`colors.${isRandomColor ? variantColor : getColor()}`)
+        "--mp-avatar--margin-left": `calc(${import_tokens.token.var(`spacing.${spacing}`)} * -1)`
       },
       "data-has-border": hasBorder,
       "data-pixel-component": "MpAvatar"
@@ -188,7 +164,26 @@ var useAvatar = /* @__PURE__ */ __name((props, emit) => {
   return (0, import_vue2.computed)(() => avatarConnect(context.value, emit, classes));
 }, "useAvatar");
 
+// src/modules/avatar.utils.ts
+var getInitial = /* @__PURE__ */ __name((value) => {
+  const [first, last] = value.split(" ");
+  if (first && last)
+    return `${first.charAt(0)}${last.charAt(0)}`;
+  else
+    return first.charAt(0);
+}, "getInitial");
+var background = ["gray", "sky", "teal", "violet", "amber", "rose", "stone", "lime", "pink"];
+var getColor = /* @__PURE__ */ __name((isNextTheme) => {
+  const order = Math.floor(Math.random() * background.length);
+  return isNextTheme ? `chart.cat0${order + 1}` : `${background[order]}.400`;
+}, "getColor");
+var isColorInList = /* @__PURE__ */ __name((value) => {
+  return background.includes(value);
+}, "isColorInList");
+
 // src/avatar.tsx
+var import_pixel3_utils3 = require("@mekari/pixel3-utils");
+var import_tokens2 = require("@mekari/pixel3-styled-system/tokens");
 var import_pixel3_icon = require("@mekari/pixel3-icon");
 
 // src/avatar-fallback.tsx
@@ -228,7 +223,16 @@ var MpAvatar = (0, import_vue8.defineComponent)({
     emit
   }) {
     const api = useAvatar(props, emit);
-    return () => (0, import_vue7.createVNode)("div", api.value.rootProps, [api.value.src ? (0, import_vue7.createVNode)(MpAvatarImage, api.value.imageProps, null) : void 0, !api.value.icon && !api.value.src || api.value.src && !api.value.isLoaded ? api.value.name ? getInitial(api.value.name) : (0, import_vue7.createVNode)(MpAvatarFallback, api.value.fallbackProps, null) : void 0, api.value.icon && (0, import_vue7.createVNode)(import_pixel3_icon.MpIcon, api.value.iconProps, null)]);
+    const {
+      isNextTheme
+    } = (0, import_pixel3_utils3.usePixelTheme)();
+    const isRandomColor = isColorInList(props.variantColor);
+    return () => (0, import_vue7.createVNode)("div", (0, import_vue7.mergeProps)(api.value.rootProps, {
+      "style": {
+        "--mp-avatar--border-color": import_tokens2.token.var(`colors.${props.hasBorder ? props.borderColor ? props.borderColor : isNextTheme.value ? "border.inverse" : "white" : isNextTheme.value ? "border.inverse" : "white"}`),
+        "--mp-avatar--background-color": import_tokens2.token.var(`colors.${isRandomColor ? props.variantColor : getColor(isNextTheme.value)}`)
+      }
+    }), [api.value.src ? (0, import_vue7.createVNode)(MpAvatarImage, api.value.imageProps, null) : void 0, !api.value.icon && !api.value.src || api.value.src && !api.value.isLoaded ? api.value.name ? getInitial(api.value.name) : (0, import_vue7.createVNode)(MpAvatarFallback, api.value.fallbackProps, null) : void 0, api.value.icon && (0, import_vue7.createVNode)(import_pixel3_icon.MpIcon, api.value.iconProps, null)]);
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/avatar.mjs

@@ -1,12 +1,12 @@
 import {
   MpAvatar
-} from "./chunk-GRS6D3IB.mjs";
+} from "./chunk-BERKRG3D.mjs";
+import "./chunk-VD5A4EA5.mjs";
 import "./chunk-NKXS73IR.mjs";
 import "./chunk-3MO4HQYF.mjs";
 import "./chunk-4VNSI4PL.mjs";
-import "./chunk-G4FNYLV7.mjs";
-import "./chunk-7XAF53OT.mjs";
-import "./chunk-ZK47OSEJ.mjs";
+import "./chunk-YULMVSHH.mjs";
+import "./chunk-HGS2OTWQ.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   MpAvatar

package/dist/{chunk-FPZ3IFAW.mjs → chunk-5GCWM6MN.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-3MO4HQYF.mjs";
 import {
   useAvatarGroup
-} from "./chunk-G4FNYLV7.mjs";
+} from "./chunk-YULMVSHH.mjs";
 
 // src/avatar-group.tsx
 import { createVNode as _createVNode } from "vue";

package/dist/chunk-BERKRG3D.mjs

@@ -0,0 +1,49 @@
+import {
+  getColor,
+  getInitial,
+  isColorInList
+} from "./chunk-VD5A4EA5.mjs";
+import {
+  MpAvatarFallback
+} from "./chunk-NKXS73IR.mjs";
+import {
+  avatarEmits,
+  avatarProps
+} from "./chunk-3MO4HQYF.mjs";
+import {
+  MpAvatarImage
+} from "./chunk-4VNSI4PL.mjs";
+import {
+  useAvatar
+} from "./chunk-YULMVSHH.mjs";
+
+// src/avatar.tsx
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { usePixelTheme } from "@mekari/pixel3-utils";
+import { token } from "@mekari/pixel3-styled-system/tokens";
+import { MpIcon } from "@mekari/pixel3-icon";
+var MpAvatar = defineComponent({
+  name: "MpAvatar",
+  props: avatarProps,
+  emits: avatarEmits,
+  setup(props, {
+    emit
+  }) {
+    const api = useAvatar(props, emit);
+    const {
+      isNextTheme
+    } = usePixelTheme();
+    const isRandomColor = isColorInList(props.variantColor);
+    return () => _createVNode("div", _mergeProps(api.value.rootProps, {
+      "style": {
+        "--mp-avatar--border-color": token.var(`colors.${props.hasBorder ? props.borderColor ? props.borderColor : isNextTheme.value ? "border.inverse" : "white" : isNextTheme.value ? "border.inverse" : "white"}`),
+        "--mp-avatar--background-color": token.var(`colors.${isRandomColor ? props.variantColor : getColor(isNextTheme.value)}`)
+      }
+    }), [api.value.src ? _createVNode(MpAvatarImage, api.value.imageProps, null) : void 0, !api.value.icon && !api.value.src || api.value.src && !api.value.isLoaded ? api.value.name ? getInitial(api.value.name) : _createVNode(MpAvatarFallback, api.value.fallbackProps, null) : void 0, api.value.icon && _createVNode(MpIcon, api.value.iconProps, null)]);
+  }
+});
+
+export {
+  MpAvatar
+};

package/dist/{chunk-7XAF53OT.mjs → chunk-HGS2OTWQ.mjs}

@@ -1,7 +1,3 @@
-import {
-  getColor,
-  isColorInList
-} from "./chunk-ZK47OSEJ.mjs";
 import {
   __name
 } from "./chunk-QZ7VFGWC.mjs";
@@ -14,9 +10,7 @@ function avatarConnect(state, emit, classes) {
   const {
     id,
     name,
-    borderColor,
     hasBorder,
-    variantColor,
     src,
     icon,
     iconVariant,
@@ -29,7 +23,6 @@ function avatarConnect(state, emit, classes) {
     var _a, _b;
     return !!((_b = (_a = getCurrentInstance()) == null ? void 0 : _a.vnode.props) == null ? void 0 : _b.onClick);
   }).value;
-  const isRandomColor = isColorInList(variantColor);
   return {
     name,
     src,
@@ -41,9 +34,7 @@ function avatarConnect(state, emit, classes) {
       class: classes.root,
       style: {
         "--mp-avatar--cursor": isClickable ? "pointer" : void 0,
-        "--mp-avatar--margin-left": `calc(${token.var(`spacing.${spacing}`)} * -1)`,
-        "--mp-avatar--border-color": token.var(`colors.${hasBorder ? borderColor != null ? borderColor : "white" : "white"}`),
-        "--mp-avatar--background-color": token.var(`colors.${isRandomColor ? variantColor : getColor()}`)
+        "--mp-avatar--margin-left": `calc(${token.var(`spacing.${spacing}`)} * -1)`
       },
       "data-has-border": hasBorder,
       "data-pixel-component": "MpAvatar"

package/dist/{chunk-ZK47OSEJ.mjs → chunk-VD5A4EA5.mjs}

@@ -11,9 +11,9 @@ var getInitial = /* @__PURE__ */ __name((value) => {
     return first.charAt(0);
 }, "getInitial");
 var background = ["gray", "sky", "teal", "violet", "amber", "rose", "stone", "lime", "pink"];
-var getColor = /* @__PURE__ */ __name(() => {
+var getColor = /* @__PURE__ */ __name((isNextTheme) => {
   const order = Math.floor(Math.random() * background.length);
-  return `${background[order]}.400`;
+  return isNextTheme ? `chart.cat0${order + 1}` : `${background[order]}.400`;
 }, "getColor");
 var isColorInList = /* @__PURE__ */ __name((value) => {
   return background.includes(value);

package/dist/{chunk-G4FNYLV7.mjs → chunk-YULMVSHH.mjs}

@@ -1,7 +1,7 @@
 import {
   avatarConnect,
   avatarGroupConnect
-} from "./chunk-7XAF53OT.mjs";
+} from "./chunk-HGS2OTWQ.mjs";
 import {
   __name
 } from "./chunk-QZ7VFGWC.mjs";

package/dist/index.js

@@ -106,32 +106,11 @@ var import_recipes = require("@mekari/pixel3-styled-system/recipes");
 var import_vue = require("vue");
 var import_pixel3_utils2 = require("@mekari/pixel3-utils");
 var import_tokens = require("@mekari/pixel3-styled-system/tokens");
-
-// src/modules/avatar.utils.ts
-var getInitial = /* @__PURE__ */ __name((value) => {
-  const [first, last] = value.split(" ");
-  if (first && last)
-    return `${first.charAt(0)}${last.charAt(0)}`;
-  else
-    return first.charAt(0);
-}, "getInitial");
-var background = ["gray", "sky", "teal", "violet", "amber", "rose", "stone", "lime", "pink"];
-var getColor = /* @__PURE__ */ __name(() => {
-  const order = Math.floor(Math.random() * background.length);
-  return `${background[order]}.400`;
-}, "getColor");
-var isColorInList = /* @__PURE__ */ __name((value) => {
-  return background.includes(value);
-}, "isColorInList");
-
-// src/modules/avatar.connects.ts
 function avatarConnect(state, emit, classes) {
   const {
     id,
     name,
-    borderColor,
     hasBorder,
-    variantColor,
     src,
     icon,
     iconVariant,
@@ -144,7 +123,6 @@ function avatarConnect(state, emit, classes) {
     var _a, _b;
     return !!((_b = (_a = (0, import_vue.getCurrentInstance)()) == null ? void 0 : _a.vnode.props) == null ? void 0 : _b.onClick);
   }).value;
-  const isRandomColor = isColorInList(variantColor);
   return {
     name,
     src,
@@ -156,9 +134,7 @@ function avatarConnect(state, emit, classes) {
       class: classes.root,
       style: {
         "--mp-avatar--cursor": isClickable ? "pointer" : void 0,
-        "--mp-avatar--margin-left": `calc(${import_tokens.token.var(`spacing.${spacing}`)} * -1)`,
-        "--mp-avatar--border-color": import_tokens.token.var(`colors.${hasBorder ? borderColor != null ? borderColor : "white" : "white"}`),
-        "--mp-avatar--background-color": import_tokens.token.var(`colors.${isRandomColor ? variantColor : getColor()}`)
+        "--mp-avatar--margin-left": `calc(${import_tokens.token.var(`spacing.${spacing}`)} * -1)`
       },
       "data-has-border": hasBorder,
       "data-pixel-component": "MpAvatar"
@@ -244,7 +220,26 @@ var useAvatarGroup = /* @__PURE__ */ __name((props, emit) => {
   return (0, import_vue2.computed)(() => avatarGroupConnect(context.value, emit, classes));
 }, "useAvatarGroup");
 
+// src/modules/avatar.utils.ts
+var getInitial = /* @__PURE__ */ __name((value) => {
+  const [first, last] = value.split(" ");
+  if (first && last)
+    return `${first.charAt(0)}${last.charAt(0)}`;
+  else
+    return first.charAt(0);
+}, "getInitial");
+var background = ["gray", "sky", "teal", "violet", "amber", "rose", "stone", "lime", "pink"];
+var getColor = /* @__PURE__ */ __name((isNextTheme) => {
+  const order = Math.floor(Math.random() * background.length);
+  return isNextTheme ? `chart.cat0${order + 1}` : `${background[order]}.400`;
+}, "getColor");
+var isColorInList = /* @__PURE__ */ __name((value) => {
+  return background.includes(value);
+}, "isColorInList");
+
 // src/avatar.tsx
+var import_pixel3_utils3 = require("@mekari/pixel3-utils");
+var import_tokens2 = require("@mekari/pixel3-styled-system/tokens");
 var import_pixel3_icon = require("@mekari/pixel3-icon");
 
 // src/avatar-fallback.tsx
@@ -284,14 +279,23 @@ var MpAvatar = (0, import_vue8.defineComponent)({
     emit
   }) {
     const api = useAvatar(props, emit);
-    return () => (0, import_vue7.createVNode)("div", api.value.rootProps, [api.value.src ? (0, import_vue7.createVNode)(MpAvatarImage, api.value.imageProps, null) : void 0, !api.value.icon && !api.value.src || api.value.src && !api.value.isLoaded ? api.value.name ? getInitial(api.value.name) : (0, import_vue7.createVNode)(MpAvatarFallback, api.value.fallbackProps, null) : void 0, api.value.icon && (0, import_vue7.createVNode)(import_pixel3_icon.MpIcon, api.value.iconProps, null)]);
+    const {
+      isNextTheme
+    } = (0, import_pixel3_utils3.usePixelTheme)();
+    const isRandomColor = isColorInList(props.variantColor);
+    return () => (0, import_vue7.createVNode)("div", (0, import_vue7.mergeProps)(api.value.rootProps, {
+      "style": {
+        "--mp-avatar--border-color": import_tokens2.token.var(`colors.${props.hasBorder ? props.borderColor ? props.borderColor : isNextTheme.value ? "border.inverse" : "white" : isNextTheme.value ? "border.inverse" : "white"}`),
+        "--mp-avatar--background-color": import_tokens2.token.var(`colors.${isRandomColor ? props.variantColor : getColor(isNextTheme.value)}`)
+      }
+    }), [api.value.src ? (0, import_vue7.createVNode)(MpAvatarImage, api.value.imageProps, null) : void 0, !api.value.icon && !api.value.src || api.value.src && !api.value.isLoaded ? api.value.name ? getInitial(api.value.name) : (0, import_vue7.createVNode)(MpAvatarFallback, api.value.fallbackProps, null) : void 0, api.value.icon && (0, import_vue7.createVNode)(import_pixel3_icon.MpIcon, api.value.iconProps, null)]);
   }
 });
 
 // src/avatar-group.tsx
 var import_vue11 = require("vue");
 var import_vue12 = require("vue");
-var import_pixel3_utils3 = require("@mekari/pixel3-utils");
+var import_pixel3_utils4 = require("@mekari/pixel3-utils");
 
 // src/avatar-excess.tsx
 var import_vue9 = require("vue");
@@ -318,10 +322,10 @@ var MpAvatarGroup = (0, import_vue12.defineComponent)({
     emit
   }) {
     const api = useAvatarGroup(props, emit);
-    const children = (0, import_vue12.computed)(() => (0, import_pixel3_utils3.getChildren)(slots));
+    const children = (0, import_vue12.computed)(() => (0, import_pixel3_utils4.getChildren)(slots));
     const count = (0, import_vue12.computed)(() => children.value.length - (props.max || 0));
     const cloneChildren = (0, import_vue12.computed)(() => (0, import_vue12.computed)(() => children.value.slice(0, props.max)).value.map((vnode, index) => {
-      const overrideProps = (0, import_pixel3_utils3.objectFilterUndefined)({
+      const overrideProps = (0, import_pixel3_utils4.objectFilterUndefined)({
         size: props.size,
         spacing: index === 0 ? 0 : props.spacing,
         hasBorder: true,

package/dist/index.mjs

@@ -1,16 +1,16 @@
 import {
   MpAvatarGroup
-} from "./chunk-FPZ3IFAW.mjs";
+} from "./chunk-5GCWM6MN.mjs";
 import "./chunk-CY2Z6I23.mjs";
 import {
   MpAvatar
-} from "./chunk-GRS6D3IB.mjs";
+} from "./chunk-BERKRG3D.mjs";
+import "./chunk-VD5A4EA5.mjs";
 import "./chunk-NKXS73IR.mjs";
 import "./chunk-3MO4HQYF.mjs";
 import "./chunk-4VNSI4PL.mjs";
-import "./chunk-G4FNYLV7.mjs";
-import "./chunk-7XAF53OT.mjs";
-import "./chunk-ZK47OSEJ.mjs";
+import "./chunk-YULMVSHH.mjs";
+import "./chunk-HGS2OTWQ.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   MpAvatar,

package/dist/metafile-cjs.json

@@ -1 +1 @@
-{"inputs":{"src/avatar-excess.tsx":{"bytes":424,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/avatar-fallback.tsx":{"bytes":974,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.props.ts":{"bytes":1879,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./avatar.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.utils.ts":{"bytes":627,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.connects.ts":{"bytes":3249,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"src/modules/avatar.utils.ts","kind":"import-statement","original":"./avatar.utils"},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.hooks.ts":{"bytes":1141,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/avatar.connects.ts","kind":"import-statement","original":"./avatar.connects"},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/avatar-group.tsx":{"bytes":1488,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/avatar.props.ts","kind":"import-statement","original":"./modules/avatar.props"},{"path":"src/modules/avatar.hooks.ts","kind":"import-statement","original":"./modules/avatar.hooks"},{"path":"src/avatar-excess.tsx","kind":"import-statement","original":"./avatar-excess"}],"format":"esm"},"src/avatar-image.tsx":{"bytes":383,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/avatar.tsx":{"bytes":1179,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/avatar.props.ts","kind":"import-statement","original":"./modules/avatar.props"},{"path":"src/modules/avatar.hooks.ts","kind":"import-statement","original":"./modules/avatar.hooks"},{"path":"src/modules/avatar.utils.ts","kind":"import-statement","original":"./modules/avatar.utils"},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/avatar-fallback.tsx","kind":"import-statement","original":"./avatar-fallback"},{"path":"src/avatar-image.tsx","kind":"import-statement","original":"./avatar-image"}],"format":"esm"},"src/index.ts":{"bytes":359,"imports":[{"path":"src/avatar.tsx","kind":"import-statement","original":"./avatar"},{"path":"src/avatar-group.tsx","kind":"import-statement","original":"./avatar-group"}],"format":"esm"},"src/modules/avatar.types.ts":{"bytes":1699,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/avatar-excess.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar-excess.tsx","inputs":{"src/avatar-excess.tsx":{"bytesInOutput":503}},"bytes":1436},"dist/avatar-fallback.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar-fallback.tsx","inputs":{"src/avatar-fallback.tsx":{"bytesInOutput":1038}},"bytes":1975},"dist/avatar-group.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar-group.tsx","inputs":{"src/avatar-group.tsx":{"bytesInOutput":1422},"src/modules/avatar.props.ts":{"bytesInOutput":461},"src/modules/avatar.hooks.ts":{"bytesInOutput":485},"src/modules/avatar.connects.ts":{"bytesInOutput":991},"src/avatar-excess.tsx":{"bytesInOutput":342}},"bytes":4904},"dist/avatar-image.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar-image.tsx","inputs":{"src/avatar-image.tsx":{"bytesInOutput":390}},"bytes":1321},"dist/avatar.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar.tsx","inputs":{"src/avatar.tsx":{"bytesInOutput":937},"src/modules/avatar.props.ts":{"bytesInOutput":752},"src/modules/avatar.hooks.ts":{"bytesInOutput":568},"src/modules/avatar.connects.ts":{"bytesInOutput":2335},"src/modules/avatar.utils.ts":{"bytesInOutput":589},"src/avatar-fallback.tsx":{"bytesInOutput":870},"src/avatar-image.tsx":{"bytesInOutput":234}},"bytes":7584},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":159},"src/avatar.tsx":{"bytesInOutput":807},"src/modules/avatar.props.ts":{"bytesInOutput":998},"src/modules/avatar.hooks.ts":{"bytesInOutput":949},"src/modules/avatar.connects.ts":{"bytesInOutput":3165},"src/modules/avatar.utils.ts":{"bytesInOutput":589},"src/avatar-fallback.tsx":{"bytesInOutput":870},"src/avatar-image.tsx":{"bytesInOutput":234},"src/avatar-group.tsx":{"bytesInOutput":1274},"src/avatar-excess.tsx":{"bytesInOutput":344}},"bytes":10798},"dist/modules/avatar.connects.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/avatar.connects.ts","inputs":{"src/modules/avatar.connects.ts":{"bytesInOutput":3377},"src/modules/avatar.utils.ts":{"bytesInOutput":370}},"bytes":4867},"dist/modules/avatar.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/avatar.hooks.ts","inputs":{"src/modules/avatar.hooks.ts":{"bytesInOutput":1139},"src/modules/avatar.connects.ts":{"bytesInOutput":3162},"src/modules/avatar.utils.ts":{"bytesInOutput":370}},"bytes":5847},"dist/modules/avatar.props.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/avatar.props.ts","inputs":{"src/modules/avatar.props.ts":{"bytesInOutput":1274}},"bytes":2265},"dist/modules/avatar.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/avatar.types.ts","inputs":{"src/modules/avatar.types.ts":{"bytesInOutput":84}},"bytes":787},"dist/modules/avatar.utils.js":{"imports":[],"exports":[],"entryPoint":"src/modules/avatar.utils.ts","inputs":{"src/modules/avatar.utils.ts":{"bytesInOutput":807}},"bytes":1861}}}
+{"inputs":{"src/avatar-excess.tsx":{"bytes":424,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/avatar-fallback.tsx":{"bytes":974,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.props.ts":{"bytes":1879,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./avatar.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.connects.ts":{"bytes":2836,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.hooks.ts":{"bytes":1141,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/avatar.connects.ts","kind":"import-statement","original":"./avatar.connects"},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/avatar-group.tsx":{"bytes":1488,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/avatar.props.ts","kind":"import-statement","original":"./modules/avatar.props"},{"path":"src/modules/avatar.hooks.ts","kind":"import-statement","original":"./modules/avatar.hooks"},{"path":"src/avatar-excess.tsx","kind":"import-statement","original":"./avatar-excess"}],"format":"esm"},"src/avatar-image.tsx":{"bytes":383,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.utils.ts":{"bytes":688,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/avatar.tsx":{"bytes":1919,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/avatar.props.ts","kind":"import-statement","original":"./modules/avatar.props"},{"path":"src/modules/avatar.hooks.ts","kind":"import-statement","original":"./modules/avatar.hooks"},{"path":"src/modules/avatar.utils.ts","kind":"import-statement","original":"./modules/avatar.utils"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/avatar-fallback.tsx","kind":"import-statement","original":"./avatar-fallback"},{"path":"src/avatar-image.tsx","kind":"import-statement","original":"./avatar-image"}],"format":"esm"},"src/index.ts":{"bytes":359,"imports":[{"path":"src/avatar.tsx","kind":"import-statement","original":"./avatar"},{"path":"src/avatar-group.tsx","kind":"import-statement","original":"./avatar-group"}],"format":"esm"},"src/modules/avatar.types.ts":{"bytes":1699,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/avatar-excess.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar-excess.tsx","inputs":{"src/avatar-excess.tsx":{"bytesInOutput":503}},"bytes":1436},"dist/avatar-fallback.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar-fallback.tsx","inputs":{"src/avatar-fallback.tsx":{"bytesInOutput":1038}},"bytes":1975},"dist/avatar-group.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar-group.tsx","inputs":{"src/avatar-group.tsx":{"bytesInOutput":1422},"src/modules/avatar.props.ts":{"bytesInOutput":461},"src/modules/avatar.hooks.ts":{"bytesInOutput":485},"src/modules/avatar.connects.ts":{"bytesInOutput":991},"src/avatar-excess.tsx":{"bytesInOutput":342}},"bytes":4904},"dist/avatar-image.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar-image.tsx","inputs":{"src/avatar-image.tsx":{"bytesInOutput":390}},"bytes":1321},"dist/avatar.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar.tsx","inputs":{"src/avatar.tsx":{"bytesInOutput":1645},"src/modules/avatar.props.ts":{"bytesInOutput":752},"src/modules/avatar.hooks.ts":{"bytesInOutput":568},"src/modules/avatar.connects.ts":{"bytesInOutput":1985},"src/modules/avatar.utils.ts":{"bytesInOutput":641},"src/avatar-fallback.tsx":{"bytesInOutput":870},"src/avatar-image.tsx":{"bytesInOutput":234}},"bytes":7959},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":159},"src/avatar.tsx":{"bytesInOutput":1515},"src/modules/avatar.props.ts":{"bytesInOutput":998},"src/modules/avatar.hooks.ts":{"bytesInOutput":949},"src/modules/avatar.connects.ts":{"bytesInOutput":2815},"src/modules/avatar.utils.ts":{"bytesInOutput":641},"src/avatar-fallback.tsx":{"bytesInOutput":870},"src/avatar-image.tsx":{"bytesInOutput":234},"src/avatar-group.tsx":{"bytesInOutput":1274},"src/avatar-excess.tsx":{"bytesInOutput":344}},"bytes":11173},"dist/modules/avatar.connects.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/avatar.connects.ts","inputs":{"src/modules/avatar.connects.ts":{"bytesInOutput":3027}},"bytes":4080},"dist/modules/avatar.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/avatar.hooks.ts","inputs":{"src/modules/avatar.hooks.ts":{"bytesInOutput":1139},"src/modules/avatar.connects.ts":{"bytesInOutput":2812}},"bytes":5060},"dist/modules/avatar.props.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/avatar.props.ts","inputs":{"src/modules/avatar.props.ts":{"bytesInOutput":1274}},"bytes":2265},"dist/modules/avatar.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/avatar.types.ts","inputs":{"src/modules/avatar.types.ts":{"bytesInOutput":84}},"bytes":787},"dist/modules/avatar.utils.js":{"imports":[],"exports":[],"entryPoint":"src/modules/avatar.utils.ts","inputs":{"src/modules/avatar.utils.ts":{"bytesInOutput":859}},"bytes":1913}}}

package/dist/metafile-esm.json

@@ -1 +1 @@
-{"inputs":{"src/avatar-excess.tsx":{"bytes":424,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/avatar-fallback.tsx":{"bytes":974,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.props.ts":{"bytes":1879,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./avatar.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.utils.ts":{"bytes":627,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.connects.ts":{"bytes":3249,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"src/modules/avatar.utils.ts","kind":"import-statement","original":"./avatar.utils"},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.hooks.ts":{"bytes":1141,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/avatar.connects.ts","kind":"import-statement","original":"./avatar.connects"},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/avatar-group.tsx":{"bytes":1488,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/avatar.props.ts","kind":"import-statement","original":"./modules/avatar.props"},{"path":"src/modules/avatar.hooks.ts","kind":"import-statement","original":"./modules/avatar.hooks"},{"path":"src/avatar-excess.tsx","kind":"import-statement","original":"./avatar-excess"}],"format":"esm"},"src/avatar-image.tsx":{"bytes":383,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/avatar.tsx":{"bytes":1179,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/avatar.props.ts","kind":"import-statement","original":"./modules/avatar.props"},{"path":"src/modules/avatar.hooks.ts","kind":"import-statement","original":"./modules/avatar.hooks"},{"path":"src/modules/avatar.utils.ts","kind":"import-statement","original":"./modules/avatar.utils"},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/avatar-fallback.tsx","kind":"import-statement","original":"./avatar-fallback"},{"path":"src/avatar-image.tsx","kind":"import-statement","original":"./avatar-image"}],"format":"esm"},"src/index.ts":{"bytes":359,"imports":[{"path":"src/avatar.tsx","kind":"import-statement","original":"./avatar"},{"path":"src/avatar-group.tsx","kind":"import-statement","original":"./avatar-group"}],"format":"esm"},"src/modules/avatar.types.ts":{"bytes":1699,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/modules/avatar.props.mjs":{"imports":[{"path":"dist/chunk-3MO4HQYF.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["avatarEmits","avatarGroupEmits","avatarGroupProps","avatarProps"],"entryPoint":"src/modules/avatar.props.ts","inputs":{},"bytes":223},"dist/modules/avatar.types.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/avatar.types.ts","inputs":{"src/modules/avatar.types.ts":{"bytesInOutput":0}},"bytes":0},"dist/modules/avatar.utils.mjs":{"imports":[{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["getColor","getInitial","isColorInList"],"entryPoint":"src/modules/avatar.utils.ts","inputs":{},"bytes":169},"dist/avatar-excess.mjs":{"imports":[{"path":"dist/chunk-CY2Z6I23.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatarExcess"],"entryPoint":"src/avatar-excess.tsx","inputs":{},"bytes":117},"dist/avatar-fallback.mjs":{"imports":[{"path":"dist/chunk-NKXS73IR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatarFallback"],"entryPoint":"src/avatar-fallback.tsx","inputs":{},"bytes":121},"dist/avatar-group.mjs":{"imports":[{"path":"dist/chunk-FPZ3IFAW.mjs","kind":"import-statement"},{"path":"dist/chunk-CY2Z6I23.mjs","kind":"import-statement"},{"path":"dist/chunk-3MO4HQYF.mjs","kind":"import-statement"},{"path":"dist/chunk-G4FNYLV7.mjs","kind":"import-statement"},{"path":"dist/chunk-7XAF53OT.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatarGroup"],"entryPoint":"src/avatar-group.tsx","inputs":{},"bytes":270},"dist/avatar-image.mjs":{"imports":[{"path":"dist/chunk-4VNSI4PL.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatarImage"],"entryPoint":"src/avatar-image.tsx","inputs":{},"bytes":115},"dist/avatar.mjs":{"imports":[{"path":"dist/chunk-GRS6D3IB.mjs","kind":"import-statement"},{"path":"dist/chunk-NKXS73IR.mjs","kind":"import-statement"},{"path":"dist/chunk-3MO4HQYF.mjs","kind":"import-statement"},{"path":"dist/chunk-4VNSI4PL.mjs","kind":"import-statement"},{"path":"dist/chunk-G4FNYLV7.mjs","kind":"import-statement"},{"path":"dist/chunk-7XAF53OT.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatar"],"entryPoint":"src/avatar.tsx","inputs":{},"bytes":291},"dist/index.mjs":{"imports":[{"path":"dist/chunk-FPZ3IFAW.mjs","kind":"import-statement"},{"path":"dist/chunk-CY2Z6I23.mjs","kind":"import-statement"},{"path":"dist/chunk-GRS6D3IB.mjs","kind":"import-statement"},{"path":"dist/chunk-NKXS73IR.mjs","kind":"import-statement"},{"path":"dist/chunk-3MO4HQYF.mjs","kind":"import-statement"},{"path":"dist/chunk-4VNSI4PL.mjs","kind":"import-statement"},{"path":"dist/chunk-G4FNYLV7.mjs","kind":"import-statement"},{"path":"dist/chunk-7XAF53OT.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatar","MpAvatarGroup"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":395},"dist/chunk-FPZ3IFAW.mjs":{"imports":[{"path":"dist/chunk-CY2Z6I23.mjs","kind":"import-statement"},{"path":"dist/chunk-3MO4HQYF.mjs","kind":"import-statement"},{"path":"dist/chunk-G4FNYLV7.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpAvatarGroup"],"inputs":{"src/avatar-group.tsx":{"bytesInOutput":1137}},"bytes":1384},"dist/chunk-CY2Z6I23.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpAvatarExcess"],"inputs":{"src/avatar-excess.tsx":{"bytesInOutput":331}},"bytes":386},"dist/chunk-GRS6D3IB.mjs":{"imports":[{"path":"dist/chunk-NKXS73IR.mjs","kind":"import-statement"},{"path":"dist/chunk-3MO4HQYF.mjs","kind":"import-statement"},{"path":"dist/chunk-4VNSI4PL.mjs","kind":"import-statement"},{"path":"dist/chunk-G4FNYLV7.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"exports":["MpAvatar"],"inputs":{"src/avatar.tsx":{"bytesInOutput":718}},"bytes":1050},"dist/chunk-NKXS73IR.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpAvatarFallback"],"inputs":{"src/avatar-fallback.tsx":{"bytesInOutput":811}},"bytes":870},"dist/chunk-3MO4HQYF.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["avatarEmits","avatarGroupEmits","avatarGroupProps","avatarProps"],"inputs":{"src/modules/avatar.props.ts":{"bytesInOutput":941}},"bytes":1054},"dist/chunk-4VNSI4PL.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpAvatarImage"],"inputs":{"src/avatar-image.tsx":{"bytesInOutput":223}},"bytes":276},"dist/modules/avatar.connects.mjs":{"imports":[{"path":"dist/chunk-7XAF53OT.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["avatarConnect","avatarGroupConnect"],"entryPoint":"src/modules/avatar.connects.ts","inputs":{},"bytes":193},"dist/modules/avatar.hooks.mjs":{"imports":[{"path":"dist/chunk-G4FNYLV7.mjs","kind":"import-statement"},{"path":"dist/chunk-7XAF53OT.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useAvatar","useAvatarGroup"],"entryPoint":"src/modules/avatar.hooks.ts","inputs":{},"bytes":209},"dist/chunk-G4FNYLV7.mjs":{"imports":[{"path":"dist/chunk-7XAF53OT.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useAvatar","useAvatarGroup"],"inputs":{"src/modules/avatar.hooks.ts":{"bytesInOutput":840}},"bytes":1042},"dist/chunk-7XAF53OT.mjs":{"imports":[{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true}],"exports":["avatarConnect","avatarGroupConnect"],"inputs":{"src/modules/avatar.connects.ts":{"bytesInOutput":2994}},"bytes":3197},"dist/chunk-ZK47OSEJ.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["getColor","getInitial","isColorInList"],"inputs":{"src/modules/avatar.utils.ts":{"bytesInOutput":589}},"bytes":725},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
+{"inputs":{"src/avatar-excess.tsx":{"bytes":424,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/avatar-fallback.tsx":{"bytes":974,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.props.ts":{"bytes":1879,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./avatar.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.connects.ts":{"bytes":2836,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.hooks.ts":{"bytes":1141,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/avatar.connects.ts","kind":"import-statement","original":"./avatar.connects"},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/avatar-group.tsx":{"bytes":1488,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/avatar.props.ts","kind":"import-statement","original":"./modules/avatar.props"},{"path":"src/modules/avatar.hooks.ts","kind":"import-statement","original":"./modules/avatar.hooks"},{"path":"src/avatar-excess.tsx","kind":"import-statement","original":"./avatar-excess"}],"format":"esm"},"src/avatar-image.tsx":{"bytes":383,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.utils.ts":{"bytes":688,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/avatar.tsx":{"bytes":1919,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/avatar.props.ts","kind":"import-statement","original":"./modules/avatar.props"},{"path":"src/modules/avatar.hooks.ts","kind":"import-statement","original":"./modules/avatar.hooks"},{"path":"src/modules/avatar.utils.ts","kind":"import-statement","original":"./modules/avatar.utils"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/avatar-fallback.tsx","kind":"import-statement","original":"./avatar-fallback"},{"path":"src/avatar-image.tsx","kind":"import-statement","original":"./avatar-image"}],"format":"esm"},"src/index.ts":{"bytes":359,"imports":[{"path":"src/avatar.tsx","kind":"import-statement","original":"./avatar"},{"path":"src/avatar-group.tsx","kind":"import-statement","original":"./avatar-group"}],"format":"esm"},"src/modules/avatar.types.ts":{"bytes":1699,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/modules/avatar.props.mjs":{"imports":[{"path":"dist/chunk-3MO4HQYF.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["avatarEmits","avatarGroupEmits","avatarGroupProps","avatarProps"],"entryPoint":"src/modules/avatar.props.ts","inputs":{},"bytes":223},"dist/modules/avatar.types.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/avatar.types.ts","inputs":{"src/modules/avatar.types.ts":{"bytesInOutput":0}},"bytes":0},"dist/modules/avatar.utils.mjs":{"imports":[{"path":"dist/chunk-VD5A4EA5.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["getColor","getInitial","isColorInList"],"entryPoint":"src/modules/avatar.utils.ts","inputs":{},"bytes":169},"dist/avatar-excess.mjs":{"imports":[{"path":"dist/chunk-CY2Z6I23.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatarExcess"],"entryPoint":"src/avatar-excess.tsx","inputs":{},"bytes":117},"dist/avatar-fallback.mjs":{"imports":[{"path":"dist/chunk-NKXS73IR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatarFallback"],"entryPoint":"src/avatar-fallback.tsx","inputs":{},"bytes":121},"dist/avatar-group.mjs":{"imports":[{"path":"dist/chunk-5GCWM6MN.mjs","kind":"import-statement"},{"path":"dist/chunk-CY2Z6I23.mjs","kind":"import-statement"},{"path":"dist/chunk-3MO4HQYF.mjs","kind":"import-statement"},{"path":"dist/chunk-YULMVSHH.mjs","kind":"import-statement"},{"path":"dist/chunk-HGS2OTWQ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatarGroup"],"entryPoint":"src/avatar-group.tsx","inputs":{},"bytes":239},"dist/avatar-image.mjs":{"imports":[{"path":"dist/chunk-4VNSI4PL.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatarImage"],"entryPoint":"src/avatar-image.tsx","inputs":{},"bytes":115},"dist/avatar.mjs":{"imports":[{"path":"dist/chunk-BERKRG3D.mjs","kind":"import-statement"},{"path":"dist/chunk-VD5A4EA5.mjs","kind":"import-statement"},{"path":"dist/chunk-NKXS73IR.mjs","kind":"import-statement"},{"path":"dist/chunk-3MO4HQYF.mjs","kind":"import-statement"},{"path":"dist/chunk-4VNSI4PL.mjs","kind":"import-statement"},{"path":"dist/chunk-YULMVSHH.mjs","kind":"import-statement"},{"path":"dist/chunk-HGS2OTWQ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatar"],"entryPoint":"src/avatar.tsx","inputs":{},"bytes":291},"dist/index.mjs":{"imports":[{"path":"dist/chunk-5GCWM6MN.mjs","kind":"import-statement"},{"path":"dist/chunk-CY2Z6I23.mjs","kind":"import-statement"},{"path":"dist/chunk-BERKRG3D.mjs","kind":"import-statement"},{"path":"dist/chunk-VD5A4EA5.mjs","kind":"import-statement"},{"path":"dist/chunk-NKXS73IR.mjs","kind":"import-statement"},{"path":"dist/chunk-3MO4HQYF.mjs","kind":"import-statement"},{"path":"dist/chunk-4VNSI4PL.mjs","kind":"import-statement"},{"path":"dist/chunk-YULMVSHH.mjs","kind":"import-statement"},{"path":"dist/chunk-HGS2OTWQ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatar","MpAvatarGroup"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":395},"dist/chunk-5GCWM6MN.mjs":{"imports":[{"path":"dist/chunk-CY2Z6I23.mjs","kind":"import-statement"},{"path":"dist/chunk-3MO4HQYF.mjs","kind":"import-statement"},{"path":"dist/chunk-YULMVSHH.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpAvatarGroup"],"inputs":{"src/avatar-group.tsx":{"bytesInOutput":1137}},"bytes":1384},"dist/chunk-CY2Z6I23.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpAvatarExcess"],"inputs":{"src/avatar-excess.tsx":{"bytesInOutput":331}},"bytes":386},"dist/chunk-BERKRG3D.mjs":{"imports":[{"path":"dist/chunk-VD5A4EA5.mjs","kind":"import-statement"},{"path":"dist/chunk-NKXS73IR.mjs","kind":"import-statement"},{"path":"dist/chunk-3MO4HQYF.mjs","kind":"import-statement"},{"path":"dist/chunk-4VNSI4PL.mjs","kind":"import-statement"},{"path":"dist/chunk-YULMVSHH.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"exports":["MpAvatar"],"inputs":{"src/avatar.tsx":{"bytesInOutput":1367}},"bytes":1728},"dist/chunk-VD5A4EA5.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["getColor","getInitial","isColorInList"],"inputs":{"src/modules/avatar.utils.ts":{"bytesInOutput":641}},"bytes":777},"dist/chunk-NKXS73IR.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpAvatarFallback"],"inputs":{"src/avatar-fallback.tsx":{"bytesInOutput":811}},"bytes":870},"dist/chunk-3MO4HQYF.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["avatarEmits","avatarGroupEmits","avatarGroupProps","avatarProps"],"inputs":{"src/modules/avatar.props.ts":{"bytesInOutput":941}},"bytes":1054},"dist/chunk-4VNSI4PL.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpAvatarImage"],"inputs":{"src/avatar-image.tsx":{"bytesInOutput":223}},"bytes":276},"dist/modules/avatar.connects.mjs":{"imports":[{"path":"dist/chunk-HGS2OTWQ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["avatarConnect","avatarGroupConnect"],"entryPoint":"src/modules/avatar.connects.ts","inputs":{},"bytes":161},"dist/modules/avatar.hooks.mjs":{"imports":[{"path":"dist/chunk-YULMVSHH.mjs","kind":"import-statement"},{"path":"dist/chunk-HGS2OTWQ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useAvatar","useAvatarGroup"],"entryPoint":"src/modules/avatar.hooks.ts","inputs":{},"bytes":177},"dist/chunk-YULMVSHH.mjs":{"imports":[{"path":"dist/chunk-HGS2OTWQ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useAvatar","useAvatarGroup"],"inputs":{"src/modules/avatar.hooks.ts":{"bytesInOutput":840}},"bytes":1042},"dist/chunk-HGS2OTWQ.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true}],"exports":["avatarConnect","avatarGroupConnect"],"inputs":{"src/modules/avatar.connects.ts":{"bytesInOutput":2672}},"bytes":2807},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}

package/dist/modules/avatar.connects.js

@@ -28,25 +28,11 @@ module.exports = __toCommonJS(avatar_connects_exports);
 var import_vue = require("vue");
 var import_pixel3_utils = require("@mekari/pixel3-utils");
 var import_tokens = require("@mekari/pixel3-styled-system/tokens");
-
-// src/modules/avatar.utils.ts
-var background = ["gray", "sky", "teal", "violet", "amber", "rose", "stone", "lime", "pink"];
-var getColor = /* @__PURE__ */ __name(() => {
-  const order = Math.floor(Math.random() * background.length);
-  return `${background[order]}.400`;
-}, "getColor");
-var isColorInList = /* @__PURE__ */ __name((value) => {
-  return background.includes(value);
-}, "isColorInList");
-
-// src/modules/avatar.connects.ts
 function avatarConnect(state, emit, classes) {
   const {
     id,
     name,
-    borderColor,
     hasBorder,
-    variantColor,
     src,
     icon,
     iconVariant,
@@ -59,7 +45,6 @@ function avatarConnect(state, emit, classes) {
     var _a, _b;
     return !!((_b = (_a = (0, import_vue.getCurrentInstance)()) == null ? void 0 : _a.vnode.props) == null ? void 0 : _b.onClick);
   }).value;
-  const isRandomColor = isColorInList(variantColor);
   return {
     name,
     src,
@@ -71,9 +56,7 @@ function avatarConnect(state, emit, classes) {
       class: classes.root,
       style: {
         "--mp-avatar--cursor": isClickable ? "pointer" : void 0,
-        "--mp-avatar--margin-left": `calc(${import_tokens.token.var(`spacing.${spacing}`)} * -1)`,
-        "--mp-avatar--border-color": import_tokens.token.var(`colors.${hasBorder ? borderColor != null ? borderColor : "white" : "white"}`),
-        "--mp-avatar--background-color": import_tokens.token.var(`colors.${isRandomColor ? variantColor : getColor()}`)
+        "--mp-avatar--margin-left": `calc(${import_tokens.token.var(`spacing.${spacing}`)} * -1)`
       },
       "data-has-border": hasBorder,
       "data-pixel-component": "MpAvatar"

package/dist/modules/avatar.connects.mjs

@@ -1,8 +1,7 @@
 import {
   avatarConnect,
   avatarGroupConnect
-} from "../chunk-7XAF53OT.mjs";
-import "../chunk-ZK47OSEJ.mjs";
+} from "../chunk-HGS2OTWQ.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   avatarConnect,

package/dist/modules/avatar.hooks.js

@@ -32,25 +32,11 @@ var import_recipes = require("@mekari/pixel3-styled-system/recipes");
 var import_vue = require("vue");
 var import_pixel3_utils = require("@mekari/pixel3-utils");
 var import_tokens = require("@mekari/pixel3-styled-system/tokens");
-
-// src/modules/avatar.utils.ts
-var background = ["gray", "sky", "teal", "violet", "amber", "rose", "stone", "lime", "pink"];
-var getColor = /* @__PURE__ */ __name(() => {
-  const order = Math.floor(Math.random() * background.length);
-  return `${background[order]}.400`;
-}, "getColor");
-var isColorInList = /* @__PURE__ */ __name((value) => {
-  return background.includes(value);
-}, "isColorInList");
-
-// src/modules/avatar.connects.ts
 function avatarConnect(state, emit, classes) {
   const {
     id,
     name,
-    borderColor,
     hasBorder,
-    variantColor,
     src,
     icon,
     iconVariant,
@@ -63,7 +49,6 @@ function avatarConnect(state, emit, classes) {
     var _a, _b;
     return !!((_b = (_a = (0, import_vue.getCurrentInstance)()) == null ? void 0 : _a.vnode.props) == null ? void 0 : _b.onClick);
   }).value;
-  const isRandomColor = isColorInList(variantColor);
   return {
     name,
     src,
@@ -75,9 +60,7 @@ function avatarConnect(state, emit, classes) {
       class: classes.root,
       style: {
         "--mp-avatar--cursor": isClickable ? "pointer" : void 0,
-        "--mp-avatar--margin-left": `calc(${import_tokens.token.var(`spacing.${spacing}`)} * -1)`,
-        "--mp-avatar--border-color": import_tokens.token.var(`colors.${hasBorder ? borderColor != null ? borderColor : "white" : "white"}`),
-        "--mp-avatar--background-color": import_tokens.token.var(`colors.${isRandomColor ? variantColor : getColor()}`)
+        "--mp-avatar--margin-left": `calc(${import_tokens.token.var(`spacing.${spacing}`)} * -1)`
       },
       "data-has-border": hasBorder,
       "data-pixel-component": "MpAvatar"

package/dist/modules/avatar.hooks.mjs

@@ -1,9 +1,8 @@
 import {
   useAvatar,
   useAvatarGroup
-} from "../chunk-G4FNYLV7.mjs";
-import "../chunk-7XAF53OT.mjs";
-import "../chunk-ZK47OSEJ.mjs";
+} from "../chunk-YULMVSHH.mjs";
+import "../chunk-HGS2OTWQ.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   useAvatar,

package/dist/modules/avatar.utils.d.mts

@@ -2,7 +2,7 @@
  * Exported avatar utils.
  */
 declare const getInitial: (value: string) => string;
-declare const getColor: () => string;
+declare const getColor: (isNextTheme: boolean) => string;
 declare const isColorInList: (value: string) => boolean;
 
 export { getColor, getInitial, isColorInList };

package/dist/modules/avatar.utils.d.ts

@@ -2,7 +2,7 @@
  * Exported avatar utils.
  */
 declare const getInitial: (value: string) => string;
-declare const getColor: () => string;
+declare const getColor: (isNextTheme: boolean) => string;
 declare const isColorInList: (value: string) => boolean;
 
 export { getColor, getInitial, isColorInList };

package/dist/modules/avatar.utils.js

@@ -34,9 +34,9 @@ var getInitial = /* @__PURE__ */ __name((value) => {
     return first.charAt(0);
 }, "getInitial");
 var background = ["gray", "sky", "teal", "violet", "amber", "rose", "stone", "lime", "pink"];
-var getColor = /* @__PURE__ */ __name(() => {
+var getColor = /* @__PURE__ */ __name((isNextTheme) => {
   const order = Math.floor(Math.random() * background.length);
-  return `${background[order]}.400`;
+  return isNextTheme ? `chart.cat0${order + 1}` : `${background[order]}.400`;
 }, "getColor");
 var isColorInList = /* @__PURE__ */ __name((value) => {
   return background.includes(value);

package/dist/modules/avatar.utils.mjs

@@ -2,7 +2,7 @@ import {
   getColor,
   getInitial,
   isColorInList
-} from "../chunk-ZK47OSEJ.mjs";
+} from "../chunk-VD5A4EA5.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   getColor,

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@mekari/pixel3-avatar",
   "description": "Mekari Pixel 3 | Avatar component is used to display profile image, initial or fallback icon",
-  "version": "0.0.16-dev.0",
+  "version": "0.0.17-dev.0",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@mekari/pixel3-icon": "0.0.16-dev.0",
-    "@mekari/pixel3-styled-system": "0.1.1",
-    "@mekari/pixel3-utils": "0.0.6"
+    "@mekari/pixel3-icon": "0.0.17-dev.0",
+    "@mekari/pixel3-styled-system": "0.1.2-dev.0",
+    "@mekari/pixel3-utils": "0.0.7-dev.0"
   },
   "peerDependencies": {
     "vue": "^3.4.9"

package/dist/chunk-GRS6D3IB.mjs

@@ -1,36 +0,0 @@
-import {
-  MpAvatarFallback
-} from "./chunk-NKXS73IR.mjs";
-import {
-  avatarEmits,
-  avatarProps
-} from "./chunk-3MO4HQYF.mjs";
-import {
-  MpAvatarImage
-} from "./chunk-4VNSI4PL.mjs";
-import {
-  useAvatar
-} from "./chunk-G4FNYLV7.mjs";
-import {
-  getInitial
-} from "./chunk-ZK47OSEJ.mjs";
-
-// src/avatar.tsx
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { MpIcon } from "@mekari/pixel3-icon";
-var MpAvatar = defineComponent({
-  name: "MpAvatar",
-  props: avatarProps,
-  emits: avatarEmits,
-  setup(props, {
-    emit
-  }) {
-    const api = useAvatar(props, emit);
-    return () => _createVNode("div", api.value.rootProps, [api.value.src ? _createVNode(MpAvatarImage, api.value.imageProps, null) : void 0, !api.value.icon && !api.value.src || api.value.src && !api.value.isLoaded ? api.value.name ? getInitial(api.value.name) : _createVNode(MpAvatarFallback, api.value.fallbackProps, null) : void 0, api.value.icon && _createVNode(MpIcon, api.value.iconProps, null)]);
-  }
-});
-
-export {
-  MpAvatar
-};