@serendie/ui 2.0.0 → 2.1.0

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

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