npm - @zag-js/avatar - Versions diffs - 0.50.0 → 0.51.0 - Mend

@zag-js/avatar 0.50.0 → 0.51.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.js CHANGED Viewed

@@ -1,199 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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, {
-  anatomy: () => anatomy,
-  connect: () => connect,
-  machine: () => machine,
-  props: () => props,
-  splitProps: () => splitProps
-});
-module.exports = __toCommonJS(src_exports);
-// src/avatar.anatomy.ts
-var import_anatomy = require("@zag-js/anatomy");
-var anatomy = (0, import_anatomy.createAnatomy)("avatar").parts("root", "image", "fallback");
-var parts = anatomy.build();
-// src/avatar.dom.ts
-var import_dom_query = require("@zag-js/dom-query");
-var dom = (0, import_dom_query.createScope)({
-  getRootId: (ctx) => ctx.ids?.root ?? `avatar:${ctx.id}`,
-  getImageId: (ctx) => ctx.ids?.image ?? `avatar:${ctx.id}:image`,
-  getFallbackId: (ctx) => ctx.ids?.fallback ?? `avatar:${ctx.id}:fallback`,
-  getRootEl: (ctx) => dom.getById(ctx, dom.getRootId(ctx)),
-  getImageEl: (ctx) => dom.getById(ctx, dom.getImageId(ctx))
-});
-// src/avatar.connect.ts
-function connect(state, send, normalize) {
-  const loaded = state.matches("loaded");
-  return {
-    loaded,
-    setSrc(src) {
-      send({ type: "SRC.SET", src });
-    },
-    setLoaded() {
-      send({ type: "IMG.LOADED", src: "api" });
-    },
-    setError() {
-      send({ type: "IMG.ERROR", src: "api" });
-    },
-    rootProps: normalize.element({
-      ...parts.root.attrs,
-      dir: state.context.dir,
-      id: dom.getRootId(state.context)
-    }),
-    imageProps: normalize.img({
-      ...parts.image.attrs,
-      hidden: !loaded,
-      dir: state.context.dir,
-      id: dom.getImageId(state.context),
-      "data-state": loaded ? "visible" : "hidden",
-      onLoad() {
-        send({ type: "IMG.LOADED", src: "element" });
-      },
-      onError() {
-        send({ type: "IMG.ERROR", src: "element" });
-      }
-    }),
-    fallbackProps: normalize.element({
-      ...parts.fallback.attrs,
-      dir: state.context.dir,
-      id: dom.getFallbackId(state.context),
-      hidden: loaded,
-      "data-state": loaded ? "hidden" : "visible"
-    })
-  };
-}
-// src/avatar.machine.ts
-var import_core = require("@zag-js/core");
-var import_dom_query2 = require("@zag-js/dom-query");
-var import_utils = require("@zag-js/utils");
-function machine(userContext) {
-  const ctx = (0, import_utils.compact)(userContext);
-  return (0, import_core.createMachine)(
-    {
-      id: "avatar",
-      initial: "loading",
-      activities: ["trackImageRemoval"],
-      context: ctx,
-      on: {
-        "SRC.CHANGE": {
-          target: "loading"
-        },
-        "IMG.UNMOUNT": {
-          target: "error"
-        }
-      },
-      states: {
-        loading: {
-          activities: ["trackSrcChange"],
-          entry: ["checkImgStatus"],
-          on: {
-            "IMG.LOADED": {
-              target: "loaded",
-              actions: ["invokeOnLoad"]
-            },
-            "IMG.ERROR": {
-              target: "error",
-              actions: ["invokeOnError"]
-            }
-          }
-        },
-        error: {
-          activities: ["trackSrcChange"],
-          on: {
-            "IMG.LOADED": {
-              target: "loaded",
-              actions: ["invokeOnLoad"]
-            }
-          }
-        },
-        loaded: {
-          activities: ["trackSrcChange"],
-          on: {
-            "IMG.ERROR": {
-              target: "error",
-              actions: ["invokeOnError"]
-            }
-          }
-        }
-      }
-    },
-    {
-      activities: {
-        trackSrcChange(ctx2, _evt, { send }) {
-          const imageEl = dom.getImageEl(ctx2);
-          return (0, import_dom_query2.observeAttributes)(imageEl, {
-            attributes: ["src", "srcset"],
-            callback() {
-              send({ type: "SRC.CHANGE" });
-            }
-          });
-        },
-        trackImageRemoval(ctx2, _evt, { send }) {
-          const rootEl = dom.getRootEl(ctx2);
-          return (0, import_dom_query2.observeChildren)(rootEl, {
-            callback(records) {
-              const removedNodes = Array.from(records[0].removedNodes);
-              const removed = removedNodes.find((node) => node.matches("[data-scope=avatar][data-part=image]"));
-              if (removed) {
-                send({ type: "IMG.UNMOUNT" });
-              }
-            }
-          });
-        }
-      },
-      actions: {
-        invokeOnLoad(ctx2) {
-          ctx2.onStatusChange?.({ status: "loaded" });
-        },
-        invokeOnError(ctx2) {
-          ctx2.onStatusChange?.({ status: "error" });
-        },
-        checkImgStatus(ctx2, _evt, { send }) {
-          const img = dom.getImageEl(ctx2);
-          if (img?.complete) {
-            const type = img.currentSrc ? "IMG.LOADED" : "IMG.ERROR";
-            send({ type, src: "ssr" });
-          }
-        }
-      }
-    }
-  );
-}
-// src/avatar.props.ts
-var import_types = require("@zag-js/types");
-var import_utils2 = require("@zag-js/utils");
-var props = (0, import_types.createProps)()(["dir", "id", "ids", "onStatusChange", "getRootNode"]);
-var splitProps = (0, import_utils2.createSplitProps)(props);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  anatomy,
-  connect,
-  machine,
-  props,
-  splitProps
-});
+"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;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);var src_exports={};__export(src_exports,{anatomy:()=>anatomy,connect:()=>connect,machine:()=>machine,props:()=>props,splitProps:()=>splitProps});module.exports=__toCommonJS(src_exports);var import_anatomy=require("@zag-js/anatomy");var anatomy=(0,import_anatomy.createAnatomy)("avatar").parts("root","image","fallback");var parts=anatomy.build();var import_dom_query=require("@zag-js/dom-query");var dom=(0,import_dom_query.createScope)({getRootId:ctx=>ctx.ids?.root??`avatar:${ctx.id}`,getImageId:ctx=>ctx.ids?.image??`avatar:${ctx.id}:image`,getFallbackId:ctx=>ctx.ids?.fallback??`avatar:${ctx.id}:fallback`,getRootEl:ctx=>dom.getById(ctx,dom.getRootId(ctx)),getImageEl:ctx=>dom.getById(ctx,dom.getImageId(ctx))});function connect(state,send,normalize){const loaded=state.matches("loaded");return{loaded,setSrc(src){send({type:"SRC.SET",src})},setLoaded(){send({type:"IMG.LOADED",src:"api"})},setError(){send({type:"IMG.ERROR",src:"api"})},rootProps:normalize.element({...parts.root.attrs,dir:state.context.dir,id:dom.getRootId(state.context)}),imageProps:normalize.img({...parts.image.attrs,hidden:!loaded,dir:state.context.dir,id:dom.getImageId(state.context),"data-state":loaded?"visible":"hidden",onLoad(){send({type:"IMG.LOADED",src:"element"})},onError(){send({type:"IMG.ERROR",src:"element"})}}),fallbackProps:normalize.element({...parts.fallback.attrs,dir:state.context.dir,id:dom.getFallbackId(state.context),hidden:loaded,"data-state":loaded?"hidden":"visible"})}}var import_core=require("@zag-js/core");var import_dom_query2=require("@zag-js/dom-query");var import_utils=require("@zag-js/utils");function machine(userContext){const ctx=(0,import_utils.compact)(userContext);return(0,import_core.createMachine)({id:"avatar",initial:"loading",activities:["trackImageRemoval"],context:ctx,on:{"SRC.CHANGE":{target:"loading"},"IMG.UNMOUNT":{target:"error"}},states:{loading:{activities:["trackSrcChange"],entry:["checkImgStatus"],on:{"IMG.LOADED":{target:"loaded",actions:["invokeOnLoad"]},"IMG.ERROR":{target:"error",actions:["invokeOnError"]}}},error:{activities:["trackSrcChange"],on:{"IMG.LOADED":{target:"loaded",actions:["invokeOnLoad"]}}},loaded:{activities:["trackSrcChange"],on:{"IMG.ERROR":{target:"error",actions:["invokeOnError"]}}}}},{activities:{trackSrcChange(ctx2,_evt,{send}){const imageEl=dom.getImageEl(ctx2);return(0,import_dom_query2.observeAttributes)(imageEl,{attributes:["src","srcset"],callback(){send({type:"SRC.CHANGE"})}})},trackImageRemoval(ctx2,_evt,{send}){const rootEl=dom.getRootEl(ctx2);return(0,import_dom_query2.observeChildren)(rootEl,{callback(records){const removedNodes=Array.from(records[0].removedNodes);const removed=removedNodes.find(node=>node.matches("[data-scope=avatar][data-part=image]"));if(removed){send({type:"IMG.UNMOUNT"})}}})}},actions:{invokeOnLoad(ctx2){ctx2.onStatusChange?.({status:"loaded"})},invokeOnError(ctx2){ctx2.onStatusChange?.({status:"error"})},checkImgStatus(ctx2,_evt,{send}){const img=dom.getImageEl(ctx2);if(img?.complete){const type=img.currentSrc?"IMG.LOADED":"IMG.ERROR";send({type,src:"ssr"})}}}})}var import_types=require("@zag-js/types");var import_utils2=require("@zag-js/utils");var props=(0,import_types.createProps)()(["dir","id","ids","onStatusChange","getRootNode"]);var splitProps=(0,import_utils2.createSplitProps)(props);0&&(module.exports={anatomy,connect,machine,props,splitProps});
 //# sourceMappingURL=index.js.map

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/index.ts","../src/avatar.anatomy.ts","../src/avatar.dom.ts","../src/avatar.connect.ts","../src/avatar.machine.ts","../src/avatar.props.ts"],"sourcesContent":["export { anatomy } from \"./avatar.anatomy\"\nexport { connect } from \"./avatar.connect\"\nexport { machine } from \"./avatar.machine\"\nexport * from \"./avatar.props\"\nexport type {\n MachineApi as Api,\n UserDefinedContext as Context,\n ElementIds,\n LoadStatus,\n StatusChangeDetails,\n} from \"./avatar.types\"\n","import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"avatar\").parts(\"root\", \"image\", \"fallback\")\n\nexport const parts = anatomy.build()\n","import { createScope } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./avatar.types\"\n\nexport const dom = createScope({\n getRootId: (ctx: Ctx) => ctx.ids?.root ?? `avatar:${ctx.id}`,\n getImageId: (ctx: Ctx) => ctx.ids?.image ?? `avatar:${ctx.id}:image`,\n getFallbackId: (ctx: Ctx) => ctx.ids?.fallback ?? `avatar:${ctx.id}:fallback`,\n\n getRootEl: (ctx: Ctx) => dom.getById(ctx, dom.getRootId(ctx)),\n getImageEl: (ctx: Ctx) => dom.getById<HTMLImageElement>(ctx, dom.getImageId(ctx)),\n})\n","import type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./avatar.anatomy\"\nimport { dom } from \"./avatar.dom\"\nimport type { MachineApi, Send, State } from \"./avatar.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n const loaded = state.matches(\"loaded\")\n return {\n loaded,\n setSrc(src) {\n send({ type: \"SRC.SET\", src })\n },\n setLoaded() {\n send({ type: \"IMG.LOADED\", src: \"api\" })\n },\n setError() {\n send({ type: \"IMG.ERROR\", src: \"api\" })\n },\n\n rootProps: normalize.element({\n ...parts.root.attrs,\n dir: state.context.dir,\n id: dom.getRootId(state.context),\n }),\n\n imageProps: normalize.img({\n ...parts.image.attrs,\n hidden: !loaded,\n dir: state.context.dir,\n id: dom.getImageId(state.context),\n \"data-state\": loaded ? \"visible\" : \"hidden\",\n onLoad() {\n send({ type: \"IMG.LOADED\", src: \"element\" })\n },\n onError() {\n send({ type: \"IMG.ERROR\", src: \"element\" })\n },\n }),\n\n fallbackProps: normalize.element({\n ...parts.fallback.attrs,\n dir: state.context.dir,\n id: dom.getFallbackId(state.context),\n hidden: loaded,\n \"data-state\": loaded ? \"hidden\" : \"visible\",\n }),\n }\n}\n","import { createMachine } from \"@zag-js/core\"\nimport { observeAttributes, observeChildren } from \"@zag-js/dom-query\"\nimport { compact } from \"@zag-js/utils\"\nimport { dom } from \"./avatar.dom\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./avatar.types\"\n\nexport function machine(userContext: UserDefinedContext) {\n const ctx = compact(userContext)\n return createMachine<MachineContext, MachineState>(\n {\n id: \"avatar\",\n initial: \"loading\",\n activities: [\"trackImageRemoval\"],\n\n context: ctx,\n\n on: {\n \"SRC.CHANGE\": {\n target: \"loading\",\n },\n \"IMG.UNMOUNT\": {\n target: \"error\",\n },\n },\n\n states: {\n loading: {\n activities: [\"trackSrcChange\"],\n entry: [\"checkImgStatus\"],\n on: {\n \"IMG.LOADED\": {\n target: \"loaded\",\n actions: [\"invokeOnLoad\"],\n },\n \"IMG.ERROR\": {\n target: \"error\",\n actions: [\"invokeOnError\"],\n },\n },\n },\n error: {\n activities: [\"trackSrcChange\"],\n on: {\n \"IMG.LOADED\": {\n target: \"loaded\",\n actions: [\"invokeOnLoad\"],\n },\n },\n },\n loaded: {\n activities: [\"trackSrcChange\"],\n on: {\n \"IMG.ERROR\": {\n target: \"error\",\n actions: [\"invokeOnError\"],\n },\n },\n },\n },\n },\n {\n activities: {\n trackSrcChange(ctx, _evt, { send }) {\n const imageEl = dom.getImageEl(ctx)\n return observeAttributes(imageEl, {\n attributes: [\"src\", \"srcset\"],\n callback() {\n send({ type: \"SRC.CHANGE\" })\n },\n })\n },\n trackImageRemoval(ctx, _evt, { send }) {\n const rootEl = dom.getRootEl(ctx)\n return observeChildren(rootEl, {\n callback(records) {\n const removedNodes = Array.from(records[0].removedNodes) as HTMLElement[]\n const removed = removedNodes.find((node) => node.matches(\"[data-scope=avatar][data-part=image]\"))\n if (removed) {\n send({ type: \"IMG.UNMOUNT\" })\n }\n },\n })\n },\n },\n actions: {\n invokeOnLoad(ctx) {\n ctx.onStatusChange?.({ status: \"loaded\" })\n },\n invokeOnError(ctx) {\n ctx.onStatusChange?.({ status: \"error\" })\n },\n checkImgStatus(ctx, _evt, { send }) {\n const img = dom.getImageEl(ctx)\n if (img?.complete) {\n const type = img.currentSrc ? \"IMG.LOADED\" : \"IMG.ERROR\"\n send({ type, src: \"ssr\" })\n }\n },\n },\n },\n )\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { UserDefinedContext } from \"./avatar.types\"\n\nexport const props = createProps<UserDefinedContext>()([\"dir\", \"id\", \"ids\", \"onStatusChange\", \"getRootNode\"])\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA~~,~~qBAA8B;AAEvB~~,IAAM,~~cAAU~~,8BAAc,QAAQ,EAAE,MAAM,~~QAAQ~~,~~SAAS~~,UAAU~~;AAEzE~~,IAAM,~~QAAQ~~,QAAQ,MAAM~~;;;ACJnC~~,~~uBAA4B;AAGrB~~,IAAM,~~UAAM~~,8BAAY~~;AAAA~~,~~EAC7B~~,~~WAAW~~,~~CAAC~~,~~QAAa,~~IAAI,KAAK,~~QAAQ~~,UAAU,IAAI,EAAE~~;AAAA~~,~~EAC1D~~,~~YAAY~~,~~CAAC~~,~~QAAa,~~IAAI,KAAK,~~SAAS~~,UAAU,IAAI,EAAE~~;AAAA~~,~~EAC5D~~,~~eAAe~~,~~CAAC~~,~~QAAa,~~IAAI,KAAK,~~YAAY~~,UAAU,IAAI,EAAE~~;AAAA~~,~~EAElE~~,~~WAAW~~,~~CAAC~~,~~QAAa,~~IAAI,QAAQ,~~KAAK~~,IAAI,UAAU,GAAG,CAAC~~;AAAA~~,EAC5D,~~YAAY~~,~~CAAC~~,~~QAAa,~~IAAI,QAA0B,~~KAAK~~,IAAI,WAAW,GAAG,CAAC~~;AAClF~~,CAAC~~;;;ACLM~~,SAAS,QAA6B,~~OAAc~~,~~MAAY~~,~~WAA6C;AAClH~~,~~QAAM~~,~~SAAS~~,MAAM,QAAQ,QAAQ~~;AACrC~~,~~SAAO;AAAA~~,~~IACL;AAAA~~,~~IACA~~,OAAO,KAAK~~;AACV~~,~~WAAK~~,~~EAAE~~,~~MAAM~~,~~WAAW~~,~~IAAI,~~CAAC~~;AAAA~~,~~IAC~~/B~~;AAAA~~,~~IACA~~,~~YAAY;AACV~~,~~WAAK~~,~~EAAE~~,~~MAAM~~,~~cAAc~~,~~KAAK~~,~~MAAM~~,CAAC~~;AAAA~~,~~IACzC;AAAA~~,~~IACA~~,~~WAAW;AACT~~,~~WAAK~~,~~EAAE~~,~~MAAM~~,~~aAAa~~,~~KAAK~~,~~MAAM~~,CAAC~~;AAAA~~,~~IACxC;AAAA~~,~~IAEA~~,~~WAAW~~,UAAU,QAAQ~~;AAAA~~,~~MAC3B~~,GAAG,MAAM,KAAK~~;AAAA~~,MACd,~~KAAK~~,MAAM,QAAQ~~;AAAA~~,~~MACnB~~,~~IAAI~~,IAAI,UAAU,MAAM,OAAO~~;AAAA~~,~~IACjC~~,CAAC~~;AAAA~~,~~IAED~~,~~YAAY~~,UAAU,IAAI~~;AAAA~~,~~MACxB~~,GAAG,MAAM,MAAM~~;AAAA~~,MACf,~~QAAQ~~,CAAC~~;AAAA~~,~~MACT~~,~~KAAK~~,MAAM,QAAQ~~;AAAA~~,~~MACnB~~,~~IAAI~~,IAAI,WAAW,MAAM,OAAO~~;AAAA~~,~~MAChC~~,~~cAAc~~,~~SAAS~~,~~YAAY;AAAA~~,~~MACnC~~,~~SAAS;AACP~~,~~aAAK~~,~~EAAE~~,~~MAAM~~,~~cAAc~~,~~KAAK~~,~~UAAU~~,CAAC~~;AAAA~~,~~MAC7C;AAAA~~,~~MACA~~,~~UAAU;AACR~~,~~aAAK~~,~~EAAE~~,~~MAAM~~,~~aAAa~~,~~KAAK~~,~~UAAU~~,CAAC~~;AAAA~~,~~MAC5C;AAAA~~,~~IACF~~,CAAC~~;AAAA~~,~~IAED~~,~~eAAe~~,UAAU,QAAQ~~;AAAA~~,~~MAC~~/B,GAAG,MAAM,SAAS~~;AAAA~~,MAClB,~~KAAK~~,MAAM,QAAQ~~;AAAA~~,~~MACnB~~,~~IAAI~~,IAAI,cAAc,MAAM,OAAO~~;AAAA~~,~~MACnC~~,~~QAAQ;AAAA~~,~~MACR~~,~~cAAc~~,~~SAAS~~,~~WAAW;AAAA~~,~~IACpC~~,CAAC~~;AAAA~~,~~EACH;AACF;;;AC~~/CA,~~kBAA8B;AAC9B~~,IAAAA,~~oBAAmD;AACnD~~,~~mBAAwB;AAIjB~~,SAAS,QAAQ,~~aAAiC;AACvD~~,~~QAAM~~,~~UAAM~~,sBAAQ,WAAW~~;AAC~~/B,~~aAAO;AAAA~~,~~IACL;AAAA~~,~~MACE~~,~~IAAI;AAAA~~,~~MACJ~~,~~SAAS;AAAA~~,~~MACT~~,~~YAAY~~,CAAC,mBAAmB~~;AAAA~~,~~MAEhC~~,~~SAAS;AAAA~~,~~MAET~~,~~IAAI;AAAA~~,~~QACF~~,~~cAAc;AAAA~~,~~UACZ~~,~~QAAQ;AAAA~~,~~QACV;AAAA~~,~~QACA~~,~~eAAe;AAAA~~,~~UACb~~,~~QAAQ;AAAA~~,~~QACV;AAAA~~,~~MACF;AAAA~~,~~MAEA~~,~~QAAQ;AAAA~~,~~QACN~~,~~SAAS;AAAA~~,~~UACP~~,~~YAAY~~,CAAC,gBAAgB~~;AAAA~~,~~UAC7B~~,~~OAAO~~,CAAC,gBAAgB~~;AAAA~~,~~UACxB~~,~~IAAI;AAAA~~,~~YACF~~,~~cAAc;AAAA~~,~~cACZ~~,~~QAAQ;AAAA~~,~~cACR~~,~~SAAS~~,CAAC,cAAc~~;AAAA~~,~~YAC1B;AAAA~~,~~YACA~~,~~aAAa;AAAA~~,~~cACX~~,~~QAAQ;AAAA~~,~~cACR~~,~~SAAS~~,CAAC,eAAe~~;AAAA~~,~~YAC3B;AAAA~~,~~UACF;AAAA~~,~~QACF;AAAA~~,~~QACA~~,~~OAAO;AAAA~~,~~UACL~~,~~YAAY~~,CAAC,gBAAgB~~;AAAA~~,~~UAC7B~~,~~IAAI;AAAA~~,~~YACF~~,~~cAAc;AAAA~~,~~cACZ~~,~~QAAQ;AAAA~~,~~cACR~~,~~SAAS~~,CAAC,cAAc~~;AAAA~~,~~YAC1B;AAAA~~,~~UACF;AAAA~~,~~QACF;AAAA~~,~~QACA~~,~~QAAQ;AAAA~~,~~UACN~~,~~YAAY~~,CAAC,gBAAgB~~;AAAA~~,~~UAC7B~~,~~IAAI;AAAA~~,~~YACF~~,~~aAAa;AAAA~~,~~cACX~~,~~QAAQ;AAAA~~,~~cACR~~,~~SAAS~~,CAAC,eAAe~~;AAAA~~,~~YAC3B;AAAA~~,~~UACF;AAAA~~,~~QACF;AAAA~~,~~MACF;AAAA~~,~~IACF;AAAA~~,~~IACA;AAAA~~,~~MACE~~,~~YAAY;AAAA~~,~~QACV~~,eAAeC,~~MAAK~~,~~MAAM~~,~~EAAE~~,~~KAAK~~,~~GAAG;AAClC~~,~~gBAAM~~,~~UAAU~~,IAAI,WAAWA,IAAG~~;AAClC~~,~~qBAAO~~,qCAAkB,~~SAAS;AAAA~~,~~YAChC~~,~~YAAY~~,CAAC,~~OAAO~~,QAAQ~~;AAAA~~,~~YAC5B~~,~~WAAW;AACT~~,~~mBAAK~~,~~EAAE~~,~~MAAM~~,~~aAAa~~,CAAC~~;AAAA~~,~~YAC7B;AAAA~~,~~UACF~~,CAAC~~;AAAA~~,~~QACH;AAAA~~,~~QACA~~,kBAAkBA,~~MAAK~~,~~MAAM~~,~~EAAE~~,~~KAAK~~,~~GAAG;AACrC~~,~~gBAAM~~,~~SAAS~~,IAAI,UAAUA,IAAG~~;AAChC~~,~~qBAAO~~,mCAAgB,~~QAAQ;AAAA~~,~~YAC7B~~,SAAS,~~SAAS;AAChB~~,~~oBAAM~~,~~eAAe~~,MAAM,KAAK,QAAQ,CAAC,EAAE,YAAY~~;AACvD~~,~~oBAAM~~,~~UAAU~~,aAAa,~~KAAK~~,~~CAAC~~,~~SAAS,~~KAAK,QAAQ,sCAAsC,CAAC~~;AAChG~~,~~kBAAI~~,~~SAAS;AACX~~,~~qBAAK~~,~~EAAE~~,~~MAAM~~,~~cAAc~~,CAAC~~;AAAA~~,~~cAC9B;AAAA~~,~~YACF;AAAA~~,~~UACF~~,CAAC~~;AAAA~~,~~QACH;AAAA~~,~~MACF;AAAA~~,~~MACA~~,~~SAAS;AAAA~~,~~QACP~~,aAAaA,~~MAAK;AAChB~~,~~UAAAA~~,KAAI,iBAAiB,~~EAAE~~,~~QAAQ~~,~~SAAS~~,CAAC~~;AAAA~~,~~QAC3C;AAAA~~,~~QACA~~,cAAcA,~~MAAK;AACjB~~,~~UAAAA~~,KAAI,iBAAiB,~~EAAE~~,~~QAAQ~~,~~QAAQ~~,CAAC~~;AAAA~~,~~QAC1C;AAAA~~,~~QACA~~,eAAeA,~~MAAK~~,~~MAAM~~,~~EAAE~~,~~KAAK~~,~~GAAG;AAClC~~,~~gBAAM~~,MAAM,IAAI,WAAWA,IAAG~~;AAC9B~~,~~cAAI~~,KAAK,~~UAAU;AACjB~~,~~kBAAM~~,~~OAAO~~,IAAI,~~aAAa~~,~~eAAe;AAC7C~~,~~iBAAK~~,~~EAAE~~,~~MAAM~~,~~KAAK~~,~~MAAM~~,CAAC~~;AAAA~~,~~UAC3B;AAAA~~,~~QACF;AAAA~~,~~MACF;AAAA~~,~~IACF;AAAA~~,~~EACF;AACF;;;ACrGA~~,~~mBAA4B;AAC5B~~,IAAAC,~~gBAAiC;AAG1B~~,IAAM,~~YAAQ~~,0BAAgC,EAAE,CAAC,~~OAAO~~,~~MAAM~~,~~OAAO~~,~~kBAAkB~~,aAAa,CAAC~~;AACrG~~,IAAM,~~iBAAa~~,gCAA8C,KAAK;","names":["import_dom_query","ctx","import_utils"]}
1	+ {"version":3,"sources":["../src/index.ts","../src/avatar.anatomy.ts","../src/avatar.dom.ts","../src/avatar.connect.ts","../src/avatar.machine.ts","../src/avatar.props.ts"],"sourcesContent":["export { anatomy } from \"./avatar.anatomy\"\nexport { connect } from \"./avatar.connect\"\nexport { machine } from \"./avatar.machine\"\nexport * from \"./avatar.props\"\nexport type {\n MachineApi as Api,\n UserDefinedContext as Context,\n ElementIds,\n LoadStatus,\n StatusChangeDetails,\n} from \"./avatar.types\"\n","import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"avatar\").parts(\"root\", \"image\", \"fallback\")\n\nexport const parts = anatomy.build()\n","import { createScope } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./avatar.types\"\n\nexport const dom = createScope({\n getRootId: (ctx: Ctx) => ctx.ids?.root ?? `avatar:${ctx.id}`,\n getImageId: (ctx: Ctx) => ctx.ids?.image ?? `avatar:${ctx.id}:image`,\n getFallbackId: (ctx: Ctx) => ctx.ids?.fallback ?? `avatar:${ctx.id}:fallback`,\n\n getRootEl: (ctx: Ctx) => dom.getById(ctx, dom.getRootId(ctx)),\n getImageEl: (ctx: Ctx) => dom.getById<HTMLImageElement>(ctx, dom.getImageId(ctx)),\n})\n","import type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./avatar.anatomy\"\nimport { dom } from \"./avatar.dom\"\nimport type { MachineApi, Send, State } from \"./avatar.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n const loaded = state.matches(\"loaded\")\n return {\n loaded,\n setSrc(src) {\n send({ type: \"SRC.SET\", src })\n },\n setLoaded() {\n send({ type: \"IMG.LOADED\", src: \"api\" })\n },\n setError() {\n send({ type: \"IMG.ERROR\", src: \"api\" })\n },\n\n rootProps: normalize.element({\n ...parts.root.attrs,\n dir: state.context.dir,\n id: dom.getRootId(state.context),\n }),\n\n imageProps: normalize.img({\n ...parts.image.attrs,\n hidden: !loaded,\n dir: state.context.dir,\n id: dom.getImageId(state.context),\n \"data-state\": loaded ? \"visible\" : \"hidden\",\n onLoad() {\n send({ type: \"IMG.LOADED\", src: \"element\" })\n },\n onError() {\n send({ type: \"IMG.ERROR\", src: \"element\" })\n },\n }),\n\n fallbackProps: normalize.element({\n ...parts.fallback.attrs,\n dir: state.context.dir,\n id: dom.getFallbackId(state.context),\n hidden: loaded,\n \"data-state\": loaded ? \"hidden\" : \"visible\",\n }),\n }\n}\n","import { createMachine } from \"@zag-js/core\"\nimport { observeAttributes, observeChildren } from \"@zag-js/dom-query\"\nimport { compact } from \"@zag-js/utils\"\nimport { dom } from \"./avatar.dom\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./avatar.types\"\n\nexport function machine(userContext: UserDefinedContext) {\n const ctx = compact(userContext)\n return createMachine<MachineContext, MachineState>(\n {\n id: \"avatar\",\n initial: \"loading\",\n activities: [\"trackImageRemoval\"],\n\n context: ctx,\n\n on: {\n \"SRC.CHANGE\": {\n target: \"loading\",\n },\n \"IMG.UNMOUNT\": {\n target: \"error\",\n },\n },\n\n states: {\n loading: {\n activities: [\"trackSrcChange\"],\n entry: [\"checkImgStatus\"],\n on: {\n \"IMG.LOADED\": {\n target: \"loaded\",\n actions: [\"invokeOnLoad\"],\n },\n \"IMG.ERROR\": {\n target: \"error\",\n actions: [\"invokeOnError\"],\n },\n },\n },\n error: {\n activities: [\"trackSrcChange\"],\n on: {\n \"IMG.LOADED\": {\n target: \"loaded\",\n actions: [\"invokeOnLoad\"],\n },\n },\n },\n loaded: {\n activities: [\"trackSrcChange\"],\n on: {\n \"IMG.ERROR\": {\n target: \"error\",\n actions: [\"invokeOnError\"],\n },\n },\n },\n },\n },\n {\n activities: {\n trackSrcChange(ctx, _evt, { send }) {\n const imageEl = dom.getImageEl(ctx)\n return observeAttributes(imageEl, {\n attributes: [\"src\", \"srcset\"],\n callback() {\n send({ type: \"SRC.CHANGE\" })\n },\n })\n },\n trackImageRemoval(ctx, _evt, { send }) {\n const rootEl = dom.getRootEl(ctx)\n return observeChildren(rootEl, {\n callback(records) {\n const removedNodes = Array.from(records[0].removedNodes) as HTMLElement[]\n const removed = removedNodes.find((node) => node.matches(\"[data-scope=avatar][data-part=image]\"))\n if (removed) {\n send({ type: \"IMG.UNMOUNT\" })\n }\n },\n })\n },\n },\n actions: {\n invokeOnLoad(ctx) {\n ctx.onStatusChange?.({ status: \"loaded\" })\n },\n invokeOnError(ctx) {\n ctx.onStatusChange?.({ status: \"error\" })\n },\n checkImgStatus(ctx, _evt, { send }) {\n const img = dom.getImageEl(ctx)\n if (img?.complete) {\n const type = img.currentSrc ? \"IMG.LOADED\" : \"IMG.ERROR\"\n send({ type, src: \"ssr\" })\n }\n },\n },\n },\n )\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { UserDefinedContext } from \"./avatar.types\"\n\nexport const props = createProps<UserDefinedContext>()([\"dir\", \"id\", \"ids\", \"onStatusChange\", \"getRootNode\"])\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n"],"mappings":"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","names":["import_dom_query","ctx","import_utils"]}

