@mekari/pixel3-avatar 0.0.0 → 0.0.1

package/dist/modules/avatar.connects.js

@@ -26,6 +26,7 @@ __export(avatar_connects_exports, {
 });
 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
@@ -39,7 +40,7 @@ var isColorInList = /* @__PURE__ */ __name((value) => {
 }, "isColorInList");
 
 // src/modules/avatar.connects.ts
-function avatarConnect(state, send, classes) {
+function avatarConnect(state, emit, classes) {
   const {
     id,
     name,
@@ -50,10 +51,10 @@ function avatarConnect(state, send, classes) {
     icon,
     iconVariant,
     iconColor,
-    spacing,
-    onClick
-  } = state.context;
-  const isLoaded = state.matches("loaded");
+    spacing
+  } = state;
+  const idx = id != null ? id : `mp-avatar-${(0, import_pixel3_utils.useId)()}`;
+  const isLoaded = (0, import_vue.ref)(false);
   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);
@@ -65,8 +66,8 @@ function avatarConnect(state, send, classes) {
     icon,
     isLoaded,
     rootProps: {
-      id,
-      onClick,
+      id: idx,
+      onClick: (evt) => emit("click", evt),
       class: classes.root,
       style: {
         "--mp-avatar--cursor": isClickable ? "pointer" : void 0,
@@ -78,33 +79,31 @@ function avatarConnect(state, send, classes) {
       "data-pixel-component": "MpAvatar"
     },
     fallbackProps: {
-      id: `${id}-fallback`,
+      id: `${idx}-fallback`,
       class: classes.fallback,
       "data-pixel-component": "MpAvatarFallback"
     },
     imageProps: {
-      id: `${id}-image`,
+      id: `${idx}-image`,
       alt: name,
       src,
-      onLoad() {
-        send({
-          type: "IMG_LOADED"
-        });
+      onLoad: (evt) => {
+        isLoaded.value = true;
+        emit("load", evt);
       },
-      onError() {
-        send({
-          type: "IMG_ERROR"
-        });
+      onError: (evt) => {
+        isLoaded.value = false;
+        emit("error", evt);
       },
       class: classes.image,
       style: {
-        "--mp-avatar--visibility": !isLoaded ? "hidden" : void 0,
-        "--mp-avatar--display": !isLoaded ? "contents" : void 0
+        "--mp-avatar--visibility": !isLoaded.value ? "hidden" : void 0,
+        "--mp-avatar--display": !isLoaded.value ? "contents" : void 0
       },
       "data-pixel-component": "MpAvatarImage"
     },
     iconProps: {
-      id: `${id}-icon`,
+      id: `${idx}-icon`,
       name: icon,
       variant: iconVariant,
       variantColor: iconColor,
@@ -114,24 +113,24 @@ function avatarConnect(state, send, classes) {
   };
 }
 __name(avatarConnect, "avatarConnect");
-function avatarGroupConnect(state, send, classes) {
+function avatarGroupConnect(state, emit, classes) {
   const {
-    id,
-    onClick
-  } = state.context;
+    id
+  } = state;
+  const idx = id != null ? id : `mp-avatar-group-${(0, import_pixel3_utils.useId)()}`;
   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,
+      id: idx,
       class: classes.root,
       "data-pixel-component": "MpAvatarGroup"
     },
     excessProps: {
-      id: `${id}-excess`,
-      onClick,
+      id: `${idx}-excess`,
+      onClick: (evt) => emit("click", evt),
       class: classes.excess,
       style: {
         "--mp-avatar-group--cursor": isClickable ? "pointer" : void 0

package/dist/modules/avatar.connects.mjs

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

package/dist/modules/avatar.hooks.js

@@ -26,60 +26,11 @@ __export(avatar_hooks_exports, {
 });
 module.exports = __toCommonJS(avatar_hooks_exports);
 var import_vue2 = require("vue");
-var import_vue3 = require("@xstate/vue");
-var import_pixel3_utils = 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_pixel3_utils = require("@mekari/pixel3-utils");
 var import_tokens = require("@mekari/pixel3-styled-system/tokens");
 
 // src/modules/avatar.utils.ts
@@ -93,7 +44,7 @@ var isColorInList = /* @__PURE__ */ __name((value) => {
 }, "isColorInList");
 
 // src/modules/avatar.connects.ts
-function avatarConnect(state, send, classes) {
+function avatarConnect(state, emit, classes) {
   const {
     id,
     name,
@@ -104,10 +55,10 @@ function avatarConnect(state, send, classes) {
     icon,
     iconVariant,
     iconColor,
-    spacing,
-    onClick
-  } = state.context;
-  const isLoaded = state.matches("loaded");
+    spacing
+  } = state;
+  const idx = id != null ? id : `mp-avatar-${(0, import_pixel3_utils.useId)()}`;
+  const isLoaded = (0, import_vue.ref)(false);
   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);
@@ -119,8 +70,8 @@ function avatarConnect(state, send, classes) {
     icon,
     isLoaded,
     rootProps: {
-      id,
-      onClick,
+      id: idx,
+      onClick: (evt) => emit("click", evt),
       class: classes.root,
       style: {
         "--mp-avatar--cursor": isClickable ? "pointer" : void 0,
@@ -132,33 +83,31 @@ function avatarConnect(state, send, classes) {
       "data-pixel-component": "MpAvatar"
     },
     fallbackProps: {
-      id: `${id}-fallback`,
+      id: `${idx}-fallback`,
       class: classes.fallback,
       "data-pixel-component": "MpAvatarFallback"
     },
     imageProps: {
-      id: `${id}-image`,
+      id: `${idx}-image`,
       alt: name,
       src,
-      onLoad() {
-        send({
-          type: "IMG_LOADED"
-        });
+      onLoad: (evt) => {
+        isLoaded.value = true;
+        emit("load", evt);
       },
-      onError() {
-        send({
-          type: "IMG_ERROR"
-        });
+      onError: (evt) => {
+        isLoaded.value = false;
+        emit("error", evt);
       },
       class: classes.image,
       style: {
-        "--mp-avatar--visibility": !isLoaded ? "hidden" : void 0,
-        "--mp-avatar--display": !isLoaded ? "contents" : void 0
+        "--mp-avatar--visibility": !isLoaded.value ? "hidden" : void 0,
+        "--mp-avatar--display": !isLoaded.value ? "contents" : void 0
       },
       "data-pixel-component": "MpAvatarImage"
     },
     iconProps: {
-      id: `${id}-icon`,
+      id: `${idx}-icon`,
       name: icon,
       variant: iconVariant,
       variantColor: iconColor,
@@ -168,24 +117,24 @@ function avatarConnect(state, send, classes) {
   };
 }
 __name(avatarConnect, "avatarConnect");
-function avatarGroupConnect(state, send, classes) {
+function avatarGroupConnect(state, emit, classes) {
   const {
-    id,
-    onClick
-  } = state.context;
+    id
+  } = state;
+  const idx = id != null ? id : `mp-avatar-group-${(0, import_pixel3_utils.useId)()}`;
   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,
+      id: idx,
       class: classes.root,
       "data-pixel-component": "MpAvatarGroup"
     },
     excessProps: {
-      id: `${id}-excess`,
-      onClick,
+      id: `${idx}-excess`,
+      onClick: (evt) => emit("click", evt),
       class: classes.excess,
       style: {
         "--mp-avatar-group--cursor": isClickable ? "pointer" : void 0
@@ -198,34 +147,16 @@ __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_utils.useId)()}`,
-    onClick: (evt) => emit("click", evt)
-  }));
-  const [avatarProps] = import_recipes.avatarSlotRecipe.splitVariantProps(context.value);
-  const classes = (0, import_recipes.avatarSlotRecipe)(avatarProps);
-  return (0, import_vue2.computed)(() => avatarConnect(state.value, send, classes));
+  const [value] = import_recipes.avatarSlotRecipe.splitVariantProps(context.value);
+  const classes = (0, import_recipes.avatarSlotRecipe)(value);
+  return (0, import_vue2.computed)(() => avatarConnect(context.value, emit, 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_utils.useId)()}`,
-    onClick: (evt) => emit("click", evt)
-  }));
-  const [avatarGroupProps] = import_recipes.avatarGroupSlotRecipe.splitVariantProps(context.value);
-  const classes = (0, import_recipes.avatarGroupSlotRecipe)(avatarGroupProps);
-  return (0, import_vue2.computed)(() => avatarGroupConnect(state.value, send, classes));
+  const [value] = import_recipes.avatarGroupSlotRecipe.splitVariantProps(context.value);
+  const classes = (0, import_recipes.avatarGroupSlotRecipe)(value);
+  return (0, import_vue2.computed)(() => avatarGroupConnect(context.value, emit, classes));
 }, "useAvatarGroup");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/modules/avatar.hooks.mjs

@@ -1,9 +1,8 @@
 import {
   useAvatar,
   useAvatarGroup
-} from "../chunk-JVROEGO3.mjs";
-import "../chunk-U4MXRXR7.mjs";
-import "../chunk-ZMUFXMG4.mjs";
+} from "../chunk-O4GQNW3M.mjs";
+import "../chunk-7XAF53OT.mjs";
 import "../chunk-ZK47OSEJ.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {

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

@@ -36,7 +36,7 @@ interface AvatarApiMachine<T extends PropTypes = PropTypes> {
     name?: string;
     src?: string;
     icon?: string;
-    isLoaded?: boolean;
+    isLoaded?: object;
     rootProps?: T['element'];
     fallbackProps?: T['element'];
     imageProps?: T['img'];
@@ -46,14 +46,10 @@ interface AvatarGroupApiMachine<T extends PropTypes = PropTypes> {
     rootProps?: T['element'];
     excessProps?: T['element'];
 }
-interface AvatarState {
-    matches(value: string): boolean;
-    context: AvatarProps;
+interface AvatarState extends AvatarProps {
 }
-interface AvatarGroupState {
-    context: AvatarGroupProps;
+interface AvatarGroupState extends AvatarGroupProps {
 }
-type AvatarSend = CallableFunction;
 interface AvatarClasses {
     root?: string;
     fallback?: string;
@@ -62,4 +58,4 @@ interface AvatarClasses {
     excess?: string;
 }
 
-export { AvatarApiMachine, AvatarClasses, AvatarDefinedContext, AvatarGroupApiMachine, AvatarGroupDefinedContext, AvatarGroupProps, AvatarGroupState, AvatarProps, AvatarSend, AvatarSize, AvatarState, AvatarVariant, AvatarVariantColor };
+export { AvatarApiMachine, AvatarClasses, AvatarDefinedContext, AvatarGroupApiMachine, AvatarGroupDefinedContext, AvatarGroupProps, AvatarGroupState, AvatarProps, AvatarSize, AvatarState, AvatarVariant, AvatarVariantColor };

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

@@ -36,7 +36,7 @@ interface AvatarApiMachine<T extends PropTypes = PropTypes> {
     name?: string;
     src?: string;
     icon?: string;
-    isLoaded?: boolean;
+    isLoaded?: object;
     rootProps?: T['element'];
     fallbackProps?: T['element'];
     imageProps?: T['img'];
@@ -46,14 +46,10 @@ interface AvatarGroupApiMachine<T extends PropTypes = PropTypes> {
     rootProps?: T['element'];
     excessProps?: T['element'];
 }
-interface AvatarState {
-    matches(value: string): boolean;
-    context: AvatarProps;
+interface AvatarState extends AvatarProps {
 }
-interface AvatarGroupState {
-    context: AvatarGroupProps;
+interface AvatarGroupState extends AvatarGroupProps {
 }
-type AvatarSend = CallableFunction;
 interface AvatarClasses {
     root?: string;
     fallback?: string;
@@ -62,4 +58,4 @@ interface AvatarClasses {
     excess?: string;
 }
 
-export { AvatarApiMachine, AvatarClasses, AvatarDefinedContext, AvatarGroupApiMachine, AvatarGroupDefinedContext, AvatarGroupProps, AvatarGroupState, AvatarProps, AvatarSend, AvatarSize, AvatarState, AvatarVariant, AvatarVariantColor };
+export { AvatarApiMachine, AvatarClasses, AvatarDefinedContext, AvatarGroupApiMachine, AvatarGroupDefinedContext, AvatarGroupProps, AvatarGroupState, AvatarProps, AvatarSize, AvatarState, AvatarVariant, AvatarVariantColor };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mekari/pixel3-avatar",
   "description": "Mekari Pixel 3 | Avatar component is used to display profile image, initial or fallback icon",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "license": "LGPL-3.0",
   "author": "Dirga Prakesha <dirga.prakesha@mekari.com>",
   "sideEffects": false,
@@ -10,11 +10,9 @@
     "dist"
   ],
   "dependencies": {
-    "@xstate/vue": "2.0.0",
-    "xstate": "4.35.0",
-    "@mekari/pixel3-icon": "0.0.0",
-    "@mekari/pixel3-styled-system": "0.0.0",
-    "@mekari/pixel3-utils": "0.0.0"
+    "@mekari/pixel3-icon": "0.0.1",
+    "@mekari/pixel3-styled-system": "0.0.1",
+    "@mekari/pixel3-utils": "0.0.1"
   },
   "peerDependencies": {
     "vue": "^3.3.7"

package/dist/chunk-JVROEGO3.mjs

@@ -1,52 +0,0 @@
-import {
-  avatarGroupMachine,
-  avatarMachine
-} from "./chunk-U4MXRXR7.mjs";
-import {
-  avatarConnect,
-  avatarGroupConnect
-} from "./chunk-ZMUFXMG4.mjs";
-import {
-  __name
-} from "./chunk-QZ7VFGWC.mjs";
-
-// src/modules/avatar.hooks.ts
-import { computed, ref } from "vue";
-import { useMachine } from "@xstate/vue";
-import { useId } from "@mekari/pixel3-utils";
-import { avatarSlotRecipe, avatarGroupSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
-var useAvatar = /* @__PURE__ */ __name((props, emit) => {
-  var _a;
-  const context = ref(props);
-  const {
-    state,
-    send
-  } = useMachine(avatarMachine({
-    ...context.value,
-    id: (_a = context.value.id) != null ? _a : `mp-avatar-${useId()}`,
-    onClick: (evt) => emit("click", evt)
-  }));
-  const [avatarProps] = avatarSlotRecipe.splitVariantProps(context.value);
-  const classes = avatarSlotRecipe(avatarProps);
-  return computed(() => avatarConnect(state.value, send, classes));
-}, "useAvatar");
-var useAvatarGroup = /* @__PURE__ */ __name((props, emit) => {
-  var _a;
-  const context = ref(props);
-  const {
-    state,
-    send
-  } = useMachine(avatarGroupMachine({
-    ...context.value,
-    id: (_a = context.value.id) != null ? _a : `mp-avatar-group-${useId()}`,
-    onClick: (evt) => emit("click", evt)
-  }));
-  const [avatarGroupProps] = avatarGroupSlotRecipe.splitVariantProps(context.value);
-  const classes = avatarGroupSlotRecipe(avatarGroupProps);
-  return computed(() => avatarGroupConnect(state.value, send, classes));
-}, "useAvatarGroup");
-
-export {
-  useAvatar,
-  useAvatarGroup
-};

package/dist/chunk-U4MXRXR7.mjs

@@ -1,56 +0,0 @@
-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/modules/avatar.machines.d.mts

@@ -1,14 +0,0 @@
-import * as xstate from 'xstate';
-import { AvatarDefinedContext, AvatarProps, AvatarGroupDefinedContext, AvatarGroupProps } from './avatar.types.mjs';
-import '@mekari/pixel3-utils';
-
-declare function avatarMachine(context: AvatarDefinedContext): xstate.StateMachine<Pick<Partial<AvatarProps>, "id"> & Omit<AvatarProps, "id">, any, xstate.AnyEventObject, {
-    value: any;
-    context: Pick<Partial<AvatarProps>, "id"> & Omit<AvatarProps, "id">;
-}, xstate.BaseActionObject, xstate.ServiceMap, xstate.ResolveTypegenMeta<xstate.TypegenDisabled, xstate.AnyEventObject, xstate.BaseActionObject, xstate.ServiceMap>>;
-declare function avatarGroupMachine(context: AvatarGroupDefinedContext): xstate.StateMachine<Pick<Partial<AvatarGroupProps>, "id"> & Omit<AvatarGroupProps, "id">, any, xstate.AnyEventObject, {
-    value: any;
-    context: Pick<Partial<AvatarGroupProps>, "id"> & Omit<AvatarGroupProps, "id">;
-}, xstate.BaseActionObject, xstate.ServiceMap, xstate.ResolveTypegenMeta<xstate.TypegenDisabled, xstate.AnyEventObject, xstate.BaseActionObject, xstate.ServiceMap>>;
-
-export { avatarGroupMachine, avatarMachine };

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

@@ -1,14 +0,0 @@
-import * as xstate from 'xstate';
-import { AvatarDefinedContext, AvatarProps, AvatarGroupDefinedContext, AvatarGroupProps } from './avatar.types.js';
-import '@mekari/pixel3-utils';
-
-declare function avatarMachine(context: AvatarDefinedContext): xstate.StateMachine<Pick<Partial<AvatarProps>, "id"> & Omit<AvatarProps, "id">, any, xstate.AnyEventObject, {
-    value: any;
-    context: Pick<Partial<AvatarProps>, "id"> & Omit<AvatarProps, "id">;
-}, xstate.BaseActionObject, xstate.ServiceMap, xstate.ResolveTypegenMeta<xstate.TypegenDisabled, xstate.AnyEventObject, xstate.BaseActionObject, xstate.ServiceMap>>;
-declare function avatarGroupMachine(context: AvatarGroupDefinedContext): xstate.StateMachine<Pick<Partial<AvatarGroupProps>, "id"> & Omit<AvatarGroupProps, "id">, any, xstate.AnyEventObject, {
-    value: any;
-    context: Pick<Partial<AvatarGroupProps>, "id"> & Omit<AvatarGroupProps, "id">;
-}, xstate.BaseActionObject, xstate.ServiceMap, xstate.ResolveTypegenMeta<xstate.TypegenDisabled, xstate.AnyEventObject, xstate.BaseActionObject, xstate.ServiceMap>>;
-
-export { avatarGroupMachine, avatarMachine };

package/dist/modules/avatar.machines.js

@@ -1,78 +0,0 @@
-"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/modules/avatar.machines.ts
-var avatar_machines_exports = {};
-__export(avatar_machines_exports, {
-  avatarGroupMachine: () => avatarGroupMachine,
-  avatarMachine: () => avatarMachine
-});
-module.exports = __toCommonJS(avatar_machines_exports);
-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");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  avatarGroupMachine,
-  avatarMachine
-});

package/dist/modules/avatar.machines.mjs

@@ -1,9 +0,0 @@
-import {
-  avatarGroupMachine,
-  avatarMachine
-} from "../chunk-U4MXRXR7.mjs";
-import "../chunk-QZ7VFGWC.mjs";
-export {
-  avatarGroupMachine,
-  avatarMachine
-};