@mekari/pixel3-avatar 0.0.0

package/dist/chunk-U4MXRXR7.mjs

@@ -0,0 +1,56 @@
+import {
+  __name
+} from "./chunk-QZ7VFGWC.mjs";
+
+// src/modules/avatar.machines.ts
+import { createMachine } from "xstate";
+function avatarMachine(context) {
+  return createMachine({
+    /** @xstate-layout N4IgpgJg5mDOIC5QEMBuyAuyBOA6ANgPbIQCWAdlAMQCSAsgOID6AMgPICCAIgKJcDaABgC6iUAAdCsUhlKFyYkAA9EARgAsATlwBWAMybBANgBMOgDQgAnojMncAdh0BfZ5bSYcBYmUq1GTDwASkFsQUKiSCCS0rLyiioIGtr6hqYW1ogAHA64gll6hUXFha7u6Fh4RCSQ-szBoeEiijEycgpRieoajnrqek6WNghZqrplIB6VuGDY2ITYdaycvALNUa1xHaBdgnq4mgMZw6p6Jq5uIOSEEHCKUzgtUm3xnYgAtEZDH0YTD1U+ChQJ6xdoJRDqEzfBCadR-Cpeaq3CAgl7bZSIHRGfajMzQ04uS7-GZzBaorbghB6QTabrqYx4zIjXI6AoldkXZxAA */
+    id: "avatar",
+    context,
+    initial: "loading",
+    states: {
+      loading: {
+        on: {
+          IMG_LOADED: {
+            target: "loaded"
+          },
+          IMG_ERROR: {
+            target: "error"
+          }
+        }
+      },
+      loaded: {
+        on: {
+          IMG_ERROR: {
+            target: "error"
+          }
+        }
+      },
+      error: {
+        on: {
+          IMG_LOADED: {
+            target: "loaded"
+          }
+        }
+      }
+    },
+    predictableActionArguments: true
+  });
+}
+__name(avatarMachine, "avatarMachine");
+function avatarGroupMachine(context) {
+  return createMachine({
+    /** @xstate-layout N4IgpgJg5mDOIC5gF8A0IB2B7CdGgEMA3AgFwICcBaKCrAVwAd8RGtYBLUjrDFgD0QBGAEzoAnsJHIZyIA */
+    id: "avatar-group",
+    context,
+    predictableActionArguments: true
+  });
+}
+__name(avatarGroupMachine, "avatarGroupMachine");
+
+export {
+  avatarMachine,
+  avatarGroupMachine
+};

package/dist/chunk-ZK47OSEJ.mjs

@@ -0,0 +1,26 @@
+import {
+  __name
+} from "./chunk-QZ7VFGWC.mjs";
+
+// 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");
+
+export {
+  getInitial,
+  getColor,
+  isColorInList
+};

package/dist/chunk-ZMUFXMG4.mjs