package/dist/index.mjs CHANGED Viewed

@@ -1,168 +1,2 @@
-// src/avatar.anatomy.ts
-import { createAnatomy } from "@zag-js/anatomy";
-var anatomy = createAnatomy("avatar").parts("root", "image", "fallback");
-var parts = anatomy.build();
-// src/avatar.dom.ts
-import { createScope } from "@zag-js/dom-query";
-var dom = createScope({
-  getRootId: (ctx) => ctx.ids?.root ?? `avatar:${ctx.id}`,
-  getImageId: (ctx) => ctx.ids?.image ?? `avatar:${ctx.id}:image`,
-  getFallbackId: (ctx) => ctx.ids?.fallback ?? `avatar:${ctx.id}:fallback`,
-  getRootEl: (ctx) => dom.getById(ctx, dom.getRootId(ctx)),
-  getImageEl: (ctx) => dom.getById(ctx, dom.getImageId(ctx))
-});
-// src/avatar.connect.ts
-function connect(state, send, normalize) {
-  const loaded = state.matches("loaded");
-  return {
-    loaded,
-    setSrc(src) {
-      send({ type: "SRC.SET", src });
-    },
-    setLoaded() {
-      send({ type: "IMG.LOADED", src: "api" });
-    },
-    setError() {
-      send({ type: "IMG.ERROR", src: "api" });
-    },
-    rootProps: normalize.element({
-      ...parts.root.attrs,
-      dir: state.context.dir,
-      id: dom.getRootId(state.context)
-    }),
-    imageProps: normalize.img({
-      ...parts.image.attrs,
-      hidden: !loaded,
-      dir: state.context.dir,
-      id: dom.getImageId(state.context),
-      "data-state": loaded ? "visible" : "hidden",
-      onLoad() {
-        send({ type: "IMG.LOADED", src: "element" });
-      },
-      onError() {
-        send({ type: "IMG.ERROR", src: "element" });
-      }
-    }),
-    fallbackProps: normalize.element({
-      ...parts.fallback.attrs,
-      dir: state.context.dir,
-      id: dom.getFallbackId(state.context),
-      hidden: loaded,
-      "data-state": loaded ? "hidden" : "visible"
-    })
-  };
-}
-// src/avatar.machine.ts
-import { createMachine } from "@zag-js/core";
-import { observeAttributes, observeChildren } from "@zag-js/dom-query";
-import { compact } from "@zag-js/utils";
-function machine(userContext) {
-  const ctx = compact(userContext);
-  return createMachine(
-    {
-      id: "avatar",
-      initial: "loading",
-      activities: ["trackImageRemoval"],
-      context: ctx,
-      on: {
-        "SRC.CHANGE": {
-          target: "loading"
-        },
-        "IMG.UNMOUNT": {
-          target: "error"
-        }
-      },
-      states: {
-        loading: {
-          activities: ["trackSrcChange"],
-          entry: ["checkImgStatus"],
-          on: {
-            "IMG.LOADED": {
-              target: "loaded",
-              actions: ["invokeOnLoad"]
-            },
-            "IMG.ERROR": {
-              target: "error",
-              actions: ["invokeOnError"]
-            }
-          }
-        },
-        error: {
-          activities: ["trackSrcChange"],
-          on: {
-            "IMG.LOADED": {
-              target: "loaded",
-              actions: ["invokeOnLoad"]
-            }
-          }
-        },
-        loaded: {
-          activities: ["trackSrcChange"],
-          on: {
-            "IMG.ERROR": {
-              target: "error",
-              actions: ["invokeOnError"]
-            }
-          }
-        }
-      }
-    },
-    {
-      activities: {
-        trackSrcChange(ctx2, _evt, { send }) {
-          const imageEl = dom.getImageEl(ctx2);
-          return observeAttributes(imageEl, {
-            attributes: ["src", "srcset"],
-            callback() {
-              send({ type: "SRC.CHANGE" });
-            }
-          });
-        },
-        trackImageRemoval(ctx2, _evt, { send }) {
-          const rootEl = dom.getRootEl(ctx2);
-          return observeChildren(rootEl, {
-            callback(records) {
-              const removedNodes = Array.from(records[0].removedNodes);
-              const removed = removedNodes.find((node) => node.matches("[data-scope=avatar][data-part=image]"));
-              if (removed) {
-                send({ type: "IMG.UNMOUNT" });
-              }
-            }
-          });
-        }
-      },
-      actions: {
-        invokeOnLoad(ctx2) {
-          ctx2.onStatusChange?.({ status: "loaded" });
-        },
-        invokeOnError(ctx2) {
-          ctx2.onStatusChange?.({ status: "error" });
-        },
-        checkImgStatus(ctx2, _evt, { send }) {
-          const img = dom.getImageEl(ctx2);
-          if (img?.complete) {
-            const type = img.currentSrc ? "IMG.LOADED" : "IMG.ERROR";
-            send({ type, src: "ssr" });
-          }
-        }
-      }
-    }
-  );
-}
-// src/avatar.props.ts
-import { createProps } from "@zag-js/types";
-import { createSplitProps } from "@zag-js/utils";
-var props = createProps()(["dir", "id", "ids", "onStatusChange", "getRootNode"]);
-var splitProps = createSplitProps(props);
-export {
-  anatomy,
-  connect,
-  machine,
-  props,
-  splitProps
-};
+import{createAnatomy}from"@zag-js/anatomy";var anatomy=createAnatomy("avatar").parts("root","image","fallback");var parts=anatomy.build();import{createScope}from"@zag-js/dom-query";var dom=createScope({getRootId:ctx=>ctx.ids?.root??`avatar:${ctx.id}`,getImageId:ctx=>ctx.ids?.image??`avatar:${ctx.id}:image`,getFallbackId:ctx=>ctx.ids?.fallback??`avatar:${ctx.id}:fallback`,getRootEl:ctx=>dom.getById(ctx,dom.getRootId(ctx)),getImageEl:ctx=>dom.getById(ctx,dom.getImageId(ctx))});function connect(state,send,normalize){const loaded=state.matches("loaded");return{loaded,setSrc(src){send({type:"SRC.SET",src})},setLoaded(){send({type:"IMG.LOADED",src:"api"})},setError(){send({type:"IMG.ERROR",src:"api"})},rootProps:normalize.element({...parts.root.attrs,dir:state.context.dir,id:dom.getRootId(state.context)}),imageProps:normalize.img({...parts.image.attrs,hidden:!loaded,dir:state.context.dir,id:dom.getImageId(state.context),"data-state":loaded?"visible":"hidden",onLoad(){send({type:"IMG.LOADED",src:"element"})},onError(){send({type:"IMG.ERROR",src:"element"})}}),fallbackProps:normalize.element({...parts.fallback.attrs,dir:state.context.dir,id:dom.getFallbackId(state.context),hidden:loaded,"data-state":loaded?"hidden":"visible"})}}import{createMachine}from"@zag-js/core";import{observeAttributes,observeChildren}from"@zag-js/dom-query";import{compact}from"@zag-js/utils";function machine(userContext){const ctx=compact(userContext);return createMachine({id:"avatar",initial:"loading",activities:["trackImageRemoval"],context:ctx,on:{"SRC.CHANGE":{target:"loading"},"IMG.UNMOUNT":{target:"error"}},states:{loading:{activities:["trackSrcChange"],entry:["checkImgStatus"],on:{"IMG.LOADED":{target:"loaded",actions:["invokeOnLoad"]},"IMG.ERROR":{target:"error",actions:["invokeOnError"]}}},error:{activities:["trackSrcChange"],on:{"IMG.LOADED":{target:"loaded",actions:["invokeOnLoad"]}}},loaded:{activities:["trackSrcChange"],on:{"IMG.ERROR":{target:"error",actions:["invokeOnError"]}}}}},{activities:{trackSrcChange(ctx2,_evt,{send}){const imageEl=dom.getImageEl(ctx2);return observeAttributes(imageEl,{attributes:["src","srcset"],callback(){send({type:"SRC.CHANGE"})}})},trackImageRemoval(ctx2,_evt,{send}){const rootEl=dom.getRootEl(ctx2);return observeChildren(rootEl,{callback(records){const removedNodes=Array.from(records[0].removedNodes);const removed=removedNodes.find(node=>node.matches("[data-scope=avatar][data-part=image]"));if(removed){send({type:"IMG.UNMOUNT"})}}})}},actions:{invokeOnLoad(ctx2){ctx2.onStatusChange?.({status:"loaded"})},invokeOnError(ctx2){ctx2.onStatusChange?.({status:"error"})},checkImgStatus(ctx2,_evt,{send}){const img=dom.getImageEl(ctx2);if(img?.complete){const type=img.currentSrc?"IMG.LOADED":"IMG.ERROR";send({type,src:"ssr"})}}}})}import{createProps}from"@zag-js/types";import{createSplitProps}from"@zag-js/utils";var props=createProps()(["dir","id","ids","onStatusChange","getRootNode"]);var splitProps=createSplitProps(props);export{anatomy,connect,machine,props,splitProps};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/avatar.anatomy.ts","../src/avatar.dom.ts","../src/avatar.connect.ts","../src/avatar.machine.ts","../src/avatar.props.ts"],"sourcesContent":["import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"avatar\").parts(\"root\", \"image\", \"fallback\")\n\nexport const parts = anatomy.build()\n","import { createScope } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./avatar.types\"\n\nexport const dom = createScope({\n getRootId: (ctx: Ctx) => ctx.ids?.root ?? `avatar:${ctx.id}`,\n getImageId: (ctx: Ctx) => ctx.ids?.image ?? `avatar:${ctx.id}:image`,\n getFallbackId: (ctx: Ctx) => ctx.ids?.fallback ?? `avatar:${ctx.id}:fallback`,\n\n getRootEl: (ctx: Ctx) => dom.getById(ctx, dom.getRootId(ctx)),\n getImageEl: (ctx: Ctx) => dom.getById<HTMLImageElement>(ctx, dom.getImageId(ctx)),\n})\n","import type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./avatar.anatomy\"\nimport { dom } from \"./avatar.dom\"\nimport type { MachineApi, Send, State } from \"./avatar.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n const loaded = state.matches(\"loaded\")\n return {\n loaded,\n setSrc(src) {\n send({ type: \"SRC.SET\", src })\n },\n setLoaded() {\n send({ type: \"IMG.LOADED\", src: \"api\" })\n },\n setError() {\n send({ type: \"IMG.ERROR\", src: \"api\" })\n },\n\n rootProps: normalize.element({\n ...parts.root.attrs,\n dir: state.context.dir,\n id: dom.getRootId(state.context),\n }),\n\n imageProps: normalize.img({\n ...parts.image.attrs,\n hidden: !loaded,\n dir: state.context.dir,\n id: dom.getImageId(state.context),\n \"data-state\": loaded ? \"visible\" : \"hidden\",\n onLoad() {\n send({ type: \"IMG.LOADED\", src: \"element\" })\n },\n onError() {\n send({ type: \"IMG.ERROR\", src: \"element\" })\n },\n }),\n\n fallbackProps: normalize.element({\n ...parts.fallback.attrs,\n dir: state.context.dir,\n id: dom.getFallbackId(state.context),\n hidden: loaded,\n \"data-state\": loaded ? \"hidden\" : \"visible\",\n }),\n }\n}\n","import { createMachine } from \"@zag-js/core\"\nimport { observeAttributes, observeChildren } from \"@zag-js/dom-query\"\nimport { compact } from \"@zag-js/utils\"\nimport { dom } from \"./avatar.dom\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./avatar.types\"\n\nexport function machine(userContext: UserDefinedContext) {\n const ctx = compact(userContext)\n return createMachine<MachineContext, MachineState>(\n {\n id: \"avatar\",\n initial: \"loading\",\n activities: [\"trackImageRemoval\"],\n\n context: ctx,\n\n on: {\n \"SRC.CHANGE\": {\n target: \"loading\",\n },\n \"IMG.UNMOUNT\": {\n target: \"error\",\n },\n },\n\n states: {\n loading: {\n activities: [\"trackSrcChange\"],\n entry: [\"checkImgStatus\"],\n on: {\n \"IMG.LOADED\": {\n target: \"loaded\",\n actions: [\"invokeOnLoad\"],\n },\n \"IMG.ERROR\": {\n target: \"error\",\n actions: [\"invokeOnError\"],\n },\n },\n },\n error: {\n activities: [\"trackSrcChange\"],\n on: {\n \"IMG.LOADED\": {\n target: \"loaded\",\n actions: [\"invokeOnLoad\"],\n },\n },\n },\n loaded: {\n activities: [\"trackSrcChange\"],\n on: {\n \"IMG.ERROR\": {\n target: \"error\",\n actions: [\"invokeOnError\"],\n },\n },\n },\n },\n },\n {\n activities: {\n trackSrcChange(ctx, _evt, { send }) {\n const imageEl = dom.getImageEl(ctx)\n return observeAttributes(imageEl, {\n attributes: [\"src\", \"srcset\"],\n callback() {\n send({ type: \"SRC.CHANGE\" })\n },\n })\n },\n trackImageRemoval(ctx, _evt, { send }) {\n const rootEl = dom.getRootEl(ctx)\n return observeChildren(rootEl, {\n callback(records) {\n const removedNodes = Array.from(records[0].removedNodes) as HTMLElement[]\n const removed = removedNodes.find((node) => node.matches(\"[data-scope=avatar][data-part=image]\"))\n if (removed) {\n send({ type: \"IMG.UNMOUNT\" })\n }\n },\n })\n },\n },\n actions: {\n invokeOnLoad(ctx) {\n ctx.onStatusChange?.({ status: \"loaded\" })\n },\n invokeOnError(ctx) {\n ctx.onStatusChange?.({ status: \"error\" })\n },\n checkImgStatus(ctx, _evt, { send }) {\n const img = dom.getImageEl(ctx)\n if (img?.complete) {\n const type = img.currentSrc ? \"IMG.LOADED\" : \"IMG.ERROR\"\n send({ type, src: \"ssr\" })\n }\n },\n },\n },\n )\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { UserDefinedContext } from \"./avatar.types\"\n\nexport const props = createProps<UserDefinedContext>()([\"dir\", \"id\", \"ids\", \"onStatusChange\", \"getRootNode\"])\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n"],"mappings":";AAAA,~~SAAS~~,~~qBAAqB;AAEvB~~,IAAM,~~UAAU~~,cAAc,QAAQ,EAAE,MAAM,~~QAAQ~~,~~SAAS~~,UAAU~~;AAEzE~~,IAAM,~~QAAQ~~,QAAQ,MAAM~~;;;ACJnC~~,~~SAAS~~,~~mBAAmB;AAGrB~~,IAAM,~~MAAM~~,YAAY~~;AAAA~~,~~EAC7B~~,~~WAAW~~,~~CAAC~~,~~QAAa,~~IAAI,KAAK,~~QAAQ~~,UAAU,IAAI,EAAE~~;AAAA~~,~~EAC1D~~,~~YAAY~~,~~CAAC~~,~~QAAa,~~IAAI,KAAK,~~SAAS~~,UAAU,IAAI,EAAE~~;AAAA~~,~~EAC5D~~,~~eAAe~~,~~CAAC~~,~~QAAa,~~IAAI,KAAK,~~YAAY~~,UAAU,IAAI,EAAE~~;AAAA~~,~~EAElE~~,~~WAAW~~,~~CAAC~~,~~QAAa,~~IAAI,QAAQ,~~KAAK~~,IAAI,UAAU,GAAG,CAAC~~;AAAA~~,EAC5D,~~YAAY~~,~~CAAC~~,~~QAAa,~~IAAI,QAA0B,~~KAAK~~,IAAI,WAAW,GAAG,CAAC~~;AAClF~~,CAAC~~;;;ACLM~~,SAAS,QAA6B,~~OAAc~~,~~MAAY~~,~~WAA6C;AAClH~~,~~QAAM~~,~~SAAS~~,MAAM,QAAQ,QAAQ~~;AACrC~~,~~SAAO;AAAA~~,~~IACL;AAAA~~,~~IACA~~,OAAO,KAAK~~;AACV~~,~~WAAK~~,~~EAAE~~,~~MAAM~~,~~WAAW~~,~~IAAI,~~CAAC~~;AAAA~~,~~IAC~~/B~~;AAAA~~,~~IACA~~,~~YAAY;AACV~~,~~WAAK~~,~~EAAE~~,~~MAAM~~,~~cAAc~~,~~KAAK~~,~~MAAM~~,CAAC~~;AAAA~~,~~IACzC;AAAA~~,~~IACA~~,~~WAAW;AACT~~,~~WAAK~~,~~EAAE~~,~~MAAM~~,~~aAAa~~,~~KAAK~~,~~MAAM~~,CAAC~~;AAAA~~,~~IACxC;AAAA~~,~~IAEA~~,~~WAAW~~,UAAU,QAAQ~~;AAAA~~,~~MAC3B~~,GAAG,MAAM,KAAK~~;AAAA~~,MACd,~~KAAK~~,MAAM,QAAQ~~;AAAA~~,~~MACnB~~,~~IAAI~~,IAAI,UAAU,MAAM,OAAO~~;AAAA~~,~~IACjC~~,CAAC~~;AAAA~~,~~IAED~~,~~YAAY~~,UAAU,IAAI~~;AAAA~~,~~MACxB~~,GAAG,MAAM,MAAM~~;AAAA~~,MACf,~~QAAQ~~,CAAC~~;AAAA~~,~~MACT~~,~~KAAK~~,MAAM,QAAQ~~;AAAA~~,~~MACnB~~,~~IAAI~~,IAAI,WAAW,MAAM,OAAO~~;AAAA~~,~~MAChC~~,~~cAAc~~,~~SAAS~~,~~YAAY;AAAA~~,~~MACnC~~,~~SAAS;AACP~~,~~aAAK~~,~~EAAE~~,~~MAAM~~,~~cAAc~~,~~KAAK~~,~~UAAU~~,CAAC~~;AAAA~~,~~MAC7C;AAAA~~,~~MACA~~,~~UAAU;AACR~~,~~aAAK~~,~~EAAE~~,~~MAAM~~,~~aAAa~~,~~KAAK~~,~~UAAU~~,CAAC~~;AAAA~~,~~MAC5C;AAAA~~,~~IACF~~,CAAC~~;AAAA~~,~~IAED~~,~~eAAe~~,UAAU,QAAQ~~;AAAA~~,~~MAC~~/B,GAAG,MAAM,SAAS~~;AAAA~~,MAClB,~~KAAK~~,MAAM,QAAQ~~;AAAA~~,~~MACnB~~,~~IAAI~~,IAAI,cAAc,MAAM,OAAO~~;AAAA~~,~~MACnC~~,~~QAAQ;AAAA~~,~~MACR~~,~~cAAc~~,~~SAAS~~,~~WAAW;AAAA~~,~~IACpC~~,CAAC~~;AAAA~~,~~EACH;AACF;;;AC~~/CA,~~SAAS~~,~~qBAAqB;AAC9B~~,~~SAAS~~,~~mBAAmB~~,~~uBAAuB;AACnD~~,~~SAAS~~,~~eAAe;AAIjB~~,SAAS,QAAQ,~~aAAiC;AACvD~~,~~QAAM~~,MAAM,QAAQ,WAAW~~;AAC~~/B,~~SAAO;AAAA~~,~~IACL;AAAA~~,~~MACE~~,~~IAAI;AAAA~~,~~MACJ~~,~~SAAS;AAAA~~,~~MACT~~,~~YAAY~~,CAAC,mBAAmB~~;AAAA~~,~~MAEhC~~,~~SAAS;AAAA~~,~~MAET~~,~~IAAI;AAAA~~,~~QACF~~,~~cAAc;AAAA~~,~~UACZ~~,~~QAAQ;AAAA~~,~~QACV;AAAA~~,~~QACA~~,~~eAAe;AAAA~~,~~UACb~~,~~QAAQ;AAAA~~,~~QACV;AAAA~~,~~MACF;AAAA~~,~~MAEA~~,~~QAAQ;AAAA~~,~~QACN~~,~~SAAS;AAAA~~,~~UACP~~,~~YAAY~~,CAAC,gBAAgB~~;AAAA~~,~~UAC7B~~,~~OAAO~~,CAAC,gBAAgB~~;AAAA~~,~~UACxB~~,~~IAAI;AAAA~~,~~YACF~~,~~cAAc;AAAA~~,~~cACZ~~,~~QAAQ;AAAA~~,~~cACR~~,~~SAAS~~,CAAC,cAAc~~;AAAA~~,~~YAC1B;AAAA~~,~~YACA~~,~~aAAa;AAAA~~,~~cACX~~,~~QAAQ;AAAA~~,~~cACR~~,~~SAAS~~,CAAC,eAAe~~;AAAA~~,~~YAC3B;AAAA~~,~~UACF;AAAA~~,~~QACF;AAAA~~,~~QACA~~,~~OAAO;AAAA~~,~~UACL~~,~~YAAY~~,CAAC,gBAAgB~~;AAAA~~,~~UAC7B~~,~~IAAI;AAAA~~,~~YACF~~,~~cAAc;AAAA~~,~~cACZ~~,~~QAAQ;AAAA~~,~~cACR~~,~~SAAS~~,CAAC,cAAc~~;AAAA~~,~~YAC1B;AAAA~~,~~UACF;AAAA~~,~~QACF;AAAA~~,~~QACA~~,~~QAAQ;AAAA~~,~~UACN~~,~~YAAY~~,CAAC,gBAAgB~~;AAAA~~,~~UAC7B~~,~~IAAI;AAAA~~,~~YACF~~,~~aAAa;AAAA~~,~~cACX~~,~~QAAQ;AAAA~~,~~cACR~~,~~SAAS~~,CAAC,eAAe~~;AAAA~~,~~YAC3B;AAAA~~,~~UACF;AAAA~~,~~QACF;AAAA~~,~~MACF;AAAA~~,~~IACF;AAAA~~,~~IACA;AAAA~~,~~MACE~~,~~YAAY;AAAA~~,~~QACV~~,eAAeA,~~MAAK~~,~~MAAM~~,~~EAAE~~,~~KAAK~~,~~GAAG;AAClC~~,~~gBAAM~~,~~UAAU~~,IAAI,WAAWA,IAAG~~;AAClC~~,~~iBAAO~~,kBAAkB,~~SAAS;AAAA~~,~~YAChC~~,~~YAAY~~,CAAC,~~OAAO~~,QAAQ~~;AAAA~~,~~YAC5B~~,~~WAAW;AACT~~,~~mBAAK~~,~~EAAE~~,~~MAAM~~,~~aAAa~~,CAAC~~;AAAA~~,~~YAC7B;AAAA~~,~~UACF~~,CAAC~~;AAAA~~,~~QACH;AAAA~~,~~QACA~~,kBAAkBA,~~MAAK~~,~~MAAM~~,~~EAAE~~,~~KAAK~~,~~GAAG;AACrC~~,~~gBAAM~~,~~SAAS~~,IAAI,UAAUA,IAAG~~;AAChC~~,~~iBAAO~~,gBAAgB,~~QAAQ;AAAA~~,~~YAC7B~~,SAAS,~~SAAS;AAChB~~,~~oBAAM~~,~~eAAe~~,MAAM,KAAK,QAAQ,CAAC,EAAE,YAAY~~;AACvD~~,~~oBAAM~~,~~UAAU~~,aAAa,~~KAAK~~,~~CAAC~~,~~SAAS,~~KAAK,QAAQ,sCAAsC,CAAC~~;AAChG~~,~~kBAAI~~,~~SAAS;AACX~~,~~qBAAK~~,~~EAAE~~,~~MAAM~~,~~cAAc~~,CAAC~~;AAAA~~,~~cAC9B;AAAA~~,~~YACF;AAAA~~,~~UACF~~,CAAC~~;AAAA~~,~~QACH;AAAA~~,~~MACF;AAAA~~,~~MACA~~,~~SAAS;AAAA~~,~~QACP~~,aAAaA,~~MAAK;AAChB~~,~~UAAAA~~,KAAI,iBAAiB,~~EAAE~~,~~QAAQ~~,~~SAAS~~,CAAC~~;AAAA~~,~~QAC3C;AAAA~~,~~QACA~~,cAAcA,~~MAAK;AACjB~~,~~UAAAA~~,KAAI,iBAAiB,~~EAAE~~,~~QAAQ~~,~~QAAQ~~,CAAC~~;AAAA~~,~~QAC1C;AAAA~~,~~QACA~~,eAAeA,~~MAAK~~,~~MAAM~~,~~EAAE~~,~~KAAK~~,~~GAAG;AAClC~~,~~gBAAM~~,MAAM,IAAI,WAAWA,IAAG~~;AAC9B~~,~~cAAI~~,KAAK,~~UAAU;AACjB~~,~~kBAAM~~,~~OAAO~~,IAAI,~~aAAa~~,~~eAAe;AAC7C~~,~~iBAAK~~,~~EAAE~~,~~MAAM~~,~~KAAK~~,~~MAAM~~,CAAC~~;AAAA~~,~~UAC3B;AAAA~~,~~QACF;AAAA~~,~~MACF;AAAA~~,~~IACF;AAAA~~,~~EACF;AACF;;;ACrGA~~,~~SAAS~~,~~mBAAmB;AAC5B~~,~~SAAS~~,~~wBAAwB;AAG1B~~,IAAM,~~QAAQ~~,YAAgC,EAAE,CAAC,~~OAAO~~,~~MAAM~~,~~OAAO~~,~~kBAAkB~~,aAAa,CAAC~~;AACrG~~,IAAM,~~aAAa~~,iBAA8C,KAAK;","names":["ctx"]}
1	+ {"version":3,"sources":["../src/avatar.anatomy.ts","../src/avatar.dom.ts","../src/avatar.connect.ts","../src/avatar.machine.ts","../src/avatar.props.ts"],"sourcesContent":["import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"avatar\").parts(\"root\", \"image\", \"fallback\")\n\nexport const parts = anatomy.build()\n","import { createScope } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./avatar.types\"\n\nexport const dom = createScope({\n getRootId: (ctx: Ctx) => ctx.ids?.root ?? `avatar:${ctx.id}`,\n getImageId: (ctx: Ctx) => ctx.ids?.image ?? `avatar:${ctx.id}:image`,\n getFallbackId: (ctx: Ctx) => ctx.ids?.fallback ?? `avatar:${ctx.id}:fallback`,\n\n getRootEl: (ctx: Ctx) => dom.getById(ctx, dom.getRootId(ctx)),\n getImageEl: (ctx: Ctx) => dom.getById<HTMLImageElement>(ctx, dom.getImageId(ctx)),\n})\n","import type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./avatar.anatomy\"\nimport { dom } from \"./avatar.dom\"\nimport type { MachineApi, Send, State } from \"./avatar.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n const loaded = state.matches(\"loaded\")\n return {\n loaded,\n setSrc(src) {\n send({ type: \"SRC.SET\", src })\n },\n setLoaded() {\n send({ type: \"IMG.LOADED\", src: \"api\" })\n },\n setError() {\n send({ type: \"IMG.ERROR\", src: \"api\" })\n },\n\n rootProps: normalize.element({\n ...parts.root.attrs,\n dir: state.context.dir,\n id: dom.getRootId(state.context),\n }),\n\n imageProps: normalize.img({\n ...parts.image.attrs,\n hidden: !loaded,\n dir: state.context.dir,\n id: dom.getImageId(state.context),\n \"data-state\": loaded ? \"visible\" : \"hidden\",\n onLoad() {\n send({ type: \"IMG.LOADED\", src: \"element\" })\n },\n onError() {\n send({ type: \"IMG.ERROR\", src: \"element\" })\n },\n }),\n\n fallbackProps: normalize.element({\n ...parts.fallback.attrs,\n dir: state.context.dir,\n id: dom.getFallbackId(state.context),\n hidden: loaded,\n \"data-state\": loaded ? \"hidden\" : \"visible\",\n }),\n }\n}\n","import { createMachine } from \"@zag-js/core\"\nimport { observeAttributes, observeChildren } from \"@zag-js/dom-query\"\nimport { compact } from \"@zag-js/utils\"\nimport { dom } from \"./avatar.dom\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./avatar.types\"\n\nexport function machine(userContext: UserDefinedContext) {\n const ctx = compact(userContext)\n return createMachine<MachineContext, MachineState>(\n {\n id: \"avatar\",\n initial: \"loading\",\n activities: [\"trackImageRemoval\"],\n\n context: ctx,\n\n on: {\n \"SRC.CHANGE\": {\n target: \"loading\",\n },\n \"IMG.UNMOUNT\": {\n target: \"error\",\n },\n },\n\n states: {\n loading: {\n activities: [\"trackSrcChange\"],\n entry: [\"checkImgStatus\"],\n on: {\n \"IMG.LOADED\": {\n target: \"loaded\",\n actions: [\"invokeOnLoad\"],\n },\n \"IMG.ERROR\": {\n target: \"error\",\n actions: [\"invokeOnError\"],\n },\n },\n },\n error: {\n activities: [\"trackSrcChange\"],\n on: {\n \"IMG.LOADED\": {\n target: \"loaded\",\n actions: [\"invokeOnLoad\"],\n },\n },\n },\n loaded: {\n activities: [\"trackSrcChange\"],\n on: {\n \"IMG.ERROR\": {\n target: \"error\",\n actions: [\"invokeOnError\"],\n },\n },\n },\n },\n },\n {\n activities: {\n trackSrcChange(ctx, _evt, { send }) {\n const imageEl = dom.getImageEl(ctx)\n return observeAttributes(imageEl, {\n attributes: [\"src\", \"srcset\"],\n callback() {\n send({ type: \"SRC.CHANGE\" })\n },\n })\n },\n trackImageRemoval(ctx, _evt, { send }) {\n const rootEl = dom.getRootEl(ctx)\n return observeChildren(rootEl, {\n callback(records) {\n const removedNodes = Array.from(records[0].removedNodes) as HTMLElement[]\n const removed = removedNodes.find((node) => node.matches(\"[data-scope=avatar][data-part=image]\"))\n if (removed) {\n send({ type: \"IMG.UNMOUNT\" })\n }\n },\n })\n },\n },\n actions: {\n invokeOnLoad(ctx) {\n ctx.onStatusChange?.({ status: \"loaded\" })\n },\n invokeOnError(ctx) {\n ctx.onStatusChange?.({ status: \"error\" })\n },\n checkImgStatus(ctx, _evt, { send }) {\n const img = dom.getImageEl(ctx)\n if (img?.complete) {\n const type = img.currentSrc ? \"IMG.LOADED\" : \"IMG.ERROR\"\n send({ type, src: \"ssr\" })\n }\n },\n },\n },\n )\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { UserDefinedContext } from \"./avatar.types\"\n\nexport const props = createProps<UserDefinedContext>()([\"dir\", \"id\", \"ids\", \"onStatusChange\", \"getRootNode\"])\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n"],"mappings":"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","names":["ctx"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/avatar",
-  "version": "0.50.0",
+  "version": "0.51.0",
   "description": "Core logic for the avatar widget implemented as a state machine",
   "keywords": [
     "js",
@@ -28,11 +28,11 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "0.50.0",
-    "@zag-js/core": "0.50.0",
-    "@zag-js/dom-query": "0.50.0",
-    "@zag-js/utils": "0.50.0",
-    "@zag-js/types": "0.50.0"
+    "@zag-js/anatomy": "0.51.0",
+    "@zag-js/core": "0.51.0",
+    "@zag-js/dom-query": "0.51.0",
+    "@zag-js/utils": "0.51.0",
+    "@zag-js/types": "0.51.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"