@serendie/ui 3.2.0 → 3.2.1-dev.202604210459

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

@@ -0,0 +1,110 @@
+import { getEventTarget as y } from "../../dom-query/dist/event.js";
+import { isSafari as k } from "../../dom-query/dist/platform.js";
+import { dataAttr as d } from "../../dom-query/dist/shared.js";
+import { visuallyHiddenStyle as I } from "../../dom-query/dist/visually-hidden.js";
+import { isFocusVisible as P } from "../../focus-visible/dist/index.js";
+import { parts as u } from "./switch.anatomy.js";
+import { getLabelId as h, getHiddenInputId as T, getControlId as S, getThumbId as x, getHiddenInputEl as m, getRootId as H } from "./switch.dom.js";
+function F(b, a) {
+  const { context: s, send: i, prop: e, scope: t } = b, r = !!e("disabled"), l = !!e("readOnly"), E = !!e("required"), n = !!s.get("checked"), f = !r && s.get("focused"), v = !r && s.get("focusVisible"), C = !r && s.get("active"), c = {
+    "data-active": d(C),
+    "data-focus": d(f),
+    "data-focus-visible": d(v),
+    "data-readonly": d(l),
+    "data-hover": d(s.get("hovered")),
+    "data-disabled": d(r),
+    "data-state": n ? "checked" : "unchecked",
+    "data-invalid": d(e("invalid")),
+    "data-required": d(E)
+  };
+  return {
+    checked: n,
+    disabled: r,
+    focused: f,
+    setChecked(o) {
+      i({ type: "CHECKED.SET", checked: o, isTrusted: !1 });
+    },
+    toggleChecked() {
+      i({ type: "CHECKED.TOGGLE", checked: n, isTrusted: !1 });
+    },
+    getRootProps() {
+      return a.label({
+        ...u.root.attrs,
+        ...c,
+        dir: e("dir"),
+        id: H(t),
+        htmlFor: T(t),
+        onPointerMove() {
+          r || i({ type: "CONTEXT.SET", context: { hovered: !0 } });
+        },
+        onPointerLeave() {
+          r || i({ type: "CONTEXT.SET", context: { hovered: !1 } });
+        },
+        onClick(o) {
+          var g;
+          if (r) return;
+          y(o) === m(t) && o.stopPropagation(), k() && ((g = m(t)) == null || g.focus());
+        }
+      });
+    },
+    getLabelProps() {
+      return a.element({
+        ...u.label.attrs,
+        ...c,
+        dir: e("dir"),
+        id: h(t)
+      });
+    },
+    getThumbProps() {
+      return a.element({
+        ...u.thumb.attrs,
+        ...c,
+        dir: e("dir"),
+        id: x(t),
+        "aria-hidden": !0
+      });
+    },
+    getControlProps() {
+      return a.element({
+        ...u.control.attrs,
+        ...c,
+        dir: e("dir"),
+        id: S(t),
+        "aria-hidden": !0
+      });
+    },
+    getHiddenInputProps() {
+      return a.input({
+        id: T(t),
+        type: "checkbox",
+        required: e("required"),
+        defaultChecked: n,
+        disabled: r,
+        "aria-labelledby": h(t),
+        "aria-invalid": e("invalid"),
+        name: e("name"),
+        form: e("form"),
+        value: e("value"),
+        style: I,
+        onFocus() {
+          const o = P();
+          i({ type: "CONTEXT.SET", context: { focused: !0, focusVisible: o } });
+        },
+        onBlur() {
+          i({ type: "CONTEXT.SET", context: { focused: !1, focusVisible: !1 } });
+        },
+        onClick(o) {
+          if (l) {
+            o.preventDefault();
+            return;
+          }
+          const p = o.currentTarget.checked;
+          i({ type: "CHECKED.SET", checked: p, isTrusted: !0 });
+        }
+      });
+    }
+  };
+}
+export {
+  F as connect
+};

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

