@serendie/ui 3.3.0-dev.202605131151 → 3.3.0-dev.202605200751

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

@@ -0,0 +1,173 @@
+import { dataAttr as n } from "../../dom-query/dist/shared.js";
+import { parts as a } from "./steps.anatomy.js";
+import { getTriggerId as v, getListId as h, getRootId as C, getContentId as N } from "./steps.dom.js";
+import { fromLength as V } from "../../utils/dist/array.js";
+function j(I, i) {
+  const { context: f, send: d, computed: p, prop: r, scope: c } = I, l = f.get("step"), g = r("count"), s = p("percent"), u = p("hasNextStep"), m = p("hasPrevStep"), S = (t) => {
+    var e;
+    return ((e = r("isStepValid")) == null ? void 0 : e(t)) ?? !0;
+  }, x = (t) => {
+    var e;
+    return ((e = r("isStepSkippable")) == null ? void 0 : e(t)) ?? !1;
+  }, o = (t) => ({
+    triggerId: v(c, t.index),
+    contentId: N(c, t.index),
+    current: t.index === l,
+    completed: t.index < l,
+    incomplete: t.index > l,
+    index: t.index,
+    first: t.index === 0,
+    last: t.index === g - 1,
+    skippable: x(t.index),
+    isValid: () => S(t.index)
+  }), P = () => {
+    d({ type: "STEP.NEXT", src: "next.trigger.click" });
+  }, b = () => {
+    d({ type: "STEP.PREV", src: "prev.trigger.click" });
+  }, k = () => {
+    d({ type: "STEP.RESET", src: "reset.trigger.click" });
+  }, E = (t) => {
+    d({ type: "STEP.SET", value: t, src: "api.setValue" });
+  };
+  return {
+    value: l,
+    count: g,
+    percent: s,
+    hasNextStep: u,
+    hasPrevStep: m,
+    isCompleted: p("completed"),
+    isStepValid: S,
+    isStepSkippable: x,
+    goToNextStep: P,
+    goToPrevStep: b,
+    resetStep: k,
+    getItemState: o,
+    setStep: E,
+    getRootProps() {
+      return i.element({
+        ...a.root.attrs,
+        id: C(c),
+        dir: r("dir"),
+        "data-orientation": r("orientation"),
+        style: {
+          "--percent": `${s}%`
+        }
+      });
+    },
+    getListProps() {
+      const e = V(g).map((T, y) => v(c, y));
+      return i.element({
+        ...a.list.attrs,
+        dir: r("dir"),
+        id: h(c),
+        role: "tablist",
+        "aria-owns": e.join(" "),
+        "aria-orientation": r("orientation"),
+        "data-orientation": r("orientation")
+      });
+    },
+    getItemProps(t) {
+      const e = o(t);
+      return i.element({
+        ...a.item.attrs,
+        dir: r("dir"),
+        "aria-current": e.current ? "step" : void 0,
+        "data-orientation": r("orientation"),
+        "data-skippable": n(e.skippable)
+      });
+    },
+    getTriggerProps(t) {
+      const e = o(t);
+      return i.button({
+        ...a.trigger.attrs,
+        id: e.triggerId,
+        role: "tab",
+        dir: r("dir"),
+        tabIndex: !r("linear") || e.current ? 0 : -1,
+        "aria-selected": e.current,
+        "aria-controls": e.contentId,
+        "data-state": e.current ? "open" : "closed",
+        "data-orientation": r("orientation"),
+        "data-complete": n(e.completed),
+        "data-current": n(e.current),
+        "data-incomplete": n(e.incomplete),
+        onClick(T) {
+          T.defaultPrevented || r("linear") || d({ type: "STEP.SET", value: t.index, src: "trigger.click" });
+        }
+      });
+    },
+    getContentProps(t) {
+      const e = o(t);
+      return i.element({
+        ...a.content.attrs,
+        dir: r("dir"),
+        id: e.contentId,
+        role: "tabpanel",
+        tabIndex: 0,
+        hidden: !e.current,
+        "data-state": e.current ? "open" : "closed",
+        "data-orientation": r("orientation"),
+        "aria-labelledby": e.triggerId
+      });
+    },
+    getIndicatorProps(t) {
+      const e = o(t);
+      return i.element({
+        ...a.indicator.attrs,
+        dir: r("dir"),
+        "aria-hidden": !0,
+        "data-complete": n(e.completed),
+        "data-current": n(e.current),
+        "data-incomplete": n(e.incomplete)
+      });
+    },
+    getSeparatorProps(t) {
+      const e = o(t);
+      return i.element({
+        ...a.separator.attrs,
+        dir: r("dir"),
+        "data-orientation": r("orientation"),
+        "data-complete": n(e.completed),
+        "data-current": n(e.current),
+        "data-incomplete": n(e.incomplete)
+      });
+    },
+    getNextTriggerProps() {
+      return i.button({
+        ...a.nextTrigger.attrs,
+        dir: r("dir"),
+        type: "button",
+        disabled: !u,
+        onClick(t) {
+          t.defaultPrevented || P();
+        }
+      });
+    },
+    getPrevTriggerProps() {
+      return i.button({
+        dir: r("dir"),
+        ...a.prevTrigger.attrs,
+        type: "button",
+        disabled: !m,
+        onClick(t) {
+          t.defaultPrevented || b();
+        }
+      });
+    },
+    getProgressProps() {
+      return i.element({
+        dir: r("dir"),
+        ...a.progress.attrs,
+        role: "progressbar",
+        "aria-valuenow": s,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuetext": `${s}% complete`,
+        "data-complete": n(s === 100)
+      });
+    }
+  };
+}
+export {
+  j as connect
+};

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

