@televet/kibble-ui 4.0.1 → 5.0.0-beta.hotfix.1

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

@@ -1,12 +1,13 @@
-import { a8 as Y, a9 as Z, aa as A, ab as j, c as q, ac as J, X as U, b as z, a7 as tt, ad as et, A as st, r as V, ae as N, af as at, d as I } from "./index-DA90Dqf9.js";
-var ot = z("toast").parts(
+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";
+var at = J("toast").parts(
   "group",
   "root",
   "title",
   "description",
   "actionTrigger",
   "closeTrigger"
-), D = ot.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(), 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`, _ = {
   info: 5e3,
   error: 5e3,
   success: 2e3,
@@ -18,14 +19,14 @@ 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: a, computed: s, context: n } = t, { offsets: r, gap: c } = a("store").attrs, l = n.get("heights"), d = rt(r), y = a("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: 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 = {
     position: "fixed",
     pointerEvents: s("count") > 0 ? void 0 : "none",
     display: "flex",
     flexDirection: "column",
     "--gap": `${c}px`,
     "--first-height": `${l[0]?.height || 0}px`,
-    zIndex: et
+    zIndex: tt
   };
   let f = "center";
   if (p && (f = "flex-end"), T && (f = "flex-start"), m.alignItems = f, u.includes("top")) {
@@ -47,15 +48,15 @@ function ct(t, e) {
   return m;
 }
 function lt(t, e) {
-  const { prop: a, context: s, computed: n } = t, r = a("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 = !a("stacked"), h = a("stacked"), M = a("type") === "loading" ? Number.MAX_SAFE_INTEGER : u, C = n("heightIndex") * l + n("heightBefore"), k = {
+  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 = {
     position: "absolute",
     pointerEvents: "auto",
     "--opacity": "0",
-    "--remove-delay": `${a("removeDelay")}ms`,
+    "--remove-delay": `${o("removeDelay")}ms`,
     "--duration": `${M}ms`,
     "--initial-height": `${p}px`,
     "--offset": `${C}px`,
-    "--index": a("index"),
+    "--index": o("index"),
     "--z-index": n("zIndex"),
     "--lift-amount": "calc(var(--lift) * var(--gap))",
     "--y": "100%",
@@ -94,13 +95,13 @@ function lt(t, e) {
   }), k;
 }
 function ut(t, e) {
-  const { computed: a } = t, s = {
+  const { computed: o } = t, s = {
     position: "absolute",
     inset: "0",
     scale: "1 2",
     pointerEvents: e ? "none" : "auto"
   }, n = (r) => Object.assign(s, r);
-  return a("frontmost") && !e && n({
+  return o("frontmost") && !e && n({
     height: "calc(var(--initial-height) + 80%)"
   }), s;
 }
@@ -114,13 +115,13 @@ function dt() {
   };
 }
 function gt(t, e) {
-  const { context: a, prop: s, send: n, refs: r, computed: c } = t;
+  const { context: o, prop: s, send: n, refs: r, computed: c } = t;
   return {
     getCount() {
-      return a.get("toasts").length;
+      return o.get("toasts").length;
     },
     getToasts() {
-      return a.get("toasts");
+      return o.get("toasts");
     },
     getGroupProps(l = {}) {
       const { label: d = "Notifications" } = l, { hotkey: y } = s("store").attrs, u = y.join("+").replace(/Key/g, "").replace(/Digit/g, ""), p = c("placement"), [T, m = "center"] = p.split("-");
@@ -146,12 +147,12 @@ function gt(t, e) {
           n({ type: "REGION.FOCUS", target: f.relatedTarget });
         },
         onBlur(f) {
-          r.get("isFocusWithin") && !tt(f.currentTarget, f.relatedTarget) && queueMicrotask(() => n({ type: "REGION.BLUR" }));
+          r.get("isFocusWithin") && !z(f.currentTarget, f.relatedTarget) && queueMicrotask(() => n({ type: "REGION.BLUR" }));
         }
       });
     },
     subscribe(l) {
-      return s("store").subscribe(() => l(a.get("toasts")));
+      return s("store").subscribe(() => l(o.get("toasts")));
     }
   };
 }
@@ -179,7 +180,7 @@ var pt = q({
       toasts: t(() => ({
         defaultValue: [],
         sync: !0,
-        hash: (e) => e.map((a) => a.id).join(",")
+        hash: (e) => e.map((o) => o.id).join(",")
       })),
       heights: t(() => ({
         defaultValue: [],
@@ -193,10 +194,10 @@ var pt = q({
     placement: ({ prop: t }) => t("store").attrs.placement
   },
   effects: ["subscribeToStore", "trackDocumentVisibility", "trackHotKeyPress"],
-  watch({ track: t, context: e, action: a }) {
+  watch({ track: t, context: e, action: o }) {
     t([() => e.hash("toasts")], () => {
       queueMicrotask(() => {
-        a(["collapsedIfEmpty", "setDismissableBranch"]);
+        o(["collapsedIfEmpty", "setDismissableBranch"]);
       });
     });
   },
@@ -271,14 +272,14 @@ var pt = q({
     },
     effects: {
       subscribeToStore({ context: t, prop: e }) {
-        return e("store").subscribe((a) => {
-          if (a.dismiss) {
-            t.set("toasts", (s) => s.filter((n) => n.id !== a.id));
+        return e("store").subscribe((o) => {
+          if (o.dismiss) {
+            t.set("toasts", (s) => s.filter((n) => n.id !== o.id));
             return;
           }
           t.set("toasts", (s) => {
-            const n = s.findIndex((r) => r.id === a.id);
-            return n !== -1 ? [...s.slice(0, n), { ...s[n], ...a }, ...s.slice(n + 1)] : [a, ...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];
           });
         });
       },
@@ -288,10 +289,10 @@ var pt = q({
           n.every((c) => s[c] || s.code === c) && e({ type: "DOC.HOTKEY" });
         }, { capture: !0 });
       },
-      trackDocumentVisibility({ prop: t, send: e, scope: a }) {
+      trackDocumentVisibility({ prop: t, send: e, scope: o }) {
         const { pauseOnPageIdle: s } = t("store").attrs;
         if (!s) return;
-        const n = a.getDoc();
+        const n = o.getDoc();
         return U(n, "visibilitychange", () => {
           const r = n.visibilityState === "hidden";
           e({ type: r ? "PAUSE_ALL" : "RESUME_ALL" });
@@ -299,15 +300,15 @@ var pt = q({
       }
     },
     actions: {
-      setDismissableBranch({ refs: t, context: e, computed: a, scope: s }) {
-        const n = e.get("toasts"), r = a("placement"), c = n.length > 0;
+      setDismissableBranch({ refs: t, context: e, computed: o, scope: s }) {
+        const n = e.get("toasts"), r = o("placement"), c = n.length > 0;
         if (!c) {
           t.get("dismissableCleanup")?.();
           return;
         }
         if (c && t.get("dismissableCleanup"))
           return;
-        const d = J(() => G(s, r), { defer: !0 });
+        const d = ot(() => G(s, r), { defer: !0 });
         t.set("dismissableCleanup", d);
       },
       clearDismissableBranch({ refs: t }) {
@@ -335,7 +336,7 @@ var pt = q({
       },
       removeHeight({ event: t, context: e }) {
         t?.id != null && queueMicrotask(() => {
-          e.set("heights", (a) => a.filter((s) => s.id !== t.id));
+          e.set("heights", (o) => o.filter((s) => s.id !== t.id));
         });
       },
       collapsedIfEmpty({ send: t, computed: e }) {
@@ -353,8 +354,8 @@ var pt = q({
     }
   }
 });
-function Ot(t, e) {
-  const { state: a, send: s, prop: n, scope: r, context: c, computed: l } = t, d = a.hasTag("visible"), y = a.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("-");
+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("-");
   return {
     type: m,
     title: h,
@@ -447,9 +448,9 @@ function Ot(t, e) {
     }
   };
 }
-var { not: mt } = st(), Rt = q({
+var { not: mt } = et(), kt = q({
   props({ props: t }) {
-    return at(t, ["id", "type", "parent", "removeDelay"], "toast"), {
+    return st(t, ["id", "type", "parent", "removeDelay"], "toast"), {
       closable: !0,
       ...t,
       duration: L(t.duration, t.type)
@@ -482,24 +483,24 @@ var { not: mt } = st(), Rt = q({
   },
   computed: {
     zIndex: ({ prop: t }) => {
-      const e = t("parent").context.get("toasts"), a = e.findIndex((s) => s.id === t("id"));
-      return e.length - a;
+      const e = t("parent").context.get("toasts"), o = e.findIndex((s) => s.id === t("id"));
+      return e.length - o;
     },
     height: ({ prop: t }) => t("parent").context.get("heights").find((s) => s.id === t("id"))?.height ?? 0,
-    heightIndex: ({ prop: t }) => t("parent").context.get("heights").findIndex((a) => a.id === t("id")),
+    heightIndex: ({ prop: t }) => t("parent").context.get("heights").findIndex((o) => o.id === t("id")),
     frontmost: ({ prop: t }) => t("index") === 0,
     heightBefore: ({ prop: t }) => {
-      const e = t("parent").context.get("heights"), a = e.findIndex((s) => s.id === t("id"));
-      return e.reduce((s, n, r) => r >= a ? s : s + n.height, 0);
+      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);
     },
     shouldPersist: ({ prop: t }) => t("type") === "loading" || t("duration") === 1 / 0
   },
-  watch({ track: t, prop: e, send: a }) {
+  watch({ track: t, prop: e, send: o }) {
     t([() => e("message")], () => {
       const s = e("message");
-      s && a({ type: s, src: "programmatic" });
+      s && o({ type: s, src: "programmatic" });
     }), t([() => e("type"), () => e("duration")], () => {
-      a({ type: "UPDATE" });
+      o({ type: "UPDATE" });
     });
   },
   on: {
@@ -577,8 +578,8 @@ var { not: mt } = st(), Rt = q({
           e({ type: "REMOVE", src: "timer" });
         }, t("removeDelay"));
       },
-      waitForDuration({ send: t, context: e, computed: a }) {
-        if (!a("shouldPersist"))
+      waitForDuration({ send: t, context: e, computed: o }) {
+        if (!o("shouldPersist"))
           return N(() => {
             t({ type: "DISMISS", src: "timer" });
           }, e.get("remainingTime"));
@@ -589,7 +590,7 @@ var { not: mt } = st(), Rt = q({
         }, 0);
       },
       trackHeight({ scope: t, prop: e }) {
-        let a;
+        let o;
         return V(() => {
           const s = $(t);
           if (!s) return;
@@ -605,8 +606,8 @@ var { not: mt } = st(), Rt = q({
             childList: !0,
             subtree: !0,
             characterData: !0
-          }), a = () => c.disconnect();
-        }), () => a?.();
+          }), o = () => c.disconnect();
+        }), () => o?.();
       }
     },
     guards: {
@@ -619,14 +620,14 @@ var { not: mt } = st(), Rt = q({
           t.set("mounted", !0);
         });
       },
-      measureHeight({ scope: t, prop: e, context: a }) {
+      measureHeight({ scope: t, prop: e, context: o }) {
         queueMicrotask(() => {
           const s = $(t);
           if (!s) return;
           const n = s.style.height;
           s.style.height = "auto";
           const r = s.getBoundingClientRect().height;
-          s.style.height = n, a.set("initialHeight", r);
+          s.style.height = n, o.set("initialHeight", r);
           const c = { id: e("id"), height: r };
           W(e("parent"), c);
         });
@@ -634,13 +635,13 @@ var { not: mt } = st(), Rt = q({
       setCloseTimer({ refs: t }) {
         t.set("closeTimerStartTime", Date.now());
       },
-      resetCloseTimer({ context: t, refs: e, prop: a }) {
-        e.set("closeTimerStartTime", Date.now()), t.set("remainingTime", L(a("duration"), a("type")));
+      resetCloseTimer({ context: t, refs: e, prop: o }) {
+        e.set("closeTimerStartTime", Date.now()), t.set("remainingTime", L(o("duration"), o("type")));
       },
       syncRemainingTime({ context: t, refs: e }) {
-        t.set("remainingTime", (a) => {
+        t.set("remainingTime", (o) => {
           const s = e.get("closeTimerStartTime"), n = Date.now() - s;
-          return e.set("lastCloseStartTimerStartTime", Date.now()), a - n;
+          return e.set("lastCloseStartTimerStartTime", Date.now()), o - n;
         });
       },
       notifyParentToRemove({ prop: t }) {
@@ -659,8 +660,8 @@ var { not: mt } = st(), Rt = q({
   }
 });
 function W(t, e) {
-  const { id: a, height: s } = e;
-  t.context.set("heights", (n) => n.find((c) => c.id === a) ? n.map((c) => c.id === a ? { ...c, height: s } : c) : [{ id: a, height: s }, ...n]);
+  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]);
 }
 var ft = (t, e) => ({ ...e, ...Y(t) });
 function ht(t) {
@@ -674,52 +675,52 @@ function ht(t) {
     removeDelay: 200,
     pauseOnPageIdle: !0
   });
-  let a = [], s = [], n = /* @__PURE__ */ new Set(), r = [];
-  const c = (o) => (a.push(o), () => {
-    const i = a.indexOf(o);
-    a.splice(i, 1);
-  }), l = (o) => (a.forEach((i) => i(o)), o), d = (o) => {
+  let o = [], s = [], n = /* @__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) => {
     if (s.length >= e.max) {
-      r.push(o);
+      r.push(a);
       return;
     }
-    l(o), s.unshift(o);
+    l(a), s.unshift(a);
   }, y = () => {
     for (; r.length > 0 && s.length < e.max; ) {
-      const o = r.shift();
-      o && (l(o), s.unshift(o));
+      const a = r.shift();
+      a && (l(a), s.unshift(a));
     }
-  }, u = (o) => {
-    const i = o.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, ...o, id: i }) : E) : d({
+  }, 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,
       duration: e.duration,
       removeDelay: e.removeDelay,
       type: "info",
-      ...o,
+      ...a,
       stacked: !e.overlap,
       gap: e.gap
     }), i;
-  }, p = (o) => (n.add(o), o ? (a.forEach((i) => i({ id: o, dismiss: !0 })), s = s.filter((i) => i.id !== o), y()) : (s.forEach((i) => {
-    a.forEach((b) => b({ id: i.id, dismiss: !0 }));
-  }), s = [], r = []), o);
+  }, 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 }));
+  }), s = [], r = []), a);
   return {
     attrs: e,
     subscribe: c,
     create: u,
-    update: (o, i) => u({ id: o, ...i }),
+    update: (a, i) => u({ id: a, ...i }),
     remove: p,
-    dismiss: (o) => {
-      o != null ? s = s.map((i) => i.id === o ? l({ ...i, message: "DISMISS" }) : i) : s = s.map((i) => l({ ...i, message: "DISMISS" }));
+    dismiss: (a) => {
+      a != null ? s = s.map((i) => i.id === a ? l({ ...i, message: "DISMISS" }) : i) : s = s.map((i) => l({ ...i, message: "DISMISS" }));
     },
-    error: (o) => u({ ...o, type: "error" }),
-    success: (o) => u({ ...o, type: "success" }),
-    info: (o) => u({ ...o, type: "info" }),
-    warning: (o) => u({ ...o, type: "warning" }),
-    loading: (o) => u({ ...o, type: "loading" }),
-    getVisibleToasts: () => s.filter((o) => !n.has(o.id)),
+    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)),
     getCount: () => s.length,
-    promise: (o, i, b = {}) => {
+    promise: (a, i, b = {}) => {
       if (!i || !i.loading) {
         Z("[zag-js > toast] toaster.promise() requires at least a 'loading' option to be specified");
         return;
@@ -727,11 +728,11 @@ function ht(t) {
       const E = u({
         ...b,
         ...i.loading,
-        promise: o,
+        promise: a,
         type: "loading"
       });
       let w = !0, P;
-      const Q = A(o).then(async (v) => {
+      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}`);
@@ -754,23 +755,23 @@ function ht(t) {
         (v, S) => Q.then(() => P[0] === "reject" ? S(P[1]) : v(P[1])).catch(S)
       ) };
     },