@@ -0,0 +1,25 @@
+var i = (d) => {
+  var t;
+  return ((t = d.ids) == null ? void 0 : t.root) ?? `switch:${d.id}`;
+}, o = (d) => {
+  var t;
+  return ((t = d.ids) == null ? void 0 : t.label) ?? `switch:${d.id}:label`;
+}, r = (d) => {
+  var t;
+  return ((t = d.ids) == null ? void 0 : t.thumb) ?? `switch:${d.id}:thumb`;
+}, a = (d) => {
+  var t;
+  return ((t = d.ids) == null ? void 0 : t.control) ?? `switch:${d.id}:control`;
+}, e = (d) => {
+  var t;
+  return ((t = d.ids) == null ? void 0 : t.hiddenInput) ?? `switch:${d.id}:input`;
+}, l = (d) => d.getById(i(d)), n = (d) => d.getById(e(d));
+export {
+  a as getControlId,
+  n as getHiddenInputEl,
+  e as getHiddenInputId,
+  o as getLabelId,
+  l as getRootEl,
+  i as getRootId,
+  r as getThumbId
+};

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

@@ -0,0 +1,143 @@
+import { trackFocusVisible as d } from "../../focus-visible/dist/index.js";
+import { getHiddenInputEl as a, getRootEl as o } from "./switch.dom.js";
+import { createMachine as i, createGuards as n } from "../../core/dist/create-machine.js";
+import { dispatchInputCheckedEvent as l, setElementChecked as u, trackFormControl as f } from "../../dom-query/dist/form.js";
+import { trackPress as h } from "../../dom-query/dist/press.js";
+var { not: r } = n(), p = i({
+  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 c;
+          (c = e("onCheckedChange")) == null || c({ 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: c }) {
+    e([() => t("disabled")], () => {
+      c(["removeFocusIfNeeded"]);
+    }), e([() => s.get("checked")], () => {
+      c(["syncInputElement"]);
+    });
+  },
+  effects: ["trackFormControlState", "trackPressEvent", "trackFocusVisible"],
+  on: {
+    "CHECKED.TOGGLE": [
+      {
+        guard: r("isTrusted"),
+        actions: ["toggleChecked", "dispatchChangeEvent"]
+      },
+      {
+        actions: ["toggleChecked"]
+      }
+    ],
+    "CHECKED.SET": [
+      {
+        guard: r("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 h({
+            pointerNode: o(t),
+            keyboardNode: a(t),
+            isValidKey: (c) => c.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 d({ root: t.getRootNode() });
+      },
+      trackFormControlState({ context: e, send: t, scope: s }) {
+        return f(a(s), {
+          onFieldsetDisabledChange(c) {
+            e.set("fieldsetDisabled", c);
+          },
+          onFormReset() {
+            const c = e.initial("checked");
+            t({ type: "CHECKED.SET", checked: !!c, 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 = a(t);
+        s && u(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 }) {
+        queueMicrotask(() => {
+          const s = a(t);
+          l(s, { checked: e.get("checked") });
+        });
+      }
+    }
+  }
+});
+export {
+  p as machine
+};

package/dist/node_modules/@zag-js/tabs/dist/tabs.anatomy.js

@@ -0,0 +1,6 @@
+import { createAnatomy as t } from "../../anatomy/dist/create-anatomy.js";
+var r = t("tabs").parts("root", "list", "trigger", "content", "indicator"), o = r.build();
+export {
+  r as anatomy,
+  o as parts
+};

package/dist/node_modules/@zag-js/tabs/dist/tabs.connect.js

@@ -0,0 +1,176 @@
+import { getEventTarget as I, isOpeningInNewTab as _, isComposingEvent as C, getEventKey as N } from "../../dom-query/dist/event.js";
+import { contains as P } from "../../dom-query/dist/node.js";
+import { isSafari as O } from "../../dom-query/dist/platform.js";
+import { dataAttr as l } from "../../dom-query/dist/shared.js";
+import { parts as g } from "./tabs.anatomy.js";
+import { getIndicatorId as x, getListId as A, getTriggerId as R, getContentId as h, getRootId as V, getTriggerEl as D } from "./tabs.dom.js";
+import { toPx as f } from "../../utils/dist/number.js";
+function H(d, c) {
+  const { state: w, send: r, context: a, prop: o, scope: n } = d, y = o("translations"), m = w.matches("focused"), b = o("orientation") === "vertical", p = o("orientation") === "horizontal", E = o("composite");
+  function v(t) {
+    return {
+      selected: a.get("value") === t.value,
+      focused: a.get("focusedValue") === t.value,
+      disabled: !!t.disabled
+    };
+  }
+  return {
+    value: a.get("value"),
+    focusedValue: a.get("focusedValue"),
+    setValue(t) {
+      r({ type: "SET_VALUE", value: t });
+    },
+    clearValue() {
+      r({ type: "CLEAR_VALUE" });
+    },
+    setIndicatorRect(t) {
+      const e = R(n, t);
+      r({ type: "SET_INDICATOR_RECT", id: e });
+    },
+    syncTabIndex() {
+      r({ type: "SYNC_TAB_INDEX" });
+    },
+    selectNext(t) {
+      r({ type: "TAB_FOCUS", value: t, src: "selectNext" }), r({ type: "ARROW_NEXT", src: "selectNext" });
+    },
+    selectPrev(t) {
+      r({ type: "TAB_FOCUS", value: t, src: "selectPrev" }), r({ type: "ARROW_PREV", src: "selectPrev" });
+    },
+    focus() {
+      var e;
+      const t = a.get("value");
+      t && ((e = D(n, t)) == null || e.focus());
+    },
+    getRootProps() {
+      return c.element({
+        ...g.root.attrs,
+        id: V(n),
+        "data-orientation": o("orientation"),
+        "data-focus": l(m),
+        dir: o("dir")
+      });
+    },
+    getListProps() {
+      return c.element({
+        ...g.list.attrs,
+        id: A(n),
+        role: "tablist",
+        dir: o("dir"),
+        "data-focus": l(m),
+        "aria-orientation": o("orientation"),
+        "data-orientation": o("orientation"),
+        "aria-label": y == null ? void 0 : y.listLabel,
+        onKeyDown(t) {
+          if (t.defaultPrevented || C(t) || !P(t.currentTarget, I(t))) return;
+          const e = {
+            ArrowDown() {
+              p || r({ type: "ARROW_NEXT", key: "ArrowDown" });
+            },
+            ArrowUp() {
+              p || r({ type: "ARROW_PREV", key: "ArrowUp" });
+            },
+            ArrowLeft() {
+              b || r({ type: "ARROW_PREV", key: "ArrowLeft" });
+            },
+            ArrowRight() {
+              b || r({ type: "ARROW_NEXT", key: "ArrowRight" });
+            },
+            Home() {
+              r({ type: "HOME" });
+            },
+            End() {
+              r({ type: "END" });
+            }
+          };
+          let i = N(t, {
+            dir: o("dir"),
+            orientation: o("orientation")
+          });
+          const s = e[i];
+          if (s) {
+            t.preventDefault(), s(t);
+            return;
+          }
+        }
+      });
+    },
+    getTriggerState: v,
+    getTriggerProps(t) {
+      const { value: e, disabled: i } = t, s = v(t);
+      return c.button({
+        ...g.trigger.attrs,
+        role: "tab",
+        type: "button",
+        disabled: i,
+        dir: o("dir"),
+        "data-orientation": o("orientation"),
+        "data-disabled": l(i),
+        "aria-disabled": i,
+        "data-value": e,
+        "aria-selected": s.selected,
+        "data-selected": l(s.selected),
+        "data-focus": l(s.focused),
+        "aria-controls": s.selected ? h(n, e) : void 0,
+        "data-ownedby": A(n),
+        "data-ssr": l(a.get("ssr")),
+        id: R(n, e),
+        tabIndex: s.selected && E ? 0 : -1,
+        onFocus() {
+          r({ type: "TAB_FOCUS", value: e });
+        },
+        onBlur(u) {
+          const T = u.relatedTarget;
+          (T == null ? void 0 : T.getAttribute("role")) !== "tab" && r({ type: "TAB_BLUR" });
+        },
+        onClick(u) {
+          u.defaultPrevented || _(u) || i || (O() && u.currentTarget.focus(), r({ type: "TAB_CLICK", value: e }));
+        }
+      });
+    },
+    getContentProps(t) {
+      const { value: e } = t, i = a.get("value") === e;
+      return c.element({
+        ...g.content.attrs,
+        dir: o("dir"),
+        id: h(n, e),
+        tabIndex: E ? 0 : -1,
+        "aria-labelledby": R(n, e),
+        role: "tabpanel",
+        "data-ownedby": A(n),
+        "data-selected": l(i),
+        "data-orientation": o("orientation"),
+        hidden: !i
+      });
+    },
+    getIndicatorProps() {
+      const t = a.get("indicatorRect"), e = a.get("animateIndicator");
+      return c.element({
+        id: x(n),
+        ...g.indicator.attrs,
+        dir: o("dir"),
+        "data-orientation": o("orientation"),
+        hidden: L(t),
+        onTransitionEnd(i) {
+          I(i) === i.currentTarget && r({ type: "INDICATOR_TRANSITION_END" });
+        },
+        style: {
+          "--transition-property": "left, right, top, bottom, width, height",
+          "--left": f(t == null ? void 0 : t.x),
+          "--top": f(t == null ? void 0 : t.y),
+          "--width": f(t == null ? void 0 : t.width),
+          "--height": f(t == null ? void 0 : t.height),
+          position: "absolute",
+          willChange: e ? "var(--transition-property)" : "auto",
+          transitionProperty: e ? "var(--transition-property)" : "none",
+          transitionDuration: e ? "var(--transition-duration, 150ms)" : "0ms",
+          transitionTimingFunction: "var(--transition-timing-function)",
+          [p ? "left" : "top"]: p ? "var(--left)" : "var(--top)"
+        }
+      });
+    }
+  };
+}
+var L = (d) => d == null || d.width === 0 && d.height === 0 && d.x === 0 && d.y === 0;
+export {
+  H as connect
+};

package/dist/node_modules/@zag-js/tabs/dist/tabs.dom.js

@@ -0,0 +1,47 @@
+import { queryAll as a, itemById as s, prevById as n, nextById as v } from "../../dom-query/dist/query.js";
+import { last as I, first as f } from "../../utils/dist/array.js";
+var T = (t) => {
+  var r;
+  return ((r = t.ids) == null ? void 0 : r.root) ?? `tabs:${t.id}`;
+}, d = (t) => {
+  var r;
+  return ((r = t.ids) == null ? void 0 : r.list) ?? `tabs:${t.id}:list`;
+}, y = (t, r) => {
+  var e, g;
+  return ((g = (e = t.ids) == null ? void 0 : e.content) == null ? void 0 : g.call(e, r)) ?? `tabs:${t.id}:content-${r}`;
+}, o = (t, r) => {
+  var e, g;
+  return ((g = (e = t.ids) == null ? void 0 : e.trigger) == null ? void 0 : g.call(e, r)) ?? `tabs:${t.id}:trigger-${r}`;
+}, b = (t) => {
+  var r;
+  return ((r = t.ids) == null ? void 0 : r.indicator) ?? `tabs:${t.id}:indicator`;
+}, E = (t) => t.getById(d(t)), m = (t, r) => t.getById(y(t, r)), p = (t, r) => r != null ? t.getById(o(t, r)) : null, h = (t) => t.getById(b(t)), i = (t) => {
+  const e = `[role=tab][data-ownedby='${CSS.escape(d(t))}']:not([disabled])`;
+  return a(E(t), e);
+}, l = (t) => f(i(t)), w = (t) => I(i(t)), L = (t, r) => v(i(t), o(t, r.value), r.loopFocus), C = (t, r) => n(i(t), o(t, r.value), r.loopFocus), B = (t) => ({
+  x: (t == null ? void 0 : t.offsetLeft) ?? 0,
+  y: (t == null ? void 0 : t.offsetTop) ?? 0,
+  width: (t == null ? void 0 : t.offsetWidth) ?? 0,
+  height: (t == null ? void 0 : t.offsetHeight) ?? 0
+}), F = (t, r) => {
+  const e = s(i(t), o(t, r));
+  return B(e);
+};
+export {
+  m as getContentEl,
+  y as getContentId,
+  i as getElements,
+  l as getFirstTriggerEl,
+  h as getIndicatorEl,
+  b as getIndicatorId,
+  w as getLastTriggerEl,
+  E as getListEl,
+  d as getListId,
+  L as getNextTriggerEl,
+  B as getOffsetRect,
+  C as getPrevTriggerEl,
+  F as getRectByValue,
+  T as getRootId,
+  p as getTriggerEl,
+  o as getTriggerId
+};