@serendie/ui 2.0.0 → 2.1.0

package/dist/node_modules/@zag-js/avatar/dist/index.js

@@ -1,169 +1,154 @@
-import { createAnatomy as g } from "../../anatomy/dist/index.js";
-import { createScope as l, observeChildren as m, observeAttributes as v } from "../../dom-query/dist/index.js";
-import { createMachine as I } from "../../core/dist/index.js";
-import { compact as p } from "../../utils/dist/index.js";
-import { createProps as E } from "../../types/dist/index.js";
-var R = g("avatar").parts("root", "image", "fallback"), c = R.build(), o = l({
-  getRootId: (t) => {
-    var a;
-    return ((a = t.ids) == null ? void 0 : a.root) ?? `avatar:${t.id}`;
-  },
-  getImageId: (t) => {
-    var a;
-    return ((a = t.ids) == null ? void 0 : a.image) ?? `avatar:${t.id}:image`;
-  },
-  getFallbackId: (t) => {
-    var a;
-    return ((a = t.ids) == null ? void 0 : a.fallback) ?? `avatar:${t.id}:fallback`;
-  },
-  getRootEl: (t) => o.getById(t, o.getRootId(t)),
-  getImageEl: (t) => o.getById(t, o.getImageId(t))
-});
-function S(t, a, e) {
-  const r = t.matches("loaded");
+import { createAnatomy as v } from "../../anatomy/dist/index.js";
+import { observeAttributes as p, observeChildren as u } from "../../dom-query/dist/index.js";
+import { createMachine as h } from "../../core/dist/index.js";
+import { createProps as k } from "../../types/dist/index.js";
+var f = v("avatar").parts("root", "image", "fallback"), s = f.build(), m = (e) => {
+  var r;
+  return ((r = e.ids) == null ? void 0 : r.root) ?? `avatar:${e.id}`;
+}, g = (e) => {
+  var r;
+  return ((r = e.ids) == null ? void 0 : r.image) ?? `avatar:${e.id}:image`;
+}, b = (e) => {
+  var r;
+  return ((r = e.ids) == null ? void 0 : r.fallback) ?? `avatar:${e.id}:fallback`;
+}, y = (e) => e.getById(m(e)), c = (e) => e.getById(g(e));
+function O(e, r) {
+  const { state: t, send: a, prop: n, scope: d } = e, o = t.matches("loaded");
   return {
-    loaded: r,
-    setSrc(n) {
-      a({ type: "SRC.SET", src: n });
+    loaded: o,
+    setSrc(l) {
+      const i = c(d);
+      i == null || i.setAttribute("src", l);
     },
     setLoaded() {
-      a({ type: "IMG.LOADED", src: "api" });
+      a({ type: "img.loaded", src: "api" });
     },
     setError() {
-      a({ type: "IMG.ERROR", src: "api" });
+      a({ type: "img.error", src: "api" });
     },
     getRootProps() {
-      return e.element({
-        ...c.root.attrs,
-        dir: t.context.dir,
-        id: o.getRootId(t.context)
+      return r.element({
+        ...s.root.attrs,
+        dir: n("dir"),
+        id: m(d)
       });
     },
     getImageProps() {
-      return e.img({
-        ...c.image.attrs,
-        hidden: !r,
-        dir: t.context.dir,
-        id: o.getImageId(t.context),
-        "data-state": r ? "visible" : "hidden",
+      return r.img({
+        ...s.image.attrs,
+        hidden: !o,
+        dir: n("dir"),
+        id: g(d),
+        "data-state": o ? "visible" : "hidden",
         onLoad() {
-          a({ type: "IMG.LOADED", src: "element" });
+          a({ type: "img.loaded", src: "element" });
         },
         onError() {
-          a({ type: "IMG.ERROR", src: "element" });
+          a({ type: "img.error", src: "element" });
         }
       });
     },
     getFallbackProps() {
-      return e.element({
-        ...c.fallback.attrs,
-        dir: t.context.dir,
-        id: o.getFallbackId(t.context),
-        hidden: r,
-        "data-state": r ? "hidden" : "visible"
+      return r.element({
+        ...s.fallback.attrs,
+        dir: n("dir"),
+        id: b(d),
+        hidden: o,
+        "data-state": o ? "hidden" : "visible"
       });
     }
   };
 }
-function G(t) {
-  const a = p(t);
-  return I(
-    {
-      id: "avatar",
-      initial: "loading",
-      activities: ["trackImageRemoval"],
-      context: a,
+var C = h({
+  initialState() {
+    return "loading";
+  },
+  effects: ["trackImageRemoval", "trackSrcChange"],
+  on: {
+    "src.change": {
+      target: "loading"
+    },
+    "img.unmount": {
+      target: "error"
+    }
+  },
+  states: {
+    loading: {
+      entry: ["checkImageStatus"],
       on: {
-        "SRC.CHANGE": {
-          target: "loading"
+        "img.loaded": {
+          target: "loaded",
+          actions: ["invokeOnLoad"]
         },
-        "IMG.UNMOUNT": {
-          target: "error"
+        "img.error": {
+          target: "error",
+          actions: ["invokeOnError"]
         }
-      },
-      states: {
-        loading: {
-          activities: ["trackSrcChange"],
-          entry: ["checkImageStatus"],
-          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"]
-            }
-          }
+      }
+    },
+    error: {
+      on: {
+        "img.loaded": {
+          target: "loaded",
+          actions: ["invokeOnLoad"]
         }
       }
     },
-    {
-      activities: {
-        trackSrcChange(e, r, { send: n }) {
-          const i = o.getImageEl(e);
-          return v(i, {
-            attributes: ["src", "srcset"],
-            callback() {
-              n({ type: "SRC.CHANGE" });
-            }
-          });
-        },
-        trackImageRemoval(e, r, { send: n }) {
-          const i = o.getRootEl(e);
-          return m(i, {
-            callback(d) {
-              Array.from(d[0].removedNodes).find(
-                (s) => s.nodeType === Node.ELEMENT_NODE && s.matches("[data-scope=avatar][data-part=image]")
-              ) && n({ type: "IMG.UNMOUNT" });
-            }
-          });
+    loaded: {
+      on: {
+        "img.error": {
+          target: "error",
+          actions: ["invokeOnError"]
         }
+      }
+    }
+  },
+  implementations: {
+    actions: {
+      invokeOnLoad({ prop: e }) {
+        var r;
+        (r = e("onStatusChange")) == null || r({ status: "loaded" });
       },
-      actions: {
-        invokeOnLoad(e) {
-          var r;
-          (r = e.onStatusChange) == null || r.call(e, { status: "loaded" });
-        },
-        invokeOnError(e) {
-          var r;
-          (r = e.onStatusChange) == null || r.call(e, { status: "error" });
-        },
-        checkImageStatus(e, r, { send: n }) {
-          const i = o.getImageEl(e);
-          if (i != null && i.complete) {
-            const d = k(i) ? "IMG.LOADED" : "IMG.ERROR";
-            n({ type: d, src: "ssr" });
+      invokeOnError({ prop: e }) {
+        var r;
+        (r = e("onStatusChange")) == null || r({ status: "error" });
+      },
+      checkImageStatus({ send: e, scope: r }) {
+        const t = c(r);
+        if (!(t != null && t.complete)) return;
+        const a = E(t) ? "img.loaded" : "img.error";
+        e({ type: a, src: "ssr" });
+      }
+    },
+    effects: {
+      trackImageRemoval({ send: e, scope: r }) {
+        const t = y(r);
+        return u(t, {
+          callback(a) {
+            Array.from(a[0].removedNodes).find(
+              (o) => o.nodeType === Node.ELEMENT_NODE && o.matches("[data-scope=avatar][data-part=image]")
+            ) && e({ type: "img.unmount" });
           }
-        }
+        });
+      },
+      trackSrcChange({ send: e, scope: r }) {
+        const t = c(r);
+        return p(t, {
+          attributes: ["src", "srcset"],
+          callback() {
+            e({ type: "src.change" });
+          }
+        });
       }
     }
-  );
-}
-function k(t) {
-  return t.complete && t.naturalWidth !== 0 && t.naturalHeight !== 0;
+  }
+});
+function E(e) {
+  return e.complete && e.naturalWidth !== 0 && e.naturalHeight !== 0;
 }
-E()(["dir", "id", "ids", "onStatusChange", "getRootNode"]);
+k()(["dir", "id", "ids", "onStatusChange", "getRootNode"]);
 export {
-  R as anatomy,
-  S as connect,
-  G as machine
+  f as anatomy,
+  O as connect,
+  C as machine
 };