@serendie/ui 2.0.0 → 2.1.0

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

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