@namuna-nur/ui-kit 1.0.2

package/lib/shared/TabDots.tokens.js

@@ -0,0 +1,1075 @@
+import { n as s, P as S, o as tt, p as Pe, u as G, q as rt, v as Re, w as le, x as R, y as U, z as ot, D as ke, E as nt, F as st, G as at, J as it, K as Ne, N as ct, O as lt, Q as dt, U as ut, V as ft, W as pt, X as vt, Y as mt, Z as xt, _ as ht } from "./Avatar.tokens.js";
+import * as n from "react";
+import { forwardRef as wt } from "react";
+import * as gt from "react-dom";
+import { b as bt, a as C } from "./twMerge.js";
+const Tt = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 19, height: 19, fill: "currentFill", ...e }, /* @__PURE__ */ n.createElement("path", { fillOpacity: 0.8, d: "M1.6 8a.75.75 0 0 1-.75-.75v-6A.75.75 0 0 1 1.6.5h6a.75.75 0 0 1 .75.75v6A.75.75 0 0 1 7.6 8zm10.5 0a.75.75 0 0 1-.75-.75v-6A.75.75 0 0 1 12.1.5h6a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75zM1.6 18.5a.75.75 0 0 1-.75-.75v-6A.75.75 0 0 1 1.6 11h6a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75zm10.5 0a.75.75 0 0 1-.75-.75v-6a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75z" })), yt = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 19, height: 13, fill: "currentFill", ...e }, /* @__PURE__ */ n.createElement("path", { fillOpacity: 0.8, d: "M1.45 12.45a1 1 0 0 1-.72-.28 1 1 0 0 1-.28-.72q0-.43.28-.7.3-.3.72-.3h16q.43 0 .7.3.3.27.3.7a1 1 0 0 1-1 1zm0-5a1 1 0 0 1-.72-.28 1 1 0 0 1-.28-.72q0-.42.28-.7.3-.3.72-.3h16q.43 0 .7.3.3.27.3.7a1 1 0 0 1-1 1zm0-5a1 1 0 0 1-.72-.28 1 1 0 0 1-.28-.72q0-.43.28-.7.3-.3.72-.3h16q.43 0 .7.3.3.28.3.7a1 1 0 0 1-1 1z" })), be = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, fill: "none", ...e }, /* @__PURE__ */ n.createElement("path", { fill: "currentFill", d: "M9.73 18.24a1.2 1.2 0 0 1-.85-.35l-4.53-4.53a1.2 1.2 0 0 1 0-1.7 1.2 1.2 0 0 1 1.7 0l3.68 3.69 8.23-8.23a1.2 1.2 0 0 1 1.7 0 1.2 1.2 0 0 1 0 1.7l-9.08 9.07a1.2 1.2 0 0 1-.85.35" })), Et = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, fill: "none", ...e }, /* @__PURE__ */ n.createElement("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.36, d: "m7 17.5 10-10M17 17.5 7 7.5" })), Ct = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, fill: "none", ...e }, /* @__PURE__ */ n.createElement("path", { fill: "currentFill", d: "M12.37 9.49a1.4 1.4 0 0 0-1.4 1.39v9.73c0 .76.64 1.39 1.4 1.39a1.4 1.4 0 0 0 1.39-1.39v-9.73a1.4 1.4 0 0 0-1.4-1.4M12.37 3c-.5 0-.97.19-1.32.54q-.25.28-.4.6-.14.35-.14.71c0 .49.2.97.54 1.32.69.69 1.95.69 2.63 0a1.84 1.84 0 0 0 .39-2.02q-.14-.34-.39-.61A1.8 1.8 0 0 0 12.37 3" })), Pt = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, fill: "none", ...e }, /* @__PURE__ */ n.createElement("path", { fill: "currentFill", d: "M12.37 15.51a1.4 1.4 0 0 1-1.4-1.39V4.4c0-.76.64-1.39 1.4-1.39s1.39.63 1.39 1.39v9.73a1.4 1.4 0 0 1-1.4 1.4M12.37 22c-.5 0-.97-.19-1.32-.54a3 3 0 0 1-.4-.6q-.14-.35-.14-.71c0-.49.2-.97.54-1.32a1.94 1.94 0 0 1 2.63 0 1.84 1.84 0 0 1 .39 2.02q-.14.33-.39.61-.54.53-1.31.54" })), Rt = {
+  success: /* @__PURE__ */ s.jsx(be, { className: "text-success-10 fill-success-10" }),
+  danger: /* @__PURE__ */ s.jsx(Et, { className: "text-danger-10 fill-danger-10" }),
+  info: /* @__PURE__ */ s.jsx(Ct, { className: "text-info-10 fill-info-10" }),
+  warning: /* @__PURE__ */ s.jsx(Pt, { className: "text-sidebar-20 fill-sidebar-20" }),
+  default: /* @__PURE__ */ s.jsx(be, { className: "text-success-10 fill-success-10" })
+};
+var kt = "VisuallyHidden", X = n.forwardRef(
+  (e, r) => /* @__PURE__ */ s.jsx(
+    S.span,
+    {
+      ...e,
+      ref: r,
+      style: {
+        // 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",
+        ...e.style
+      }
+    }
+  )
+);
+X.displayName = kt;
+var Nt = X, jt = "ToastProvider", [je, At, St] = tt("Toast"), [Ae, Sr] = Pe("Toast", [St]), [_r, Y] = Ae(jt), Se = "ToastViewport", _t = ["F8"], ne = "toast.viewportPause", se = "toast.viewportResume", _e = n.forwardRef(
+  (e, r) => {
+    const {
+      __scopeToast: t,
+      hotkey: o = _t,
+      label: a = "Notifications ({hotkey})",
+      ...c
+    } = e, l = Y(Se, t), v = At(t), d = n.useRef(null), i = n.useRef(null), f = n.useRef(null), x = n.useRef(null), b = G(r, x, l.onViewportChange), w = o.join("+").replace(/Key/g, "").replace(/Digit/g, ""), T = l.toastCount > 0;
+    n.useEffect(() => {
+      const u = (y) => {
+        var g;
+        o.length !== 0 && o.every((E) => y[E] || y.code === E) && ((g = x.current) == null || g.focus());
+      };
+      return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
+    }, [o]), n.useEffect(() => {
+      const u = d.current, y = x.current;
+      if (T && u && y) {
+        const h = () => {
+          if (!l.isClosePausedRef.current) {
+            const k = new CustomEvent(ne);
+            y.dispatchEvent(k), l.isClosePausedRef.current = !0;
+          }
+        }, g = () => {
+          if (l.isClosePausedRef.current) {
+            const k = new CustomEvent(se);
+            y.dispatchEvent(k), l.isClosePausedRef.current = !1;
+          }
+        }, E = (k) => {
+          !u.contains(k.relatedTarget) && g();
+        }, P = () => {
+          u.contains(document.activeElement) || g();
+        };
+        return u.addEventListener("focusin", h), u.addEventListener("focusout", E), u.addEventListener("pointermove", h), u.addEventListener("pointerleave", P), window.addEventListener("blur", h), window.addEventListener("focus", g), () => {
+          u.removeEventListener("focusin", h), u.removeEventListener("focusout", E), u.removeEventListener("pointermove", h), u.removeEventListener("pointerleave", P), window.removeEventListener("blur", h), window.removeEventListener("focus", g);
+        };
+      }
+    }, [T, l.isClosePausedRef]);
+    const p = n.useCallback(
+      ({ tabbingDirection: u }) => {
+        const h = v().map((g) => {
+          const E = g.ref.current, P = [E, ...qt(E)];
+          return u === "forwards" ? P : P.reverse();
+        });
+        return (u === "forwards" ? h.reverse() : h).flat();
+      },
+      [v]
+    );
+    return n.useEffect(() => {
+      const u = x.current;
+      if (u) {
+        const y = (h) => {
+          var P, k, j;
+          const g = h.altKey || h.ctrlKey || h.metaKey;
+          if (h.key === "Tab" && !g) {
+            const F = document.activeElement, O = h.shiftKey;
+            if (h.target === u && O) {
+              (P = i.current) == null || P.focus();
+              return;
+            }
+            const _ = p({ tabbingDirection: O ? "backwards" : "forwards" }), K = _.findIndex((m) => m === F);
+            re(_.slice(K + 1)) ? h.preventDefault() : O ? (k = i.current) == null || k.focus() : (j = f.current) == null || j.focus();
+          }
+        };
+        return u.addEventListener("keydown", y), () => u.removeEventListener("keydown", y);
+      }
+    }, [v, p]), /* @__PURE__ */ s.jsxs(
+      rt,
+      {
+        ref: d,
+        role: "region",
+        "aria-label": a.replace("{hotkey}", w),
+        tabIndex: -1,
+        style: { pointerEvents: T ? void 0 : "none" },
+        children: [
+          T && /* @__PURE__ */ s.jsx(
+            ae,
+            {
+              ref: i,
+              onFocusFromOutsideViewport: () => {
+                const u = p({
+                  tabbingDirection: "forwards"
+                });
+                re(u);
+              }
+            }
+          ),
+          /* @__PURE__ */ s.jsx(je.Slot, { scope: t, children: /* @__PURE__ */ s.jsx(S.ol, { tabIndex: -1, ...c, ref: b }) }),
+          T && /* @__PURE__ */ s.jsx(
+            ae,
+            {
+              ref: f,
+              onFocusFromOutsideViewport: () => {
+                const u = p({
+                  tabbingDirection: "backwards"
+                });
+                re(u);
+              }
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+_e.displayName = Se;
+var De = "ToastFocusProxy", ae = n.forwardRef(
+  (e, r) => {
+    const { __scopeToast: t, onFocusFromOutsideViewport: o, ...a } = e, c = Y(De, t);
+    return /* @__PURE__ */ s.jsx(
+      X,
+      {
+        "aria-hidden": !0,
+        tabIndex: 0,
+        ...a,
+        ref: r,
+        style: { position: "fixed" },
+        onFocus: (l) => {
+          var i;
+          const v = l.relatedTarget;
+          !((i = c.viewport) != null && i.contains(v)) && o();
+        }
+      }
+    );
+  }
+);
+ae.displayName = De;
+var B = "Toast", Dt = "toast.swipeStart", Ot = "toast.swipeMove", Lt = "toast.swipeCancel", It = "toast.swipeEnd", Oe = n.forwardRef(
+  (e, r) => {
+    const { forceMount: t, open: o, defaultOpen: a, onOpenChange: c, ...l } = e, [v = !0, d] = Re({
+      prop: o,
+      defaultProp: a,
+      onChange: c
+    });
+    return /* @__PURE__ */ s.jsx(le, { present: t || v, children: /* @__PURE__ */ s.jsx(
+      Vt,
+      {
+        open: v,
+        ...l,
+        ref: r,
+        onClose: () => d(!1),
+        onPause: U(e.onPause),
+        onResume: U(e.onResume),
+        onSwipeStart: R(e.onSwipeStart, (i) => {
+          i.currentTarget.setAttribute("data-swipe", "start");
+        }),
+        onSwipeMove: R(e.onSwipeMove, (i) => {
+          const { x: f, y: x } = i.detail.delta;
+          i.currentTarget.setAttribute("data-swipe", "move"), i.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${f}px`), i.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${x}px`);
+        }),
+        onSwipeCancel: R(e.onSwipeCancel, (i) => {
+          i.currentTarget.setAttribute("data-swipe", "cancel"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), i.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), i.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
+        }),
+        onSwipeEnd: R(e.onSwipeEnd, (i) => {
+          const { x: f, y: x } = i.detail.delta;
+          i.currentTarget.setAttribute("data-swipe", "end"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), i.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${f}px`), i.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${x}px`), d(!1);
+        })
+      }
+    ) });
+  }
+);
+Oe.displayName = B;
+var [Ft, Mt] = Ae(B, {
+  onClose() {
+  }
+}), Vt = n.forwardRef(
+  (e, r) => {
+    const {
+      __scopeToast: t,
+      type: o = "foreground",
+      duration: a,
+      open: c,
+      onClose: l,
+      onEscapeKeyDown: v,
+      onPause: d,
+      onResume: i,
+      onSwipeStart: f,
+      onSwipeMove: x,
+      onSwipeCancel: b,
+      onSwipeEnd: w,
+      ...T
+    } = e, p = Y(B, t), [u, y] = n.useState(null), h = G(r, (m) => y(m)), g = n.useRef(null), E = n.useRef(null), P = a || p.duration, k = n.useRef(0), j = n.useRef(P), F = n.useRef(0), { onToastAdd: O, onToastRemove: ee } = p, L = U(() => {
+      var N;
+      (u == null ? void 0 : u.contains(document.activeElement)) && ((N = p.viewport) == null || N.focus()), l();
+    }), _ = n.useCallback(
+      (m) => {
+        !m || m === 1 / 0 || (window.clearTimeout(F.current), k.current = (/* @__PURE__ */ new Date()).getTime(), F.current = window.setTimeout(L, m));
+      },
+      [L]
+    );
+    n.useEffect(() => {
+      const m = p.viewport;
+      if (m) {
+        const N = () => {
+          _(j.current), i == null || i();
+        }, A = () => {
+          const M = (/* @__PURE__ */ new Date()).getTime() - k.current;
+          j.current = j.current - M, window.clearTimeout(F.current), d == null || d();
+        };
+        return m.addEventListener(ne, A), m.addEventListener(se, N), () => {
+          m.removeEventListener(ne, A), m.removeEventListener(se, N);
+        };
+      }
+    }, [p.viewport, P, d, i, _]), n.useEffect(() => {
+      c && !p.isClosePausedRef.current && _(P);
+    }, [c, P, p.isClosePausedRef, _]), n.useEffect(() => (O(), () => ee()), [O, ee]);
+    const K = n.useMemo(() => u ? $e(u) : null, [u]);
+    return p.viewport ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      K && /* @__PURE__ */ s.jsx(
+        Ht,
+        {
+          __scopeToast: t,
+          role: "status",
+          "aria-live": o === "foreground" ? "assertive" : "polite",
+          "aria-atomic": !0,
+          children: K
+        }
+      ),
+      /* @__PURE__ */ s.jsx(Ft, { scope: t, onClose: L, children: gt.createPortal(
+        /* @__PURE__ */ s.jsx(je.ItemSlot, { scope: t, children: /* @__PURE__ */ s.jsx(
+          ot,
+          {
+            asChild: !0,
+            onEscapeKeyDown: R(v, () => {
+              p.isFocusedToastEscapeKeyDownRef.current || L(), p.isFocusedToastEscapeKeyDownRef.current = !1;
+            }),
+            children: /* @__PURE__ */ s.jsx(
+              S.li,
+              {
+                role: "status",
+                "aria-live": "off",
+                "aria-atomic": !0,
+                tabIndex: 0,
+                "data-state": c ? "open" : "closed",
+                "data-swipe-direction": p.swipeDirection,
+                ...T,
+                ref: h,
+                style: { userSelect: "none", touchAction: "none", ...e.style },
+                onKeyDown: R(e.onKeyDown, (m) => {
+                  m.key === "Escape" && (v == null || v(m.nativeEvent), m.nativeEvent.defaultPrevented || (p.isFocusedToastEscapeKeyDownRef.current = !0, L()));
+                }),
+                onPointerDown: R(e.onPointerDown, (m) => {
+                  m.button === 0 && (g.current = { x: m.clientX, y: m.clientY });
+                }),
+                onPointerMove: R(e.onPointerMove, (m) => {
+                  if (!g.current) return;
+                  const N = m.clientX - g.current.x, A = m.clientY - g.current.y, M = !!E.current, V = ["left", "right"].includes(p.swipeDirection), W = ["left", "up"].includes(p.swipeDirection) ? Math.min : Math.max, Ze = V ? W(0, N) : 0, et = V ? 0 : W(0, A), te = m.pointerType === "touch" ? 10 : 2, z = { x: Ze, y: et }, ge = { originalEvent: m, delta: z };
+                  M ? (E.current = z, q(Ot, x, ge, {
+                    discrete: !1
+                  })) : Te(z, p.swipeDirection, te) ? (E.current = z, q(Dt, f, ge, {
+                    discrete: !1
+                  }), m.target.setPointerCapture(m.pointerId)) : (Math.abs(N) > te || Math.abs(A) > te) && (g.current = null);
+                }),
+                onPointerUp: R(e.onPointerUp, (m) => {
+                  const N = E.current, A = m.target;
+                  if (A.hasPointerCapture(m.pointerId) && A.releasePointerCapture(m.pointerId), E.current = null, g.current = null, N) {
+                    const M = m.currentTarget, V = { originalEvent: m, delta: N };
+                    Te(N, p.swipeDirection, p.swipeThreshold) ? q(It, w, V, {
+                      discrete: !0
+                    }) : q(
+                      Lt,
+                      b,
+                      V,
+                      {
+                        discrete: !0
+                      }
+                    ), M.addEventListener("click", (W) => W.preventDefault(), {
+                      once: !0
+                    });
+                  }
+                })
+              }
+            )
+          }
+        ) }),
+        p.viewport
+      ) })
+    ] }) : null;
+  }
+), Ht = (e) => {
+  const { __scopeToast: r, children: t, ...o } = e, a = Y(B, r), [c, l] = n.useState(!1), [v, d] = n.useState(!1);
+  return Wt(() => l(!0)), n.useEffect(() => {
+    const i = window.setTimeout(() => d(!0), 1e3);
+    return () => window.clearTimeout(i);
+  }, []), v ? null : /* @__PURE__ */ s.jsx(ke, { asChild: !0, children: /* @__PURE__ */ s.jsx(X, { ...o, children: c && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    a.label,
+    " ",
+    t
+  ] }) }) });
+}, $t = "ToastTitle", Le = n.forwardRef(
+  (e, r) => {
+    const { __scopeToast: t, ...o } = e;
+    return /* @__PURE__ */ s.jsx(S.div, { ...o, ref: r });
+  }
+);
+Le.displayName = $t;
+var Kt = "ToastDescription", Ie = n.forwardRef(
+  (e, r) => {
+    const { __scopeToast: t, ...o } = e;
+    return /* @__PURE__ */ s.jsx(S.div, { ...o, ref: r });
+  }
+);
+Ie.displayName = Kt;
+var Fe = "ToastAction", Me = n.forwardRef(
+  (e, r) => {
+    const { altText: t, ...o } = e;
+    return t.trim() ? /* @__PURE__ */ s.jsx(He, { altText: t, asChild: !0, children: /* @__PURE__ */ s.jsx(de, { ...o, ref: r }) }) : (console.error(
+      `Invalid prop \`altText\` supplied to \`${Fe}\`. Expected non-empty \`string\`.`
+    ), null);
+  }
+);
+Me.displayName = Fe;
+var Ve = "ToastClose", de = n.forwardRef(
+  (e, r) => {
+    const { __scopeToast: t, ...o } = e, a = Mt(Ve, t);
+    return /* @__PURE__ */ s.jsx(He, { asChild: !0, children: /* @__PURE__ */ s.jsx(
+      S.button,
+      {
+        type: "button",
+        ...o,
+        ref: r,
+        onClick: R(e.onClick, a.onClose)
+      }
+    ) });
+  }
+);
+de.displayName = Ve;
+var He = n.forwardRef((e, r) => {
+  const { __scopeToast: t, altText: o, ...a } = e;
+  return /* @__PURE__ */ s.jsx(
+    S.div,
+    {
+      "data-radix-toast-announce-exclude": "",
+      "data-radix-toast-announce-alt": o || void 0,
+      ...a,
+      ref: r
+    }
+  );
+});
+function $e(e) {
+  const r = [];
+  return Array.from(e.childNodes).forEach((o) => {
+    if (o.nodeType === o.TEXT_NODE && o.textContent && r.push(o.textContent), zt(o)) {
+      const a = o.ariaHidden || o.hidden || o.style.display === "none", c = o.dataset.radixToastAnnounceExclude === "";
+      if (!a)
+        if (c) {
+          const l = o.dataset.radixToastAnnounceAlt;
+          l && r.push(l);
+        } else
+          r.push(...$e(o));
+    }
+  }), r;
+}
+function q(e, r, t, { discrete: o }) {
+  const a = t.originalEvent.currentTarget, c = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: t });
+  r && a.addEventListener(e, r, { once: !0 }), o ? nt(a, c) : a.dispatchEvent(c);
+}
+var Te = (e, r, t = 0) => {
+  const o = Math.abs(e.x), a = Math.abs(e.y), c = o > a;
+  return r === "left" || r === "right" ? c && o > t : !c && a > t;
+};
+function Wt(e = () => {
+}) {
+  const r = U(e);
+  st(() => {
+    let t = 0, o = 0;
+    return t = window.requestAnimationFrame(() => o = window.requestAnimationFrame(r)), () => {
+      window.cancelAnimationFrame(t), window.cancelAnimationFrame(o);
+    };
+  }, [r]);
+}
+function zt(e) {
+  return e.nodeType === e.ELEMENT_NODE;
+}
+function qt(e) {
+  const r = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (o) => {
+      const a = o.tagName === "INPUT" && o.type === "hidden";
+      return o.disabled || o.hidden || a ? NodeFilter.FILTER_SKIP : o.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; t.nextNode(); ) r.push(t.currentNode);
+  return r;
+}
+function re(e) {
+  const r = document.activeElement;
+  return e.some((t) => t === r ? !0 : (t.focus(), document.activeElement !== r));
+}
+var Ke = _e, We = Oe, ze = Le, qe = Ie, Ue = Me, Ge = de;
+const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ee = bt, Ut = (e, r) => (t) => {
+  var o;
+  if ((r == null ? void 0 : r.variants) == null) return Ee(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  const { variants: a, defaultVariants: c } = r, l = Object.keys(a).map((i) => {
+    const f = t == null ? void 0 : t[i], x = c == null ? void 0 : c[i];
+    if (f === null) return null;
+    const b = ye(f) || ye(x);
+    return a[i][b];
+  }), v = t && Object.entries(t).reduce((i, f) => {
+    let [x, b] = f;
+    return b === void 0 || (i[x] = b), i;
+  }, {}), d = r == null || (o = r.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((i, f) => {
+    let { class: x, className: b, ...w } = f;
+    return Object.entries(w).every((T) => {
+      let [p, u] = T;
+      return Array.isArray(u) ? u.includes({
+        ...c,
+        ...v
+      }[p]) : {
+        ...c,
+        ...v
+      }[p] === u;
+    }) ? [
+      ...i,
+      x,
+      b
+    ] : i;
+  }, []);
+  return Ee(e, l, d, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+}, Gt = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
+  Ke,
+  {
+    ref: t,
+    className: C(
+      "fixed top-0 z-[100] flex max-h-screen flex-col-reverse sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col min-w-64 max-w-[420px]",
+      e
+    ),
+    ...r
+  }
+));
+Gt.displayName = Ke.displayName;
+const Xt = Ut(
+  "group pointer-events-auto rounded-[10px] relative border-l-2 flex w-full items-center justify-between space-x-2 overflow-hidden  py-3 px-5 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full dark:border-neutral-800",
+  {
+    variants: {
+      variant: {
+        success: "text-success-10 bg-success-10/[.20] border-success-10",
+        danger: "text-danger-10 bg-danger-10/[.20] border-danger-10",
+        info: "text-info-10 bg-info-10/[.20] border-info-10",
+        warning: "text-sidebar-20 bg-sidebar-20/[.20] border-sidebar-20",
+        default: "text-success-10 bg-success-10/[.20] border-success-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), Yt = n.forwardRef(({ className: e, variant: r, ...t }, o) => /* @__PURE__ */ s.jsx(
+  We,
+  {
+    ref: o,
+    className: C(Xt({ variant: r }), e),
+    ...t
+  }
+));
+Yt.displayName = We.displayName;
+const Bt = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
+  Ue,
+  {
+    ref: t,
+    className: C(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border border-neutral-200 bg-transparent px-3 text-sm font-medium transition-colors hover:bg-neutral-100 focus:outline-none focus:ring-1 focus:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-neutral-100/40 group-[.destructive]:hover:border-red-500/30 group-[.destructive]:hover:bg-red-500 group-[.destructive]:hover:text-neutral-50 group-[.destructive]:focus:ring-red-500 dark:border-neutral-800 dark:hover:bg-neutral-800 dark:focus:ring-neutral-300 dark:group-[.destructive]:border-neutral-800/40 dark:group-[.destructive]:hover:border-red-900/30 dark:group-[.destructive]:hover:bg-red-900 dark:group-[.destructive]:hover:text-neutral-50 dark:group-[.destructive]:focus:ring-red-900",
+      e
+    ),
+    ...r
+  }
+));
+Bt.displayName = Ue.displayName;
+const Jt = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
+  Ge,
+  {
+    ref: t,
+    className: C(
+      "absolute right-3 top-2 rounded-md p-1 text-neutral-950/50 opacity-0 transition-opacity hover:text-neutral-950 focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600 dark:text-neutral-50/50 dark:hover:text-neutral-50",
+      e
+    ),
+    "toast-close": "",
+    ...r,
+    children: /* @__PURE__ */ s.jsx(at, { className: "h-4 w-4" })
+  }
+));
+Jt.displayName = Ge.displayName;
+const Xe = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
+  ze,
+  {
+    ref: t,
+    className: C("text-base font-semibold [&+div]:text-xs", e),
+    ...r
+  }
+));
+Xe.displayName = ze.displayName;
+const Ye = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
+  qe,
+  {
+    ref: t,
+    className: C("text-xs font-normal opacity-90", e),
+    ...r
+  }
+));
+Ye.displayName = qe.displayName;
+const Dr = ({
+  type: e = "info",
+  title: r,
+  description: t,
+  withIcon: o = !0
+}) => /* @__PURE__ */ s.jsxs(
+  "div",
+  {
+    className: C(
+      o ? "items-start" : "justify-center",
+      "flex items-center gap-1.5"
+    ),
+    children: [
+      o && /* @__PURE__ */ s.jsx("div", { "data-testid": "notification-icon", children: e && Rt[e] }),
+      /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ s.jsx(Xe, { className: o ? "text-left" : "text-center", children: r }),
+        /* @__PURE__ */ s.jsx(Ye, { className: o ? "text-left" : "text-center", children: t })
+      ] })
+    ]
+  }
+), { Root: Qt, Thumb: Zt } = it, Or = n.forwardRef(({ classNames: e, ...r }, t) => {
+  const o = r.checked ?? !1;
+  return /* @__PURE__ */ s.jsxs(Qt, { ref: t, className: C(D.base, e == null ? void 0 : e.root), ...r, children: [
+    /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        className: C(
+          D.iconWrapper.base,
+          "left-0",
+          !o && D.iconWrapper.checked
+        ),
+        children: /* @__PURE__ */ s.jsx(
+          yt,
+          {
+            "data-testid": "list-icon",
+            className: C(o ? "fill-dark-30/25" : "fill-dark-30/[.80]")
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        className: C(
+          D.iconWrapper.base,
+          "right-0",
+          o && D.iconWrapper.checked
+        ),
+        children: /* @__PURE__ */ s.jsx(
+          Tt,
+          {
+            "data-testid": "grid-icon",
+            className: C(o ? "fill-dark-30/[.80]" : "fill-dark-30/25")
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ s.jsx("div", { className: C(D.borderLine) }),
+    /* @__PURE__ */ s.jsx(Zt, { tabIndex: 1, className: C(D.thumb, e == null ? void 0 : e.thumb) })
+  ] });
+}), D = {
+  base: "group relative inline-flex w-20 h-[38px] shrink-0 cursor-pointer items-center bg-gray-50 rounded-[10px] transition-colors duration-200 transition-colors",
+  thumb: "pointer-events-none block z-50 size-10 bg-transparent border border-secondary-10/[.15] transition-transform rounded-[10px] ring-0 data-[state=checked]:translate-x-full data-[state=unchecked]:translate-x-0",
+  iconWrapper: {
+    base: "absolute z-20 w-1/2 h-full flex items-center justify-center",
+    checked: "bg-sidebar-10 rounded-[10px] overflow-hidden"
+  },
+  borderLine: "pointer-events-none absolute z-0 left-0 top-0 w-full h-full group-hover:border group-hover:border-primary-20/[.30] rounded-[10px] transition-colors duration-200"
+}, H = {
+  sizes: {
+    small: {
+      base: "flex items-center justify-center min-w-32 bg-sidebar-10 text-xs font-medium leading-none border-[1px] rounded-md py-[7px] px-5",
+      default: "text-dark-30/25 border-dark-30/25",
+      active: "bg-gray-50 text-dark-30 border-dark-30/[.40]",
+      hover: "hover:text-dark-30/[.40] hover:border-dark-30/[.40]",
+      disabled: "bg-dark-30/[.08] text-dark-30/25 border-dark-30/25 cursor-not-allowed"
+    },
+    medium: {
+      base: "flex items-center gap-1 pl-4 pr-5 py-2.5 bg-gray-50 text-sm font-semibold leading-none rounded-[10px] border",
+      default: "border-gray-50 text-dark-30",
+      active: "bg-primary-10 border-primary-10 text-white",
+      hover: "hover:border-primary-10/[.30]",
+      disabled: "bg-dark-30/[.08] text-dark-30/25 cursor-not-allowed"
+    },
+    large: {
+      base: "flex items-center bg-gray-50 px-8 py-3.5 text-sm font-regular leading-none border rounded-[10px] focus:outline-none focus:ring focus:ring-transparent",
+      default: "text-dark-40/50 border-dark-30/[.15]",
+      active: "bg-primary-10/[.10] text-dark-30 font-semibold border border-primary-10/[.20]",
+      hover: "hover:border-primary-20/[.20]",
+      disabled: "bg-dark-30/[.08] text-dark-30/25 border-dark-30/25 cursor-not-allowed"
+    }
+  },
+  focus: "focus:outline-none focus:ring focus:ring-primary-10/[.20]",
+  icon: {
+    default: "fill-dark-30",
+    active: "fill-white",
+    disabled: "fill-dark-30/25"
+  }
+}, Lr = wt(
+  ({
+    variant: e = "small",
+    active: r,
+    icon: t,
+    disabled: o,
+    children: a,
+    className: c,
+    iconDimensions: l,
+    ...v
+  }, d) => {
+    const i = H.sizes[e];
+    return /* @__PURE__ */ s.jsxs(
+      "button",
+      {
+        role: "tab",
+        "aria-selected": r,
+        ref: d,
+        className: C(
+          i.base,
+          i.default,
+          !o && !r && i.hover,
+          r && !o && i.active,
+          r && !o && H.focus,
+          o && i.disabled,
+          c
+        ),
+        ...v,
+        children: [
+          !!t && /* @__PURE__ */ s.jsx(
+            t,
+            {
+              "aria-label": "icon",
+              "aria-hidden": !0,
+              className: C(
+                H.icon.default,
+                r && H.icon.active,
+                o && H.icon.disabled
+              ),
+              ...l
+            }
+          ),
+          a
+        ]
+      }
+    );
+  }
+);
+var [J, er] = Pe("Tooltip", [
+  Ne
+]), Q = Ne(), Be = "TooltipProvider", tr = 700, ie = "tooltip.open", [rr, ue] = J(Be), fe = (e) => {
+  const {
+    __scopeTooltip: r,
+    delayDuration: t = tr,
+    skipDelayDuration: o = 300,
+    disableHoverableContent: a = !1,
+    children: c
+  } = e, [l, v] = n.useState(!0), d = n.useRef(!1), i = n.useRef(0);
+  return n.useEffect(() => {
+    const f = i.current;
+    return () => window.clearTimeout(f);
+  }, []), /* @__PURE__ */ s.jsx(
+    rr,
+    {
+      scope: r,
+      isOpenDelayed: l,
+      delayDuration: t,
+      onOpen: n.useCallback(() => {
+        window.clearTimeout(i.current), v(!1);
+      }, []),
+      onClose: n.useCallback(() => {
+        window.clearTimeout(i.current), i.current = window.setTimeout(
+          () => v(!0),
+          o
+        );
+      }, [o]),
+      isPointerInTransitRef: d,
+      onPointerInTransitChange: n.useCallback((f) => {
+        d.current = f;
+      }, []),
+      disableHoverableContent: a,
+      children: c
+    }
+  );
+};
+fe.displayName = Be;
+var Z = "Tooltip", [or, $] = J(Z), pe = (e) => {
+  const {
+    __scopeTooltip: r,
+    children: t,
+    open: o,
+    defaultOpen: a = !1,
+    onOpenChange: c,
+    disableHoverableContent: l,
+    delayDuration: v
+  } = e, d = ue(Z, e.__scopeTooltip), i = Q(r), [f, x] = n.useState(null), b = lt(), w = n.useRef(0), T = l ?? d.disableHoverableContent, p = v ?? d.delayDuration, u = n.useRef(!1), [y = !1, h] = Re({
+    prop: o,
+    defaultProp: a,
+    onChange: (j) => {
+      j ? (d.onOpen(), document.dispatchEvent(new CustomEvent(ie))) : d.onClose(), c == null || c(j);
+    }
+  }), g = n.useMemo(() => y ? u.current ? "delayed-open" : "instant-open" : "closed", [y]), E = n.useCallback(() => {
+    window.clearTimeout(w.current), w.current = 0, u.current = !1, h(!0);
+  }, [h]), P = n.useCallback(() => {
+    window.clearTimeout(w.current), w.current = 0, h(!1);
+  }, [h]), k = n.useCallback(() => {
+    window.clearTimeout(w.current), w.current = window.setTimeout(() => {
+      u.current = !0, h(!0), w.current = 0;
+    }, p);
+  }, [p, h]);
+  return n.useEffect(() => () => {
+    w.current && (window.clearTimeout(w.current), w.current = 0);
+  }, []), /* @__PURE__ */ s.jsx(dt, { ...i, children: /* @__PURE__ */ s.jsx(
+    or,
+    {
+      scope: r,
+      contentId: b,
+      open: y,
+      stateAttribute: g,
+      trigger: f,
+      onTriggerChange: x,
+      onTriggerEnter: n.useCallback(() => {
+        d.isOpenDelayed ? k() : E();
+      }, [d.isOpenDelayed, k, E]),
+      onTriggerLeave: n.useCallback(() => {
+        T ? P() : (window.clearTimeout(w.current), w.current = 0);
+      }, [P, T]),
+      onOpen: E,
+      onClose: P,
+      disableHoverableContent: T,
+      children: t
+    }
+  ) });
+};
+pe.displayName = Z;
+var ce = "TooltipTrigger", ve = n.forwardRef(
+  (e, r) => {
+    const { __scopeTooltip: t, ...o } = e, a = $(ce, t), c = ue(ce, t), l = Q(t), v = n.useRef(null), d = G(r, v, a.onTriggerChange), i = n.useRef(!1), f = n.useRef(!1), x = n.useCallback(() => i.current = !1, []);
+    return n.useEffect(() => () => document.removeEventListener("pointerup", x), [x]), /* @__PURE__ */ s.jsx(ut, { asChild: !0, ...l, children: /* @__PURE__ */ s.jsx(
+      S.button,
+      {
+        "aria-describedby": a.open ? a.contentId : void 0,
+        "data-state": a.stateAttribute,
+        ...o,
+        ref: d,
+        onPointerMove: R(e.onPointerMove, (b) => {
+          b.pointerType !== "touch" && !f.current && !c.isPointerInTransitRef.current && (a.onTriggerEnter(), f.current = !0);
+        }),
+        onPointerLeave: R(e.onPointerLeave, () => {
+          a.onTriggerLeave(), f.current = !1;
+        }),
+        onPointerDown: R(e.onPointerDown, () => {
+          i.current = !0, document.addEventListener("pointerup", x, { once: !0 });
+        }),
+        onFocus: R(e.onFocus, () => {
+          i.current || a.onOpen();
+        }),
+        onBlur: R(e.onBlur, a.onClose),
+        onClick: R(e.onClick, a.onClose)
+      }
+    ) });
+  }
+);
+ve.displayName = ce;
+var me = "TooltipPortal", [nr, sr] = J(me, {
+  forceMount: void 0
+}), xe = (e) => {
+  const { __scopeTooltip: r, forceMount: t, children: o, container: a } = e, c = $(me, r);
+  return /* @__PURE__ */ s.jsx(nr, { scope: r, forceMount: t, children: /* @__PURE__ */ s.jsx(le, { present: t || c.open, children: /* @__PURE__ */ s.jsx(ke, { asChild: !0, container: a, children: o }) }) });
+};
+xe.displayName = me;
+var I = "TooltipContent", he = n.forwardRef(
+  (e, r) => {
+    const t = sr(I, e.__scopeTooltip), { forceMount: o = t.forceMount, side: a = "top", ...c } = e, l = $(I, e.__scopeTooltip);
+    return /* @__PURE__ */ s.jsx(le, { present: o || l.open, children: l.disableHoverableContent ? /* @__PURE__ */ s.jsx(Je, { side: a, ...c, ref: r }) : /* @__PURE__ */ s.jsx(ar, { side: a, ...c, ref: r }) });
+  }
+), ar = n.forwardRef((e, r) => {
+  const t = $(I, e.__scopeTooltip), o = ue(I, e.__scopeTooltip), a = n.useRef(null), c = G(r, a), [l, v] = n.useState(null), { trigger: d, onClose: i } = t, f = a.current, { onPointerInTransitChange: x } = o, b = n.useCallback(() => {
+    v(null), x(!1);
+  }, [x]), w = n.useCallback(
+    (T, p) => {
+      const u = T.currentTarget, y = { x: T.clientX, y: T.clientY }, h = lr(y, u.getBoundingClientRect()), g = dr(y, h), E = ur(p.getBoundingClientRect()), P = pr([...g, ...E]);
+      v(P), x(!0);
+    },
+    [x]
+  );
+  return n.useEffect(() => () => b(), [b]), n.useEffect(() => {
+    if (d && f) {
+      const T = (u) => w(u, f), p = (u) => w(u, d);
+      return d.addEventListener("pointerleave", T), f.addEventListener("pointerleave", p), () => {
+        d.removeEventListener("pointerleave", T), f.removeEventListener("pointerleave", p);
+      };
+    }
+  }, [d, f, w, b]), n.useEffect(() => {
+    if (l) {
+      const T = (p) => {
+        const u = p.target, y = { x: p.clientX, y: p.clientY }, h = (d == null ? void 0 : d.contains(u)) || (f == null ? void 0 : f.contains(u)), g = !fr(y, l);
+        h ? b() : g && (b(), i());
+      };
+      return document.addEventListener("pointermove", T), () => document.removeEventListener("pointermove", T);
+    }
+  }, [d, f, l, i, b]), /* @__PURE__ */ s.jsx(Je, { ...e, ref: c });
+}), [ir, cr] = J(Z, { isInside: !1 }), Je = n.forwardRef(
+  (e, r) => {
+    const {
+      __scopeTooltip: t,
+      children: o,
+      "aria-label": a,
+      onEscapeKeyDown: c,
+      onPointerDownOutside: l,
+      ...v
+    } = e, d = $(I, t), i = Q(t), { onClose: f } = d;
+    return n.useEffect(() => (document.addEventListener(ie, f), () => document.removeEventListener(ie, f)), [f]), n.useEffect(() => {
+      if (d.trigger) {
+        const x = (b) => {
+          const w = b.target;
+          w != null && w.contains(d.trigger) && f();
+        };
+        return window.addEventListener("scroll", x, { capture: !0 }), () => window.removeEventListener("scroll", x, { capture: !0 });
+      }
+    }, [d.trigger, f]), /* @__PURE__ */ s.jsx(
+      ft,
+      {
+        asChild: !0,
+        disableOutsidePointerEvents: !1,
+        onEscapeKeyDown: c,
+        onPointerDownOutside: l,
+        onFocusOutside: (x) => x.preventDefault(),
+        onDismiss: f,
+        children: /* @__PURE__ */ s.jsxs(
+          pt,
+          {
+            "data-state": d.stateAttribute,
+            ...i,
+            ...v,
+            ref: r,
+            style: {
+              ...v.style,
+              "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
+              "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
+              "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
+              "--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
+              "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
+            },
+            children: [
+              /* @__PURE__ */ s.jsx(vt, { children: o }),
+              /* @__PURE__ */ s.jsx(ir, { scope: t, isInside: !0, children: /* @__PURE__ */ s.jsx(Nt, { id: d.contentId, role: "tooltip", children: a || o }) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+he.displayName = I;
+var Qe = "TooltipArrow", we = n.forwardRef(
+  (e, r) => {
+    const { __scopeTooltip: t, ...o } = e, a = Q(t);
+    return cr(
+      Qe,
+      t
+    ).isInside ? null : /* @__PURE__ */ s.jsx(ct, { ...a, ...o, ref: r });
+  }
+);
+we.displayName = Qe;
+function lr(e, r) {
+  const t = Math.abs(r.top - e.y), o = Math.abs(r.bottom - e.y), a = Math.abs(r.right - e.x), c = Math.abs(r.left - e.x);
+  switch (Math.min(t, o, a, c)) {
+    case c:
+      return "left";
+    case a:
+      return "right";
+    case t:
+      return "top";
+    case o:
+      return "bottom";
+    default:
+      throw new Error("unreachable");
+  }
+}
+function dr(e, r, t = 5) {
+  const o = [];
+  switch (r) {
+    case "top":
+      o.push(
+        { x: e.x - t, y: e.y + t },
+        { x: e.x + t, y: e.y + t }
+      );
+      break;
+    case "bottom":
+      o.push(
+        { x: e.x - t, y: e.y - t },
+        { x: e.x + t, y: e.y - t }
+      );
+      break;
+    case "left":
+      o.push(
+        { x: e.x + t, y: e.y - t },
+        { x: e.x + t, y: e.y + t }
+      );
+      break;
+    case "right":
+      o.push(
+        { x: e.x - t, y: e.y - t },
+        { x: e.x - t, y: e.y + t }
+      );
+      break;
+  }
+  return o;
+}
+function ur(e) {
+  const { top: r, right: t, bottom: o, left: a } = e;
+  return [
+    { x: a, y: r },
+    { x: t, y: r },
+    { x: t, y: o },
+    { x: a, y: o }
+  ];
+}
+function fr(e, r) {
+  const { x: t, y: o } = e;
+  let a = !1;
+  for (let c = 0, l = r.length - 1; c < r.length; l = c++) {
+    const v = r[c].x, d = r[c].y, i = r[l].x, f = r[l].y;
+    d > o != f > o && t < (i - v) * (o - d) / (f - d) + v && (a = !a);
+  }
+  return a;
+}
+function pr(e) {
+  const r = e.slice();
+  return r.sort((t, o) => t.x < o.x ? -1 : t.x > o.x ? 1 : t.y < o.y ? -1 : t.y > o.y ? 1 : 0), vr(r);
+}
+function vr(e) {
+  if (e.length <= 1) return e.slice();
+  const r = [];
+  for (let o = 0; o < e.length; o++) {
+    const a = e[o];
+    for (; r.length >= 2; ) {
+      const c = r[r.length - 1], l = r[r.length - 2];
+      if ((c.x - l.x) * (a.y - l.y) >= (c.y - l.y) * (a.x - l.x)) r.pop();
+      else break;
+    }
+    r.push(a);
+  }
+  r.pop();
+  const t = [];
+  for (let o = e.length - 1; o >= 0; o--) {
+    const a = e[o];
+    for (; t.length >= 2; ) {
+      const c = t[t.length - 1], l = t[t.length - 2];
+      if ((c.x - l.x) * (a.y - l.y) >= (c.y - l.y) * (a.x - l.x)) t.pop();
+      else break;
+    }
+    t.push(a);
+  }
+  return t.pop(), r.length === 1 && t.length === 1 && r[0].x === t[0].x && r[0].y === t[0].y ? r : r.concat(t);
+}
+var mr = fe, xr = pe, hr = ve, wr = xe, gr = he, br = we;
+const Tr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Arrow: br,
+  Content: gr,
+  Portal: wr,
+  Provider: mr,
+  Root: xr,
+  Tooltip: pe,
+  TooltipArrow: we,
+  TooltipContent: he,
+  TooltipPortal: xe,
+  TooltipProvider: fe,
+  TooltipTrigger: ve,
+  Trigger: hr,
+  createTooltipScope: er
+}, Symbol.toStringTag, { value: "Module" })), { Provider: yr, Root: Er, Trigger: Cr, Portal: Pr, Content: Rr, Arrow: kr } = Tr, Ir = ({
+  children: e,
+  className: r,
+  defaultOpen: t,
+  side: o,
+  content: a,
+  delayDuration: c = 0
+}) => /* @__PURE__ */ s.jsx(yr, { children: /* @__PURE__ */ s.jsxs(Er, { defaultOpen: t, delayDuration: c, children: [
+  /* @__PURE__ */ s.jsx(Cr, { asChild: !0, children: /* @__PURE__ */ s.jsx("div", { children: e }) }),
+  /* @__PURE__ */ s.jsx(Pr, { children: /* @__PURE__ */ s.jsxs(
+    Rr,
+    {
+      side: o,
+      sideOffset: 5,
+      className: C(Ce.content, r),
+      children: [
+        a,
+        /* @__PURE__ */ s.jsx(kr, { className: Ce.arrow })
+      ]
+    }
+  ) })
+] }) }), Ce = {
+  content: C(
+    "font-mono select-none w-auto h-auto max-size-32 rounded-[5px] bg-dark-30 px-4 py-2 text-[10px] text-start leading-none text-sidebar-10 z-50",
+    "animate-tooltipFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade",
+    "data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade",
+    "data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade",
+    "data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade"
+  ),
+  arrow: "fill-dark-30"
+}, Fr = ({
+  value: e,
+  onValueChange: r,
+  classNames: t = {},
+  count: o = 3,
+  ...a
+}) => /* @__PURE__ */ s.jsx(mt, { value: e, onValueChange: r, children: /* @__PURE__ */ s.jsx(
+  xt,
+  {
+    className: C(oe.container, t.container),
+    ...a,
+    children: Array.from({ length: o }).map((c, l) => /* @__PURE__ */ s.jsx(
+      ht,
+      {
+        value: String(l),
+        className: C(
+          oe.dot,
+          l <= Number(e) && oe.dotActive,
+          t.trigger
+        )
+      },
+      l
+    ))
+  }
+) }), oe = {
+  container: "flex items-center gap-1",
+  dot: "size-2 rounded-full bg-dark-30/[.20] transition-colors focus:outline-none focus:ring-offset-0 focus:ring-primary-10",
+  dotActive: "bg-primary-10"
+};
+export {
+  Dr as N,
+  Or as S,
+  Lr as T,
+  Ir as a,
+  Ce as b,
+  Fr as c,
+  oe as d,
+  D as s,
+  H as t
+};