@konstructio/ui 0.1.2-alpha.8 → 0.1.2-alpha.81

package/dist/components/Toast/Toast.js

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

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

@@ -1,23 +1,30 @@
-import { c as a } from "../../index-D29mdTf5.js";
-const t = a([
+import { t as a } from "../../dist-DtEbXv47.js";
+var t = a([
   "rounded-md",
-  "shadow-md",
   "p-4",
   "flex",
-  "flex-col",
+  "flex-row",
   "relative",
-  "border",
   "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",
-  "shadow-purple-200",
-  "border-purple-100",
-  "dark:border-none",
-  "dark:shadow-none"
-]), o = a([
+  "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"],
+    info: ["bg-blue-800"]
+  } },
+  defaultVariants: { variant: "success" }
+}), r = a([
   "fixed",
   "bottom-0",
   "right-0",
@@ -30,15 +37,13 @@ const t = a([
   "m-0",
   "z-50",
   "outline-none"
-]), r = a([
-  "top-2",
-  "right-2",
+]), i = a([
   "w-4",
   "h-4",
-  "text-kubefirst-primary"
+  "text-white"
 ]);
 export {
-  r as closeToastVariants,
+  i as closeToastVariants,
   t as toastVariants,
-  o as viewportToastVariants
+  r as viewportToastVariants
 };

package/dist/components/Tooltip/Tooltip.js

@@ -1,34 +1,18 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { S as i } from "../../index-DQH6odE9.js";
-import { forwardRef as v, useRef as N, useImperativeHandle as w, useMemo as h, isValidElement as x } from "react";
-import { cn as o } from "../../utils/index.js";
-import { arrowVariants as R, tooltipVariants as V } from "./Tooltip.variants.js";
-import { useTooltip as b } from "./hooks/useTooltip.js";
-const I = v(
-  ({ children: r, content: l, className: m, theme: n, position: a, wrapperClassName: c }, p) => {
-    const f = N(null), { isVisible: d, componentRef: s } = b();
-    w(p, () => s.current, [s]);
-    const u = h(
-      () => x(r) ? r : /* @__PURE__ */ e("p", { className: "p-2", children: r }),
-      [r]
-    );
-    return /* @__PURE__ */ e("div", { className: o("w-full", c), "data-theme": n, children: /* @__PURE__ */ t("div", { className: "relative w-max", children: [
-      /* @__PURE__ */ e(i, { ref: s, className: o("cursor-pointer ", m), children: u }),
-      /* @__PURE__ */ t(
-        "div",
-        {
-          ref: f,
-          className: o(V({ position: a })),
-          "data-visible": d,
-          children: [
-            /* @__PURE__ */ e("span", { className: o(R({ position: a })) }),
-            /* @__PURE__ */ e(i, { children: l })
-          ]
-        }
-      )
-    ] }) });
-  }
-);
+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";
+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 {
-  I as Tooltip
+  C as Tooltip
 };

package/dist/components/Typography/Typography.js

@@ -1,28 +1,18 @@
-import { jsx as y } from "react/jsx-runtime";
+import { t as s } from "../../utils-DHuiYnx1.js";
+import { typographyVariants as y } from "./Typography.variants.js";
 import { forwardRef as f } from "react";
-import { cn as n } from "../../utils/index.js";
-import { typographyVariants as c } from "./Typography.variants.js";
-const h = f(
-  ({ className: r, theme: p, children: m, variant: o, component: t, ...e }, a) => {
-    const s = t ?? (o?.includes("h") ? o : "p");
-    return /* @__PURE__ */ y(
-      s,
-      {
-        ref: a,
-        "data-theme": p,
-        className: n(
-          c({
-            className: r,
-            variant: o
-          })
-        ),
-        ...e,
-        children: m
-      }
-    );
-  }
-);
-h.displayName = "Typography";
+import { jsx as h } from "react/jsx-runtime";
+var i = f(({ className: o, theme: p, children: m, variant: r, component: t, ...a }, e) => /* @__PURE__ */ h(t ?? (r?.includes("h") ? r : "p"), {
+  ref: e,
+  "data-theme": p,
+  className: s(y({
+    className: o,
+    variant: r
+  })),
+  ...a,
+  children: m
+}));
+i.displayName = "KonstructTypography";
 export {
-  h as Typography
+  i as Typography
 };