-    pause: (o) => {
-      o != null ? s = s.map((i) => i.id === o ? l({ ...i, message: "PAUSE" }) : i) : s = s.map((i) => l({ ...i, message: "PAUSE" }));
+    pause: (a) => {
+      a != null ? s = s.map((i) => i.id === a ? l({ ...i, message: "PAUSE" }) : i) : s = s.map((i) => l({ ...i, message: "PAUSE" }));
     },
-    resume: (o) => {
-      o != null ? s = s.map((i) => i.id === o ? l({ ...i, message: "RESUME" }) : i) : s = s.map((i) => l({ ...i, message: "RESUME" }));
+    resume: (a) => {
+      a != null ? s = s.map((i) => i.id === a ? l({ ...i, message: "RESUME" }) : i) : s = s.map((i) => l({ ...i, message: "RESUME" }));
     },
-    isVisible: (o) => !n.has(o) && !!s.find((i) => i.id === o),
-    isDismissed: (o) => n.has(o),
+    isVisible: (a) => !n.has(a) && !!s.find((i) => i.id === a),
+    isDismissed: (a) => n.has(a),
     expand: () => {
-      s = s.map((o) => l({ ...o, stacked: !0 }));
+      s = s.map((a) => l({ ...a, stacked: !0 }));
     },
     collapse: () => {
-      s = s.map((o) => l({ ...o, stacked: !1 }));
+      s = s.map((a) => l({ ...a, stacked: !1 }));
     }
   };
 }
-var yt = (t) => t && typeof t == "object" && "ok" in t && typeof t.ok == "boolean" && "status" in t && typeof t.status == "number", kt = {
+var yt = (t) => t && typeof t == "object" && "ok" in t && typeof t.ok == "boolean" && "status" in t && typeof t.status == "number", Pt = {
   connect: gt,
   machine: pt
 };
@@ -808,17 +809,17 @@ const O = (t) => ht(t), x = {
     ...x,
     placement: "top-start"
   }
-}, Pt = O(R.bottom), Ft = O(R["bottom-end"]), Mt = O(R["bottom-start"]), Ct = O(R.top), wt = O(R["top-end"]), At = O(R["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"]);
 export {
-  Ft as a,
-  Pt as b,
-  Ot as c,
-  Mt as d,
-  wt as e,
-  At as f,
-  kt as g,
+  Mt as a,
+  Ft as b,
+  Rt as c,
+  Ct as d,
+  At as e,
+  Nt as f,
+  Pt as g,
   x as h,
-  Rt as m,
-  Ct as t
+  kt as m,
+  wt as t
 };
-//# sourceMappingURL=toaster.records-oryzm5Go.js.map
+//# sourceMappingURL=toaster.records-Cb3hbtuY.js.map