@serendie/ui 2.1.3 → 2.2.0

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

@@ -2,15 +2,15 @@ import { contains as q, MAX_Z_INDEX as X, raf as N, dataAttr as D, addDomEvent a
 import { createAnatomy as Q } from "../../anatomy/dist/index.js";
 import { createMachine as K, createGuards as Y } from "../../core/dist/index.js";
 import { trackDismissableBranch as Z } from "../../dismissable/dist/index.js";
-import { compact as J, runIfFn as C, uuid as _, setRafTimeout as w, ensureProps as z } from "../../utils/dist/index.js";
-var tt = Q("toast").parts(
+import { compact as J, warn as z, runIfFn as C, uuid as _, setRafTimeout as w, ensureProps as tt } from "../../utils/dist/index.js";
+var et = Q("toast").parts(
   "group",
   "root",
   "title",
   "description",
   "actionTrigger",
   "closeTrigger"
-), O = tt.build(), et = (t) => `toast-group:${t}`, H = (t, e) => t.getById(`toast-group:${e}`), W = (t) => `toast:${t.id}`, U = (t) => t.getById(W(t)), V = (t) => `toast:${t.id}:title`, G = (t) => `toast:${t.id}:description`, st = (t) => `toast${t.id}:close`, $ = {
+), O = et.build(), st = (t) => `toast-group:${t}`, H = (t, e) => t.getById(`toast-group:${e}`), W = (t) => `toast:${t.id}`, U = (t) => t.getById(W(t)), V = (t) => `toast:${t.id}:title`, G = (t) => `toast:${t.id}:description`, it = (t) => `toast${t.id}:close`, $ = {
   info: 5e3,
   error: 5e3,
   success: 2e3,
@@ -20,10 +20,10 @@ var tt = Q("toast").parts(
 function A(t, e) {
   return t ?? $[e] ?? $.DEFAULT;
 }
-var it = (t) => typeof t == "string" ? { left: t, right: t, bottom: t, top: t } : t;
-function nt(t, e) {
+var nt = (t) => typeof t == "string" ? { left: t, right: t, bottom: t, top: t } : t;
+function rt(t, e) {
   var b;
-  const { prop: i, computed: s, context: r } = t, { offsets: a, gap: c } = i("store").attrs, l = r.get("heights"), d = it(a), m = i("dir") === "rtl", u = e.replace("-start", m ? "-right" : "-left").replace("-end", m ? "-left" : "-right"), p = u.includes("right"), v = u.includes("left"), f = {
+  const { prop: i, computed: s, context: r } = t, { offsets: a, gap: c } = i("store").attrs, l = r.get("heights"), d = nt(a), m = i("dir") === "rtl", u = e.replace("-start", m ? "-right" : "-left").replace("-end", m ? "-left" : "-right"), p = u.includes("right"), E = u.includes("left"), f = {
     position: "fixed",
     pointerEvents: s("count") > 0 ? void 0 : "none",
     display: "flex",
@@ -33,26 +33,26 @@ function nt(t, e) {
     zIndex: X
   };
   let h = "center";
-  if (p && (h = "flex-end"), v && (h = "flex-start"), f.alignItems = h, u.includes("top")) {
-    const E = d.top;
-    f.top = `max(env(safe-area-inset-top, 0px), ${E})`;
+  if (p && (h = "flex-end"), E && (h = "flex-start"), f.alignItems = h, u.includes("top")) {
+    const T = d.top;
+    f.top = `max(env(safe-area-inset-top, 0px), ${T})`;
   }
   if (u.includes("bottom")) {
-    const E = d.bottom;
-    f.bottom = `max(env(safe-area-inset-bottom, 0px), ${E})`;
+    const T = d.bottom;
+    f.bottom = `max(env(safe-area-inset-bottom, 0px), ${T})`;
   }
   if (!u.includes("left")) {
-    const E = d.right;
-    f.insetInlineEnd = `calc(env(safe-area-inset-right, 0px) + ${E})`;
+    const T = d.right;
+    f.insetInlineEnd = `calc(env(safe-area-inset-right, 0px) + ${T})`;
   }
   if (!u.includes("right")) {
-    const E = d.left;
-    f.insetInlineStart = `calc(env(safe-area-inset-left, 0px) + ${E})`;
+    const T = d.left;
+    f.insetInlineStart = `calc(env(safe-area-inset-left, 0px) + ${T})`;
   }
   return f;
 }
-function rt(t, e) {
-  const { prop: i, context: s, computed: r } = t, a = i("parent"), c = a.computed("placement"), { gap: l } = a.prop("store").attrs, [d] = c.split("-"), m = s.get("mounted"), u = s.get("remainingTime"), p = r("height"), v = r("frontmost"), f = !v, h = !i("stacked"), b = i("stacked"), S = i("type") === "loading" ? Number.MAX_SAFE_INTEGER : u, F = r("heightIndex") * l + r("heightBefore"), R = {
+function ot(t, e) {
+  const { prop: i, context: s, computed: r } = t, a = i("parent"), c = a.computed("placement"), { gap: l } = a.prop("store").attrs, [d] = c.split("-"), m = s.get("mounted"), u = s.get("remainingTime"), p = r("height"), E = r("frontmost"), f = !E, h = !i("stacked"), b = i("stacked"), S = i("type") === "loading" ? Number.MAX_SAFE_INTEGER : u, F = r("heightIndex") * l + r("heightBefore"), R = {
     position: "absolute",
     pointerEvents: "auto",
     "--opacity": "0",
@@ -94,11 +94,11 @@ function rt(t, e) {
     "--y": "calc(var(--sign) * 40%)"
   })), f && b && !e && g({
     "--y": "calc(var(--lift) * var(--offset) + var(--lift) * -100%)"
-  }), v && !e && g({
+  }), E && !e && g({
     "--y": "calc(var(--lift) * -100%)"
   }), R;
 }
-function ot(t, e) {
+function at(t, e) {
   const { computed: i } = t, s = {
     position: "absolute",
     inset: "0",
@@ -109,7 +109,7 @@ function ot(t, e) {
     height: "calc(var(--initial-height) + 80%)"
   }), s;
 }
-function at() {
+function ct() {
   return {
     position: "absolute",
     left: "0",
@@ -118,7 +118,7 @@ function at() {
     width: "100%"
   };
 }
-function ct(t, e) {
+function lt(t, e) {
   const { context: i, prop: s, send: r, refs: a, computed: c } = t;
   return {
     getCount() {
@@ -128,19 +128,19 @@ function ct(t, e) {
       return i.get("toasts");
     },
     getGroupProps(l = {}) {
-      const { label: d = "Notifications" } = l, { hotkey: m } = s("store").attrs, u = m.join("+").replace(/Key/g, "").replace(/Digit/g, ""), p = c("placement"), [v, f = "center"] = p.split("-");
+      const { label: d = "Notifications" } = l, { hotkey: m } = s("store").attrs, u = m.join("+").replace(/Key/g, "").replace(/Digit/g, ""), p = c("placement"), [E, f = "center"] = p.split("-");
       return e.element({
         ...O.group.attrs,
         dir: s("dir"),
         tabIndex: -1,
         "aria-label": `${p} ${d} ${u}`,
-        id: et(p),
+        id: st(p),
         "data-placement": p,
-        "data-side": v,
+        "data-side": E,
         "data-align": f,
         "aria-live": "polite",
         role: "region",
-        style: nt(t, p),
+        style: rt(t, p),
         onMouseMove() {
           r({ type: "REGION.POINTER_ENTER", placement: p });
         },
@@ -160,7 +160,7 @@ function ct(t, e) {
     }
   };
 }
-var lt = K({
+var ut = K({
   props({ props: t }) {
     return {
       dir: "ltr",
@@ -363,13 +363,13 @@ var lt = K({
     }
   }
 });
-function Dt(t, e) {
-  const { state: i, send: s, prop: r, scope: a, context: c, computed: l } = t, d = i.hasTag("visible"), m = i.hasTag("paused"), u = c.get("mounted"), p = l("frontmost"), v = r("parent").computed("placement"), f = r("type"), h = r("stacked"), b = r("title"), E = r("description"), S = r("action"), [F, R = "center"] = v.split("-");
+function Ot(t, e) {
+  const { state: i, send: s, prop: r, scope: a, context: c, computed: l } = t, d = i.hasTag("visible"), m = i.hasTag("paused"), u = c.get("mounted"), p = l("frontmost"), E = r("parent").computed("placement"), f = r("type"), h = r("stacked"), b = r("title"), T = r("description"), S = r("action"), [F, R = "center"] = E.split("-");
   return {
     type: f,
     title: b,
-    description: E,
-    placement: v,
+    description: T,
+    placement: E,
     visible: d,
     paused: m,
     closable: !!r("closable"),
@@ -389,7 +389,7 @@ function Dt(t, e) {
         id: W(a),
         "data-state": d ? "open" : "closed",
         "data-type": f,
-        "data-placement": v,
+        "data-placement": E,
         "data-align": R,
         "data-side": F,
         "data-mounted": D(u),
@@ -400,10 +400,10 @@ function Dt(t, e) {
         "data-overlap": D(!h),
         role: "status",
         "aria-atomic": "true",
-        "aria-describedby": E ? G(a) : void 0,
+        "aria-describedby": T ? G(a) : void 0,
         "aria-labelledby": b ? V(a) : void 0,
         tabIndex: 0,
-        style: rt(t, d),
+        style: ot(t, d),
         onKeyDown(g) {
           g.defaultPrevented || g.key == "Escape" && (s({ type: "DISMISS", src: "keyboard" }), g.preventDefault());
         }
@@ -413,14 +413,14 @@ function Dt(t, e) {
     getGhostBeforeProps() {
       return e.element({
         "data-ghost": "before",
-        style: ot(t, d)
+        style: at(t, d)
       });
     },
     /* Needed to avoid setting hover to false when in between toasts */
     getGhostAfterProps() {
       return e.element({
         "data-ghost": "after",
-        style: at()
+        style: ct()
       });
     },
     getTitleProps() {
@@ -447,7 +447,7 @@ function Dt(t, e) {
     },
     getCloseTriggerProps() {
       return e.button({
-        id: st(a),
+        id: it(a),
         ...O.closeTrigger.attrs,
         type: "button",
         "aria-label": "Dismiss notification",
@@ -458,9 +458,9 @@ function Dt(t, e) {
     }
   };
 }
-var { not: ut } = Y(), Ot = K({
+var { not: dt } = Y(), Rt = K({
   props({ props: t }) {
-    return z(t, ["id", "type", "parent", "removeDelay"], "toast"), {
+    return tt(t, ["id", "type", "parent", "removeDelay"], "toast"), {
       closable: !0,
       ...t,
       duration: A(t.duration, t.type)
@@ -548,7 +548,7 @@ var { not: ut } = Y(), Ot = K({
       tags: ["visible", "paused"],
       on: {
         RESUME: {
-          guard: ut("isLoadingType"),
+          guard: dt("isLoadingType"),
           target: "visible",
           actions: ["setCloseTimer"]
         },
@@ -679,9 +679,9 @@ function B(t, e) {
   const { id: i, height: s } = e;
   t.context.set("heights", (r) => r.find((c) => c.id === i) ? r.map((c) => c.id === i ? { ...c, height: s } : c) : [{ id: i, height: s }, ...r]);
 }
-var dt = (t, e) => ({ ...e, ...J(t) });
-function Rt(t) {
-  const e = dt(t, {
+var gt = (t, e) => ({ ...e, ...J(t) });
+function kt(t) {
+  const e = gt(t, {
     placement: "bottom",
     overlap: !1,
     max: 24,
@@ -707,8 +707,8 @@ function Rt(t) {
       n && (l(n), s.unshift(n));
     }
   }, u = (n) => {
-    const o = n.id ?? `toast:${_()}`, I = s.find((y) => y.id === o);
-    return r.has(o) && r.delete(o), I ? s = s.map((y) => y.id === o ? l({ ...y, ...n, id: o }) : y) : d({
+    const o = n.id ?? `toast:${_()}`, I = s.find((v) => v.id === o);
+    return r.has(o) && r.delete(o), I ? s = s.map((v) => v.id === o ? l({ ...v, ...n, id: o }) : v) : d({
       id: o,
       duration: e.duration,
       removeDelay: e.removeDelay,
@@ -737,37 +737,39 @@ function Rt(t) {
     getVisibleToasts: () => s.filter((n) => !r.has(n.id)),
     getCount: () => s.length,
     promise: (n, o, I = {}) => {
-      if (!o) return;
-      let y;
-      o.loading !== void 0 && (y = u({
+      if (!o || !o.loading) {
+        z("[zag-js > toast] toaster.promise() requires at least a 'loading' option to be specified");
+        return;
+      }
+      const v = u({
         ...I,
         ...o.loading,
         promise: n,
         type: "loading"
-      }));
-      let M = y !== void 0, P;
-      const j = C(n).then(async (T) => {
-        if (P = ["resolve", T], gt(T) && !T.ok) {
+      });
+      let M = !0, P;
+      const j = C(n).then(async (y) => {
+        if (P = ["resolve", y], pt(y) && !y.ok) {
           M = !1;
-          const x = C(o.error, `HTTP Error! status: ${T.status}`);
-          u({ ...I, ...x, id: y, type: "error" });
+          const x = C(o.error, `HTTP Error! status: ${y.status}`);
+          u({ ...I, ...x, id: v, type: "error" });
         } else if (o.success !== void 0) {
           M = !1;
-          const x = C(o.success, T);
-          u({ ...I, ...x, id: y, type: "success" });
+          const x = C(o.success, y);
+          u({ ...I, ...x, id: v, type: "success" });
         }
-      }).catch(async (T) => {
-        if (P = ["reject", T], o.error !== void 0) {
+      }).catch(async (y) => {
+        if (P = ["reject", y], o.error !== void 0) {
           M = !1;
-          const x = C(o.error, T);
-          u({ ...I, ...x, id: y, type: "error" });
+          const x = C(o.error, y);
+          u({ ...I, ...x, id: v, type: "error" });
         }
       }).finally(() => {
-        var T;
-        M && (p(y), y = void 0), (T = o.finally) == null || T.call(o);
+        var y;
+        M && p(v), (y = o.finally) == null || y.call(o);
       });
-      return { id: y, unwrap: () => new Promise(
-        (T, x) => j.then(() => P[0] === "reject" ? x(P[1]) : T(P[1])).catch(x)
+      return { id: v, unwrap: () => new Promise(
+        (y, x) => j.then(() => P[0] === "reject" ? x(P[1]) : y(P[1])).catch(x)
       ) };
     },
     pause: (n) => {
@@ -786,14 +788,14 @@ function Rt(t) {
     }
   };
 }
-var gt = (t) => t && typeof t == "object" && "ok" in t && typeof t.ok == "boolean" && "status" in t && typeof t.status == "number", kt = {
-  connect: ct,
-  machine: lt
+var pt = (t) => t && typeof t == "object" && "ok" in t && typeof t.ok == "boolean" && "status" in t && typeof t.status == "number", Pt = {
+  connect: lt,
+  machine: ut
 };
 export {
-  tt as anatomy,
-  Dt as connect,
-  Rt as createStore,
-  kt as group,
-  Ot as machine
+  et as anatomy,
+  Ot as connect,
+  kt as createStore,
+  Pt as group,
+  Rt as machine
 };

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

@@ -1,14 +1,14 @@
-import { createAnatomy as M } from "../../anatomy/dist/index.js";
-import { addDomEvent as u, getOverflowAncestors as D, dataAttr as E, isLeftClick as I, isComposingEvent as V } from "../../dom-query/dist/index.js";
-import { trackFocusVisible as T, isFocusVisible as S } from "../../focus-visible/dist/index.js";
+import { createAnatomy as D } from "../../anatomy/dist/index.js";
+import { addDomEvent as u, getOverflowAncestors as M, dataAttr as E, isLeftClick as I, isComposingEvent as V } from "../../dom-query/dist/index.js";
+import { trackFocusVisible as S, isFocusVisible as T } from "../../focus-visible/dist/index.js";
 import { getPlacement as k, getPlacementStyles as F } from "../../popper/dist/index.js";
-import { subscribe as A, proxy as G } from "../../store/dist/index.js";
-import { createMachine as K, createGuards as L } from "../../core/dist/index.js";
-import { createProps as $ } from "../../types/dist/index.js";
-var q = M("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content"), d = q.build(), b = (e) => {
+import { createStore as A } from "../../utils/dist/index.js";
+import { createMachine as G, createGuards as K } from "../../core/dist/index.js";
+import { createProps as L } from "../../types/dist/index.js";
+var $ = D("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content"), d = $.build(), b = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.trigger) ?? `tooltip:${e.id}:trigger`;
-}, x = (e) => {
+}, q = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.content) ?? `tooltip:${e.id}:content`;
 }, B = (e) => {
@@ -17,9 +17,9 @@ var q = M("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "conten
 }, w = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.positioner) ?? `tooltip:${e.id}:popper`;
-}, v = (e) => e.getById(b(e)), m = (e) => e.getById(w(e)), l = G({ id: null });
-function X(e, t) {
-  const { state: o, context: s, send: r, scope: a, prop: n, event: O } = e, f = n("id"), P = !!n("aria-label"), p = o.matches("open", "closing"), h = b(a), y = x(a), c = n("disabled"), g = F({
+}, v = (e) => e.getById(b(e)), m = (e) => e.getById(w(e)), l = A({ id: null });
+function W(e, t) {
+  const { state: o, context: s, send: r, scope: a, prop: n, event: O } = e, f = n("id"), P = !!n("aria-label"), p = o.matches("open", "closing"), h = b(a), y = q(a), c = n("disabled"), g = F({
     ...n("positioning"),
     placement: s.get("currentPlacement")
   });
@@ -44,14 +44,14 @@ function X(e, t) {
         },
         onFocus(i) {
           queueMicrotask(() => {
-            i.defaultPrevented || c || O.src !== "trigger.pointerdown" && S() && r({ type: "open", src: "trigger.focus" });
+            i.defaultPrevented || c || O.src !== "trigger.pointerdown" && T() && r({ type: "open", src: "trigger.focus" });
           });
         },
         onBlur(i) {
-          i.defaultPrevented || c || f === l.id && r({ type: "close", src: "trigger.blur" });
+          i.defaultPrevented || c || f === l.get("id") && r({ type: "close", src: "trigger.blur" });
         },
         onPointerDown(i) {
-          i.defaultPrevented || c || I(i) && n("closeOnPointerDown") && f === l.id && r({ type: "close", src: "trigger.pointerdown" });
+          i.defaultPrevented || c || I(i) && n("closeOnPointerDown") && f === l.get("id") && r({ type: "close", src: "trigger.pointerdown" });
         },
         onPointerMove(i) {
           i.defaultPrevented || c || i.pointerType !== "touch" && r({ type: "pointer.move" });
@@ -109,20 +109,21 @@ function X(e, t) {
     }
   };
 }
-var { and: N, not: C } = L(), Y = K({
+var { and: x, not: C } = K(), X = G({
   initialState: ({ prop: e }) => e("open") || e("defaultOpen") ? "open" : "closed",
   props({ props: e }) {
+    const t = e.closeOnClick ?? !0, o = e.closeOnPointerDown ?? t;
     return {
       id: "x",
       openDelay: 1e3,
       closeDelay: 500,
-      closeOnPointerDown: !0,
       closeOnEscape: !0,
       interactive: !1,
       closeOnScroll: !0,
-      closeOnClick: !0,
       disabled: !1,
       ...e,
+      closeOnPointerDown: o,
+      closeOnClick: t,
       positioning: {
         placement: "bottom",
         ...e.positioning
@@ -163,7 +164,7 @@ var { and: N, not: C } = L(), Y = K({
         },
         "pointer.move": [
           {
-            guard: N("noVisibleTooltip", C("hasPointerMoveOpened")),
+            guard: x("noVisibleTooltip", C("hasPointerMoveOpened")),
             target: "opening"
           },
           {
@@ -321,18 +322,18 @@ var { and: N, not: C } = L(), Y = K({
   },
   implementations: {
     guards: {
-      noVisibleTooltip: () => l.id === null,
-      isVisible: ({ prop: e }) => e("id") === l.id,
+      noVisibleTooltip: () => l.get("id") === null,
+      isVisible: ({ prop: e }) => e("id") === l.get("id"),
       isInteractive: ({ prop: e }) => !!e("interactive"),
       hasPointerMoveOpened: ({ context: e }) => e.get("hasPointerMoveOpened"),
       isOpenControlled: ({ prop: e }) => e("open") !== void 0
     },
     actions: {
       setGlobalId: ({ prop: e }) => {
-        l.id = e("id");
+        l.set("id", e("id"));
       },
       clearGlobalId: ({ prop: e }) => {
-        e("id") === l.id && (l.id = null);
+        e("id") === l.get("id") && l.set("id", null);
       },
       invokeOnOpen: ({ prop: e }) => {
         var t;
@@ -376,7 +377,7 @@ var { and: N, not: C } = L(), Y = K({
     effects: {
       trackFocusVisible: ({ scope: e }) => {
         var t;
-        return T({ root: (t = e.getRootNode) == null ? void 0 : t.call(e) });
+        return S({ root: (t = e.getRootNode) == null ? void 0 : t.call(e) });
       },
       trackPositioning: ({ context: e, prop: t, scope: o }) => {
         e.get("currentPlacement") || e.set("currentPlacement", t("positioning").placement);
@@ -397,7 +398,7 @@ var { and: N, not: C } = L(), Y = K({
         if (!t("closeOnScroll")) return;
         const s = v(o);
         if (!s) return;
-        const a = D(s).map((n) => u(n, "scroll", () => {
+        const a = M(s).map((n) => u(n, "scroll", () => {
           e({ type: "close", src: "scroll" });
         }, {
           passive: !0,
@@ -410,8 +411,8 @@ var { and: N, not: C } = L(), Y = K({
       trackStore: ({ prop: e, send: t }) => {
         let o;
         return queueMicrotask(() => {
-          o = A(l, () => {
-            l.id !== e("id") && t({ type: "close", src: "id.change" });
+          o = l.subscribe(() => {
+            l.get("id") !== e("id") && t({ type: "close", src: "id.change" });
           });
         }), () => o == null ? void 0 : o();
       },
@@ -433,7 +434,7 @@ var { and: N, not: C } = L(), Y = K({
     }
   }
 });
-$()([
+L()([
   "aria-label",
   "closeDelay",
   "closeOnEscape",
@@ -453,7 +454,7 @@ $()([
   "positioning"
 ]);
 export {
-  q as anatomy,
-  X as connect,
-  Y as machine
+  $ as anatomy,
+  W as connect,
+  X as machine
 };