boottent-design 0.1.4 → 0.1.6

package/dist/index-DkEQQBYd.js

@@ -0,0 +1,2684 @@
+import { jsx as p, jsxs as B } from "react/jsx-runtime";
+import { colors as bt } from "./boottent-design.styles.es.js";
+import { c as We, u as Re, a as ze, P as K, d as q, e as At, f as le, g as we, h as Tn, I as En, i as On, D as Sn, S as Mn, R as Hn } from "./index-NAHSuYsJ.js";
+import { cn as J } from "./boottent-design.utils.es.js";
+import * as m from "react";
+import F, { useLayoutEffect as Ln, useEffect as Nn } from "react";
+import * as _n from "react-dom";
+var Ye = "Collapsible", [Dn, Rt] = We(Ye), [Vn, je] = Dn(Ye), Pt = m.forwardRef(
+  (e, t) => {
+    const {
+      __scopeCollapsible: n,
+      open: o,
+      defaultOpen: r,
+      disabled: i,
+      onOpenChange: s,
+      ...l
+    } = e, [c = !1, f] = Re({
+      prop: o,
+      defaultProp: r,
+      onChange: s
+    });
+    return /* @__PURE__ */ p(
+      Vn,
+      {
+        scope: n,
+        disabled: i,
+        contentId: ze(),
+        open: c,
+        onOpenToggle: m.useCallback(() => f((a) => !a), [f]),
+        children: /* @__PURE__ */ p(
+          K.div,
+          {
+            "data-state": Xe(c),
+            "data-disabled": i ? "" : void 0,
+            ...l,
+            ref: t
+          }
+        )
+      }
+    );
+  }
+);
+Pt.displayName = Ye;
+var Tt = "CollapsibleTrigger", Et = m.forwardRef(
+  (e, t) => {
+    const { __scopeCollapsible: n, ...o } = e, r = je(Tt, n);
+    return /* @__PURE__ */ p(
+      K.button,
+      {
+        type: "button",
+        "aria-controls": r.contentId,
+        "aria-expanded": r.open || !1,
+        "data-state": Xe(r.open),
+        "data-disabled": r.disabled ? "" : void 0,
+        disabled: r.disabled,
+        ...o,
+        ref: t,
+        onClick: q(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+Et.displayName = Tt;
+var Ge = "CollapsibleContent", Ot = m.forwardRef(
+  (e, t) => {
+    const { forceMount: n, ...o } = e, r = je(Ge, e.__scopeCollapsible);
+    return /* @__PURE__ */ p(At, { present: n || r.open, children: ({ present: i }) => /* @__PURE__ */ p(kn, { ...o, ref: t, present: i }) });
+  }
+);
+Ot.displayName = Ge;
+var kn = m.forwardRef((e, t) => {
+  const { __scopeCollapsible: n, present: o, children: r, ...i } = e, s = je(Ge, n), [l, c] = m.useState(o), f = m.useRef(null), a = le(t, f), d = m.useRef(0), h = d.current, u = m.useRef(0), g = u.current, C = s.open || l, v = m.useRef(C), x = m.useRef();
+  return m.useEffect(() => {
+    const w = requestAnimationFrame(() => v.current = !1);
+    return () => cancelAnimationFrame(w);
+  }, []), we(() => {
+    const w = f.current;
+    if (w) {
+      x.current = x.current || {
+        transitionDuration: w.style.transitionDuration,
+        animationName: w.style.animationName
+      }, w.style.transitionDuration = "0s", w.style.animationName = "none";
+      const y = w.getBoundingClientRect();
+      d.current = y.height, u.current = y.width, v.current || (w.style.transitionDuration = x.current.transitionDuration, w.style.animationName = x.current.animationName), c(o);
+    }
+  }, [s.open, o]), /* @__PURE__ */ p(
+    K.div,
+    {
+      "data-state": Xe(s.open),
+      "data-disabled": s.disabled ? "" : void 0,
+      id: s.contentId,
+      hidden: !C,
+      ...i,
+      ref: a,
+      style: {
+        "--radix-collapsible-content-height": h ? `${h}px` : void 0,
+        "--radix-collapsible-content-width": g ? `${g}px` : void 0,
+        ...e.style
+      },
+      children: C && r
+    }
+  );
+});
+function Xe(e) {
+  return e ? "open" : "closed";
+}
+var In = Pt, $n = Et, Fn = Ot, Bn = m.createContext(void 0);
+function Zn(e) {
+  const t = m.useContext(Bn);
+  return e || t || "ltr";
+}
+var U = "Accordion", Wn = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [Ke, zn, Yn] = Tn(U), [Pe, ei] = We(U, [
+  Yn,
+  Rt
+]), Ue = Rt(), St = F.forwardRef(
+  (e, t) => {
+    const { type: n, ...o } = e, r = o, i = o;
+    return /* @__PURE__ */ p(Ke.Provider, { scope: e.__scopeAccordion, children: n === "multiple" ? /* @__PURE__ */ p(Kn, { ...i, ref: t }) : /* @__PURE__ */ p(Xn, { ...r, ref: t }) });
+  }
+);
+St.displayName = U;
+var [Mt, jn] = Pe(U), [Ht, Gn] = Pe(
+  U,
+  { collapsible: !1 }
+), Xn = F.forwardRef(
+  (e, t) => {
+    const {
+      value: n,
+      defaultValue: o,
+      onValueChange: r = () => {
+      },
+      collapsible: i = !1,
+      ...s
+    } = e, [l, c] = Re({
+      prop: n,
+      defaultProp: o,
+      onChange: r
+    });
+    return /* @__PURE__ */ p(
+      Mt,
+      {
+        scope: e.__scopeAccordion,
+        value: l ? [l] : [],
+        onItemOpen: c,
+        onItemClose: F.useCallback(() => i && c(""), [i, c]),
+        children: /* @__PURE__ */ p(Ht, { scope: e.__scopeAccordion, collapsible: i, children: /* @__PURE__ */ p(Lt, { ...s, ref: t }) })
+      }
+    );
+  }
+), Kn = F.forwardRef((e, t) => {
+  const {
+    value: n,
+    defaultValue: o,
+    onValueChange: r = () => {
+    },
+    ...i
+  } = e, [s = [], l] = Re({
+    prop: n,
+    defaultProp: o,
+    onChange: r
+  }), c = F.useCallback(
+    (a) => l((d = []) => [...d, a]),
+    [l]
+  ), f = F.useCallback(
+    (a) => l((d = []) => d.filter((h) => h !== a)),
+    [l]
+  );
+  return /* @__PURE__ */ p(
+    Mt,
+    {
+      scope: e.__scopeAccordion,
+      value: s,
+      onItemOpen: c,
+      onItemClose: f,
+      children: /* @__PURE__ */ p(Ht, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ p(Lt, { ...i, ref: t }) })
+    }
+  );
+}), [Un, Te] = Pe(U), Lt = F.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: n, disabled: o, dir: r, orientation: i = "vertical", ...s } = e, l = F.useRef(null), c = le(l, t), f = zn(n), d = Zn(r) === "ltr", h = q(e.onKeyDown, (u) => {
+      var O;
+      if (!Wn.includes(u.key)) return;
+      const g = u.target, C = f().filter((L) => {
+        var S;
+        return !((S = L.ref.current) != null && S.disabled);
+      }), v = C.findIndex((L) => L.ref.current === g), x = C.length;
+      if (v === -1) return;
+      u.preventDefault();
+      let w = v;
+      const y = 0, b = x - 1, A = () => {
+        w = v + 1, w > b && (w = y);
+      }, R = () => {
+        w = v - 1, w < y && (w = b);
+      };
+      switch (u.key) {
+        case "Home":
+          w = y;
+          break;
+        case "End":
+          w = b;
+          break;
+        case "ArrowRight":
+          i === "horizontal" && (d ? A() : R());
+          break;
+        case "ArrowDown":
+          i === "vertical" && A();
+          break;
+        case "ArrowLeft":
+          i === "horizontal" && (d ? R() : A());
+          break;
+        case "ArrowUp":
+          i === "vertical" && R();
+          break;
+      }
+      const T = w % x;
+      (O = C[T].ref.current) == null || O.focus();
+    });
+    return /* @__PURE__ */ p(
+      Un,
+      {
+        scope: n,
+        disabled: o,
+        direction: r,
+        orientation: i,
+        children: /* @__PURE__ */ p(Ke.Slot, { scope: n, children: /* @__PURE__ */ p(
+          K.div,
+          {
+            ...s,
+            "data-orientation": i,
+            ref: c,
+            onKeyDown: o ? void 0 : h
+          }
+        ) })
+      }
+    );
+  }
+), ve = "AccordionItem", [qn, qe] = Pe(ve), Nt = F.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: n, value: o, ...r } = e, i = Te(ve, n), s = jn(ve, n), l = Ue(n), c = ze(), f = o && s.value.includes(o) || !1, a = i.disabled || e.disabled;
+    return /* @__PURE__ */ p(
+      qn,
+      {
+        scope: n,
+        open: f,
+        disabled: a,
+        triggerId: c,
+        children: /* @__PURE__ */ p(
+          In,
+          {
+            "data-orientation": i.orientation,
+            "data-state": $t(f),
+            ...l,
+            ...r,
+            ref: t,
+            disabled: a,
+            open: f,
+            onOpenChange: (d) => {
+              d ? s.onItemOpen(o) : s.onItemClose(o);
+            }
+          }
+        )
+      }
+    );
+  }
+);
+Nt.displayName = ve;
+var _t = "AccordionHeader", Dt = F.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: n, ...o } = e, r = Te(U, n), i = qe(_t, n);
+    return /* @__PURE__ */ p(
+      K.h3,
+      {
+        "data-orientation": r.orientation,
+        "data-state": $t(i.open),
+        "data-disabled": i.disabled ? "" : void 0,
+        ...o,
+        ref: t
+      }
+    );
+  }
+);
+Dt.displayName = _t;
+var Ve = "AccordionTrigger", Vt = F.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: n, ...o } = e, r = Te(U, n), i = qe(Ve, n), s = Gn(Ve, n), l = Ue(n);
+    return /* @__PURE__ */ p(Ke.ItemSlot, { scope: n, children: /* @__PURE__ */ p(
+      $n,
+      {
+        "aria-disabled": i.open && !s.collapsible || void 0,
+        "data-orientation": r.orientation,
+        id: i.triggerId,
+        ...l,
+        ...o,
+        ref: t
+      }
+    ) });
+  }
+);
+Vt.displayName = Ve;
+var kt = "AccordionContent", It = F.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: n, ...o } = e, r = Te(U, n), i = qe(kt, n), s = Ue(n);
+    return /* @__PURE__ */ p(
+      Fn,
+      {
+        role: "region",
+        "aria-labelledby": i.triggerId,
+        "data-orientation": r.orientation,
+        ...s,
+        ...o,
+        ref: t,
+        style: {
+          "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+          "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+          ...e.style
+        }
+      }
+    );
+  }
+);
+It.displayName = kt;
+function $t(e) {
+  return e ? "open" : "closed";
+}
+var Jn = St, Qn = Nt, eo = Dt, Ft = Vt, Bt = It;
+const ti = Jn, to = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ p(
+  Qn,
+  {
+    ref: n,
+    className: J("w-full border-b", e),
+    ...t
+  }
+));
+to.displayName = "AccordionItem";
+const no = m.forwardRef(({ className: e, children: t, ...n }, o) => /* @__PURE__ */ p(eo, { className: "flex", children: /* @__PURE__ */ B(
+  Ft,
+  {
+    ref: o,
+    className: J(
+      "flex flex-1 items-center justify-between py-4 text-start font-medium transition-all [&[data-state=open]>svg]:rotate-180",
+      e
+    ),
+    ...n,
+    children: [
+      t,
+      /* @__PURE__ */ p(
+        En.ArrowDown,
+        {
+          className: "shrink-0 transition-transform duration-200",
+          fill: bt.grey[600],
+          size: "16"
+        }
+      )
+    ]
+  }
+) }));
+no.displayName = Ft.displayName;
+const oo = m.forwardRef(({ className: e, children: t, ...n }, o) => /* @__PURE__ */ p(
+  Bt,
+  {
+    ref: o,
+    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down pb-4",
+    ...n,
+    children: /* @__PURE__ */ p("div", { className: J(e), children: t })
+  }
+));
+oo.displayName = Bt.displayName;
+const ro = m.forwardRef(
+  ({ className: e, type: t = "text", icon: n, error: o, iconPosition: r = "right", ...i }, s) => /* @__PURE__ */ B("div", { className: J("relative flex w-full items-center text-sm"), children: [
+    n && r === "left" && /* @__PURE__ */ p("span", { className: "absolute left-4", children: n }),
+    /* @__PURE__ */ p(
+      "input",
+      {
+        type: t,
+        className: J(
+          "h-11 w-full rounded-lg border border-border bg-background px-4 py-3 outline-none transition-all focus:border-foreground disabled:cursor-not-allowed disabled:opacity-50",
+          n && r === "left" && "pl-10",
+          n && r === "right" && "pr-10",
+          o && "border-destructive focus:border-destructive",
+          e
+        ),
+        ref: s,
+        ...i
+      }
+    ),
+    n && r === "right" && /* @__PURE__ */ p("span", { className: "absolute right-4", children: n })
+  ] })
+);
+ro.displayName = "Input";
+const io = ({
+  size: e = "24",
+  fill: t = "#000000",
+  className: n
+}) => /* @__PURE__ */ p(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    className: n,
+    children: /* @__PURE__ */ p(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M8.95557 21.9477C10.2363 21.9477 10.798 21.0602 12.3933 21.0602C13.9887 21.0602 14.3706 21.914 15.7862 21.914C17.2017 21.914 18.1117 20.5883 18.9993 19.2851C19.9879 17.7909 20.3924 16.3304 20.4261 16.263C20.3362 16.2406 17.6624 15.1059 17.6624 11.949C17.6624 9.20773 19.7745 7.97193 19.8868 7.88205C18.4937 5.81489 16.3704 5.76995 15.7974 5.76995C14.2358 5.76995 12.9551 6.74736 12.1462 6.74736C11.2811 6.74736 10.1352 5.82612 8.77582 5.82612C6.19187 5.82612 3.57422 8.0281 3.57422 12.1737C3.57422 14.7464 4.55163 17.4764 5.74249 19.2402C6.76483 20.7344 7.6636 21.959 8.95557 21.959V21.9477ZM12.2473 5.52279C13.1798 5.52279 14.3594 4.87119 15.0559 4.00613C15.6851 3.21971 16.1457 2.11872 16.1457 1.01773C16.1457 0.87168 16.1345 0.714396 16.1007 0.602051C15.0559 0.646989 13.8089 1.32106 13.0562 2.23106C12.4608 2.92761 11.9215 4.00612 11.9215 5.11835C11.9215 5.27563 11.944 5.44415 11.9664 5.50032C12.0338 5.51156 12.135 5.52279 12.2473 5.52279Z",
+        fill: t
+      }
+    )
+  }
+), so = ({
+  className: e,
+  fill: t = bt.main[600],
+  size: n = "140"
+}) => /* @__PURE__ */ p(
+  "svg",
+  {
+    width: n,
+    height: `${Number(n) * 124 / 977}`,
+    viewBox: "0 0 977 124",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: e,
+    children: /* @__PURE__ */ p(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M93 62C93 99.7533 117.112 124 151 124C185.051 124 209 99.7533 209 62C209 24.084 185.051 0 151 0C117.112 0 93 24.084 93 62ZM194.989 62C194.989 89.9895 178.86 110.656 151 110.656C123.303 110.656 107.174 89.9895 107.174 62C107.174 34.0105 123.303 13.3438 151 13.3438C178.86 13.3438 194.989 33.8478 194.989 62ZM278 124C244.112 124 220 99.7533 220 62C220 24.084 244.112 0 278 0C312.051 0 336 24.084 336 62C336 99.7533 312.051 124 278 124ZM278 110.656C305.86 110.656 321.989 89.9895 321.989 62C321.989 33.8478 305.86 13.3438 278 13.3438C250.303 13.3438 234.174 34.0105 234.174 62C234.174 89.9895 250.303 110.656 278 110.656ZM390.078 122H379.922C378.775 122 378.119 121.346 378.119 120.201V14.9155H338.638C337.491 14.9155 337 14.2616 337 13.1171V3.63487C337 2.65395 337.491 2 338.638 2H431.362C432.345 2 433 2.65395 433 3.63487V13.1171C433 14.2616 432.345 14.9155 431.362 14.9155H391.881V120.201C391.881 121.346 391.225 122 390.078 122ZM42.9184 122H1.79507C0.652752 122 0 121.346 0 120.201V3.63487C0 2.65395 0.652752 2 1.79507 2H40.797C68.0493 2 80.2884 15.2425 80.2884 32.4086C80.2884 45.3242 74.0873 54.8064 62.3378 59.2206C78.167 63.1443 86 73.444 86 88.4848C86 108.267 73.2713 122 42.9184 122ZM13.7078 14.752V53.662H40.9602C58.5844 53.662 66.4175 46.3051 66.4175 34.207C66.4175 22.2724 57.7685 14.752 39.981 14.752H13.7078ZM13.7078 66.2505V109.084H42.9184C62.6641 109.084 71.9659 101.237 71.9659 87.5039C71.9659 73.9345 62.6641 66.2505 42.9184 66.2505H13.7078ZM923.922 122H934.078C935.225 122 935.881 121.346 935.881 120.201V14.9155H975.362C976.345 14.9155 977 14.2616 977 13.1171V3.63487C977 2.65395 976.345 2 975.362 2H882.638C881.491 2 881 2.65395 881 3.63487V13.1171C881 14.2616 881.491 14.9155 882.638 14.9155H922.119V120.201C922.119 121.346 922.775 122 923.922 122ZM787.625 122H777.801C776.655 122 776 121.346 776 120.201V3.63487C776 2.65395 776.655 2 777.801 2H788.771C789.754 2 790.245 2.32697 790.9 3.14441L855.738 99.7655V3.63487C855.738 2.65395 856.393 2 857.539 2H867.363C868.345 2 869 2.65395 869 3.63487V120.201C869 121.346 868.345 122 867.363 122H856.393C855.41 122 854.919 121.673 854.264 120.855L789.262 24.0708V120.201C789.262 121.346 788.607 122 787.625 122ZM687.806 122H762.358C763.343 122 764 121.346 764 120.201V110.719C764 109.738 763.343 109.084 762.358 109.084H699.794V66.2505H755.133C756.118 66.2505 756.775 65.5966 756.775 64.6157V55.2969C756.775 54.1525 756.118 53.4985 755.133 53.4985H699.794V14.9155H760.387C761.537 14.9155 762.194 14.2616 762.194 13.1171V3.63487C762.194 2.65395 761.537 2 760.387 2H687.806C686.657 2 686 2.65395 686 3.63487V120.201C686 121.346 686.657 122 687.806 122ZM631.078 122H620.922C619.775 122 619.119 121.346 619.119 120.201V14.9155H579.638C578.491 14.9155 578 14.2616 578 13.1171V3.63487C578 2.65395 578.491 2 579.638 2H672.362C673.345 2 674 2.65395 674 3.63487V13.1171C674 14.2616 673.345 14.9155 672.362 14.9155H632.881V120.201C632.881 121.346 632.225 122 631.078 122ZM460.936 106.978L506.5 28.8673L552.064 106.978H460.936ZM440 119L506.5 5L573 119H440Z",
+        fill: t
+      }
+    )
+  }
+), lo = ({
+  size: e = "24",
+  fill: t = "#FFFFFF",
+  className: n
+}) => /* @__PURE__ */ B(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    className: n,
+    children: [
+      /* @__PURE__ */ p("circle", { cx: "12", cy: "12.0002", r: "12", fill: "#0866FF" }),
+      /* @__PURE__ */ p(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M13.8821 23.8536V15.4806H16.6781L17.2061 12.0126H13.8821V9.75663C13.8821 8.80863 14.3501 7.88463 15.8381 7.88463H17.3501V4.93263C17.3501 4.93263 15.9701 4.69263 14.6621 4.69263C11.9141 4.69263 10.1261 6.34863 10.1261 9.36063V12.0006H7.07812V15.4686H10.1261V23.8555C10.7361 23.951 11.3613 24.0006 11.9981 24.0006C12.6391 24.0006 13.2683 23.9504 13.8821 23.8536Z",
+          fill: t
+        }
+      )
+    ]
+  }
+), co = ({
+  size: e = "24",
+  fill: t = "none",
+  className: n
+}) => /* @__PURE__ */ B(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: t,
+    className: n,
+    children: [
+      /* @__PURE__ */ p(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M23.52 12.2733C23.52 11.4226 23.444 10.6039 23.3013 9.8186H12V14.4599H18.4587C18.18 15.9599 17.3347 17.2319 16.064 18.0826V21.0933H19.9413C22.2107 19.0039 23.52 15.9279 23.52 12.2733Z",
+          fill: "#3D82F0"
+        }
+      ),
+      /* @__PURE__ */ p(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M11.9994 24.0005C15.2394 24.0005 17.956 22.9253 19.9413 21.0933L16.064 18.0826C14.9893 18.8026 13.6141 19.2272 11.9994 19.2272C8.87406 19.2272 6.22872 17.1165 5.28472 14.2805H1.27539V17.3899C3.25006 21.3112 7.30872 24.0005 11.9994 24.0005Z",
+          fill: "#31A752"
+        }
+      ),
+      /* @__PURE__ */ p(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M5.28472 14.2805C5.04472 13.5605 4.90933 12.7912 4.90933 12.0005C4.90933 11.2099 5.04533 10.4405 5.28533 9.72054V6.61121H1.276C0.464 8.23121 0 10.0645 0 12.0005C0 13.9365 0.463391 15.7699 1.27539 17.3899L5.28472 14.2805Z",
+          fill: "#F9BA00"
+        }
+      ),
+      /* @__PURE__ */ p(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M11.9994 4.77358C13.7607 4.77358 15.3434 5.37891 16.5861 6.56824L20.0287 3.12691C17.9501 1.18958 15.2341 0.000244141 11.9994 0.000244141C7.30872 0.000244141 3.25006 2.68958 1.27539 6.61225L5.28533 9.72054C6.22933 6.88454 8.87406 4.77358 11.9994 4.77358Z",
+          fill: "#E64234"
+        }
+      )
+    ]
+  }
+), ao = ({
+  size: e = "24",
+  fill: t = "none",
+  className: n
+}) => /* @__PURE__ */ B(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: `${Number(e) * 24 / 21}`,
+    viewBox: "0 0 21 24",
+    fill: t,
+    className: n,
+    children: [
+      /* @__PURE__ */ p(
+        "path",
+        {
+          d: "M9.84416 11.5002L0.591043 21.3177C0.877759 22.3864 1.85086 23.1683 3.00641 23.1683C3.4669 23.1683 3.90131 23.0467 4.27491 22.8208L4.30098 22.8034L14.7097 16.7999L9.83547 11.4915L9.84416 11.5002Z",
+          fill: "#EA4335"
+        }
+      ),
+      /* @__PURE__ */ p(
+        "path",
+        {
+          d: "M19.2006 9.83196H19.192L14.7001 7.21684L9.63475 11.726L14.7174 16.8085L19.192 14.2281C19.9739 13.8024 20.5039 12.9771 20.5039 12.0301C20.5039 11.083 19.9826 10.2577 19.2006 9.84065V9.83196Z",
+          fill: "#FBBC04"
+        }
+      ),
+      /* @__PURE__ */ p(
+        "path",
+        {
+          d: "M0.59079 2.69054C0.53866 2.89905 0.503906 3.10757 0.503906 3.33346V20.6836C0.503906 20.9095 0.529971 21.118 0.59079 21.3265L10.1567 11.7609L0.59079 2.69054Z",
+          fill: "#4285F4"
+        }
+      ),
+      /* @__PURE__ */ p(
+        "path",
+        {
+          d: "M9.91367 12.0041L14.7001 7.21684L4.30098 1.18739C3.92738 0.961499 3.48427 0.831177 3.00641 0.831177C1.85086 0.831177 0.877759 1.6218 0.591043 2.68175L9.91367 11.9954V12.0041Z",
+          fill: "#34A853"
+        }
+      )
+    ]
+  }
+), fo = ({
+  size: e = "20",
+  fill: t = "none",
+  className: n
+}) => /* @__PURE__ */ B(
+  "svg",
+  {
+    width: e,
+    height: e,
+    viewBox: "0 0 20 20",
+    fill: t,
+    xmlns: "http://www.w3.org/2000/svg",
+    className: n,
+    children: [
+      /* @__PURE__ */ p("rect", { x: "0.5", y: "0.5", width: "19", height: "19", rx: "9.5", fill: "white" }),
+      /* @__PURE__ */ p("rect", { x: "0.5", y: "0.5", width: "19", height: "19", rx: "9.5", stroke: "#DDE2E6" }),
+      /* @__PURE__ */ B("g", { clipPath: "url(#clip0_4596_247326)", children: [
+        /* @__PURE__ */ p(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M14.8 10.1139C14.8 9.75944 14.7683 9.41833 14.7089 9.0911H10V11.025H12.6911C12.575 11.65 12.2228 12.18 11.6933 12.5344V13.7889H13.3089C14.2544 12.9183 14.8 11.6367 14.8 10.1139Z",
+            fill: "#3D82F0"
+          }
+        ),
+        /* @__PURE__ */ p(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M9.99975 15.0002C11.3497 15.0002 12.4817 14.5522 13.3089 13.7889L11.6933 12.5344C11.2456 12.8344 10.6725 13.0113 9.99975 13.0113C8.69752 13.0113 7.5953 12.1319 7.20197 10.9502H5.53141V12.2458C6.35419 13.8797 8.0453 15.0002 9.99975 15.0002Z",
+            fill: "#31A752"
+          }
+        ),
+        /* @__PURE__ */ p(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M7.20197 10.9502C7.10197 10.6502 7.04556 10.3297 7.04556 10.0002C7.04556 9.6708 7.10222 9.35025 7.20222 9.05025V7.75469H5.53167C5.19333 8.42969 5 9.19358 5 10.0002C5 10.8069 5.19308 11.5708 5.53141 12.2458L7.20197 10.9502Z",
+            fill: "#F9BA00"
+          }
+        ),
+        /* @__PURE__ */ p(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M9.99975 6.98901C10.7336 6.98901 11.3931 7.24123 11.9109 7.73679L13.3453 6.3029C12.4792 5.49568 11.3475 5.00012 9.99975 5.00012C8.0453 5.00012 6.35419 6.12068 5.53141 7.75512L7.20222 9.05025C7.59556 7.86858 8.69752 6.98901 9.99975 6.98901Z",
+            fill: "#E64234"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ p("defs", { children: /* @__PURE__ */ p("clipPath", { id: "clip0_4596_247326", children: /* @__PURE__ */ p(
+        "rect",
+        {
+          width: "10",
+          height: "10",
+          fill: "white",
+          transform: "translate(5 5)"
+        }
+      ) }) })
+    ]
+  }
+), uo = ({
+  size: e = "24",
+  fill: t = "black",
+  className: n
+}) => /* @__PURE__ */ p(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    className: n,
+    children: /* @__PURE__ */ p(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 2.61816C6.48 2.61816 2 6.09816 2 10.3782C2 13.0482 3.73 15.3782 6.37 16.7982L5.26 20.8682C5.23906 20.9491 5.24337 21.0345 5.27235 21.113C5.30134 21.1914 5.35362 21.2591 5.42217 21.307C5.49073 21.3549 5.57228 21.3806 5.6559 21.3808C5.73952 21.3811 5.8212 21.3557 5.89 21.3082L10.75 18.0782C11.16 18.0782 11.58 18.1482 12 18.1482C17.52 18.1482 22 14.6682 22 10.3782C22 6.08816 17.52 2.61816 12 2.61816Z",
+        fill: t
+      }
+    )
+  }
+), po = ({
+  size: e = "20",
+  fill: t = "none",
+  className: n
+}) => /* @__PURE__ */ B(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: e,
+    viewBox: "0 0 20 20",
+    fill: t,
+    className: n,
+    children: [
+      /* @__PURE__ */ p("rect", { width: "20", height: "20", rx: "10", fill: "#FEE500" }),
+      /* @__PURE__ */ p(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M10 5.3125C7.24 5.3125 5 7.0525 5 9.1925C5 10.5275 5.865 11.6925 7.185 12.4025L6.63 14.4375C6.61953 14.478 6.62168 14.5207 6.63618 14.5599C6.65067 14.5991 6.67681 14.633 6.71109 14.6569C6.74536 14.6809 6.78614 14.6937 6.82795 14.6938C6.86976 14.6939 6.9106 14.6813 6.945 14.6575L9.375 13.0425C9.58 13.0425 9.79 13.0775 10 13.0775C12.76 13.0775 15 11.3375 15 9.1925C15 7.0475 12.76 5.3125 10 5.3125Z",
+          fill: "black"
+        }
+      )
+    ]
+  }
+), ho = ({
+  size: e = "20",
+  fill: t = "none",
+  className: n
+}) => /* @__PURE__ */ p(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: e,
+    viewBox: "0 0 20 20",
+    fill: t,
+    className: n,
+    children: /* @__PURE__ */ p(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M7.61259 0.350098H12.3905C13.4775 0.35009 14.3482 0.350084 15.052 0.407584C15.7746 0.466628 16.4002 0.590759 16.9761 0.884167C17.898 1.35395 18.6476 2.10355 19.1174 3.02555C19.4108 3.60139 19.535 4.22695 19.594 4.94962C19.6515 5.65339 19.6515 6.52407 19.6515 7.61115V12.3891C19.6515 13.4761 19.6515 14.3468 19.594 15.0506C19.535 15.7732 19.4108 16.3988 19.1174 16.9747C18.6476 17.8966 17.898 18.6462 16.9761 19.116C16.4002 19.4094 15.7746 19.5336 15.052 19.5926C14.3482 19.6501 13.4775 19.6501 12.3905 19.6501H7.6125C6.52547 19.6501 5.65482 19.6501 4.95106 19.5926C4.2284 19.5336 3.60284 19.4094 3.027 19.116C2.10501 18.6462 1.35541 17.8966 0.885629 16.9747C0.592223 16.3988 0.468093 15.7732 0.409049 15.0506C0.351549 14.3468 0.351555 13.4761 0.351562 12.3891V7.61112C0.351555 6.52405 0.351549 5.65338 0.409049 4.94962C0.468093 4.22695 0.592223 3.60139 0.885629 3.02555C1.35541 2.10355 2.10501 1.35395 3.027 0.884167C3.60284 0.590759 4.2284 0.466628 4.95106 0.407584C5.65483 0.350084 6.52552 0.35009 7.61258 0.350098H7.61259ZM5.85129 7.14866C5.13227 7.14866 4.55176 6.56687 4.55176 5.84923C4.55176 5.13159 5.13227 4.5498 5.85129 4.5498C6.56736 4.5498 7.14787 5.13159 7.14787 5.84923C7.14787 6.56391 6.56736 7.14866 5.85129 7.14866ZM6.97107 15.3498H4.73151V8.13209H6.97107V15.3498ZM13.1151 15.3498H15.3517V11.3895C15.3517 9.44628 14.9333 7.95194 12.6672 7.95194C11.5798 7.95194 10.849 8.55145 10.5514 9.11847H10.5219V8.13209H8.37668V15.3498H10.6103V11.7823C10.6103 10.8402 10.7871 9.92766 11.9511 9.92766C13.1004 9.92766 13.1151 11.0056 13.1151 11.8414V15.3498Z",
+        fill: "#0A66C2"
+      }
+    )
+  }
+), mo = ({
+  size: e = "20",
+  fill: t = "none",
+  className: n
+}) => /* @__PURE__ */ p(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: `${Number(e) * 18 / 20}`,
+    viewBox: "0 0 20 18",
+    fill: t,
+    className: n,
+    children: /* @__PURE__ */ p(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M7.61259 0.350098H12.3905C13.4775 0.35009 14.3482 0.350084 15.052 0.407584C15.7746 0.466628 16.4002 0.590759 16.9761 0.884167C17.898 1.35395 18.6476 2.10355 19.1174 3.02555C19.4108 3.60139 19.535 4.22695 19.594 4.94962C19.6515 5.65339 19.6515 6.52407 19.6515 7.61115V12.3891C19.6515 13.4761 19.6515 14.3468 19.594 15.0506C19.535 15.7732 19.4108 16.3988 19.1174 16.9747C18.6476 17.8966 17.898 18.6462 16.9761 19.116C16.4002 19.4094 15.7746 19.5336 15.052 19.5926C14.3482 19.6501 13.4775 19.6501 12.3905 19.6501H7.6125C6.52547 19.6501 5.65482 19.6501 4.95106 19.5926C4.2284 19.5336 3.60284 19.4094 3.027 19.116C2.10501 18.6462 1.35541 17.8966 0.885629 16.9747C0.592223 16.3988 0.468093 15.7732 0.409049 15.0506C0.351549 14.3468 0.351555 13.4761 0.351562 12.3891V7.61112C0.351555 6.52405 0.351549 5.65338 0.409049 4.94962C0.468093 4.22695 0.592223 3.60139 0.885629 3.02555C1.35541 2.10355 2.10501 1.35395 3.027 0.884167C3.60284 0.590759 4.2284 0.466628 4.95106 0.407584C5.65483 0.350084 6.52552 0.35009 7.61258 0.350098H7.61259ZM5.85129 7.14866C5.13227 7.14866 4.55176 6.56687 4.55176 5.84923C4.55176 5.13159 5.13227 4.5498 5.85129 4.5498C6.56736 4.5498 7.14787 5.13159 7.14787 5.84923C7.14787 6.56391 6.56736 7.14866 5.85129 7.14866ZM6.97107 15.3498H4.73151V8.13209H6.97107V15.3498ZM13.1151 15.3498H15.3517V11.3895C15.3517 9.44628 14.9333 7.95194 12.6672 7.95194C11.5798 7.95194 10.849 8.55145 10.5514 9.11847H10.5219V8.13209H8.37668V15.3498H10.6103V11.7823C10.6103 10.8402 10.7871 9.92766 11.9511 9.92766C13.1004 9.92766 13.1151 11.0056 13.1151 11.8414V15.3498Z",
+        fill: "#00C73C"
+      }
+    )
+  }
+), go = ({
+  size: e = "22",
+  fill: t = "none",
+  className: n
+}) => /* @__PURE__ */ p(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: e,
+    viewBox: "0 0 22 16",
+    fill: t,
+    className: n,
+    children: /* @__PURE__ */ p(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M19.3192 0.992222C20.2351 1.23717 20.9593 1.96137 21.2043 2.87727C21.6516 4.53867 21.6516 7.99992 21.6516 7.99992C21.6516 7.99992 21.6516 11.4612 21.2043 13.1226C20.9593 14.0385 20.2351 14.7627 19.3192 15.0076C17.6578 15.4549 11.0016 15.4549 11.0016 15.4549C11.0016 15.4549 4.34531 15.4549 2.68391 15.0076C1.76801 14.7627 1.04381 14.0385 0.798863 13.1226C0.351562 11.4612 0.351562 7.99992 0.351562 7.99992C0.351562 7.99992 0.351562 4.53867 0.798863 2.87727C1.04381 1.96137 1.76801 1.23717 2.68391 0.992222C4.34531 0.544922 11.0016 0.544922 11.0016 0.544922C11.0016 0.544922 17.6578 0.544922 19.3192 0.992222ZM8.87207 10.329C8.87207 10.7138 9.2886 10.9544 9.62193 10.7621L13.6594 8.43278C13.9929 8.24037 13.9929 7.75901 13.6594 7.5666L9.62193 5.2373C9.2886 5.04499 8.87207 5.28556 8.87207 5.67039V10.329Z",
+        fill: "#FF0000"
+      }
+    )
+  }
+), ni = {
+  Apple: io,
+  FacebookRound: lo,
+  Google: co,
+  GooglePlaystore: ao,
+  GoogleRound: fo,
+  KakaoMessage: uo,
+  KakaoRound: po,
+  LinkedIn: ho,
+  NaverBlog: mo,
+  YouTube: go,
+  Boottent: so
+}, Co = ["top", "right", "bottom", "left"], Q = Math.min, k = Math.max, xe = Math.round, ge = Math.floor, ee = (e) => ({
+  x: e,
+  y: e
+}), wo = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, vo = {
+  start: "end",
+  end: "start"
+};
+function ke(e, t, n) {
+  return k(e, Q(t, n));
+}
+function G(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function X(e) {
+  return e.split("-")[0];
+}
+function ce(e) {
+  return e.split("-")[1];
+}
+function Je(e) {
+  return e === "x" ? "y" : "x";
+}
+function Qe(e) {
+  return e === "y" ? "height" : "width";
+}
+function te(e) {
+  return ["top", "bottom"].includes(X(e)) ? "y" : "x";
+}
+function et(e) {
+  return Je(te(e));
+}
+function xo(e, t, n) {
+  n === void 0 && (n = !1);
+  const o = ce(e), r = et(e), i = Qe(r);
+  let s = r === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return t.reference[i] > t.floating[i] && (s = ye(s)), [s, ye(s)];
+}
+function yo(e) {
+  const t = ye(e);
+  return [Ie(e), t, Ie(t)];
+}
+function Ie(e) {
+  return e.replace(/start|end/g, (t) => vo[t]);
+}
+function bo(e, t, n) {
+  const o = ["left", "right"], r = ["right", "left"], i = ["top", "bottom"], s = ["bottom", "top"];
+  switch (e) {
+    case "top":
+    case "bottom":
+      return n ? t ? r : o : t ? o : r;
+    case "left":
+    case "right":
+      return t ? i : s;
+    default:
+      return [];
+  }
+}
+function Ao(e, t, n, o) {
+  const r = ce(e);
+  let i = bo(X(e), n === "start", o);
+  return r && (i = i.map((s) => s + "-" + r), t && (i = i.concat(i.map(Ie)))), i;
+}
+function ye(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => wo[t]);
+}
+function Ro(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function Zt(e) {
+  return typeof e != "number" ? Ro(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function be(e) {
+  const {
+    x: t,
+    y: n,
+    width: o,
+    height: r
+  } = e;
+  return {
+    width: o,
+    height: r,
+    top: n,
+    left: t,
+    right: t + o,
+    bottom: n + r,
+    x: t,
+    y: n
+  };
+}
+function ht(e, t, n) {
+  let {
+    reference: o,
+    floating: r
+  } = e;
+  const i = te(t), s = et(t), l = Qe(s), c = X(t), f = i === "y", a = o.x + o.width / 2 - r.width / 2, d = o.y + o.height / 2 - r.height / 2, h = o[l] / 2 - r[l] / 2;
+  let u;
+  switch (c) {
+    case "top":
+      u = {
+        x: a,
+        y: o.y - r.height
+      };
+      break;
+    case "bottom":
+      u = {
+        x: a,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      u = {
+        x: o.x + o.width,
+        y: d
+      };
+      break;
+    case "left":
+      u = {
+        x: o.x - r.width,
+        y: d
+      };
+      break;
+    default:
+      u = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (ce(t)) {
+    case "start":
+      u[s] -= h * (n && f ? -1 : 1);
+      break;
+    case "end":
+      u[s] += h * (n && f ? -1 : 1);
+      break;
+  }
+  return u;
+}
+const Po = async (e, t, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: r = "absolute",
+    middleware: i = [],
+    platform: s
+  } = n, l = i.filter(Boolean), c = await (s.isRTL == null ? void 0 : s.isRTL(t));
+  let f = await s.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: r
+  }), {
+    x: a,
+    y: d
+  } = ht(f, o, c), h = o, u = {}, g = 0;
+  for (let C = 0; C < l.length; C++) {
+    const {
+      name: v,
+      fn: x
+    } = l[C], {
+      x: w,
+      y,
+      data: b,
+      reset: A
+    } = await x({
+      x: a,
+      y: d,
+      initialPlacement: o,
+      placement: h,
+      strategy: r,
+      middlewareData: u,
+      rects: f,
+      platform: s,
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    a = w ?? a, d = y ?? d, u = {
+      ...u,
+      [v]: {
+        ...u[v],
+        ...b
+      }
+    }, A && g <= 50 && (g++, typeof A == "object" && (A.placement && (h = A.placement), A.rects && (f = A.rects === !0 ? await s.getElementRects({
+      reference: e,
+      floating: t,
+      strategy: r
+    }) : A.rects), {
+      x: a,
+      y: d
+    } = ht(f, h, c)), C = -1);
+  }
+  return {
+    x: a,
+    y: d,
+    placement: h,
+    strategy: r,
+    middlewareData: u
+  };
+};
+async function de(e, t) {
+  var n;
+  t === void 0 && (t = {});
+  const {
+    x: o,
+    y: r,
+    platform: i,
+    rects: s,
+    elements: l,
+    strategy: c
+  } = e, {
+    boundary: f = "clippingAncestors",
+    rootBoundary: a = "viewport",
+    elementContext: d = "floating",
+    altBoundary: h = !1,
+    padding: u = 0
+  } = G(t, e), g = Zt(u), v = l[h ? d === "floating" ? "reference" : "floating" : d], x = be(await i.getClippingRect({
+    element: (n = await (i.isElement == null ? void 0 : i.isElement(v))) == null || n ? v : v.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(l.floating)),
+    boundary: f,
+    rootBoundary: a,
+    strategy: c
+  })), w = d === "floating" ? {
+    x: o,
+    y: r,
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, y = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(l.floating)), b = await (i.isElement == null ? void 0 : i.isElement(y)) ? await (i.getScale == null ? void 0 : i.getScale(y)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, A = be(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: w,
+    offsetParent: y,
+    strategy: c
+  }) : w);
+  return {
+    top: (x.top - A.top + g.top) / b.y,
+    bottom: (A.bottom - x.bottom + g.bottom) / b.y,
+    left: (x.left - A.left + g.left) / b.x,
+    right: (A.right - x.right + g.right) / b.x
+  };
+}
+const To = (e) => ({
+  name: "arrow",
+  options: e,
+  async fn(t) {
+    const {
+      x: n,
+      y: o,
+      placement: r,
+      rects: i,
+      platform: s,
+      elements: l,
+      middlewareData: c
+    } = t, {
+      element: f,
+      padding: a = 0
+    } = G(e, t) || {};
+    if (f == null)
+      return {};
+    const d = Zt(a), h = {
+      x: n,
+      y: o
+    }, u = et(r), g = Qe(u), C = await s.getDimensions(f), v = u === "y", x = v ? "top" : "left", w = v ? "bottom" : "right", y = v ? "clientHeight" : "clientWidth", b = i.reference[g] + i.reference[u] - h[u] - i.floating[g], A = h[u] - i.reference[u], R = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(f));
+    let T = R ? R[y] : 0;
+    (!T || !await (s.isElement == null ? void 0 : s.isElement(R))) && (T = l.floating[y] || i.floating[g]);
+    const O = b / 2 - A / 2, L = T / 2 - C[g] / 2 - 1, S = Q(d[x], L), D = Q(d[w], L), V = S, M = T - C[g] - D, E = T / 2 - C[g] / 2 + O, $ = ke(V, E, M), H = !c.arrow && ce(r) != null && E !== $ && i.reference[g] / 2 - (E < V ? S : D) - C[g] / 2 < 0, N = H ? E < V ? E - V : E - M : 0;
+    return {
+      [u]: h[u] + N,
+      data: {
+        [u]: $,
+        centerOffset: E - $ - N,
+        ...H && {
+          alignmentOffset: N
+        }
+      },
+      reset: H
+    };
+  }
+}), Eo = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        placement: r,
+        middlewareData: i,
+        rects: s,
+        initialPlacement: l,
+        platform: c,
+        elements: f
+      } = t, {
+        mainAxis: a = !0,
+        crossAxis: d = !0,
+        fallbackPlacements: h,
+        fallbackStrategy: u = "bestFit",
+        fallbackAxisSideDirection: g = "none",
+        flipAlignment: C = !0,
+        ...v
+      } = G(e, t);
+      if ((n = i.arrow) != null && n.alignmentOffset)
+        return {};
+      const x = X(r), w = te(l), y = X(l) === l, b = await (c.isRTL == null ? void 0 : c.isRTL(f.floating)), A = h || (y || !C ? [ye(l)] : yo(l)), R = g !== "none";
+      !h && R && A.push(...Ao(l, C, g, b));
+      const T = [l, ...A], O = await de(t, v), L = [];
+      let S = ((o = i.flip) == null ? void 0 : o.overflows) || [];
+      if (a && L.push(O[x]), d) {
+        const E = xo(r, s, b);
+        L.push(O[E[0]], O[E[1]]);
+      }
+      if (S = [...S, {
+        placement: r,
+        overflows: L
+      }], !L.every((E) => E <= 0)) {
+        var D, V;
+        const E = (((D = i.flip) == null ? void 0 : D.index) || 0) + 1, $ = T[E];
+        if ($)
+          return {
+            data: {
+              index: E,
+              overflows: S
+            },
+            reset: {
+              placement: $
+            }
+          };
+        let H = (V = S.filter((N) => N.overflows[0] <= 0).sort((N, P) => N.overflows[1] - P.overflows[1])[0]) == null ? void 0 : V.placement;
+        if (!H)
+          switch (u) {
+            case "bestFit": {
+              var M;
+              const N = (M = S.filter((P) => {
+                if (R) {
+                  const _ = te(P.placement);
+                  return _ === w || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  _ === "y";
+                }
+                return !0;
+              }).map((P) => [P.placement, P.overflows.filter((_) => _ > 0).reduce((_, z) => _ + z, 0)]).sort((P, _) => P[1] - _[1])[0]) == null ? void 0 : M[0];
+              N && (H = N);
+              break;
+            }
+            case "initialPlacement":
+              H = l;
+              break;
+          }
+        if (r !== H)
+          return {
+            reset: {
+              placement: H
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+function mt(e, t) {
+  return {
+    top: e.top - t.height,
+    right: e.right - t.width,
+    bottom: e.bottom - t.height,
+    left: e.left - t.width
+  };
+}
+function gt(e) {
+  return Co.some((t) => e[t] >= 0);
+}
+const Oo = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "hide",
+    options: e,
+    async fn(t) {
+      const {
+        rects: n
+      } = t, {
+        strategy: o = "referenceHidden",
+        ...r
+      } = G(e, t);
+      switch (o) {
+        case "referenceHidden": {
+          const i = await de(t, {
+            ...r,
+            elementContext: "reference"
+          }), s = mt(i, n.reference);
+          return {
+            data: {
+              referenceHiddenOffsets: s,
+              referenceHidden: gt(s)
+            }
+          };
+        }
+        case "escaped": {
+          const i = await de(t, {
+            ...r,
+            altBoundary: !0
+          }), s = mt(i, n.floating);
+          return {
+            data: {
+              escapedOffsets: s,
+              escaped: gt(s)
+            }
+          };
+        }
+        default:
+          return {};
+      }
+    }
+  };
+};
+async function So(e, t) {
+  const {
+    placement: n,
+    platform: o,
+    elements: r
+  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(r.floating)), s = X(n), l = ce(n), c = te(n) === "y", f = ["left", "top"].includes(s) ? -1 : 1, a = i && c ? -1 : 1, d = G(t, e);
+  let {
+    mainAxis: h,
+    crossAxis: u,
+    alignmentAxis: g
+  } = typeof d == "number" ? {
+    mainAxis: d,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: d.mainAxis || 0,
+    crossAxis: d.crossAxis || 0,
+    alignmentAxis: d.alignmentAxis
+  };
+  return l && typeof g == "number" && (u = l === "end" ? g * -1 : g), c ? {
+    x: u * a,
+    y: h * f
+  } : {
+    x: h * f,
+    y: u * a
+  };
+}
+const Mo = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        x: r,
+        y: i,
+        placement: s,
+        middlewareData: l
+      } = t, c = await So(t, e);
+      return s === ((n = l.offset) == null ? void 0 : n.placement) && (o = l.arrow) != null && o.alignmentOffset ? {} : {
+        x: r + c.x,
+        y: i + c.y,
+        data: {
+          ...c,
+          placement: s
+        }
+      };
+    }
+  };
+}, Ho = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: n,
+        y: o,
+        placement: r
+      } = t, {
+        mainAxis: i = !0,
+        crossAxis: s = !1,
+        limiter: l = {
+          fn: (v) => {
+            let {
+              x,
+              y: w
+            } = v;
+            return {
+              x,
+              y: w
+            };
+          }
+        },
+        ...c
+      } = G(e, t), f = {
+        x: n,
+        y: o
+      }, a = await de(t, c), d = te(X(r)), h = Je(d);
+      let u = f[h], g = f[d];
+      if (i) {
+        const v = h === "y" ? "top" : "left", x = h === "y" ? "bottom" : "right", w = u + a[v], y = u - a[x];
+        u = ke(w, u, y);
+      }
+      if (s) {
+        const v = d === "y" ? "top" : "left", x = d === "y" ? "bottom" : "right", w = g + a[v], y = g - a[x];
+        g = ke(w, g, y);
+      }
+      const C = l.fn({
+        ...t,
+        [h]: u,
+        [d]: g
+      });
+      return {
+        ...C,
+        data: {
+          x: C.x - n,
+          y: C.y - o,
+          enabled: {
+            [h]: i,
+            [d]: s
+          }
+        }
+      };
+    }
+  };
+}, Lo = function(e) {
+  return e === void 0 && (e = {}), {
+    options: e,
+    fn(t) {
+      const {
+        x: n,
+        y: o,
+        placement: r,
+        rects: i,
+        middlewareData: s
+      } = t, {
+        offset: l = 0,
+        mainAxis: c = !0,
+        crossAxis: f = !0
+      } = G(e, t), a = {
+        x: n,
+        y: o
+      }, d = te(r), h = Je(d);
+      let u = a[h], g = a[d];
+      const C = G(l, t), v = typeof C == "number" ? {
+        mainAxis: C,
+        crossAxis: 0
+      } : {
+        mainAxis: 0,
+        crossAxis: 0,
+        ...C
+      };
+      if (c) {
+        const y = h === "y" ? "height" : "width", b = i.reference[h] - i.floating[y] + v.mainAxis, A = i.reference[h] + i.reference[y] - v.mainAxis;
+        u < b ? u = b : u > A && (u = A);
+      }
+      if (f) {
+        var x, w;
+        const y = h === "y" ? "width" : "height", b = ["top", "left"].includes(X(r)), A = i.reference[d] - i.floating[y] + (b && ((x = s.offset) == null ? void 0 : x[d]) || 0) + (b ? 0 : v.crossAxis), R = i.reference[d] + i.reference[y] + (b ? 0 : ((w = s.offset) == null ? void 0 : w[d]) || 0) - (b ? v.crossAxis : 0);
+        g < A ? g = A : g > R && (g = R);
+      }
+      return {
+        [h]: u,
+        [d]: g
+      };
+    }
+  };
+}, No = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "size",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        placement: r,
+        rects: i,
+        platform: s,
+        elements: l
+      } = t, {
+        apply: c = () => {
+        },
+        ...f
+      } = G(e, t), a = await de(t, f), d = X(r), h = ce(r), u = te(r) === "y", {
+        width: g,
+        height: C
+      } = i.floating;
+      let v, x;
+      d === "top" || d === "bottom" ? (v = d, x = h === (await (s.isRTL == null ? void 0 : s.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (x = d, v = h === "end" ? "top" : "bottom");
+      const w = C - a.top - a.bottom, y = g - a.left - a.right, b = Q(C - a[v], w), A = Q(g - a[x], y), R = !t.middlewareData.shift;
+      let T = b, O = A;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (O = y), (o = t.middlewareData.shift) != null && o.enabled.y && (T = w), R && !h) {
+        const S = k(a.left, 0), D = k(a.right, 0), V = k(a.top, 0), M = k(a.bottom, 0);
+        u ? O = g - 2 * (S !== 0 || D !== 0 ? S + D : k(a.left, a.right)) : T = C - 2 * (V !== 0 || M !== 0 ? V + M : k(a.top, a.bottom));
+      }
+      await c({
+        ...t,
+        availableWidth: O,
+        availableHeight: T
+      });
+      const L = await s.getDimensions(l.floating);
+      return g !== L.width || C !== L.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function Ee() {
+  return typeof window < "u";
+}
+function ae(e) {
+  return Wt(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function I(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function j(e) {
+  var t;
+  return (t = (Wt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function Wt(e) {
+  return Ee() ? e instanceof Node || e instanceof I(e).Node : !1;
+}
+function Z(e) {
+  return Ee() ? e instanceof Element || e instanceof I(e).Element : !1;
+}
+function Y(e) {
+  return Ee() ? e instanceof HTMLElement || e instanceof I(e).HTMLElement : !1;
+}
+function Ct(e) {
+  return !Ee() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof I(e).ShadowRoot;
+}
+function pe(e) {
+  const {
+    overflow: t,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = W(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(r);
+}
+function _o(e) {
+  return ["table", "td", "th"].includes(ae(e));
+}
+function Oe(e) {
+  return [":popover-open", ":modal"].some((t) => {
+    try {
+      return e.matches(t);
+    } catch {
+      return !1;
+    }
+  });
+}
+function tt(e) {
+  const t = nt(), n = Z(e) ? W(e) : e;
+  return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
+}
+function Do(e) {
+  let t = ne(e);
+  for (; Y(t) && !ie(t); ) {
+    if (tt(t))
+      return t;
+    if (Oe(t))
+      return null;
+    t = ne(t);
+  }
+  return null;
+}
+function nt() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function ie(e) {
+  return ["html", "body", "#document"].includes(ae(e));
+}
+function W(e) {
+  return I(e).getComputedStyle(e);
+}
+function Se(e) {
+  return Z(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.scrollX,
+    scrollTop: e.scrollY
+  };
+}
+function ne(e) {
+  if (ae(e) === "html")
+    return e;
+  const t = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    e.assignedSlot || // DOM Element detected.
+    e.parentNode || // ShadowRoot detected.
+    Ct(e) && e.host || // Fallback.
+    j(e)
+  );
+  return Ct(t) ? t.host : t;
+}
+function zt(e) {
+  const t = ne(e);
+  return ie(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Y(t) && pe(t) ? t : zt(t);
+}
+function ue(e, t, n) {
+  var o;
+  t === void 0 && (t = []), n === void 0 && (n = !0);
+  const r = zt(e), i = r === ((o = e.ownerDocument) == null ? void 0 : o.body), s = I(r);
+  if (i) {
+    const l = $e(s);
+    return t.concat(s, s.visualViewport || [], pe(r) ? r : [], l && n ? ue(l) : []);
+  }
+  return t.concat(r, ue(r, [], n));
+}
+function $e(e) {
+  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+function Yt(e) {
+  const t = W(e);
+  let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
+  const r = Y(e), i = r ? e.offsetWidth : n, s = r ? e.offsetHeight : o, l = xe(n) !== i || xe(o) !== s;
+  return l && (n = i, o = s), {
+    width: n,
+    height: o,
+    $: l
+  };
+}
+function ot(e) {
+  return Z(e) ? e : e.contextElement;
+}
+function re(e) {
+  const t = ot(e);
+  if (!Y(t))
+    return ee(1);
+  const n = t.getBoundingClientRect(), {
+    width: o,
+    height: r,
+    $: i
+  } = Yt(t);
+  let s = (i ? xe(n.width) : n.width) / o, l = (i ? xe(n.height) : n.height) / r;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+    x: s,
+    y: l
+  };
+}
+const Vo = /* @__PURE__ */ ee(0);
+function jt(e) {
+  const t = I(e);
+  return !nt() || !t.visualViewport ? Vo : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function ko(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== I(e) ? !1 : t;
+}
+function oe(e, t, n, o) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  const r = e.getBoundingClientRect(), i = ot(e);
+  let s = ee(1);
+  t && (o ? Z(o) && (s = re(o)) : s = re(e));
+  const l = ko(i, n, o) ? jt(i) : ee(0);
+  let c = (r.left + l.x) / s.x, f = (r.top + l.y) / s.y, a = r.width / s.x, d = r.height / s.y;
+  if (i) {
+    const h = I(i), u = o && Z(o) ? I(o) : o;
+    let g = h, C = $e(g);
+    for (; C && o && u !== g; ) {
+      const v = re(C), x = C.getBoundingClientRect(), w = W(C), y = x.left + (C.clientLeft + parseFloat(w.paddingLeft)) * v.x, b = x.top + (C.clientTop + parseFloat(w.paddingTop)) * v.y;
+      c *= v.x, f *= v.y, a *= v.x, d *= v.y, c += y, f += b, g = I(C), C = $e(g);
+    }
+  }
+  return be({
+    width: a,
+    height: d,
+    x: c,
+    y: f
+  });
+}
+function Io(e) {
+  let {
+    elements: t,
+    rect: n,
+    offsetParent: o,
+    strategy: r
+  } = e;
+  const i = r === "fixed", s = j(o), l = t ? Oe(t.floating) : !1;
+  if (o === s || l && i)
+    return n;
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, f = ee(1);
+  const a = ee(0), d = Y(o);
+  if ((d || !d && !i) && ((ae(o) !== "body" || pe(s)) && (c = Se(o)), Y(o))) {
+    const h = oe(o);
+    f = re(o), a.x = h.x + o.clientLeft, a.y = h.y + o.clientTop;
+  }
+  return {
+    width: n.width * f.x,
+    height: n.height * f.y,
+    x: n.x * f.x - c.scrollLeft * f.x + a.x,
+    y: n.y * f.y - c.scrollTop * f.y + a.y
+  };
+}
+function $o(e) {
+  return Array.from(e.getClientRects());
+}
+function Fe(e, t) {
+  const n = Se(e).scrollLeft;
+  return t ? t.left + n : oe(j(e)).left + n;
+}
+function Fo(e) {
+  const t = j(e), n = Se(e), o = e.ownerDocument.body, r = k(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = k(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  let s = -n.scrollLeft + Fe(e);
+  const l = -n.scrollTop;
+  return W(o).direction === "rtl" && (s += k(t.clientWidth, o.clientWidth) - r), {
+    width: r,
+    height: i,
+    x: s,
+    y: l
+  };
+}
+function Bo(e, t) {
+  const n = I(e), o = j(e), r = n.visualViewport;
+  let i = o.clientWidth, s = o.clientHeight, l = 0, c = 0;
+  if (r) {
+    i = r.width, s = r.height;
+    const f = nt();
+    (!f || f && t === "fixed") && (l = r.offsetLeft, c = r.offsetTop);
+  }
+  return {
+    width: i,
+    height: s,
+    x: l,
+    y: c
+  };
+}
+function Zo(e, t) {
+  const n = oe(e, !0, t === "fixed"), o = n.top + e.clientTop, r = n.left + e.clientLeft, i = Y(e) ? re(e) : ee(1), s = e.clientWidth * i.x, l = e.clientHeight * i.y, c = r * i.x, f = o * i.y;
+  return {
+    width: s,
+    height: l,
+    x: c,
+    y: f
+  };
+}
+function wt(e, t, n) {
+  let o;
+  if (t === "viewport")
+    o = Bo(e, n);
+  else if (t === "document")
+    o = Fo(j(e));
+  else if (Z(t))
+    o = Zo(t, n);
+  else {
+    const r = jt(e);
+    o = {
+      ...t,
+      x: t.x - r.x,
+      y: t.y - r.y
+    };
+  }
+  return be(o);
+}
+function Gt(e, t) {
+  const n = ne(e);
+  return n === t || !Z(n) || ie(n) ? !1 : W(n).position === "fixed" || Gt(n, t);
+}
+function Wo(e, t) {
+  const n = t.get(e);
+  if (n)
+    return n;
+  let o = ue(e, [], !1).filter((l) => Z(l) && ae(l) !== "body"), r = null;
+  const i = W(e).position === "fixed";
+  let s = i ? ne(e) : e;
+  for (; Z(s) && !ie(s); ) {
+    const l = W(s), c = tt(s);
+    !c && l.position === "fixed" && (r = null), (i ? !c && !r : !c && l.position === "static" && !!r && ["absolute", "fixed"].includes(r.position) || pe(s) && !c && Gt(e, s)) ? o = o.filter((a) => a !== s) : r = l, s = ne(s);
+  }
+  return t.set(e, o), o;
+}
+function zo(e) {
+  let {
+    element: t,
+    boundary: n,
+    rootBoundary: o,
+    strategy: r
+  } = e;
+  const s = [...n === "clippingAncestors" ? Oe(t) ? [] : Wo(t, this._c) : [].concat(n), o], l = s[0], c = s.reduce((f, a) => {
+    const d = wt(t, a, r);
+    return f.top = k(d.top, f.top), f.right = Q(d.right, f.right), f.bottom = Q(d.bottom, f.bottom), f.left = k(d.left, f.left), f;
+  }, wt(t, l, r));
+  return {
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
+  };
+}
+function Yo(e) {
+  const {
+    width: t,
+    height: n
+  } = Yt(e);
+  return {
+    width: t,
+    height: n
+  };
+}
+function jo(e, t, n) {
+  const o = Y(t), r = j(t), i = n === "fixed", s = oe(e, !0, i, t);
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const c = ee(0);
+  if (o || !o && !i)
+    if ((ae(t) !== "body" || pe(r)) && (l = Se(t)), o) {
+      const u = oe(t, !0, i, t);
+      c.x = u.x + t.clientLeft, c.y = u.y + t.clientTop;
+    } else r && (c.x = Fe(r));
+  let f = 0, a = 0;
+  if (r && !o && !i) {
+    const u = r.getBoundingClientRect();
+    a = u.top + l.scrollTop, f = u.left + l.scrollLeft - // RTL <body> scrollbar.
+    Fe(r, u);
+  }
+  const d = s.left + l.scrollLeft - c.x - f, h = s.top + l.scrollTop - c.y - a;
+  return {
+    x: d,
+    y: h,
+    width: s.width,
+    height: s.height
+  };
+}
+function _e(e) {
+  return W(e).position === "static";
+}
+function vt(e, t) {
+  if (!Y(e) || W(e).position === "fixed")
+    return null;
+  if (t)
+    return t(e);
+  let n = e.offsetParent;
+  return j(e) === n && (n = n.ownerDocument.body), n;
+}
+function Xt(e, t) {
+  const n = I(e);
+  if (Oe(e))
+    return n;
+  if (!Y(e)) {
+    let r = ne(e);
+    for (; r && !ie(r); ) {
+      if (Z(r) && !_e(r))
+        return r;
+      r = ne(r);
+    }
+    return n;
+  }
+  let o = vt(e, t);
+  for (; o && _o(o) && _e(o); )
+    o = vt(o, t);
+  return o && ie(o) && _e(o) && !tt(o) ? n : o || Do(e) || n;
+}
+const Go = async function(e) {
+  const t = this.getOffsetParent || Xt, n = this.getDimensions, o = await n(e.floating);
+  return {
+    reference: jo(e.reference, await t(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function Xo(e) {
+  return W(e).direction === "rtl";
+}
+const Ko = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Io,
+  getDocumentElement: j,
+  getClippingRect: zo,
+  getOffsetParent: Xt,
+  getElementRects: Go,
+  getClientRects: $o,
+  getDimensions: Yo,
+  getScale: re,
+  isElement: Z,
+  isRTL: Xo
+};
+function Uo(e, t) {
+  let n = null, o;
+  const r = j(e);
+  function i() {
+    var l;
+    clearTimeout(o), (l = n) == null || l.disconnect(), n = null;
+  }
+  function s(l, c) {
+    l === void 0 && (l = !1), c === void 0 && (c = 1), i();
+    const {
+      left: f,
+      top: a,
+      width: d,
+      height: h
+    } = e.getBoundingClientRect();
+    if (l || t(), !d || !h)
+      return;
+    const u = ge(a), g = ge(r.clientWidth - (f + d)), C = ge(r.clientHeight - (a + h)), v = ge(f), w = {
+      rootMargin: -u + "px " + -g + "px " + -C + "px " + -v + "px",
+      threshold: k(0, Q(1, c)) || 1
+    };
+    let y = !0;
+    function b(A) {
+      const R = A[0].intersectionRatio;
+      if (R !== c) {
+        if (!y)
+          return s();
+        R ? s(!1, R) : o = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      y = !1;
+    }
+    try {
+      n = new IntersectionObserver(b, {
+        ...w,
+        // Handle <iframe>s
+        root: r.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(b, w);
+    }
+    n.observe(e);
+  }
+  return s(!0), i;
+}
+function qo(e, t, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: r = !0,
+    ancestorResize: i = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: l = typeof IntersectionObserver == "function",
+    animationFrame: c = !1
+  } = o, f = ot(e), a = r || i ? [...f ? ue(f) : [], ...ue(t)] : [];
+  a.forEach((x) => {
+    r && x.addEventListener("scroll", n, {
+      passive: !0
+    }), i && x.addEventListener("resize", n);
+  });
+  const d = f && l ? Uo(f, n) : null;
+  let h = -1, u = null;
+  s && (u = new ResizeObserver((x) => {
+    let [w] = x;
+    w && w.target === f && u && (u.unobserve(t), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+      var y;
+      (y = u) == null || y.observe(t);
+    })), n();
+  }), f && !c && u.observe(f), u.observe(t));
+  let g, C = c ? oe(e) : null;
+  c && v();
+  function v() {
+    const x = oe(e);
+    C && (x.x !== C.x || x.y !== C.y || x.width !== C.width || x.height !== C.height) && n(), C = x, g = requestAnimationFrame(v);
+  }
+  return n(), () => {
+    var x;
+    a.forEach((w) => {
+      r && w.removeEventListener("scroll", n), i && w.removeEventListener("resize", n);
+    }), d == null || d(), (x = u) == null || x.disconnect(), u = null, c && cancelAnimationFrame(g);
+  };
+}
+const Jo = Mo, Qo = Ho, er = Eo, tr = No, nr = Oo, xt = To, or = Lo, rr = (e, t, n) => {
+  const o = /* @__PURE__ */ new Map(), r = {
+    platform: Ko,
+    ...n
+  }, i = {
+    ...r.platform,
+    _c: o
+  };
+  return Po(e, t, {
+    ...r,
+    platform: i
+  });
+};
+var Ce = typeof document < "u" ? Ln : Nn;
+function Ae(e, t) {
+  if (e === t)
+    return !0;
+  if (typeof e != typeof t)
+    return !1;
+  if (typeof e == "function" && e.toString() === t.toString())
+    return !0;
+  let n, o, r;
+  if (e && t && typeof e == "object") {
+    if (Array.isArray(e)) {
+      if (n = e.length, n !== t.length) return !1;
+      for (o = n; o-- !== 0; )
+        if (!Ae(e[o], t[o]))
+          return !1;
+      return !0;
+    }
+    if (r = Object.keys(e), n = r.length, n !== Object.keys(t).length)
+      return !1;
+    for (o = n; o-- !== 0; )
+      if (!{}.hasOwnProperty.call(t, r[o]))
+        return !1;
+    for (o = n; o-- !== 0; ) {
+      const i = r[o];
+      if (!(i === "_owner" && e.$$typeof) && !Ae(e[i], t[i]))
+        return !1;
+    }
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+function Kt(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function yt(e, t) {
+  const n = Kt(e);
+  return Math.round(t * n) / n;
+}
+function De(e) {
+  const t = m.useRef(e);
+  return Ce(() => {
+    t.current = e;
+  }), t;
+}
+function ir(e) {
+  e === void 0 && (e = {});
+  const {
+    placement: t = "bottom",
+    strategy: n = "absolute",
+    middleware: o = [],
+    platform: r,
+    elements: {
+      reference: i,
+      floating: s
+    } = {},
+    transform: l = !0,
+    whileElementsMounted: c,
+    open: f
+  } = e, [a, d] = m.useState({
+    x: 0,
+    y: 0,
+    strategy: n,
+    placement: t,
+    middlewareData: {},
+    isPositioned: !1
+  }), [h, u] = m.useState(o);
+  Ae(h, o) || u(o);
+  const [g, C] = m.useState(null), [v, x] = m.useState(null), w = m.useCallback((P) => {
+    P !== R.current && (R.current = P, C(P));
+  }, []), y = m.useCallback((P) => {
+    P !== T.current && (T.current = P, x(P));
+  }, []), b = i || g, A = s || v, R = m.useRef(null), T = m.useRef(null), O = m.useRef(a), L = c != null, S = De(c), D = De(r), V = De(f), M = m.useCallback(() => {
+    if (!R.current || !T.current)
+      return;
+    const P = {
+      placement: t,
+      strategy: n,
+      middleware: h
+    };
+    D.current && (P.platform = D.current), rr(R.current, T.current, P).then((_) => {
+      const z = {
+        ..._,
+        // The floating element's position may be recomputed while it's closed
+        // but still mounted (such as when transitioning out). To ensure
+        // `isPositioned` will be `false` initially on the next open, avoid
+        // setting it to `true` when `open === false` (must be specified).
+        isPositioned: V.current !== !1
+      };
+      E.current && !Ae(O.current, z) && (O.current = z, _n.flushSync(() => {
+        d(z);
+      }));
+    });
+  }, [h, t, n, D, V]);
+  Ce(() => {
+    f === !1 && O.current.isPositioned && (O.current.isPositioned = !1, d((P) => ({
+      ...P,
+      isPositioned: !1
+    })));
+  }, [f]);
+  const E = m.useRef(!1);
+  Ce(() => (E.current = !0, () => {
+    E.current = !1;
+  }), []), Ce(() => {
+    if (b && (R.current = b), A && (T.current = A), b && A) {
+      if (S.current)
+        return S.current(b, A, M);
+      M();
+    }
+  }, [b, A, M, S, L]);
+  const $ = m.useMemo(() => ({
+    reference: R,
+    floating: T,
+    setReference: w,
+    setFloating: y
+  }), [w, y]), H = m.useMemo(() => ({
+    reference: b,
+    floating: A
+  }), [b, A]), N = m.useMemo(() => {
+    const P = {
+      position: n,
+      left: 0,
+      top: 0
+    };
+    if (!H.floating)
+      return P;
+    const _ = yt(H.floating, a.x), z = yt(H.floating, a.y);
+    return l ? {
+      ...P,
+      transform: "translate(" + _ + "px, " + z + "px)",
+      ...Kt(H.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: n,
+      left: _,
+      top: z
+    };
+  }, [n, l, H.floating, a.x, a.y]);
+  return m.useMemo(() => ({
+    ...a,
+    update: M,
+    refs: $,
+    elements: H,
+    floatingStyles: N
+  }), [a, M, $, H, N]);
+}
+const sr = (e) => {
+  function t(n) {
+    return {}.hasOwnProperty.call(n, "current");
+  }
+  return {
+    name: "arrow",
+    options: e,
+    fn(n) {
+      const {
+        element: o,
+        padding: r
+      } = typeof e == "function" ? e(n) : e;
+      return o && t(o) ? o.current != null ? xt({
+        element: o.current,
+        padding: r
+      }).fn(n) : {} : o ? xt({
+        element: o,
+        padding: r
+      }).fn(n) : {};
+    }
+  };
+}, lr = (e, t) => ({
+  ...Jo(e),
+  options: [e, t]
+}), cr = (e, t) => ({
+  ...Qo(e),
+  options: [e, t]
+}), ar = (e, t) => ({
+  ...or(e),
+  options: [e, t]
+}), fr = (e, t) => ({
+  ...er(e),
+  options: [e, t]
+}), dr = (e, t) => ({
+  ...tr(e),
+  options: [e, t]
+}), ur = (e, t) => ({
+  ...nr(e),
+  options: [e, t]
+}), pr = (e, t) => ({
+  ...sr(e),
+  options: [e, t]
+});
+var hr = "Arrow", Ut = m.forwardRef((e, t) => {
+  const { children: n, width: o = 10, height: r = 5, ...i } = e;
+  return /* @__PURE__ */ p(
+    K.svg,
+    {
+      ...i,
+      ref: t,
+      width: o,
+      height: r,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: e.asChild ? n : /* @__PURE__ */ p("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+Ut.displayName = hr;
+var mr = Ut;
+function gr(e, t = []) {
+  let n = [];
+  function o(i, s) {
+    const l = m.createContext(s), c = n.length;
+    n = [...n, s];
+    function f(d) {
+      const { scope: h, children: u, ...g } = d, C = (h == null ? void 0 : h[e][c]) || l, v = m.useMemo(() => g, Object.values(g));
+      return /* @__PURE__ */ p(C.Provider, { value: v, children: u });
+    }
+    function a(d, h) {
+      const u = (h == null ? void 0 : h[e][c]) || l, g = m.useContext(u);
+      if (g) return g;
+      if (s !== void 0) return s;
+      throw new Error(`\`${d}\` must be used within \`${i}\``);
+    }
+    return f.displayName = i + "Provider", [f, a];
+  }
+  const r = () => {
+    const i = n.map((s) => m.createContext(s));
+    return function(l) {
+      const c = (l == null ? void 0 : l[e]) || i;
+      return m.useMemo(
+        () => ({ [`__scope${e}`]: { ...l, [e]: c } }),
+        [l, c]
+      );
+    };
+  };
+  return r.scopeName = e, [o, Cr(r, ...t)];
+}
+function Cr(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const o = e.map((r) => ({
+      useScope: r(),
+      scopeName: r.scopeName
+    }));
+    return function(i) {
+      const s = o.reduce((l, { useScope: c, scopeName: f }) => {
+        const d = c(i)[`__scope${f}`];
+        return { ...l, ...d };
+      }, {});
+      return m.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+function wr(e) {
+  const [t, n] = m.useState(void 0);
+  return we(() => {
+    if (e) {
+      n({ width: e.offsetWidth, height: e.offsetHeight });
+      const o = new ResizeObserver((r) => {
+        if (!Array.isArray(r) || !r.length)
+          return;
+        const i = r[0];
+        let s, l;
+        if ("borderBoxSize" in i) {
+          const c = i.borderBoxSize, f = Array.isArray(c) ? c[0] : c;
+          s = f.inlineSize, l = f.blockSize;
+        } else
+          s = e.offsetWidth, l = e.offsetHeight;
+        n({ width: s, height: l });
+      });
+      return o.observe(e, { box: "border-box" }), () => o.unobserve(e);
+    } else
+      n(void 0);
+  }, [e]), t;
+}
+var rt = "Popper", [qt, Jt] = gr(rt), [vr, Qt] = qt(rt), en = (e) => {
+  const { __scopePopper: t, children: n } = e, [o, r] = m.useState(null);
+  return /* @__PURE__ */ p(vr, { scope: t, anchor: o, onAnchorChange: r, children: n });
+};
+en.displayName = rt;
+var tn = "PopperAnchor", nn = m.forwardRef(
+  (e, t) => {
+    const { __scopePopper: n, virtualRef: o, ...r } = e, i = Qt(tn, n), s = m.useRef(null), l = le(t, s);
+    return m.useEffect(() => {
+      i.onAnchorChange((o == null ? void 0 : o.current) || s.current);
+    }), o ? null : /* @__PURE__ */ p(K.div, { ...r, ref: l });
+  }
+);
+nn.displayName = tn;
+var it = "PopperContent", [xr, yr] = qt(it), on = m.forwardRef(
+  (e, t) => {
+    var lt, ct, at, ft, dt, ut;
+    const {
+      __scopePopper: n,
+      side: o = "bottom",
+      sideOffset: r = 0,
+      align: i = "center",
+      alignOffset: s = 0,
+      arrowPadding: l = 0,
+      avoidCollisions: c = !0,
+      collisionBoundary: f = [],
+      collisionPadding: a = 0,
+      sticky: d = "partial",
+      hideWhenDetached: h = !1,
+      updatePositionStrategy: u = "optimized",
+      onPlaced: g,
+      ...C
+    } = e, v = Qt(it, n), [x, w] = m.useState(null), y = le(t, (fe) => w(fe)), [b, A] = m.useState(null), R = wr(b), T = (R == null ? void 0 : R.width) ?? 0, O = (R == null ? void 0 : R.height) ?? 0, L = o + (i !== "center" ? "-" + i : ""), S = typeof a == "number" ? a : { top: 0, right: 0, bottom: 0, left: 0, ...a }, D = Array.isArray(f) ? f : [f], V = D.length > 0, M = {
+      padding: S,
+      boundary: D.filter(Ar),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: V
+    }, { refs: E, floatingStyles: $, placement: H, isPositioned: N, middlewareData: P } = ir({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: L,
+      whileElementsMounted: (...fe) => qo(...fe, {
+        animationFrame: u === "always"
+      }),
+      elements: {
+        reference: v.anchor
+      },
+      middleware: [
+        lr({ mainAxis: r + O, alignmentAxis: s }),
+        c && cr({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: d === "partial" ? ar() : void 0,
+          ...M
+        }),
+        c && fr({ ...M }),
+        dr({
+          ...M,
+          apply: ({ elements: fe, rects: pt, availableWidth: bn, availableHeight: An }) => {
+            const { width: Rn, height: Pn } = pt.reference, me = fe.floating.style;
+            me.setProperty("--radix-popper-available-width", `${bn}px`), me.setProperty("--radix-popper-available-height", `${An}px`), me.setProperty("--radix-popper-anchor-width", `${Rn}px`), me.setProperty("--radix-popper-anchor-height", `${Pn}px`);
+          }
+        }),
+        b && pr({ element: b, padding: l }),
+        Rr({ arrowWidth: T, arrowHeight: O }),
+        h && ur({ strategy: "referenceHidden", ...M })
+      ]
+    }), [_, z] = ln(H), he = On(g);
+    we(() => {
+      N && (he == null || he());
+    }, [N, he]);
+    const Cn = (lt = P.arrow) == null ? void 0 : lt.x, wn = (ct = P.arrow) == null ? void 0 : ct.y, vn = ((at = P.arrow) == null ? void 0 : at.centerOffset) !== 0, [xn, yn] = m.useState();
+    return we(() => {
+      x && yn(window.getComputedStyle(x).zIndex);
+    }, [x]), /* @__PURE__ */ p(
+      "div",
+      {
+        ref: E.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...$,
+          transform: N ? $.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: xn,
+          "--radix-popper-transform-origin": [
+            (ft = P.transformOrigin) == null ? void 0 : ft.x,
+            (dt = P.transformOrigin) == null ? void 0 : dt.y
+          ].join(" "),
+          // hide the content if using the hide middleware and should be hidden
+          // set visibility to hidden and disable pointer events so the UI behaves
+          // as if the PopperContent isn't there at all
+          ...((ut = P.hide) == null ? void 0 : ut.referenceHidden) && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: e.dir,
+        children: /* @__PURE__ */ p(
+          xr,
+          {
+            scope: n,
+            placedSide: _,
+            onArrowChange: A,
+            arrowX: Cn,
+            arrowY: wn,
+            shouldHideArrow: vn,
+            children: /* @__PURE__ */ p(
+              K.div,
+              {
+                "data-side": _,
+                "data-align": z,
+                ...C,
+                ref: y,
+                style: {
+                  ...C.style,
+                  // if the PopperContent hasn't been placed yet (not all measurements done)
+                  // we prevent animations so that users's animation don't kick in too early referring wrong sides
+                  animation: N ? void 0 : "none"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+on.displayName = it;
+var rn = "PopperArrow", br = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, sn = m.forwardRef(function(t, n) {
+  const { __scopePopper: o, ...r } = t, i = yr(rn, o), s = br[i.placedSide];
+  return (
+    // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
+    // doesn't report size as we'd expect on SVG elements.
+    // it reports their bounding box which is effectively the largest path inside the SVG.
+    /* @__PURE__ */ p(
+      "span",
+      {
+        ref: i.onArrowChange,
+        style: {
+          position: "absolute",
+          left: i.arrowX,
+          top: i.arrowY,
+          [s]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[i.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[i.placedSide],
+          visibility: i.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ p(
+          mr,
+          {
+            ...r,
+            ref: n,
+            style: {
+              ...r.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+sn.displayName = rn;
+function Ar(e) {
+  return e !== null;
+}
+var Rr = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(t) {
+    var v, x, w;
+    const { placement: n, rects: o, middlewareData: r } = t, s = ((v = r.arrow) == null ? void 0 : v.centerOffset) !== 0, l = s ? 0 : e.arrowWidth, c = s ? 0 : e.arrowHeight, [f, a] = ln(n), d = { start: "0%", center: "50%", end: "100%" }[a], h = (((x = r.arrow) == null ? void 0 : x.x) ?? 0) + l / 2, u = (((w = r.arrow) == null ? void 0 : w.y) ?? 0) + c / 2;
+    let g = "", C = "";
+    return f === "bottom" ? (g = s ? d : `${h}px`, C = `${-c}px`) : f === "top" ? (g = s ? d : `${h}px`, C = `${o.floating.height + c}px`) : f === "right" ? (g = `${-c}px`, C = s ? d : `${u}px`) : f === "left" && (g = `${o.floating.width + c}px`, C = s ? d : `${u}px`), { data: { x: g, y: C } };
+  }
+});
+function ln(e) {
+  const [t, n = "center"] = e.split("-");
+  return [t, n];
+}
+var Pr = en, Tr = nn, Er = on, Or = sn, [Me, oi] = We("Tooltip", [
+  Jt
+]), He = Jt(), cn = "TooltipProvider", Sr = 700, Be = "tooltip.open", [Mr, st] = Me(cn), an = (e) => {
+  const {
+    __scopeTooltip: t,
+    delayDuration: n = Sr,
+    skipDelayDuration: o = 300,
+    disableHoverableContent: r = !1,
+    children: i
+  } = e, [s, l] = m.useState(!0), c = m.useRef(!1), f = m.useRef(0);
+  return m.useEffect(() => {
+    const a = f.current;
+    return () => window.clearTimeout(a);
+  }, []), /* @__PURE__ */ p(
+    Mr,
+    {
+      scope: t,
+      isOpenDelayed: s,
+      delayDuration: n,
+      onOpen: m.useCallback(() => {
+        window.clearTimeout(f.current), l(!1);
+      }, []),
+      onClose: m.useCallback(() => {
+        window.clearTimeout(f.current), f.current = window.setTimeout(
+          () => l(!0),
+          o
+        );
+      }, [o]),
+      isPointerInTransitRef: c,
+      onPointerInTransitChange: m.useCallback((a) => {
+        c.current = a;
+      }, []),
+      disableHoverableContent: r,
+      children: i
+    }
+  );
+};
+an.displayName = cn;
+var Le = "Tooltip", [Hr, Ne] = Me(Le), fn = (e) => {
+  const {
+    __scopeTooltip: t,
+    children: n,
+    open: o,
+    defaultOpen: r = !1,
+    onOpenChange: i,
+    disableHoverableContent: s,
+    delayDuration: l
+  } = e, c = st(Le, e.__scopeTooltip), f = He(t), [a, d] = m.useState(null), h = ze(), u = m.useRef(0), g = s ?? c.disableHoverableContent, C = l ?? c.delayDuration, v = m.useRef(!1), [x = !1, w] = Re({
+    prop: o,
+    defaultProp: r,
+    onChange: (T) => {
+      T ? (c.onOpen(), document.dispatchEvent(new CustomEvent(Be))) : c.onClose(), i == null || i(T);
+    }
+  }), y = m.useMemo(() => x ? v.current ? "delayed-open" : "instant-open" : "closed", [x]), b = m.useCallback(() => {
+    window.clearTimeout(u.current), v.current = !1, w(!0);
+  }, [w]), A = m.useCallback(() => {
+    window.clearTimeout(u.current), w(!1);
+  }, [w]), R = m.useCallback(() => {
+    window.clearTimeout(u.current), u.current = window.setTimeout(() => {
+      v.current = !0, w(!0);
+    }, C);
+  }, [C, w]);
+  return m.useEffect(() => () => window.clearTimeout(u.current), []), /* @__PURE__ */ p(Pr, { ...f, children: /* @__PURE__ */ p(
+    Hr,
+    {
+      scope: t,
+      contentId: h,
+      open: x,
+      stateAttribute: y,
+      trigger: a,
+      onTriggerChange: d,
+      onTriggerEnter: m.useCallback(() => {
+        c.isOpenDelayed ? R() : b();
+      }, [c.isOpenDelayed, R, b]),
+      onTriggerLeave: m.useCallback(() => {
+        g ? A() : window.clearTimeout(u.current);
+      }, [A, g]),
+      onOpen: b,
+      onClose: A,
+      disableHoverableContent: g,
+      children: n
+    }
+  ) });
+};
+fn.displayName = Le;
+var Ze = "TooltipTrigger", dn = m.forwardRef(
+  (e, t) => {
+    const { __scopeTooltip: n, ...o } = e, r = Ne(Ze, n), i = st(Ze, n), s = He(n), l = m.useRef(null), c = le(t, l, r.onTriggerChange), f = m.useRef(!1), a = m.useRef(!1), d = m.useCallback(() => f.current = !1, []);
+    return m.useEffect(() => () => document.removeEventListener("pointerup", d), [d]), /* @__PURE__ */ p(Tr, { asChild: !0, ...s, children: /* @__PURE__ */ p(
+      K.button,
+      {
+        "aria-describedby": r.open ? r.contentId : void 0,
+        "data-state": r.stateAttribute,
+        ...o,
+        ref: c,
+        onPointerMove: q(e.onPointerMove, (h) => {
+          h.pointerType !== "touch" && !a.current && !i.isPointerInTransitRef.current && (r.onTriggerEnter(), a.current = !0);
+        }),
+        onPointerLeave: q(e.onPointerLeave, () => {
+          r.onTriggerLeave(), a.current = !1;
+        }),
+        onPointerDown: q(e.onPointerDown, () => {
+          f.current = !0, document.addEventListener("pointerup", d, { once: !0 });
+        }),
+        onFocus: q(e.onFocus, () => {
+          f.current || r.onOpen();
+        }),
+        onBlur: q(e.onBlur, r.onClose),
+        onClick: q(e.onClick, r.onClose)
+      }
+    ) });
+  }
+);
+dn.displayName = Ze;
+var Lr = "TooltipPortal", [ri, Nr] = Me(Lr, {
+  forceMount: void 0
+}), se = "TooltipContent", un = m.forwardRef(
+  (e, t) => {
+    const n = Nr(se, e.__scopeTooltip), { forceMount: o = n.forceMount, side: r = "top", ...i } = e, s = Ne(se, e.__scopeTooltip);
+    return /* @__PURE__ */ p(At, { present: o || s.open, children: s.disableHoverableContent ? /* @__PURE__ */ p(pn, { side: r, ...i, ref: t }) : /* @__PURE__ */ p(_r, { side: r, ...i, ref: t }) });
+  }
+), _r = m.forwardRef((e, t) => {
+  const n = Ne(se, e.__scopeTooltip), o = st(se, e.__scopeTooltip), r = m.useRef(null), i = le(t, r), [s, l] = m.useState(null), { trigger: c, onClose: f } = n, a = r.current, { onPointerInTransitChange: d } = o, h = m.useCallback(() => {
+    l(null), d(!1);
+  }, [d]), u = m.useCallback(
+    (g, C) => {
+      const v = g.currentTarget, x = { x: g.clientX, y: g.clientY }, w = Ir(x, v.getBoundingClientRect()), y = $r(x, w), b = Fr(C.getBoundingClientRect()), A = Zr([...y, ...b]);
+      l(A), d(!0);
+    },
+    [d]
+  );
+  return m.useEffect(() => () => h(), [h]), m.useEffect(() => {
+    if (c && a) {
+      const g = (v) => u(v, a), C = (v) => u(v, c);
+      return c.addEventListener("pointerleave", g), a.addEventListener("pointerleave", C), () => {
+        c.removeEventListener("pointerleave", g), a.removeEventListener("pointerleave", C);
+      };
+    }
+  }, [c, a, u, h]), m.useEffect(() => {
+    if (s) {
+      const g = (C) => {
+        const v = C.target, x = { x: C.clientX, y: C.clientY }, w = (c == null ? void 0 : c.contains(v)) || (a == null ? void 0 : a.contains(v)), y = !Br(x, s);
+        w ? h() : y && (h(), f());
+      };
+      return document.addEventListener("pointermove", g), () => document.removeEventListener("pointermove", g);
+    }
+  }, [c, a, s, f, h]), /* @__PURE__ */ p(pn, { ...e, ref: i });
+}), [Dr, Vr] = Me(Le, { isInside: !1 }), pn = m.forwardRef(
+  (e, t) => {
+    const {
+      __scopeTooltip: n,
+      children: o,
+      "aria-label": r,
+      onEscapeKeyDown: i,
+      onPointerDownOutside: s,
+      ...l
+    } = e, c = Ne(se, n), f = He(n), { onClose: a } = c;
+    return m.useEffect(() => (document.addEventListener(Be, a), () => document.removeEventListener(Be, a)), [a]), m.useEffect(() => {
+      if (c.trigger) {
+        const d = (h) => {
+          const u = h.target;
+          u != null && u.contains(c.trigger) && a();
+        };
+        return window.addEventListener("scroll", d, { capture: !0 }), () => window.removeEventListener("scroll", d, { capture: !0 });
+      }
+    }, [c.trigger, a]), /* @__PURE__ */ p(
+      Sn,
+      {
+        asChild: !0,
+        disableOutsidePointerEvents: !1,
+        onEscapeKeyDown: i,
+        onPointerDownOutside: s,
+        onFocusOutside: (d) => d.preventDefault(),
+        onDismiss: a,
+        children: /* @__PURE__ */ B(
+          Er,
+          {
+            "data-state": c.stateAttribute,
+            ...f,
+            ...l,
+            ref: t,
+            style: {
+              ...l.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__ */ p(Mn, { children: o }),
+              /* @__PURE__ */ p(Dr, { scope: n, isInside: !0, children: /* @__PURE__ */ p(Hn, { id: c.contentId, role: "tooltip", children: r || o }) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+un.displayName = se;
+var hn = "TooltipArrow", kr = m.forwardRef(
+  (e, t) => {
+    const { __scopeTooltip: n, ...o } = e, r = He(n);
+    return Vr(
+      hn,
+      n
+    ).isInside ? null : /* @__PURE__ */ p(Or, { ...r, ...o, ref: t });
+  }
+);
+kr.displayName = hn;
+function Ir(e, t) {
+  const n = Math.abs(t.top - e.y), o = Math.abs(t.bottom - e.y), r = Math.abs(t.right - e.x), i = Math.abs(t.left - e.x);
+  switch (Math.min(n, o, r, i)) {
+    case i:
+      return "left";
+    case r:
+      return "right";
+    case n:
+      return "top";
+    case o:
+      return "bottom";
+    default:
+      throw new Error("unreachable");
+  }
+}
+function $r(e, t, n = 5) {
+  const o = [];
+  switch (t) {
+    case "top":
+      o.push(
+        { x: e.x - n, y: e.y + n },
+        { x: e.x + n, y: e.y + n }
+      );
+      break;
+    case "bottom":
+      o.push(
+        { x: e.x - n, y: e.y - n },
+        { x: e.x + n, y: e.y - n }
+      );
+      break;
+    case "left":
+      o.push(
+        { x: e.x + n, y: e.y - n },
+        { x: e.x + n, y: e.y + n }
+      );
+      break;
+    case "right":
+      o.push(
+        { x: e.x - n, y: e.y - n },
+        { x: e.x - n, y: e.y + n }
+      );
+      break;
+  }
+  return o;
+}
+function Fr(e) {
+  const { top: t, right: n, bottom: o, left: r } = e;
+  return [
+    { x: r, y: t },
+    { x: n, y: t },
+    { x: n, y: o },
+    { x: r, y: o }
+  ];
+}
+function Br(e, t) {
+  const { x: n, y: o } = e;
+  let r = !1;
+  for (let i = 0, s = t.length - 1; i < t.length; s = i++) {
+    const l = t[i].x, c = t[i].y, f = t[s].x, a = t[s].y;
+    c > o != a > o && n < (f - l) * (o - c) / (a - c) + l && (r = !r);
+  }
+  return r;
+}
+function Zr(e) {
+  const t = e.slice();
+  return t.sort((n, o) => n.x < o.x ? -1 : n.x > o.x ? 1 : n.y < o.y ? -1 : n.y > o.y ? 1 : 0), Wr(t);
+}
+function Wr(e) {
+  if (e.length <= 1) return e.slice();
+  const t = [];
+  for (let o = 0; o < e.length; o++) {
+    const r = e[o];
+    for (; t.length >= 2; ) {
+      const i = t[t.length - 1], s = t[t.length - 2];
+      if ((i.x - s.x) * (r.y - s.y) >= (i.y - s.y) * (r.x - s.x)) t.pop();
+      else break;
+    }
+    t.push(r);
+  }
+  t.pop();
+  const n = [];
+  for (let o = e.length - 1; o >= 0; o--) {
+    const r = e[o];
+    for (; n.length >= 2; ) {
+      const i = n[n.length - 1], s = n[n.length - 2];
+      if ((i.x - s.x) * (r.y - s.y) >= (i.y - s.y) * (r.x - s.x)) n.pop();
+      else break;
+    }
+    n.push(r);
+  }
+  return n.pop(), t.length === 1 && n.length === 1 && t[0].x === n[0].x && t[0].y === n[0].y ? t : t.concat(n);
+}
+var zr = an, Yr = fn, jr = dn, mn = un;
+const ii = zr, Gr = Yr, Xr = jr, gn = m.forwardRef(({ className: e, variant: t = "primary", size: n = "pc", position: o = "top-center", arrow: r = !0, sideOffset: i = 8, icLeft: s, icRight: l, ...c }, f) => {
+  const a = {
+    primary: "bg-main-600 text-white",
+    secondary: "bg-grey-800 text-grey-50"
+  }, d = {
+    pc: "p-2 text-sm",
+    mobile: "p-2 text-[13px]"
+  }, h = {
+    "top-left": { classes: "absolute left-3 top-full transform -translate-y-2 -translate-x-1/2", side: "top", align: "start" },
+    "top-center": { classes: "absolute left-1/2 top-full transform -translate-y-2 -translate-x-1/2", side: "top", align: "center" },
+    "top-right": { classes: "absolute right-3 top-full transform -translate-y-2 -translate-x-1/2", side: "top", align: "end" },
+    "bottom-left": { classes: "absolute left-3 top-auto bottom-full transform translate-y-2 -translate-x-1/2", side: "bottom", align: "start" },
+    "bottom-center": { classes: "absolute left-1/2 top-auto bottom-full transform translate-y-2 -translate-x-1/2", side: "bottom", align: "center" },
+    "bottom-right": { classes: "absolute right-3 top-auto bottom-full transform translate-y-2 -translate-x-1/2", side: "bottom", align: "end" }
+  }[o];
+  return /* @__PURE__ */ B(
+    mn,
+    {
+      ref: f,
+      avoidCollisions: !1,
+      sideOffset: i,
+      side: h.side,
+      align: h.align,
+      className: J("relative z-50 rounded-lg my-1"),
+      ...c,
+      children: [
+        r && /* @__PURE__ */ p("div", { className: J("z-0 w-3 h-3 bg-main-600 opacity-90 rotate-45 rounded-[2px]", a[t], h.classes) }),
+        /* @__PURE__ */ p("div", { className: "absolute z-10 inset-0 bg-white" }),
+        /* @__PURE__ */ B("div", { className: J("relative z-20 flex items-center font-normal bg-opacity-90 rounded", a[t], d[n]), children: [
+          s && /* @__PURE__ */ p("span", { className: "mr-1", children: s }),
+          /* @__PURE__ */ p("span", { children: c.children }),
+          l && /* @__PURE__ */ p("span", { className: "ml-1", children: l })
+        ] })
+      ]
+    }
+  );
+});
+gn.displayName = mn.displayName;
+const si = ({
+  tooltipLabel: e,
+  variant: t,
+  size: n,
+  children: o,
+  icLeft: r,
+  icRight: i,
+  position: s,
+  arrow: l = !0
+  // 기본값으로 화살표 표시
+}) => /* @__PURE__ */ B(Gr, { delayDuration: 500, children: [
+  /* @__PURE__ */ p(Xr, { asChild: !0, children: o }),
+  /* @__PURE__ */ p(gn, { variant: t, size: n, icLeft: r, icRight: i, arrow: l, position: s, children: e })
+] });
+export {
+  ti as A,
+  ro as I,
+  ni as S,
+  si as T,
+  oo as a,
+  to as b,
+  no as c,
+  ii as d
+};