@@ -0,0 +1,118 @@
+import {
+  getColor,
+  isColorInList
+} from "./chunk-ZK47OSEJ.mjs";
+import {
+  __name
+} from "./chunk-QZ7VFGWC.mjs";
+
+// src/modules/avatar.connects.ts
+import { computed, getCurrentInstance } from "vue";
+import { token } from "@mekari/pixel3-styled-system/tokens";
+function avatarConnect(state, send, classes) {
+  const {
+    id,
+    name,
+    borderColor,
+    hasBorder,
+    variantColor,
+    src,
+    icon,
+    iconVariant,
+    iconColor,
+    spacing,
+    onClick
+  } = state.context;
+  const isLoaded = state.matches("loaded");
+  const isClickable = computed(() => {
+    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,
+    icon,
+    isLoaded,
+    rootProps: {
+      id,
+      onClick,
+      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()}`)
+      },
+      "data-has-border": hasBorder,
+      "data-pixel-component": "MpAvatar"
+    },
+    fallbackProps: {
+      id: `${id}-fallback`,
+      class: classes.fallback,
+      "data-pixel-component": "MpAvatarFallback"
+    },
+    imageProps: {
+      id: `${id}-image`,
+      alt: name,
+      src,
+      onLoad() {
+        send({
+          type: "IMG_LOADED"
+        });
+      },
+      onError() {
+        send({
+          type: "IMG_ERROR"
+        });
+      },
+      class: classes.image,
+      style: {
+        "--mp-avatar--visibility": !isLoaded ? "hidden" : void 0,
+        "--mp-avatar--display": !isLoaded ? "contents" : void 0
+      },
+      "data-pixel-component": "MpAvatarImage"
+    },
+    iconProps: {
+      id: `${id}-icon`,
+      name: icon,
+      variant: iconVariant,
+      variantColor: iconColor,
+      class: classes.icon,
+      "data-pixel-component": "MpAvatarIcon"
+    }
+  };
+}
+__name(avatarConnect, "avatarConnect");
+function avatarGroupConnect(state, send, classes) {
+  const {
+    id,
+    onClick
+  } = state.context;
+  const isClickable = computed(() => {
+    var _a, _b;
+    return !!((_b = (_a = getCurrentInstance()) == null ? void 0 : _a.vnode.props) == null ? void 0 : _b.onClick);
+  }).value;
+  return {
+    rootProps: {
+      id,
+      class: classes.root,
+      "data-pixel-component": "MpAvatarGroup"
+    },
+    excessProps: {
+      id: `${id}-excess`,
+      onClick,
+      class: classes.excess,
+      style: {
+        "--mp-avatar-group--cursor": isClickable ? "pointer" : void 0
+      },
+      "data-pixel-component": "MpAvatarExcess"
+    }
+  };
+}
+__name(avatarGroupConnect, "avatarGroupConnect");
+
+export {
+  avatarConnect,
+  avatarGroupConnect
+};

package/dist/index.d.mts

@@ -0,0 +1,5 @@
+export { MpAvatar } from './avatar.mjs';
+export { MpAvatarGroup } from './avatar-group.mjs';
+export { AvatarGroupProps, AvatarProps, AvatarSize, AvatarVariant, AvatarVariantColor } from './modules/avatar.types.mjs';
+import 'vue';
+import '@mekari/pixel3-utils';

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { MpAvatar } from './avatar.js';
+export { MpAvatarGroup } from './avatar-group.js';
+export { AvatarGroupProps, AvatarProps, AvatarSize, AvatarVariant, AvatarVariantColor } from './modules/avatar.types.js';
+import 'vue';
+import '@mekari/pixel3-utils';

package/dist/index.js

@@ -0,0 +1,406 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  MpAvatar: () => MpAvatar,
+  MpAvatarGroup: () => MpAvatarGroup
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/avatar.tsx
+var import_vue8 = require("vue");
+var import_vue9 = require("vue");
+
+// src/modules/avatar.props.ts
+var import_pixel3_utils = require("@mekari/pixel3-utils");
+var avatarProps = {
+  id: {
+    type: String
+  },
+  name: {
+    type: String,
+    default: ""
+  },
+  size: {
+    type: String,
+    default: "md"
+  },
+  variant: {
+    type: String,
+    default: "circle"
+  },
+  variantColor: {
+    type: String
+  },
+  hasBorder: {
+    type: Boolean,
+    default: false
+  },
+  borderColor: {
+    type: String
+  },
+  src: {
+    type: String
+  },
+  icon: {
+    type: String
+  },
+  iconVariant: {
+    type: String
+  },
+  iconColor: {
+    type: String
+  },
+  spacing: {
+    type: Number,
+    default: 0
+  }
+};
+var avatarGroupProps = {
+  id: {
+    type: String
+  },
+  size: {
+    type: String,
+    default: "md"
+  },
+  max: {
+    type: Number,
+    default: 3
+  },
+  spacing: {
+    type: Number,
+    default: -2
+  },
+  borderColor: {
+    type: String
+  }
+};
+var avatarEmits = (0, import_pixel3_utils.declareEmit)(["click"]);
+var avatarGroupEmits = (0, import_pixel3_utils.declareEmit)(["click"]);
+
+// src/modules/avatar.hooks.ts
+var import_vue2 = require("vue");
+var import_vue3 = require("@xstate/vue");
+var import_pixel3_utils2 = require("@mekari/pixel3-utils");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+
+// src/modules/avatar.machines.ts
+var import_xstate = require("xstate");
+function avatarMachine(context) {
+  return (0, import_xstate.createMachine)({
+    /** @xstate-layout N4IgpgJg5mDOIC5QEMBuyAuyBOA6ANgPbIQCWAdlAMQCSAsgOID6AMgPICCAIgKJcDaABgC6iUAAdCsUhlKFyYkAA9EARgAsATlwBWAMybBANgBMOgDQgAnojMncAdh0BfZ5bSYcBYmUq1GTDwASkFsQUKiSCCS0rLyiioIGtr6hqYW1ogAHA64gll6hUXFha7u6Fh4RCSQ-szBoeEiijEycgpRieoajnrqek6WNghZqrplIB6VuGDY2ITYdaycvALNUa1xHaBdgnq4mgMZw6p6Jq5uIOSEEHCKUzgtUm3xnYgAtEZDH0YTD1U+ChQJ6xdoJRDqEzfBCadR-Cpeaq3CAgl7bZSIHRGfajMzQ04uS7-GZzBaorbghB6QTabrqYx4zIjXI6AoldkXZxAA */
+    id: "avatar",
+    context,
+    initial: "loading",
+    states: {
+      loading: {
+        on: {
+          IMG_LOADED: {
+            target: "loaded"
+          },
+          IMG_ERROR: {
+            target: "error"
+          }
+        }
+      },
+      loaded: {
+        on: {
+          IMG_ERROR: {
+            target: "error"
+          }
+        }
+      },
+      error: {
+        on: {
+          IMG_LOADED: {
+            target: "loaded"
+          }
+        }
+      }
+    },
+    predictableActionArguments: true
+  });
+}
+__name(avatarMachine, "avatarMachine");
+function avatarGroupMachine(context) {
+  return (0, import_xstate.createMachine)({
+    /** @xstate-layout N4IgpgJg5mDOIC5gF8A0IB2B7CdGgEMA3AgFwICcBaKCrAVwAd8RGtYBLUjrDFgD0QBGAEzoAnsJHIZyIA */
+    id: "avatar-group",
+    context,
+    predictableActionArguments: true
+  });
+}
+__name(avatarGroupMachine, "avatarGroupMachine");
+
+// src/modules/avatar.connects.ts
+var import_vue = require("vue");
+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, send, classes) {
+  const {
+    id,
+    name,
+    borderColor,
+    hasBorder,
+    variantColor,
+    src,
+    icon,
+    iconVariant,
+    iconColor,
+    spacing,
+    onClick
+  } = state.context;
+  const isLoaded = state.matches("loaded");
+  const isClickable = (0, import_vue.computed)(() => {
+    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,
+    icon,
+    isLoaded,
+    rootProps: {
+      id,
+      onClick,
+      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()}`)
+      },
+      "data-has-border": hasBorder,
+      "data-pixel-component": "MpAvatar"
+    },
+    fallbackProps: {
+      id: `${id}-fallback`,
+      class: classes.fallback,
+      "data-pixel-component": "MpAvatarFallback"
+    },
+    imageProps: {
+      id: `${id}-image`,
+      alt: name,
+      src,
+      onLoad() {
+        send({
+          type: "IMG_LOADED"
+        });
+      },
+      onError() {
+        send({
+          type: "IMG_ERROR"
+        });
+      },
+      class: classes.image,
+      style: {
+        "--mp-avatar--visibility": !isLoaded ? "hidden" : void 0,
+        "--mp-avatar--display": !isLoaded ? "contents" : void 0
+      },
+      "data-pixel-component": "MpAvatarImage"
+    },
+    iconProps: {
+      id: `${id}-icon`,
+      name: icon,
+      variant: iconVariant,
+      variantColor: iconColor,
+      class: classes.icon,
+      "data-pixel-component": "MpAvatarIcon"
+    }
+  };
+}
+__name(avatarConnect, "avatarConnect");
+function avatarGroupConnect(state, send, classes) {
+  const {
+    id,
+    onClick
+  } = state.context;
+  const isClickable = (0, import_vue.computed)(() => {
+    var _a, _b;
+    return !!((_b = (_a = (0, import_vue.getCurrentInstance)()) == null ? void 0 : _a.vnode.props) == null ? void 0 : _b.onClick);
+  }).value;
+  return {
+    rootProps: {
+      id,
+      class: classes.root,
+      "data-pixel-component": "MpAvatarGroup"
+    },
+    excessProps: {
+      id: `${id}-excess`,
+      onClick,
+      class: classes.excess,
+      style: {
+        "--mp-avatar-group--cursor": isClickable ? "pointer" : void 0
+      },
+      "data-pixel-component": "MpAvatarExcess"
+    }
+  };
+}
+__name(avatarGroupConnect, "avatarGroupConnect");
+
+// src/modules/avatar.hooks.ts
+var useAvatar = /* @__PURE__ */ __name((props, emit) => {
+  var _a;
+  const context = (0, import_vue2.ref)(props);
+  const {
+    state,
+    send
+  } = (0, import_vue3.useMachine)(avatarMachine({
+    ...context.value,
+    id: (_a = context.value.id) != null ? _a : `mp-avatar-${(0, import_pixel3_utils2.useId)()}`,
+    onClick: (evt) => emit("click", evt)
+  }));
+  const [avatarProps2] = import_recipes.avatarSlotRecipe.splitVariantProps(context.value);
+  const classes = (0, import_recipes.avatarSlotRecipe)(avatarProps2);
+  return (0, import_vue2.computed)(() => avatarConnect(state.value, send, classes));
+}, "useAvatar");
+var useAvatarGroup = /* @__PURE__ */ __name((props, emit) => {
+  var _a;
+  const context = (0, import_vue2.ref)(props);
+  const {
+    state,
+    send
+  } = (0, import_vue3.useMachine)(avatarGroupMachine({
+    ...context.value,
+    id: (_a = context.value.id) != null ? _a : `mp-avatar-group-${(0, import_pixel3_utils2.useId)()}`,
+    onClick: (evt) => emit("click", evt)
+  }));
+  const [avatarGroupProps2] = import_recipes.avatarGroupSlotRecipe.splitVariantProps(context.value);
+  const classes = (0, import_recipes.avatarGroupSlotRecipe)(avatarGroupProps2);
+  return (0, import_vue2.computed)(() => avatarGroupConnect(state.value, send, classes));
+}, "useAvatarGroup");
+
+// src/avatar.tsx
+var import_pixel3_icon = require("@mekari/pixel3-icon");
+
+// src/avatar-fallback.tsx
+var import_vue4 = require("vue");
+var import_vue5 = require("vue");
+var MpAvatarFallback = (0, import_vue5.defineComponent)({
+  name: "MpAvatarFallback",
+  setup() {
+    return () => (0, import_vue4.createVNode)("div", null, [(0, import_vue4.createVNode)("svg", {
+      "fill": "#ffffff",
+      "viewBox": "0 0 128 128",
+      "role": "img"
+    }, [(0, import_vue4.createVNode)("path", {
+      "d": "M103,102.1388 C93.094,111.92 79.3504,118 64.1638,118 C48.8056,118 34.9294,111.768 25,101.7892 L25,95.2 C25,86.8096 31.981,80 40.6,80 L87.4,80 C96.019,80 103,86.8096 103,95.2 L103,102.1388 Z"
+    }, null), (0, import_vue4.createVNode)("path", {
+      "d": "M63.9961647,24 C51.2938136,24 41,34.2938136 41,46.9961647 C41,59.7061864 51.2938136,70 63.9961647,70 C76.6985159,70 87,59.7061864 87,46.9961647 C87,34.2938136 76.6985159,24 63.9961647,24"
+    }, null)])]);
+  }
+});
+
+// src/avatar-image.tsx
+var import_vue6 = require("vue");
+var import_vue7 = require("vue");
+var MpAvatarImage = (0, import_vue7.defineComponent)({
+  name: "MpAvatarImage",
+  setup() {
+    return () => (0, import_vue6.createVNode)("img", null, null);
+  }
+});
+
+// src/avatar.tsx
+var MpAvatar = (0, import_vue9.defineComponent)({
+  name: "MpAvatar",
+  props: avatarProps,
+  emits: avatarEmits,
+  setup(props, {
+    emit
+  }) {
+    const api = useAvatar(props, emit);
+    return () => (0, import_vue8.createVNode)("div", api.value.rootProps, [api.value.src ? (0, import_vue8.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_vue8.createVNode)(MpAvatarFallback, api.value.fallbackProps, null) : void 0, api.value.icon && (0, import_vue8.createVNode)(import_pixel3_icon.MpIcon, api.value.iconProps, null)]);
+  }
+});
+
+// src/avatar-group.tsx
+var import_vue12 = require("vue");
+var import_vue13 = require("vue");
+var import_pixel3_utils3 = require("@mekari/pixel3-utils");
+
+// src/avatar-excess.tsx
+var import_vue10 = require("vue");
+var import_vue11 = require("vue");
+var MpAvatarExcess = (0, import_vue11.defineComponent)({
+  name: "MpAvatarExcess",
+  setup(_, {
+    slots
+  }) {
+    return () => {
+      var _a;
+      return (0, import_vue10.createVNode)("div", null, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+
+// src/avatar-group.tsx
+var MpAvatarGroup = (0, import_vue13.defineComponent)({
+  name: "MpAvatarGroup",
+  props: avatarGroupProps,
+  emits: avatarGroupEmits,
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const api = useAvatarGroup(props, emit);
+    const children = (0, import_vue13.computed)(() => (0, import_pixel3_utils3.getChildren)(slots));
+    const count = (0, import_vue13.computed)(() => children.value.length - (props.max || 0));
+    const cloneChildren = (0, import_vue13.computed)(() => (0, import_vue13.computed)(() => children.value.slice(0, props.max)).value.map((vnode, index) => {
+      const overrideProps = (0, import_pixel3_utils3.objectFilterUndefined)({
+        size: props.size,
+        spacing: index === 0 ? 0 : props.spacing,
+        hasBorder: true,
+        borderColor: props.borderColor
+      });
+      return (0, import_vue13.cloneVNode)(vnode, overrideProps);
+    }));
+    return () => (0, import_vue12.createVNode)("div", api.value.rootProps, [cloneChildren.value, count.value > 0 && props.max !== 0 && (0, import_vue12.createVNode)(MpAvatarExcess, api.value.excessProps, {
+      default: () => [`+${count.value}`]
+    })]);
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MpAvatar,
+  MpAvatarGroup
+});

package/dist/index.mjs

@@ -0,0 +1,19 @@
+import {
+  MpAvatarGroup
+} from "./chunk-RTYPPBOR.mjs";
+import "./chunk-CY2Z6I23.mjs";
+import {
+  MpAvatar
+} from "./chunk-43VB6T4V.mjs";
+import "./chunk-NKXS73IR.mjs";
+import "./chunk-ITYXDMOF.mjs";
+import "./chunk-4VNSI4PL.mjs";
+import "./chunk-JVROEGO3.mjs";
+import "./chunk-U4MXRXR7.mjs";
+import "./chunk-ZMUFXMG4.mjs";
+import "./chunk-ZK47OSEJ.mjs";
+import "./chunk-QZ7VFGWC.mjs";
+export {
+  MpAvatar,
+  MpAvatarGroup
+};

package/dist/metafile-cjs.json

@@ -0,0 +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":1862,"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.machines.ts":{"bytes":1580,"imports":[{"path":"xstate","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.utils.ts":{"bytes":627,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.connects.ts":{"bytes":3024,"imports":[{"path":"vue","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":1599,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@xstate/vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/avatar.machines.ts","kind":"import-statement","original":"./avatar.machines"},{"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":1788,"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":"@xstate/vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"xstate","kind":"require-call","external":true},{"path":"vue","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":444},"src/modules/avatar.hooks.ts":{"bytesInOutput":877},"src/modules/avatar.machines.ts":{"bytesInOutput":363},"src/modules/avatar.connects.ts":{"bytesInOutput":829},"src/avatar-excess.tsx":{"bytesInOutput":342}},"bytes":5515},"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":"@xstate/vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"xstate","kind":"require-call","external":true},{"path":"vue","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":735},"src/modules/avatar.hooks.ts":{"bytesInOutput":831},"src/modules/avatar.machines.ts":{"bytesInOutput":1111},"src/modules/avatar.connects.ts":{"bytesInOutput":2139},"src/modules/avatar.utils.ts":{"bytesInOutput":589},"src/avatar-fallback.tsx":{"bytesInOutput":870},"src/avatar-image.tsx":{"bytesInOutput":234}},"bytes":8780},"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":"@xstate/vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"xstate","kind":"require-call","external":true},{"path":"vue","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":981},"src/modules/avatar.hooks.ts":{"bytesInOutput":1502},"src/modules/avatar.machines.ts":{"bytesInOutput":1435},"src/modules/avatar.connects.ts":{"bytesInOutput":2867},"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":346}},"bytes":12508},"dist/modules/avatar.connects.js":{"imports":[{"path":"vue","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":3082},"src/modules/avatar.utils.ts":{"bytesInOutput":370}},"bytes":4572},"dist/modules/avatar.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@xstate/vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"xstate","kind":"require-call","external":true},{"path":"vue","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":1685},"src/modules/avatar.machines.ts":{"bytesInOutput":1435},"src/modules/avatar.connects.ts":{"bytesInOutput":2867},"src/modules/avatar.utils.ts":{"bytesInOutput":370}},"bytes":7568},"dist/modules/avatar.machines.js":{"imports":[{"path":"xstate","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/avatar.machines.ts","inputs":{"src/modules/avatar.machines.ts":{"bytesInOutput":1650}},"bytes":2703},"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":1257}},"bytes":2248},"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}}}