@@ -0,0 +1,19 @@
+var i = (t) => {
+  var s;
+  return ((s = t.ids) == null ? void 0 : s.root) ?? `steps:${t.id}`;
+}, r = (t) => {
+  var s;
+  return ((s = t.ids) == null ? void 0 : s.list) ?? `steps:${t.id}:list`;
+}, g = (t, s) => {
+  var e, d;
+  return ((d = (e = t.ids) == null ? void 0 : e.triggerId) == null ? void 0 : d.call(e, s)) ?? `steps:${t.id}:trigger:${s}`;
+}, o = (t, s) => {
+  var e, d;
+  return ((d = (e = t.ids) == null ? void 0 : e.contentId) == null ? void 0 : d.call(e, s)) ?? `steps:${t.id}:content:${s}`;
+};
+export {
+  o as getContentId,
+  r as getListId,
+  i as getRootId,
+  g as getTriggerId
+};

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

@@ -0,0 +1,119 @@
+import { createMachine as o } from "../../core/dist/create-machine.js";
+import { memo as p } from "../../core/dist/memo.js";
+import { isValueWithinRange as r } from "../../utils/dist/number.js";
+var c = o({
+  props({ props: t }) {
+    return {
+      defaultStep: 0,
+      count: 1,
+      linear: !1,
+      orientation: "horizontal",
+      ...t
+    };
+  },
+  context({ prop: t, bindable: e }) {
+    return {
+      step: e(() => ({
+        defaultValue: t("defaultStep"),
+        value: t("step"),
+        onChange(n) {
+          var a, s;
+          (a = t("onStepChange")) == null || a({ step: n }), n == t("count") && ((s = t("onStepComplete")) == null || s());
+        }
+      }))
+    };
+  },
+  computed: {
+    percent: p(
+      ({ context: t, prop: e }) => [t.get("step"), e("count")],
+      ([t, e]) => t / e * 100
+    ),
+    hasNextStep: ({ context: t, prop: e }) => t.get("step") < e("count"),
+    hasPrevStep: ({ context: t }) => t.get("step") > 0,
+    completed: ({ context: t, prop: e }) => t.get("step") === e("count")
+  },
+  initialState() {
+    return "idle";
+  },
+  entry: ["validateStepIndex"],
+  states: {
+    idle: {
+      on: {
+        "STEP.SET": [
+          {
+            guard: "isValidStepNavigation",
+            actions: ["setStep"]
+          },
+          {
+            actions: ["invokeOnStepInvalid"]
+          }
+        ],
+        "STEP.NEXT": [
+          {
+            guard: "isCurrentStepValid",
+            actions: ["goToNextStep"]
+          },
+          {
+            actions: ["invokeOnStepInvalid"]
+          }
+        ],
+        "STEP.PREV": {
+          actions: ["goToPrevStep"]
+        },
+        "STEP.RESET": {
+          actions: ["resetStep"]
+        }
+      }
+    }
+  },
+  implementations: {
+    guards: {
+      isCurrentStepValid({ context: t, prop: e }) {
+        var a;
+        const n = t.get("step");
+        if ((a = e("isStepSkippable")) != null && a(n)) return !0;
+        const i = e("isStepValid");
+        return i ? i(n) : !0;
+      },
+      isValidStepNavigation({ context: t, event: e, prop: n }) {
+        var s;
+        const i = t.get("step");
+        if (e.value <= i || (s = n("isStepSkippable")) != null && s(i)) return !0;
+        const a = n("isStepValid");
+        return a ? a(i) : !0;
+      }
+    },
+    actions: {
+      goToNextStep({ context: t, prop: e }) {
+        const n = e("count");
+        t.set("step", Math.min(t.get("step") + 1, n));
+      },
+      goToPrevStep({ context: t }) {
+        t.set("step", Math.max(t.get("step") - 1, 0));
+      },
+      resetStep({ context: t }) {
+        t.set("step", 0);
+      },
+      setStep({ context: t, event: e }) {
+        t.set("step", e.value);
+      },
+      validateStepIndex({ context: t, prop: e }) {
+        S(e("count"), t.get("step"));
+      },
+      invokeOnStepInvalid({ context: t, event: e, prop: n }) {
+        var i;
+        (i = n("onStepInvalid")) == null || i({
+          step: t.get("step"),
+          action: e.type === "STEP.NEXT" ? "next" : "set",
+          targetStep: e.value
+        });
+      }
+    }
+  }
+}), S = (t, e) => {
+  if (!r(e, 0, t))
+    throw new RangeError(`[zag-js/steps] step index ${e} is out of bounds`);
+};
+export {
+  c as machine
+};

