@televet/kibble-ui 5.0.13 → 5.0.14

package/dist/chunks/{toaster.records-Cb3hbtuY.js → toaster.records-BzZmnA3j.js}

@@ -1,5 +1,5 @@
-import { al as Y, ai as Z, am as A, an as j, n as q, a0 as U, e as J, ab as z, ao as tt, A as et, r as V, ap as N, aq as st, b as I } from "./index-fHSGm2nC.js";
-import { a as ot } from "./index-D3Q0mQNf.js";
+import { al as Y, ai as Z, am as A, an as j, p as q, a0 as U, f as J, ab as z, ao as tt, C as et, r as V, ap as N, aq as st, c as I } from "./index-BcafYtXX.js";
+import { a as ot } from "./index-mXLFPoCI.js";
 var at = J("toast").parts(
   "group",
   "root",
@@ -7,7 +7,7 @@ var at = J("toast").parts(
   "description",
   "actionTrigger",
   "closeTrigger"
-), D = at.build(), nt = (t) => `toast-group:${t}`, G = (t, e) => t.getById(`toast-group:${e}`), X = (t) => `toast:${t.id}`, $ = (t) => t.getById(X(t)), B = (t) => `toast:${t.id}:title`, K = (t) => `toast:${t.id}:description`, it = (t) => `toast${t.id}:close`, _ = {
+), D = at.build(), it = (t) => `toast-group:${t}`, G = (t, e) => t.getById(`toast-group:${e}`), X = (t) => `toast:${t.id}`, $ = (t) => t.getById(X(t)), B = (t) => `toast:${t.id}:title`, K = (t) => `toast:${t.id}:description`, nt = (t) => `toast${t.id}:close`, _ = {
   info: 5e3,
   error: 5e3,
   success: 2e3,
@@ -19,7 +19,7 @@ function L(t, e) {
 }
 var rt = (t) => typeof t == "string" ? { left: t, right: t, bottom: t, top: t } : t;
 function ct(t, e) {
-  const { prop: o, computed: s, context: n } = t, { offsets: r, gap: c } = o("store").attrs, l = n.get("heights"), d = rt(r), y = o("dir") === "rtl", u = e.replace("-start", y ? "-right" : "-left").replace("-end", y ? "-left" : "-right"), p = u.includes("right"), T = u.includes("left"), m = {
+  const { prop: o, computed: s, context: i } = t, { offsets: r, gap: c } = o("store").attrs, l = i.get("heights"), d = rt(r), y = o("dir") === "rtl", u = e.replace("-start", y ? "-right" : "-left").replace("-end", y ? "-left" : "-right"), p = u.includes("right"), T = u.includes("left"), m = {
     position: "fixed",
     pointerEvents: s("count") > 0 ? void 0 : "none",
     display: "flex",
@@ -48,16 +48,16 @@ function ct(t, e) {
   return m;
 }
 function lt(t, e) {
-  const { prop: o, context: s, computed: n } = t, r = o("parent"), c = r.computed("placement"), { gap: l } = r.prop("store").attrs, [d] = c.split("-"), y = s.get("mounted"), u = s.get("remainingTime"), p = n("height"), T = n("frontmost"), m = !T, f = !o("stacked"), h = o("stacked"), M = o("type") === "loading" ? Number.MAX_SAFE_INTEGER : u, C = n("heightIndex") * l + n("heightBefore"), k = {
+  const { prop: o, context: s, computed: i } = t, r = o("parent"), c = r.computed("placement"), { gap: l } = r.prop("store").attrs, [d] = c.split("-"), y = s.get("mounted"), u = s.get("remainingTime"), p = i("height"), T = i("frontmost"), m = !T, f = !o("stacked"), h = o("stacked"), C = o("type") === "loading" ? Number.MAX_SAFE_INTEGER : u, M = i("heightIndex") * l + i("heightBefore"), k = {
     position: "absolute",
     pointerEvents: "auto",
     "--opacity": "0",
     "--remove-delay": `${o("removeDelay")}ms`,
-    "--duration": `${M}ms`,
+    "--duration": `${C}ms`,
     "--initial-height": `${p}px`,
-    "--offset": `${C}px`,
+    "--offset": `${M}px`,
     "--index": o("index"),
-    "--z-index": n("zIndex"),
+    "--z-index": i("zIndex"),
     "--lift-amount": "calc(var(--lift) * var(--gap))",
     "--y": "100%",
     "--x": "0"
@@ -100,8 +100,8 @@ function ut(t, e) {
     inset: "0",
     scale: "1 2",
     pointerEvents: e ? "none" : "auto"
-  }, n = (r) => Object.assign(s, r);
-  return o("frontmost") && !e && n({
+  }, i = (r) => Object.assign(s, r);
+  return o("frontmost") && !e && i({
     height: "calc(var(--initial-height) + 80%)"
   }), s;
 }
@@ -115,7 +115,7 @@ function dt() {
   };
 }
 function gt(t, e) {
-  const { context: o, prop: s, send: n, refs: r, computed: c } = t;
+  const { context: o, prop: s, send: i, refs: r, computed: c } = t;
   return {
     getCount() {
       return o.get("toasts").length;
@@ -130,7 +130,7 @@ function gt(t, e) {
         dir: s("dir"),
         tabIndex: -1,
         "aria-label": `${p} ${d} ${u}`,
-        id: nt(p),
+        id: it(p),
         "data-placement": p,
         "data-side": T,
         "data-align": m,
@@ -138,16 +138,16 @@ function gt(t, e) {
         role: "region",
         style: ct(t, p),
         onMouseMove() {
-          n({ type: "REGION.POINTER_ENTER", placement: p });
+          i({ type: "REGION.POINTER_ENTER", placement: p });
         },
         onMouseLeave() {
-          n({ type: "REGION.POINTER_LEAVE", placement: p });
+          i({ type: "REGION.POINTER_LEAVE", placement: p });
         },
         onFocus(f) {
-          n({ type: "REGION.FOCUS", target: f.relatedTarget });
+          i({ type: "REGION.FOCUS", target: f.relatedTarget });
         },
         onBlur(f) {
-          r.get("isFocusWithin") && !z(f.currentTarget, f.relatedTarget) && queueMicrotask(() => n({ type: "REGION.BLUR" }));
+          r.get("isFocusWithin") && !z(f.currentTarget, f.relatedTarget) && queueMicrotask(() => i({ type: "REGION.BLUR" }));
         }
       });
     },
@@ -274,34 +274,34 @@ var pt = q({
       subscribeToStore({ context: t, prop: e }) {
         return e("store").subscribe((o) => {
           if (o.dismiss) {
-            t.set("toasts", (s) => s.filter((n) => n.id !== o.id));
+            t.set("toasts", (s) => s.filter((i) => i.id !== o.id));
             return;
           }
           t.set("toasts", (s) => {
-            const n = s.findIndex((r) => r.id === o.id);
-            return n !== -1 ? [...s.slice(0, n), { ...s[n], ...o }, ...s.slice(n + 1)] : [o, ...s];
+            const i = s.findIndex((r) => r.id === o.id);
+            return i !== -1 ? [...s.slice(0, i), { ...s[i], ...o }, ...s.slice(i + 1)] : [o, ...s];
           });
         });
       },
       trackHotKeyPress({ prop: t, send: e }) {
         return U(document, "keydown", (s) => {
-          const { hotkey: n } = t("store").attrs;
-          n.every((c) => s[c] || s.code === c) && e({ type: "DOC.HOTKEY" });
+          const { hotkey: i } = t("store").attrs;
+          i.every((c) => s[c] || s.code === c) && e({ type: "DOC.HOTKEY" });
         }, { capture: !0 });
       },
       trackDocumentVisibility({ prop: t, send: e, scope: o }) {
         const { pauseOnPageIdle: s } = t("store").attrs;
         if (!s) return;
-        const n = o.getDoc();
-        return U(n, "visibilitychange", () => {
-          const r = n.visibilityState === "hidden";
+        const i = o.getDoc();
+        return U(i, "visibilitychange", () => {
+          const r = i.visibilityState === "hidden";
           e({ type: r ? "PAUSE_ALL" : "RESUME_ALL" });
         });
       }
     },
     actions: {
       setDismissableBranch({ refs: t, context: e, computed: o, scope: s }) {
-        const n = e.get("toasts"), r = o("placement"), c = n.length > 0;
+        const i = e.get("toasts"), r = o("placement"), c = i.length > 0;
         if (!c) {
           t.get("dismissableCleanup")?.();
           return;
@@ -355,7 +355,7 @@ var pt = q({
   }
 });
 function Rt(t, e) {
-  const { state: o, send: s, prop: n, scope: r, context: c, computed: l } = t, d = o.hasTag("visible"), y = o.hasTag("paused"), u = c.get("mounted"), p = l("frontmost"), T = n("parent").computed("placement"), m = n("type"), f = n("stacked"), h = n("title"), F = n("description"), M = n("action"), [C, k = "center"] = T.split("-");
+  const { state: o, send: s, prop: i, scope: r, context: c, computed: l } = t, d = o.hasTag("visible"), y = o.hasTag("paused"), u = c.get("mounted"), p = l("frontmost"), T = i("parent").computed("placement"), m = i("type"), f = i("stacked"), h = i("title"), F = i("description"), C = i("action"), [M, k = "center"] = T.split("-");
   return {
     type: m,
     title: h,
@@ -363,7 +363,7 @@ function Rt(t, e) {
     placement: T,
     visible: d,
     paused: y,
-    closable: !!n("closable"),
+    closable: !!i("closable"),
     pause() {
       s({ type: "PAUSE" });
     },
@@ -376,13 +376,13 @@ function Rt(t, e) {
     getRootProps() {
       return e.element({
         ...D.root.attrs,
-        dir: n("dir"),
+        dir: i("dir"),
         id: X(r),
         "data-state": d ? "open" : "closed",
         "data-type": m,
         "data-placement": T,
         "data-align": k,
-        "data-side": C,
+        "data-side": M,
         "data-mounted": I(u),
         "data-paused": I(y),
         "data-first": I(p),
@@ -431,13 +431,13 @@ function Rt(t, e) {
         ...D.actionTrigger.attrs,
         type: "button",
         onClick(g) {
-          g.defaultPrevented || (M?.onClick?.(), s({ type: "DISMISS", src: "user" }));
+          g.defaultPrevented || (C?.onClick?.(), s({ type: "DISMISS", src: "user" }));
         }
       });
     },
     getCloseTriggerProps() {
       return e.button({
-        id: it(r),
+        id: nt(r),
         ...D.closeTrigger.attrs,
         type: "button",
         "aria-label": "Dismiss notification",
@@ -491,7 +491,7 @@ var { not: mt } = et(), kt = q({
     frontmost: ({ prop: t }) => t("index") === 0,
     heightBefore: ({ prop: t }) => {
       const e = t("parent").context.get("heights"), o = e.findIndex((s) => s.id === t("id"));
-      return e.reduce((s, n, r) => r >= o ? s : s + n.height, 0);
+      return e.reduce((s, i, r) => r >= o ? s : s + i.height, 0);
     },
     shouldPersist: ({ prop: t }) => t("type") === "loading" || t("duration") === 1 / 0
   },
@@ -594,14 +594,14 @@ var { not: mt } = et(), kt = q({
         return V(() => {
           const s = $(t);
           if (!s) return;
-          const n = () => {
+          const i = () => {
             const l = s.style.height;
             s.style.height = "auto";
             const d = s.getBoundingClientRect().height;
             s.style.height = l;
             const y = { id: e("id"), height: d };
             W(e("parent"), y);
-          }, r = t.getWin(), c = new r.MutationObserver(n);
+          }, r = t.getWin(), c = new r.MutationObserver(i);
           c.observe(s, {
             childList: !0,
             subtree: !0,
@@ -624,10 +624,10 @@ var { not: mt } = et(), kt = q({
         queueMicrotask(() => {
           const s = $(t);
           if (!s) return;
-          const n = s.style.height;
+          const i = s.style.height;
           s.style.height = "auto";
           const r = s.getBoundingClientRect().height;
-          s.style.height = n, o.set("initialHeight", r);
+          s.style.height = i, o.set("initialHeight", r);
           const c = { id: e("id"), height: r };
           W(e("parent"), c);
         });
@@ -640,8 +640,8 @@ var { not: mt } = et(), kt = q({
       },
       syncRemainingTime({ context: t, refs: e }) {
         t.set("remainingTime", (o) => {
-          const s = e.get("closeTimerStartTime"), n = Date.now() - s;
-          return e.set("lastCloseStartTimerStartTime", Date.now()), o - n;
+          const s = e.get("closeTimerStartTime"), i = Date.now() - s;
+          return e.set("lastCloseStartTimerStartTime", Date.now()), o - i;
         });
       },
       notifyParentToRemove({ prop: t }) {
@@ -661,7 +661,7 @@ var { not: mt } = et(), kt = q({
 });
 function W(t, e) {
   const { id: o, height: s } = e;
-  t.context.set("heights", (n) => n.find((c) => c.id === o) ? n.map((c) => c.id === o ? { ...c, height: s } : c) : [{ id: o, height: s }, ...n]);
+  t.context.set("heights", (i) => i.find((c) => c.id === o) ? i.map((c) => c.id === o ? { ...c, height: s } : c) : [{ id: o, height: s }, ...i]);
 }
 var ft = (t, e) => ({ ...e, ...Y(t) });
 function ht(t) {
@@ -675,11 +675,11 @@ function ht(t) {
     removeDelay: 200,
     pauseOnPageIdle: !0
   });
-  let o = [], s = [], n = /* @__PURE__ */ new Set(), r = [];
+  let o = [], s = [], i = /* @__PURE__ */ new Set(), r = [];
   const c = (a) => (o.push(a), () => {
-    const i = o.indexOf(a);
-    o.splice(i, 1);
-  }), l = (a) => (o.forEach((i) => i(a)), a), d = (a) => {
+    const n = o.indexOf(a);
+    o.splice(n, 1);
+  }), l = (a) => (o.forEach((n) => n(a)), a), d = (a) => {
     if (s.length >= e.max) {
       r.push(a);
       return;
@@ -691,43 +691,43 @@ function ht(t) {
       a && (l(a), s.unshift(a));
     }
   }, u = (a) => {
-    const i = a.id ?? `toast:${j()}`, b = s.find((E) => E.id === i);
-    return n.has(i) && n.delete(i), b ? s = s.map((E) => E.id === i ? l({ ...E, ...a, id: i }) : E) : d({
-      id: i,
+    const n = a.id ?? `toast:${j()}`, b = s.find((E) => E.id === n);
+    return i.has(n) && i.delete(n), b ? s = s.map((E) => E.id === n ? l({ ...E, ...a, id: n }) : E) : d({
+      id: n,
       duration: e.duration,
       removeDelay: e.removeDelay,
       type: "info",
       ...a,
       stacked: !e.overlap,
       gap: e.gap
-    }), i;
-  }, p = (a) => (n.add(a), a ? (o.forEach((i) => i({ id: a, dismiss: !0 })), s = s.filter((i) => i.id !== a), y()) : (s.forEach((i) => {
-    o.forEach((b) => b({ id: i.id, dismiss: !0 }));
+    }), n;
+  }, p = (a) => (i.add(a), a ? (o.forEach((n) => n({ id: a, dismiss: !0 })), s = s.filter((n) => n.id !== a), y()) : (s.forEach((n) => {
+    o.forEach((b) => b({ id: n.id, dismiss: !0 }));
   }), s = [], r = []), a);
   return {
     attrs: e,
     subscribe: c,
     create: u,
-    update: (a, i) => u({ id: a, ...i }),
+    update: (a, n) => u({ id: a, ...n }),
     remove: p,
     dismiss: (a) => {
-      a != null ? s = s.map((i) => i.id === a ? l({ ...i, message: "DISMISS" }) : i) : s = s.map((i) => l({ ...i, message: "DISMISS" }));
+      a != null ? s = s.map((n) => n.id === a ? l({ ...n, message: "DISMISS" }) : n) : s = s.map((n) => l({ ...n, message: "DISMISS" }));
     },
     error: (a) => u({ ...a, type: "error" }),
     success: (a) => u({ ...a, type: "success" }),
     info: (a) => u({ ...a, type: "info" }),
     warning: (a) => u({ ...a, type: "warning" }),
     loading: (a) => u({ ...a, type: "loading" }),
-    getVisibleToasts: () => s.filter((a) => !n.has(a.id)),
+    getVisibleToasts: () => s.filter((a) => !i.has(a.id)),
     getCount: () => s.length,
-    promise: (a, i, b = {}) => {
-      if (!i || !i.loading) {
+    promise: (a, n, b = {}) => {
+      if (!n || !n.loading) {
         Z("[zag-js > toast] toaster.promise() requires at least a 'loading' option to be specified");
         return;
       }
       const E = u({
         ...b,
-        ...i.loading,
+        ...n.loading,
         promise: a,
         type: "loading"
       });
@@ -735,34 +735,34 @@ function ht(t) {
       const Q = A(a).then(async (v) => {
         if (P = ["resolve", v], yt(v) && !v.ok) {
           w = !1;
-          const S = A(i.error, `HTTP Error! status: ${v.status}`);
+          const S = A(n.error, `HTTP Error! status: ${v.status}`);
           u({ ...b, ...S, id: E, type: "error" });
-        } else if (i.success !== void 0) {
+        } else if (n.success !== void 0) {
           w = !1;
-          const S = A(i.success, v);
+          const S = A(n.success, v);
           u({ ...b, ...S, id: E, type: "success" });
         }
       }).catch(async (v) => {
-        if (P = ["reject", v], i.error !== void 0) {
+        if (P = ["reject", v], n.error !== void 0) {
           w = !1;
-          const S = A(i.error, v);
+          const S = A(n.error, v);
           u({ ...b, ...S, id: E, type: "error" });
         }
       }).finally(() => {
-        w && p(E), i.finally?.();
+        w && p(E), n.finally?.();
       });
       return { id: E, unwrap: () => new Promise(
         (v, S) => Q.then(() => P[0] === "reject" ? S(P[1]) : v(P[1])).catch(S)
       ) };
     },
     pause: (a) => {
-      a != null ? s = s.map((i) => i.id === a ? l({ ...i, message: "PAUSE" }) : i) : s = s.map((i) => l({ ...i, message: "PAUSE" }));
+      a != null ? s = s.map((n) => n.id === a ? l({ ...n, message: "PAUSE" }) : n) : s = s.map((n) => l({ ...n, message: "PAUSE" }));
     },
     resume: (a) => {
-      a != null ? s = s.map((i) => i.id === a ? l({ ...i, message: "RESUME" }) : i) : s = s.map((i) => l({ ...i, message: "RESUME" }));
+      a != null ? s = s.map((n) => n.id === a ? l({ ...n, message: "RESUME" }) : n) : s = s.map((n) => l({ ...n, message: "RESUME" }));
     },
-    isVisible: (a) => !n.has(a) && !!s.find((i) => i.id === a),
-    isDismissed: (a) => n.has(a),
+    isVisible: (a) => !i.has(a) && !!s.find((n) => n.id === a),
+    isDismissed: (a) => i.has(a),
     expand: () => {
       s = s.map((a) => l({ ...a, stacked: !0 }));
     },
@@ -809,12 +809,12 @@ const O = (t) => ht(t), x = {
     ...x,
     placement: "top-start"
   }
-}, Ft = O(R.bottom), Mt = O(R["bottom-end"]), Ct = O(R["bottom-start"]), wt = O(R.top), At = O(R["top-end"]), Nt = O(R["top-start"]);
+}, Ft = O(R.bottom), Ct = O(R["bottom-end"]), Mt = O(R["bottom-start"]), wt = O(R.top), At = O(R["top-end"]), Nt = O(R["top-start"]);
 export {
-  Mt as a,
+  Ct as a,
   Ft as b,
   Rt as c,
-  Ct as d,
+  Mt as d,
   At as e,
   Nt as f,
   Pt as g,
@@ -822,4 +822,4 @@ export {
   kt as m,
   wt as t
 };
-//# sourceMappingURL=toaster.records-Cb3hbtuY.js.map
+//# sourceMappingURL=toaster.records-BzZmnA3j.js.map