@serendie/ui 3.2.1 → 3.2.2-dev.202604270058

package/dist/node_modules/@zag-js/dom-query/dist/form.js

@@ -3,42 +3,51 @@ function c(t, n) {
   const { type: e = "HTMLInputElement", property: r = "value" } = n, o = i(t)[e].prototype;
   return Object.getOwnPropertyDescriptor(o, r) ?? {};
 }
-function a(t) {
+function f(t) {
   if (t.localName === "input") return "HTMLInputElement";
   if (t.localName === "textarea") return "HTMLTextAreaElement";
   if (t.localName === "select") return "HTMLSelectElement";
 }
-function v(t, n, e = "value") {
+function p(t, n, e = "value") {
   var o;
   if (!t) return;
-  const r = a(t);
+  const r = f(t);
   r && ((o = c(t, { type: r, property: e }).set) == null || o.call(t, n)), t.setAttribute(e, n);
 }
-function f(t, n) {
+function d(t, n) {
   var r;
   if (!t) return;
   (r = c(t, { type: "HTMLInputElement", property: "checked" }).set) == null || r.call(t, n), n ? t.setAttribute("checked", "") : t.removeAttribute("checked");
 }
 function h(t, n) {
+  const { value: e, bubbles: r = !0 } = n;
+  if (!t) return;
+  const o = i(t);
+  if (!(t instanceof o.HTMLInputElement)) return;
+  p(t, `${e}`);
+  const s = new o.Event("input", { bubbles: r });
+  t.dispatchEvent(a(s));
+}
+function y(t, n) {
   const { checked: e, bubbles: r = !0 } = n;
   if (!t) return;
   const o = i(t);
   if (!(t instanceof o.HTMLInputElement)) return;
-  f(t, e);
+  d(t, e);
   const s = new o.Event("click", { bubbles: r });
-  t.dispatchEvent(b(s));
+  t.dispatchEvent(a(s));
 }
-function d(t) {
+function E(t) {
   return t.matches("textarea, input, select, button");
 }
-function p(t, n) {
+function m(t, n) {
   if (!t) return;
-  const e = d(t) ? t.form : t.closest("form"), r = (o) => {
+  const e = E(t) ? t.form : t.closest("form"), r = (o) => {
     o.defaultPrevented || n();
   };
   return e == null || e.addEventListener("reset", r, { passive: !0 }), () => e == null ? void 0 : e.removeEventListener("reset", r);
 }
-function m(t, n) {
+function b(t, n) {
   const e = t == null ? void 0 : t.closest("fieldset");
   if (!e) return;
   n(e.disabled);
@@ -48,23 +57,24 @@ function m(t, n) {
     attributeFilter: ["disabled"]
   }), () => o.disconnect();
 }
-function y(t, n) {
+function T(t, n) {
   if (!t) return;
-  const { onFieldsetDisabledChange: e, onFormReset: r } = n, o = [p(t, r), m(t, e)];
+  const { onFieldsetDisabledChange: e, onFormReset: r } = n, o = [m(t, r), b(t, e)];
   return () => o.forEach((s) => s == null ? void 0 : s());
 }
 var u = /* @__PURE__ */ Symbol.for("zag.changeEvent");
-function E(t) {
+function l(t) {
   return Object.prototype.hasOwnProperty.call(t, u);
 }
-function b(t) {
-  return E(t) || Object.defineProperty(t, u, { value: !0 }), t;
+function a(t) {
+  return l(t) || Object.defineProperty(t, u, { value: !0 }), t;
 }
 export {
-  h as dispatchInputCheckedEvent,
-  E as isInternalChangeEvent,
-  b as markAsInternalChangeEvent,
-  f as setElementChecked,
-  v as setElementValue,
-  y as trackFormControl
+  y as dispatchInputCheckedEvent,
+  h as dispatchInputValueEvent,
+  l as isInternalChangeEvent,
+  a as markAsInternalChangeEvent,
+  d as setElementChecked,
+  p as setElementValue,
+  T as trackFormControl
 };

package/dist/node_modules/@zag-js/dom-query/dist/pointer-move.js

@@ -0,0 +1,29 @@
+import { addDomEvent as r, getEventPoint as i } from "./event.js";
+import { disableTextSelection as m } from "./text-selection.js";
+function M(t, s) {
+  const { onPointerMove: p, onPointerUp: a } = s, c = (o) => {
+    const n = i(o), u = Math.sqrt(n.x ** 2 + n.y ** 2), l = o.pointerType === "touch" ? 10 : 5;
+    if (!(u < l)) {
+      if (o.pointerType === "mouse" && o.buttons === 0) {
+        e(o);
+        return;
+      }
+      p({ point: n, event: o });
+    }
+  }, e = (o) => {
+    const n = i(o);
+    a({ point: n, event: o });
+  }, f = [
+    r(t, "pointermove", c, !1),
+    r(t, "pointerup", e, !1),
+    r(t, "pointercancel", e, !1),
+    r(t, "contextmenu", e, !1),
+    m({ doc: t })
+  ];
+  return () => {
+    f.forEach((o) => o());
+  };
+}
+export {
+  M as trackPointerMove
+};

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

@@ -0,0 +1,17 @@
+import { createAnatomy as r } from "../../anatomy/dist/create-anatomy.js";
+var a = r("slider").parts(
+  "root",
+  "label",
+  "thumb",
+  "valueText",
+  "track",
+  "range",
+  "control",
+  "markerGroup",
+  "marker",
+  "draggingIndicator"
+), o = a.build();
+export {
+  a as anatomy,
+  o as parts
+};

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

@@ -0,0 +1,272 @@
+import { isLeftClick as L, isModifierKey as H, getEventPoint as G, getEventStep as K, getEventKey as X } from "../../dom-query/dist/event.js";
+import { dataAttr as r, ariaAttr as Y } from "../../dom-query/dist/shared.js";
+import { parts as u } from "./slider.anatomy.js";
+import { getMarkerId as j, getControlId as q, getRangeId as J, getHiddenInputId as M, getLabelId as O, getThumbId as Q, getTrackId as Z, getValueTextId as $, getRootId as z, getFirstThumbEl as tt } from "./slider.dom.js";
+import { getThumbStyle as U, getMarkerStyle as et, getMarkerGroupStyle as at, getControlStyle as rt, getRangeStyle as nt, getRootStyle as it } from "./slider.style.js";
+import { getRangeAtIndex as E } from "./slider.utils.js";
+import { first as ot, last as dt } from "../../utils/dist/array.js";
+import { getPercentValue as lt, getValuePercent as st } from "../../utils/dist/number.js";
+function Pt(g, l) {
+  const { state: I, send: n, context: v, prop: e, computed: D, scope: o } = g, h = e("aria-label"), T = e("aria-labelledby"), c = v.get("value"), A = v.get("focusedIndex"), p = I.matches("focus"), f = I.matches("dragging"), s = D("isDisabled"), b = e("invalid"), m = D("isInteractive"), V = e("orientation") === "horizontal", w = e("orientation") === "vertical";
+  function k(t) {
+    return st(t, e("min"), e("max"));
+  }
+  function C(t) {
+    return lt(t, e("min"), e("max"), e("step"));
+  }
+  return {
+    value: c,
+    dragging: f,
+    focused: p,
+    setValue(t) {
+      n({ type: "SET_VALUE", value: t });
+    },
+    getThumbValue(t) {
+      return c[t];
+    },
+    setThumbValue(t, a) {
+      n({ type: "SET_VALUE", index: t, value: a });
+    },
+    getValuePercent: k,
+    getPercentValue: C,
+    getThumbPercent(t) {
+      return k(c[t]);
+    },
+    setThumbPercent(t, a) {
+      const i = C(a);
+      n({ type: "SET_VALUE", index: t, value: i });
+    },
+    getThumbMin(t) {
+      return E(g, t).min;
+    },
+    getThumbMax(t) {
+      return E(g, t).max;
+    },
+    increment(t) {
+      n({ type: "INCREMENT", index: t });
+    },
+    decrement(t) {
+      n({ type: "DECREMENT", index: t });
+    },
+    focus() {
+      m && n({ type: "FOCUS", index: 0 });
+    },
+    getLabelProps() {
+      return l.label({
+        ...u.label.attrs,
+        dir: e("dir"),
+        "data-disabled": r(s),
+        "data-orientation": e("orientation"),
+        "data-invalid": r(b),
+        "data-dragging": r(f),
+        "data-focus": r(p),
+        id: O(o),
+        htmlFor: M(o, 0),
+        onClick(t) {
+          var a;
+          m && (t.preventDefault(), (a = tt(o)) == null || a.focus());
+        },
+        style: {
+          userSelect: "none",
+          WebkitUserSelect: "none"
+        }
+      });
+    },
+    getRootProps() {
+      return l.element({
+        ...u.root.attrs,
+        "data-disabled": r(s),
+        "data-orientation": e("orientation"),
+        "data-dragging": r(f),
+        "data-invalid": r(b),
+        "data-focus": r(p),
+        id: z(o),
+        dir: e("dir"),
+        style: it(g)
+      });
+    },
+    getValueTextProps() {
+      return l.element({
+        ...u.valueText.attrs,
+        dir: e("dir"),
+        "data-disabled": r(s),
+        "data-orientation": e("orientation"),
+        "data-invalid": r(b),
+        "data-focus": r(p),
+        id: $(o)
+      });
+    },
+    getTrackProps() {
+      return l.element({
+        ...u.track.attrs,
+        dir: e("dir"),
+        id: Z(o),
+        "data-disabled": r(s),
+        "data-invalid": r(b),
+        "data-dragging": r(f),
+        "data-orientation": e("orientation"),
+        "data-focus": r(p),
+        style: { position: "relative" }
+      });
+    },
+    getThumbProps(t) {
+      var _;
+      const { index: a = 0, name: i } = t, N = c[a], S = E(g, a), W = (_ = e("getAriaValueText")) == null ? void 0 : _({ value: N, index: a }), F = Array.isArray(h) ? h[a] : h, B = Array.isArray(T) ? T[a] : T;
+      return l.element({
+        ...u.thumb.attrs,
+        dir: e("dir"),
+        "data-index": a,
+        "data-name": i,
+        id: Q(o, a),
+        "data-disabled": r(s),
+        "data-orientation": e("orientation"),
+        "data-focus": r(p && A === a),
+        "data-dragging": r(f && A === a),
+        draggable: !1,
+        "aria-disabled": Y(s),
+        "aria-label": F,
+        "aria-labelledby": B ?? O(o),
+        "aria-orientation": e("orientation"),
+        "aria-valuemax": S.max,
+        "aria-valuemin": S.min,
+        "aria-valuenow": c[a],
+        "aria-valuetext": W,
+        role: "slider",
+        tabIndex: s ? void 0 : 0,
+        style: U(g, a),
+        onPointerDown(d) {
+          if (!m || !L(d)) return;
+          const P = d.currentTarget.getBoundingClientRect(), x = {
+            x: P.left + P.width / 2,
+            y: P.top + P.height / 2
+          }, R = {
+            x: d.clientX - x.x,
+            y: d.clientY - x.y
+          };
+          n({ type: "THUMB_POINTER_DOWN", index: a, offset: R }), d.stopPropagation();
+        },
+        onBlur() {
+          m && n({ type: "BLUR" });
+        },
+        onFocus() {
+          m && n({ type: "FOCUS", index: a });
+        },
+        onKeyDown(d) {
+          if (d.defaultPrevented || !m) return;
+          const y = K(d) * e("step"), P = {
+            ArrowUp() {
+              V || n({ type: "ARROW_INC", step: y, src: "ArrowUp" });
+            },
+            ArrowDown() {
+              V || n({ type: "ARROW_DEC", step: y, src: "ArrowDown" });
+            },
+            ArrowLeft() {
+              w || n({ type: "ARROW_DEC", step: y, src: "ArrowLeft" });
+            },
+            ArrowRight() {
+              w || n({ type: "ARROW_INC", step: y, src: "ArrowRight" });
+            },
+            PageUp() {
+              n({ type: "ARROW_INC", step: y, src: "PageUp" });
+            },
+            PageDown() {
+              n({ type: "ARROW_DEC", step: y, src: "PageDown" });
+            },
+            Home() {
+              n({ type: "HOME" });
+            },
+            End() {
+              n({ type: "END" });
+            }
+          }, x = X(d, {
+            dir: e("dir"),
+            orientation: e("orientation")
+          }), R = P[x];
+          R && (R(d), d.preventDefault(), d.stopPropagation());
+        }
+      });
+    },
+    getHiddenInputProps(t) {
+      const { index: a = 0, name: i } = t;
+      return l.input({
+        name: i ?? (e("name") ? e("name") + (c.length > 1 ? "[]" : "") : void 0),
+        form: e("form"),
+        type: "text",
+        hidden: !0,
+        defaultValue: c[a],
+        id: M(o, a)
+      });
+    },
+    getRangeProps() {
+      return l.element({
+        id: J(o),
+        ...u.range.attrs,
+        dir: e("dir"),
+        "data-dragging": r(f),
+        "data-focus": r(p),
+        "data-invalid": r(b),
+        "data-disabled": r(s),
+        "data-orientation": e("orientation"),
+        style: nt(g)
+      });
+    },
+    getControlProps() {
+      return l.element({
+        ...u.control.attrs,
+        dir: e("dir"),
+        id: q(o),
+        "data-dragging": r(f),
+        "data-disabled": r(s),
+        "data-orientation": e("orientation"),
+        "data-invalid": r(b),
+        "data-focus": r(p),
+        style: rt(),
+        onPointerDown(t) {
+          if (!m || !L(t) || H(t)) return;
+          const a = G(t);
+          n({ type: "POINTER_DOWN", point: a }), t.preventDefault(), t.stopPropagation();
+        }
+      });
+    },
+    getMarkerGroupProps() {
+      return l.element({
+        ...u.markerGroup.attrs,
+        role: "presentation",
+        dir: e("dir"),
+        "aria-hidden": !0,
+        "data-orientation": e("orientation"),
+        style: at()
+      });
+    },
+    getMarkerProps(t) {
+      const a = et(g, t.value);
+      let i;
+      return t.value < ot(c) ? i = "under-value" : t.value > dt(c) ? i = "over-value" : i = "at-value", l.element({
+        ...u.marker.attrs,
+        id: j(o, t.value),
+        role: "presentation",
+        dir: e("dir"),
+        "data-orientation": e("orientation"),
+        "data-value": t.value,
+        "data-disabled": r(s),
+        "data-state": i,
+        style: a
+      });
+    },
+    getDraggingIndicatorProps(t) {
+      const { index: a = 0 } = t, i = a === A && f;
+      return l.element({
+        ...u.draggingIndicator.attrs,
+        role: "presentation",
+        dir: e("dir"),
+        hidden: !i,
+        "data-orientation": e("orientation"),
+        "data-state": i ? "open" : "closed",
+        style: U(g, a)
+      });
+    }
+  };
+}
+export {
+  Pt as connect
+};

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

@@ -0,0 +1,88 @@
+import { getPercentValue as P, clampPercent as u } from "../../utils/dist/number.js";
+import { dispatchInputValueEvent as T } from "../../dom-query/dist/form.js";
+import { queryAll as V } from "../../dom-query/dist/query.js";
+var b = (t) => {
+  var e;
+  return ((e = t.ids) == null ? void 0 : e.root) ?? `slider:${t.id}`;
+}, k = (t, e) => {
+  var r, n;
+  return ((n = (r = t.ids) == null ? void 0 : r.thumb) == null ? void 0 : n.call(r, e)) ?? `slider:${t.id}:thumb:${e}`;
+}, C = (t, e) => {
+  var r, n;
+  return ((n = (r = t.ids) == null ? void 0 : r.hiddenInput) == null ? void 0 : n.call(r, e)) ?? `slider:${t.id}:input:${e}`;
+}, R = (t) => {
+  var e;
+  return ((e = t.ids) == null ? void 0 : e.control) ?? `slider:${t.id}:control`;
+}, O = (t) => {
+  var e;
+  return ((e = t.ids) == null ? void 0 : e.track) ?? `slider:${t.id}:track`;
+}, q = (t) => {
+  var e;
+  return ((e = t.ids) == null ? void 0 : e.range) ?? `slider:${t.id}:range`;
+}, x = (t) => {
+  var e;
+  return ((e = t.ids) == null ? void 0 : e.label) ?? `slider:${t.id}:label`;
+}, D = (t) => {
+  var e;
+  return ((e = t.ids) == null ? void 0 : e.valueText) ?? `slider:${t.id}:value-text`;
+}, F = (t, e) => {
+  var r, n;
+  return ((n = (r = t.ids) == null ? void 0 : r.marker) == null ? void 0 : n.call(r, e)) ?? `slider:${t.id}:marker:${e}`;
+}, M = (t) => t.getById(b(t)), X = (t, e) => t.getById(k(t, e)), B = (t) => V(h(t), "[role=slider]"), Y = (t) => B(t)[0], H = (t, e) => t.getById(C(t, e)), h = (t) => t.getById(R(t)), j = (t, e, r) => e === "contain" ? (r === "vertical" ? (t == null ? void 0 : t.height) ?? 0 : (t == null ? void 0 : t.width) ?? 0) / 2 : 0, G = (t, e) => {
+  const { context: r, prop: n, scope: o, refs: l } = t, g = h(o);
+  if (!g) return;
+  const i = l.get("thumbDragOffset"), c = {
+    x: e.x - ((i == null ? void 0 : i.x) ?? 0),
+    y: e.y - ((i == null ? void 0 : i.y) ?? 0)
+  }, v = j(r.get("thumbSize"), n("thumbAlignment"), n("orientation")), d = w(c, g, v).getPercentValue({
+    orientation: n("orientation"),
+    dir: n("dir"),
+    inverted: { y: !0 }
+  });
+  return P(d, n("min"), n("max"), n("step"));
+};
+function w(t, e, r) {
+  const { left: n, top: o, width: l, height: g } = e.getBoundingClientRect(), i = l - r * 2, c = g - r * 2, v = n + r, f = o + r, d = {
+    x: t.x - v,
+    y: t.y - f
+  }, s = {
+    x: i > 0 ? u(d.x / i) : 0,
+    y: c > 0 ? u(d.y / c) : 0
+  };
+  function p(I = {}) {
+    const { dir: y = "ltr", orientation: m = "horizontal", inverted: a } = I, $ = typeof a == "object" ? a.x : a, E = typeof a == "object" ? a.y : a;
+    return m === "horizontal" ? y === "rtl" || $ ? 1 - s.x : s.x : E ? 1 - s.y : s.y;
+  }
+  return { offset: d, percent: s, getPercentValue: p };
+}
+var J = (t, e) => {
+  e.forEach((r, n) => {
+    const o = H(t, n);
+    o && T(o, { value: r });
+  });
+}, K = (t) => ({
+  left: (t == null ? void 0 : t.offsetLeft) ?? 0,
+  top: (t == null ? void 0 : t.offsetTop) ?? 0,
+  width: (t == null ? void 0 : t.offsetWidth) ?? 0,
+  height: (t == null ? void 0 : t.offsetHeight) ?? 0
+});
+export {
+  J as dispatchChangeEvent,
+  h as getControlEl,
+  R as getControlId,
+  Y as getFirstThumbEl,
+  H as getHiddenInputEl,
+  C as getHiddenInputId,
+  x as getLabelId,
+  F as getMarkerId,
+  K as getOffsetRect,
+  G as getPointValue,
+  q as getRangeId,
+  M as getRootEl,
+  b as getRootId,
+  X as getThumbEl,
+  B as getThumbEls,
+  k as getThumbId,
+  O as getTrackId,
+  D as getValueTextId
+};