package/dist/node_modules/@zag-js/utils/dist/array.js

@@ -1,39 +1,40 @@
-function h(r) {
+function y(r) {
   return r == null ? [] : Array.isArray(r) ? r : [r];
 }
-var x = (r) => r[0], s = (r) => r[r.length - 1], i = (r, n) => r.indexOf(n) !== -1, l = (r, ...n) => r.concat(n), p = (r, ...n) => r.filter((t) => !n.includes(t)), y = (r) => Array.from(new Set(r)), A = (r, n) => i(r, n) ? p(r, n) : l(r, n);
-function f(r, n, t = {}) {
-  const { step: e = 1, loop: u = !0 } = t, o = n + e, a = r.length, c = a - 1;
-  return n === -1 ? e > 0 ? 0 : c : o < 0 ? u ? c : 0 : o >= a ? u ? 0 : n > a ? a : n : o;
+var d = (r) => Array.from(Array(r).keys()), A = (r) => r[0], s = (r) => r[r.length - 1], i = (r, n) => r.indexOf(n) !== -1, l = (r, ...n) => r.concat(n), p = (r, ...n) => r.filter((e) => !n.includes(e)), x = (r) => Array.from(new Set(r)), g = (r, n) => i(r, n) ? p(r, n) : l(r, n);
+function c(r, n, e = {}) {
+  const { step: t = 1, loop: u = !0 } = e, o = n + t, a = r.length, f = a - 1;
+  return n === -1 ? t > 0 ? 0 : f : o < 0 ? u ? f : 0 : o >= a ? u ? 0 : n > a ? a : n : o;
 }
-function g(r, n, t = {}) {
-  return r[f(r, n, t)];
+function m(r, n, e = {}) {
+  return r[c(r, n, e)];
 }
-function d(r, n, t = {}) {
-  const { step: e = 1, loop: u = !0 } = t;
-  return f(r, n, { step: -e, loop: u });
+function h(r, n, e = {}) {
+  const { step: t = 1, loop: u = !0 } = e;
+  return c(r, n, { step: -t, loop: u });
 }
-function v(r, n, t = {}) {
-  return r[d(r, n, t)];
+function v(r, n, e = {}) {
+  return r[h(r, n, e)];
 }
-function I(r, n) {
-  return r.reduce((t, e, u) => {
+function k(r, n) {
+  return r.reduce((e, t, u) => {
     var o;
-    return u % n === 0 ? t.push([e]) : (o = s(t)) == null || o.push(e), t;
+    return u % n === 0 ? e.push([t]) : (o = s(e)) == null || o.push(t), e;
   }, []);
 }
 export {
   l as add,
-  A as addOrRemove,
-  I as chunk,
-  x as first,
+  g as addOrRemove,
+  k as chunk,
+  A as first,
+  d as fromLength,
   i as has,
   s as last,
-  g as next,
-  f as nextIndex,
+  m as next,
+  c as nextIndex,
   v as prev,
-  d as prevIndex,
+  h as prevIndex,
   p as remove,
-  h as toArray,
-  y as uniq
+  y as toArray,
+  x as uniq
 };