@serendie/ui 3.2.0 → 3.2.1-dev.202604251106

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

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