@konstructio/ui 0.1.2-alpha.78 → 0.1.2-alpha.79

package/dist/components/Toast/Toast.js

@@ -1,513 +1,5 @@
-import { jsx as s, jsxs as I, Fragment as ie } from "react/jsx-runtime";
-import { S as B } from "../../index-BvoZGpli.js";
-import * as n from "react";
-import { useRef as be, useEffect as ge, useMemo as ne, isValidElement as j, useCallback as Se } from "react";
-import * as Ne from "react-dom";
-import { P as D, a as Ie, c as b, b as Ae, d as De, u as _e } from "../../index--l0zux8V.js";
-import { u as ce } from "../../index-DLcqcWxM.js";
-import { c as Fe } from "../../index-CJnS4BVW.js";
-import { B as Le, R as Me, P as ke } from "../../index-BvEpLnOv.js";
-import { P as Oe } from "../../index-3fEdeexs.js";
-import { u as Y } from "../../index-0ioNhtNM.js";
-import { R as Ve } from "../../index-BKjcReYh.js";
-import { cn as U } from "../../utils/index.js";
-import { closeToastVariants as Ke, toastVariants as He, viewportToastVariants as We } from "./Toast.variants.js";
-import { CheckCircleFilledIcon as Ue } from "../../assets/icons/components/CheckCircleFilled.js";
-import { ErrorIcon as Xe } from "../../assets/icons/components/Error.js";
-import { WarningTriangleIcon as Ye } from "../../assets/icons/components/WarningTriangle.js";
-import { X as $e } from "../../x-Eoa9FJjA.js";
-var ze = Object.freeze({
-  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
-  position: "absolute",
-  border: 0,
-  width: 1,
-  height: 1,
-  padding: 0,
-  margin: -1,
-  overflow: "hidden",
-  clip: "rect(0, 0, 0, 0)",
-  whiteSpace: "nowrap",
-  wordWrap: "normal"
-}), Be = "VisuallyHidden", Z = n.forwardRef(
-  (e, o) => /* @__PURE__ */ s(
-    D.span,
-    {
-      ...e,
-      ref: o,
-      style: { ...ze, ...e.style }
-    }
-  )
-);
-Z.displayName = Be;
-var ee = "ToastProvider", [te, je, qe] = Fe("Toast"), [ue] = Ae("Toast", [qe]), [Ge, $] = ue(ee), le = (e) => {
-  const {
-    __scopeToast: o,
-    label: r = "Notification",
-    duration: t = 5e3,
-    swipeDirection: u = "right",
-    swipeThreshold: d = 50,
-    children: f
-  } = e, [w, v] = n.useState(null), [c, E] = n.useState(0), T = n.useRef(!1), x = n.useRef(!1);
-  return r.trim() || console.error(
-    `Invalid prop \`label\` supplied to \`${ee}\`. Expected non-empty \`string\`.`
-  ), /* @__PURE__ */ s(te.Provider, { scope: o, children: /* @__PURE__ */ s(
-    Ge,
-    {
-      scope: o,
-      label: r,
-      duration: t,
-      swipeDirection: u,
-      swipeThreshold: d,
-      toastCount: c,
-      viewport: w,
-      onViewportChange: v,
-      onToastAdd: n.useCallback(() => E((R) => R + 1), []),
-      onToastRemove: n.useCallback(() => E((R) => R - 1), []),
-      isFocusedToastEscapeKeyDownRef: T,
-      isClosePausedRef: x,
-      children: f
-    }
-  ) });
-};
-le.displayName = ee;
-var de = "ToastViewport", Je = ["F8"], G = "toast.viewportPause", J = "toast.viewportResume", fe = n.forwardRef(
-  (e, o) => {
-    const {
-      __scopeToast: r,
-      hotkey: t = Je,
-      label: u = "Notifications ({hotkey})",
-      ...d
-    } = e, f = $(de, r), w = je(r), v = n.useRef(null), c = n.useRef(null), E = n.useRef(null), T = n.useRef(null), x = ce(o, T, f.onViewportChange), R = t.join("+").replace(/Key/g, "").replace(/Digit/g, ""), g = f.toastCount > 0;
-    n.useEffect(() => {
-      const a = (y) => {
-        t.length !== 0 && t.every((m) => y[m] || y.code === m) && T.current?.focus();
-      };
-      return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
-    }, [t]), n.useEffect(() => {
-      const a = v.current, y = T.current;
-      if (g && a && y) {
-        const p = () => {
-          if (!f.isClosePausedRef.current) {
-            const h = new CustomEvent(G);
-            y.dispatchEvent(h), f.isClosePausedRef.current = !0;
-          }
-        }, m = () => {
-          if (f.isClosePausedRef.current) {
-            const h = new CustomEvent(J);
-            y.dispatchEvent(h), f.isClosePausedRef.current = !1;
-          }
-        }, P = (h) => {
-          !a.contains(h.relatedTarget) && m();
-        }, C = () => {
-          a.contains(document.activeElement) || m();
-        };
-        return a.addEventListener("focusin", p), a.addEventListener("focusout", P), a.addEventListener("pointermove", p), a.addEventListener("pointerleave", C), window.addEventListener("blur", p), window.addEventListener("focus", m), () => {
-          a.removeEventListener("focusin", p), a.removeEventListener("focusout", P), a.removeEventListener("pointermove", p), a.removeEventListener("pointerleave", C), window.removeEventListener("blur", p), window.removeEventListener("focus", m);
-        };
-      }
-    }, [g, f.isClosePausedRef]);
-    const l = n.useCallback(
-      ({ tabbingDirection: a }) => {
-        const p = w().map((m) => {
-          const P = m.ref.current, C = [P, ...lt(P)];
-          return a === "forwards" ? C : C.reverse();
-        });
-        return (a === "forwards" ? p.reverse() : p).flat();
-      },
-      [w]
-    );
-    return n.useEffect(() => {
-      const a = T.current;
-      if (a) {
-        const y = (p) => {
-          const m = p.altKey || p.ctrlKey || p.metaKey;
-          if (p.key === "Tab" && !m) {
-            const C = document.activeElement, h = p.shiftKey;
-            if (p.target === a && h) {
-              c.current?.focus();
-              return;
-            }
-            const F = l({ tabbingDirection: h ? "backwards" : "forwards" }), V = F.findIndex((A) => A === C);
-            q(F.slice(V + 1)) ? p.preventDefault() : h ? c.current?.focus() : E.current?.focus();
-          }
-        };
-        return a.addEventListener("keydown", y), () => a.removeEventListener("keydown", y);
-      }
-    }, [w, l]), /* @__PURE__ */ I(
-      Le,
-      {
-        ref: v,
-        role: "region",
-        "aria-label": u.replace("{hotkey}", R),
-        tabIndex: -1,
-        style: { pointerEvents: g ? void 0 : "none" },
-        children: [
-          g && /* @__PURE__ */ s(
-            Q,
-            {
-              ref: c,
-              onFocusFromOutsideViewport: () => {
-                const a = l({
-                  tabbingDirection: "forwards"
-                });
-                q(a);
-              }
-            }
-          ),
-          /* @__PURE__ */ s(te.Slot, { scope: r, children: /* @__PURE__ */ s(D.ol, { tabIndex: -1, ...d, ref: x }) }),
-          g && /* @__PURE__ */ s(
-            Q,
-            {
-              ref: E,
-              onFocusFromOutsideViewport: () => {
-                const a = l({
-                  tabbingDirection: "backwards"
-                });
-                q(a);
-              }
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-fe.displayName = de;
-var pe = "ToastFocusProxy", Q = n.forwardRef(
-  (e, o) => {
-    const { __scopeToast: r, onFocusFromOutsideViewport: t, ...u } = e, d = $(pe, r);
-    return /* @__PURE__ */ s(
-      Z,
-      {
-        tabIndex: 0,
-        ...u,
-        ref: o,
-        style: { position: "fixed" },
-        onFocus: (f) => {
-          const w = f.relatedTarget;
-          !d.viewport?.contains(w) && t();
-        }
-      }
-    );
-  }
-);
-Q.displayName = pe;
-var k = "Toast", Qe = "toast.swipeStart", Ze = "toast.swipeMove", et = "toast.swipeCancel", tt = "toast.swipeEnd", me = n.forwardRef(
-  (e, o) => {
-    const { forceMount: r, open: t, defaultOpen: u, onOpenChange: d, ...f } = e, [w, v] = Ie({
-      prop: t,
-      defaultProp: u ?? !0,
-      onChange: d,
-      caller: k
-    });
-    return /* @__PURE__ */ s(Oe, { present: r || w, children: /* @__PURE__ */ s(
-      nt,
-      {
-        open: w,
-        ...f,
-        ref: o,
-        onClose: () => v(!1),
-        onPause: Y(e.onPause),
-        onResume: Y(e.onResume),
-        onSwipeStart: b(e.onSwipeStart, (c) => {
-          c.currentTarget.setAttribute("data-swipe", "start");
-        }),
-        onSwipeMove: b(e.onSwipeMove, (c) => {
-          const { x: E, y: T } = c.detail.delta;
-          c.currentTarget.setAttribute("data-swipe", "move"), c.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${E}px`), c.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${T}px`);
-        }),
-        onSwipeCancel: b(e.onSwipeCancel, (c) => {
-          c.currentTarget.setAttribute("data-swipe", "cancel"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), c.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), c.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
-        }),
-        onSwipeEnd: b(e.onSwipeEnd, (c) => {
-          const { x: E, y: T } = c.detail.delta;
-          c.currentTarget.setAttribute("data-swipe", "end"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), c.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${E}px`), c.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${T}px`), v(!1);
-        })
-      }
-    ) });
-  }
-);
-me.displayName = k;
-var [ot, rt] = ue(k, {
-  onClose() {
-  }
-}), nt = n.forwardRef(
-  (e, o) => {
-    const {
-      __scopeToast: r,
-      type: t = "foreground",
-      duration: u,
-      open: d,
-      onClose: f,
-      onEscapeKeyDown: w,
-      onPause: v,
-      onResume: c,
-      onSwipeStart: E,
-      onSwipeMove: T,
-      onSwipeCancel: x,
-      onSwipeEnd: R,
-      ...g
-    } = e, l = $(k, r), [a, y] = n.useState(null), p = ce(o, (i) => y(i)), m = n.useRef(null), P = n.useRef(null), C = u || l.duration, h = n.useRef(0), _ = n.useRef(C), O = n.useRef(0), { onToastAdd: F, onToastRemove: V } = l, A = Y(() => {
-      a?.contains(document.activeElement) && l.viewport?.focus(), f();
-    }), K = n.useCallback(
-      (i) => {
-        !i || i === 1 / 0 || (window.clearTimeout(O.current), h.current = (/* @__PURE__ */ new Date()).getTime(), O.current = window.setTimeout(A, i));
-      },
-      [A]
-    );
-    n.useEffect(() => {
-      const i = l.viewport;
-      if (i) {
-        const S = () => {
-          K(_.current), c?.();
-        }, N = () => {
-          const L = (/* @__PURE__ */ new Date()).getTime() - h.current;
-          _.current = _.current - L, window.clearTimeout(O.current), v?.();
-        };
-        return i.addEventListener(G, N), i.addEventListener(J, S), () => {
-          i.removeEventListener(G, N), i.removeEventListener(J, S);
-        };
-      }
-    }, [l.viewport, C, v, c, K]), n.useEffect(() => {
-      d && !l.isClosePausedRef.current && K(C);
-    }, [d, C, l.isClosePausedRef, K]), n.useEffect(() => (F(), () => V()), [F, V]);
-    const oe = n.useMemo(() => a ? Ce(a) : null, [a]);
-    return l.viewport ? /* @__PURE__ */ I(ie, { children: [
-      oe && /* @__PURE__ */ s(
-        st,
-        {
-          __scopeToast: r,
-          role: "status",
-          "aria-live": t === "foreground" ? "assertive" : "polite",
-          children: oe
-        }
-      ),
-      /* @__PURE__ */ s(ot, { scope: r, onClose: A, children: Ne.createPortal(
-        /* @__PURE__ */ s(te.ItemSlot, { scope: r, children: /* @__PURE__ */ s(
-          Me,
-          {
-            asChild: !0,
-            onEscapeKeyDown: b(w, () => {
-              l.isFocusedToastEscapeKeyDownRef.current || A(), l.isFocusedToastEscapeKeyDownRef.current = !1;
-            }),
-            children: /* @__PURE__ */ s(
-              D.li,
-              {
-                tabIndex: 0,
-                "data-state": d ? "open" : "closed",
-                "data-swipe-direction": l.swipeDirection,
-                ...g,
-                ref: p,
-                style: { userSelect: "none", touchAction: "none", ...e.style },
-                onKeyDown: b(e.onKeyDown, (i) => {
-                  i.key === "Escape" && (w?.(i.nativeEvent), i.nativeEvent.defaultPrevented || (l.isFocusedToastEscapeKeyDownRef.current = !0, A()));
-                }),
-                onPointerDown: b(e.onPointerDown, (i) => {
-                  i.button === 0 && (m.current = { x: i.clientX, y: i.clientY });
-                }),
-                onPointerMove: b(e.onPointerMove, (i) => {
-                  if (!m.current) return;
-                  const S = i.clientX - m.current.x, N = i.clientY - m.current.y, L = !!P.current, M = ["left", "right"].includes(l.swipeDirection), H = ["left", "up"].includes(l.swipeDirection) ? Math.min : Math.max, xe = M ? H(0, S) : 0, Re = M ? 0 : H(0, N), z = i.pointerType === "touch" ? 10 : 2, W = { x: xe, y: Re }, re = { originalEvent: i, delta: W };
-                  L ? (P.current = W, X(Ze, T, re, {
-                    discrete: !1
-                  })) : se(W, l.swipeDirection, z) ? (P.current = W, X(Qe, E, re, {
-                    discrete: !1
-                  }), i.target.setPointerCapture(i.pointerId)) : (Math.abs(S) > z || Math.abs(N) > z) && (m.current = null);
-                }),
-                onPointerUp: b(e.onPointerUp, (i) => {
-                  const S = P.current, N = i.target;
-                  if (N.hasPointerCapture(i.pointerId) && N.releasePointerCapture(i.pointerId), P.current = null, m.current = null, S) {
-                    const L = i.currentTarget, M = { originalEvent: i, delta: S };
-                    se(S, l.swipeDirection, l.swipeThreshold) ? X(tt, R, M, {
-                      discrete: !0
-                    }) : X(
-                      et,
-                      x,
-                      M,
-                      {
-                        discrete: !0
-                      }
-                    ), L.addEventListener("click", (H) => H.preventDefault(), {
-                      once: !0
-                    });
-                  }
-                })
-              }
-            )
-          }
-        ) }),
-        l.viewport
-      ) })
-    ] }) : null;
-  }
-), st = (e) => {
-  const { __scopeToast: o, children: r, ...t } = e, u = $(k, o), [d, f] = n.useState(!1), [w, v] = n.useState(!1);
-  return ct(() => f(!0)), n.useEffect(() => {
-    const c = window.setTimeout(() => v(!0), 1e3);
-    return () => window.clearTimeout(c);
-  }, []), w ? null : /* @__PURE__ */ s(ke, { asChild: !0, children: /* @__PURE__ */ s(Z, { ...t, children: d && /* @__PURE__ */ I(ie, { children: [
-    u.label,
-    " ",
-    r
-  ] }) }) });
-}, at = "ToastTitle", we = n.forwardRef(
-  (e, o) => {
-    const { __scopeToast: r, ...t } = e;
-    return /* @__PURE__ */ s(D.div, { ...t, ref: o });
-  }
-);
-we.displayName = at;
-var it = "ToastDescription", Te = n.forwardRef(
-  (e, o) => {
-    const { __scopeToast: r, ...t } = e;
-    return /* @__PURE__ */ s(D.div, { ...t, ref: o });
-  }
-);
-Te.displayName = it;
-var ve = "ToastAction", Ee = n.forwardRef(
-  (e, o) => {
-    const { altText: r, ...t } = e;
-    return r.trim() ? /* @__PURE__ */ s(Pe, { altText: r, asChild: !0, children: /* @__PURE__ */ s(ye, { ...t, ref: o }) }) : (console.error(
-      `Invalid prop \`altText\` supplied to \`${ve}\`. Expected non-empty \`string\`.`
-    ), null);
-  }
-);
-Ee.displayName = ve;
-var he = "ToastClose", ye = n.forwardRef(
-  (e, o) => {
-    const { __scopeToast: r, ...t } = e, u = rt(he, r);
-    return /* @__PURE__ */ s(Pe, { asChild: !0, children: /* @__PURE__ */ s(
-      D.button,
-      {
-        type: "button",
-        ...t,
-        ref: o,
-        onClick: b(e.onClick, u.onClose)
-      }
-    ) });
-  }
-);
-ye.displayName = he;
-var Pe = n.forwardRef((e, o) => {
-  const { __scopeToast: r, altText: t, ...u } = e;
-  return /* @__PURE__ */ s(
-    D.div,
-    {
-      "data-radix-toast-announce-exclude": "",
-      "data-radix-toast-announce-alt": t || void 0,
-      ...u,
-      ref: o
-    }
-  );
-});
-function Ce(e) {
-  const o = [];
-  return Array.from(e.childNodes).forEach((t) => {
-    if (t.nodeType === t.TEXT_NODE && t.textContent && o.push(t.textContent), ut(t)) {
-      const u = t.ariaHidden || t.hidden || t.style.display === "none", d = t.dataset.radixToastAnnounceExclude === "";
-      if (!u)
-        if (d) {
-          const f = t.dataset.radixToastAnnounceAlt;
-          f && o.push(f);
-        } else
-          o.push(...Ce(t));
-    }
-  }), o;
-}
-function X(e, o, r, { discrete: t }) {
-  const u = r.originalEvent.currentTarget, d = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: r });
-  o && u.addEventListener(e, o, { once: !0 }), t ? De(u, d) : u.dispatchEvent(d);
-}
-var se = (e, o, r = 0) => {
-  const t = Math.abs(e.x), u = Math.abs(e.y), d = t > u;
-  return o === "left" || o === "right" ? d && t > r : !d && u > r;
-};
-function ct(e = () => {
-}) {
-  const o = Y(e);
-  _e(() => {
-    let r = 0, t = 0;
-    return r = window.requestAnimationFrame(() => t = window.requestAnimationFrame(o)), () => {
-      window.cancelAnimationFrame(r), window.cancelAnimationFrame(t);
-    };
-  }, [o]);
-}
-function ut(e) {
-  return e.nodeType === e.ELEMENT_NODE;
-}
-function lt(e) {
-  const o = [], r = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
-    acceptNode: (t) => {
-      const u = t.tagName === "INPUT" && t.type === "hidden";
-      return t.disabled || t.hidden || u ? NodeFilter.FILTER_SKIP : t.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  for (; r.nextNode(); ) o.push(r.currentNode);
-  return o;
-}
-function q(e) {
-  const o = document.activeElement;
-  return e.some((r) => r === o ? !0 : (r.focus(), document.activeElement !== o));
-}
-var dt = le, ft = fe, pt = me, mt = we, ae = Te, wt = Ee;
-const _t = ({
-  title: e,
-  duration: o = 5e3,
-  titleClassName: r,
-  descriptionClassName: t,
-  description: u,
-  children: d,
-  theme: f,
-  showCloseButton: w = !0,
-  closeButtonClassName: v,
-  className: c,
-  open: E = !1,
-  setOpen: T,
-  variant: x
-}) => {
-  const R = be(0);
-  ge(() => () => clearTimeout(R.current), []);
-  const g = ne(() => j(e) ? /* @__PURE__ */ s(B, { className: r, children: e }) : e, [e, r]), l = ne(() => j(u) ? /* @__PURE__ */ s(B, { className: t, children: u }) : u, [u, t]), a = Se(() => {
-    T(!1), R.current = window.setTimeout(() => T(!0), 100);
-  }, [T]);
-  return /* @__PURE__ */ I(dt, { swipeDirection: "right", duration: o, children: [
-    /* @__PURE__ */ s(B, { onClick: a, children: d }),
-    /* @__PURE__ */ I(
-      pt,
-      {
-        className: U(He({ variant: x, className: c })),
-        "data-theme": f,
-        open: E,
-        onOpenChange: T,
-        children: [
-          /* @__PURE__ */ I("div", { className: "flex gap-2 items-center flex-1", children: [
-            x === "success" && /* @__PURE__ */ s(Ue, { size: 20, className: "shrink-0" }),
-            x === "error" && /* @__PURE__ */ s(Xe, { size: 20, className: "shrink-0" }),
-            x === "warning" && /* @__PURE__ */ s(Ye, { size: 20, className: "shrink-0" }),
-            /* @__PURE__ */ I("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ s(mt, { asChild: !0, className: r, children: g }),
-              l && (j(l) ? /* @__PURE__ */ s(ae, { asChild: !0, children: l }) : /* @__PURE__ */ s(ae, { className: U("text-sm", t), children: l }))
-            ] })
-          ] }),
-          w && /* @__PURE__ */ s(wt, { asChild: !0, altText: "Close the toast", children: /* @__PURE__ */ I("button", { type: "button", className: "cursor-pointer", children: [
-            /* @__PURE__ */ s(
-              $e,
-              {
-                className: U(
-                  Ke({
-                    className: v
-                  })
-                )
-              }
-            ),
-            /* @__PURE__ */ s(Ve, { children: "Close toast" })
-          ] }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ s(ft, { className: U(We()) })
-  ] });
-};
+"use client";
+import { t as o } from "../../Toast-C3XjAvtC.js";
 export {
-  _t as Toast
+  o as Toast
 };

package/dist/components/Toast/Toast.variants.js

@@ -1,36 +1,29 @@
-import { c as a } from "../../index-D29mdTf5.js";
-const t = a(
-  [
-    "rounded-md",
-    "p-4",
-    "flex",
-    "flex-row",
-    "relative",
-    "overflow-hidden",
-    "h-14",
-    "items-center",
-    "gap-8",
-    "data-[state=open]:animate-slide-in",
-    "data-[state=closed]:animate-hide",
-    "data-[swipe=move]:translate-x-4",
-    "data-[swipe=cancel]:translate-x-0",
-    "data-[swipe=end]:animate-swipe-out",
-    "text-white",
-    "shadow-[0px_2px_4px_0px_rgba(100,116,139,0.25)]"
-  ],
-  {
-    variants: {
-      variant: {
-        success: ["bg-green-800"],
-        error: ["bg-red-800"],
-        warning: ["bg-amber-800"]
-      }
-    },
-    defaultVariants: {
-      variant: "success"
-    }
-  }
-), s = a([
+import { t as a } from "../../dist-DtEbXv47.js";
+var t = a([
+  "rounded-md",
+  "p-4",
+  "flex",
+  "flex-row",
+  "relative",
+  "overflow-hidden",
+  "h-14",
+  "items-center",
+  "gap-8",
+  "data-[state=open]:animate-slide-in",
+  "data-[state=closed]:animate-hide",
+  "data-[swipe=move]:translate-x-4",
+  "data-[swipe=cancel]:translate-x-0",
+  "data-[swipe=end]:animate-swipe-out",
+  "text-white",
+  "shadow-[0px_2px_4px_0px_rgba(100,116,139,0.25)]"
+], {
+  variants: { variant: {
+    success: ["bg-green-800"],
+    error: ["bg-red-800"],
+    warning: ["bg-amber-800"]
+  } },
+  defaultVariants: { variant: "success" }
+}), r = a([
   "fixed",
   "bottom-0",
   "right-0",
@@ -43,9 +36,13 @@ const t = a(
   "m-0",
   "z-50",
   "outline-none"
-]), i = a(["w-4", "h-4", "text-white"]);
+]), i = a([
+  "w-4",
+  "h-4",
+  "text-white"
+]);
 export {
   i as closeToastVariants,
   t as toastVariants,
-  s as viewportToastVariants
+  r as viewportToastVariants
 };

package/dist/components/Tooltip/Tooltip.js

@@ -1,37 +1,18 @@
+import { t as p } from "../../utils-DHuiYnx1.js";
+import { a as c, i as h, n as x, o as f, r as g, t as w } from "../../dist-CSP6X06u.js";
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { P as c, R as p, T as h, a as x, C as f, A as g } from "../../index-mPinF0Ho.js";
-import { cn as w } from "../../utils/index.js";
-const j = ({
-  content: e,
-  children: s,
-  side: t = "top",
-  sideOffset: o = 4,
-  bgClassName: i = "bg-slate-700",
-  arrowClassName: l = "fill-slate-700",
-  textClassName: n = "text-white",
-  className: d,
-  delayDuration: m = 0
-}) => /* @__PURE__ */ r(c, { delayDuration: m, children: /* @__PURE__ */ a(p, { children: [
-  /* @__PURE__ */ r(h, { asChild: !0, children: /* @__PURE__ */ r("span", { children: s }) }),
-  /* @__PURE__ */ r(x, { children: /* @__PURE__ */ a(
-    f,
-    {
-      side: t,
-      sideOffset: o,
-      className: w(
-        "rounded px-2 py-1 text-xs shadow-md",
-        "animate-in fade-in-0",
-        i,
-        n,
-        d
-      ),
-      children: [
-        e,
-        /* @__PURE__ */ r(g, { className: l })
-      ]
-    }
-  ) })
-] }) });
+var C = ({ content: t, children: e, side: s = "top", sideOffset: o = 4, bgClassName: i = "bg-slate-700", arrowClassName: l = "fill-slate-700", textClassName: n = "text-white", className: d, delayDuration: m = 0 }) => /* @__PURE__ */ r(h, {
+  delayDuration: m,
+  children: /* @__PURE__ */ a(c, { children: [/* @__PURE__ */ r(f, {
+    asChild: !0,
+    children: /* @__PURE__ */ r("span", { children: e })
+  }), /* @__PURE__ */ r(g, { children: /* @__PURE__ */ a(x, {
+    side: s,
+    sideOffset: o,
+    className: p("rounded px-2 py-1 text-xs shadow-md", "animate-in fade-in-0", i, n, d),
+    children: [t, /* @__PURE__ */ r(w, { className: l })]
+  }) })] })
+});
 export {
-  j as Tooltip
+  C as Tooltip
 };