@serendie/ui 3.2.0 → 3.2.1-dev.202604251106

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

@@ -1,154 +0,0 @@
-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: o,
-    setSrc(l) {
-      const i = c(d);
-      i == null || i.setAttribute("src", l);
-    },
-    setLoaded() {
-      a({ type: "img.loaded", src: "api" });
-    },
-    setError() {
-      a({ type: "img.error", src: "api" });
-    },
-    getRootProps() {
-      return r.element({
-        ...s.root.attrs,
-        dir: n("dir"),
-        id: m(d)
-      });
-    },
-    getImageProps() {
-      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" });
-        },
-        onError() {
-          a({ type: "img.error", src: "element" });
-        }
-      });
-    },
-    getFallbackProps() {
-      return r.element({
-        ...s.fallback.attrs,
-        dir: n("dir"),
-        id: b(d),
-        hidden: o,
-        "data-state": o ? "hidden" : "visible"
-      });
-    }
-  };
-}
-var C = h({
-  initialState() {
-    return "loading";
-  },
-  effects: ["trackImageRemoval", "trackSrcChange"],
-  on: {
-    "src.change": {
-      target: "loading"
-    },
-    "img.unmount": {
-      target: "error"
-    }
-  },
-  states: {
-    loading: {
-      entry: ["checkImageStatus"],
-      on: {
-        "img.loaded": {
-          target: "loaded",
-          actions: ["invokeOnLoad"]
-        },
-        "img.error": {
-          target: "error",
-          actions: ["invokeOnError"]
-        }
-      }
-    },
-    error: {
-      on: {
-        "img.loaded": {
-          target: "loaded",
-          actions: ["invokeOnLoad"]
-        }
-      }
-    },
-    loaded: {
-      on: {
-        "img.error": {
-          target: "error",
-          actions: ["invokeOnError"]
-        }
-      }
-    }
-  },
-  implementations: {
-    actions: {
-      invokeOnLoad({ prop: e }) {
-        var r;
-        (r = e("onStatusChange")) == null || r({ status: "loaded" });
-      },
-      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 E(e) {
-  return e.complete && e.naturalWidth !== 0 && e.naturalHeight !== 0;
-}
-k()(["dir", "id", "ids", "onStatusChange", "getRootNode"]);
-export {
-  f as anatomy,
-  O as connect,
-  C as machine
-};

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

@@ -1,270 +0,0 @@
-import { createAnatomy as I } from "../../anatomy/dist/index.js";
-import { dataAttr as o, visuallyHiddenStyle as P, getEventTarget as S, dispatchInputCheckedEvent as F, setElementChecked as N, trackFormControl as D, trackPress as O } from "../../dom-query/dist/index.js";
-import { isFocusVisible as H, trackFocusVisible as K } from "../../focus-visible/dist/index.js";
-import { createMachine as R, createGuards as x } from "../../core/dist/index.js";
-import { createProps as G } from "../../types/dist/index.js";
-var L = I("checkbox").parts("root", "label", "control", "indicator"), h = L.build(), y = (e) => {
-  var t;
-  return ((t = e.ids) == null ? void 0 : t.root) ?? `checkbox:${e.id}`;
-}, b = (e) => {
-  var t;
-  return ((t = e.ids) == null ? void 0 : t.label) ?? `checkbox:${e.id}:label`;
-}, X = (e) => {
-  var t;
-  return ((t = e.ids) == null ? void 0 : t.control) ?? `checkbox:${e.id}:control`;
-}, g = (e) => {
-  var t;
-  return ((t = e.ids) == null ? void 0 : t.hiddenInput) ?? `checkbox:${e.id}:input`;
-}, q = (e) => e.getById(y(e)), l = (e) => e.getById(g(e));
-function J(e, t) {
-  const { send: d, context: r, prop: a, computed: C, scope: c } = e, i = a("disabled"), v = a("readOnly"), E = a("invalid"), p = !i && r.get("focused"), V = !i && r.get("focusVisible"), n = C("checked"), k = C("indeterminate"), u = {
-    "data-active": o(r.get("active")),
-    "data-focus": o(p),
-    "data-focus-visible": o(V),
-    "data-readonly": o(v),
-    "data-hover": o(r.get("hovered")),
-    "data-disabled": o(i),
-    "data-state": k ? "indeterminate" : n ? "checked" : "unchecked",
-    "data-invalid": o(E)
-  };
-  return {
-    checked: n,
-    disabled: i,
-    indeterminate: k,
-    focused: p,
-    checkedState: n,
-    setChecked(s) {
-      d({ type: "CHECKED.SET", checked: s, isTrusted: !1 });
-    },
-    toggleChecked() {
-      d({ type: "CHECKED.TOGGLE", checked: n, isTrusted: !1 });
-    },
-    getRootProps() {
-      return t.label({
-        ...h.root.attrs,
-        ...u,
-        dir: a("dir"),
-        id: y(c),
-        htmlFor: g(c),
-        onPointerMove() {
-          i || d({ type: "CONTEXT.SET", context: { hovered: !0 } });
-        },
-        onPointerLeave() {
-          i || d({ type: "CONTEXT.SET", context: { hovered: !1 } });
-        },
-        onClick(s) {
-          S(s) === l(c) && s.stopPropagation();
-        }
-      });
-    },
-    getLabelProps() {
-      return t.element({
-        ...h.label.attrs,
-        ...u,
-        dir: a("dir"),
-        id: b(c)
-      });
-    },
-    getControlProps() {
-      return t.element({
-        ...h.control.attrs,
-        ...u,
-        dir: a("dir"),
-        id: X(c),
-        "aria-hidden": !0
-      });
-    },
-    getIndicatorProps() {
-      return t.element({
-        ...h.indicator.attrs,
-        ...u,
-        dir: a("dir"),
-        hidden: !k && !n
-      });
-    },
-    getHiddenInputProps() {
-      return t.input({
-        id: g(c),
-        type: "checkbox",
-        required: a("required"),
-        defaultChecked: n,
-        disabled: i,
-        "aria-labelledby": b(c),
-        "aria-invalid": E,
-        name: a("name"),
-        form: a("form"),
-        value: a("value"),
-        style: P,
-        onFocus() {
-          const s = H();
-          d({ type: "CONTEXT.SET", context: { focused: !0, focusVisible: s } });
-        },
-        onBlur() {
-          d({ type: "CONTEXT.SET", context: { focused: !1, focusVisible: !1 } });
-        },
-        onClick(s) {
-          if (v) {
-            s.preventDefault();
-            return;
-          }
-          const m = s.currentTarget.checked;
-          d({ type: "CHECKED.SET", checked: m, isTrusted: !0 });
-        }
-      });
-    }
-  };
-}
-var { not: T } = x(), Q = R({
-  props({ props: e }) {
-    return {
-      value: "on",
-      ...e,
-      defaultChecked: !!e.defaultChecked
-    };
-  },
-  initialState() {
-    return "ready";
-  },
-  context({ prop: e, bindable: t }) {
-    return {
-      checked: t(() => ({
-        defaultValue: e("defaultChecked"),
-        value: e("checked"),
-        onChange(d) {
-          var r;
-          (r = e("onCheckedChange")) == null || r({ checked: d });
-        }
-      })),
-      fieldsetDisabled: t(() => ({ defaultValue: !1 })),
-      focusVisible: t(() => ({ defaultValue: !1 })),
-      active: t(() => ({ defaultValue: !1 })),
-      focused: t(() => ({ defaultValue: !1 })),
-      hovered: t(() => ({ defaultValue: !1 }))
-    };
-  },
-  watch({ track: e, context: t, prop: d, action: r }) {
-    e([() => d("disabled")], () => {
-      r(["removeFocusIfNeeded"]);
-    }), e([() => t.get("checked")], () => {
-      r(["syncInputElement"]);
-    });
-  },
-  effects: ["trackFormControlState", "trackPressEvent", "trackFocusVisible"],
-  on: {
-    "CHECKED.TOGGLE": [
-      {
-        guard: T("isTrusted"),
-        actions: ["toggleChecked", "dispatchChangeEvent"]
-      },
-      {
-        actions: ["toggleChecked"]
-      }
-    ],
-    "CHECKED.SET": [
-      {
-        guard: T("isTrusted"),
-        actions: ["setChecked", "dispatchChangeEvent"]
-      },
-      {
-        actions: ["setChecked"]
-      }
-    ],
-    "CONTEXT.SET": {
-      actions: ["setContext"]
-    }
-  },
-  computed: {
-    indeterminate: ({ context: e }) => f(e.get("checked")),
-    checked: ({ context: e }) => $(e.get("checked")),
-    disabled: ({ context: e, prop: t }) => !!t("disabled") || e.get("fieldsetDisabled")
-  },
-  states: {
-    ready: {}
-  },
-  implementations: {
-    guards: {
-      isTrusted: ({ event: e }) => !!e.isTrusted
-    },
-    effects: {
-      trackPressEvent({ context: e, computed: t, scope: d }) {
-        if (!t("disabled"))
-          return O({
-            pointerNode: q(d),
-            keyboardNode: l(d),
-            isValidKey: (r) => r.key === " ",
-            onPress: () => e.set("active", !1),
-            onPressStart: () => e.set("active", !0),
-            onPressEnd: () => e.set("active", !1)
-          });
-      },
-      trackFocusVisible({ computed: e, scope: t }) {
-        var d;
-        if (!e("disabled"))
-          return K({ root: (d = t.getRootNode) == null ? void 0 : d.call(t) });
-      },
-      trackFormControlState({ context: e, scope: t }) {
-        return D(l(t), {
-          onFieldsetDisabledChange(d) {
-            e.set("fieldsetDisabled", d);
-          },
-          onFormReset() {
-            e.set("checked", e.initial("checked"));
-          }
-        });
-      }
-    },
-    actions: {
-      setContext({ context: e, event: t }) {
-        for (const d in t.context)
-          e.set(d, t.context[d]);
-      },
-      syncInputElement({ context: e, computed: t, scope: d }) {
-        const r = l(d);
-        r && (N(r, t("checked")), r.indeterminate = f(e.get("checked")));
-      },
-      removeFocusIfNeeded({ context: e, prop: t }) {
-        t("disabled") && e.get("focused") && (e.set("focused", !1), e.set("focusVisible", !1));
-      },
-      setChecked({ context: e, event: t }) {
-        e.set("checked", t.checked);
-      },
-      toggleChecked({ context: e, computed: t }) {
-        const d = f(t("checked")) ? !0 : !t("checked");
-        e.set("checked", d);
-      },
-      dispatchChangeEvent({ computed: e, scope: t }) {
-        queueMicrotask(() => {
-          const d = l(t);
-          F(d, { checked: e("checked") });
-        });
-      }
-    }
-  }
-});
-function f(e) {
-  return e === "indeterminate";
-}
-function $(e) {
-  return f(e) ? !1 : !!e;
-}
-G()([
-  "defaultChecked",
-  "checked",
-  "dir",
-  "disabled",
-  "form",
-  "getRootNode",
-  "id",
-  "ids",
-  "invalid",
-  "name",
-  "onCheckedChange",
-  "readOnly",
-  "required",
-  "value"
-]);
-export {
-  L as anatomy,
-  J as connect,
-  Q as machine
-};