@calcom/atoms 2.3.7 → 2.4.0

package/dist/Tips-E0k56f-y.js

@@ -1,789 +0,0 @@
-import { jsxs as k, jsx as f, Fragment as Le } from "react/jsx-runtime";
-import { aH as Ve, aI as qe, aJ as B, aK as Ge, aL as Me, aM as je, aN as Qe, aC as ze, ap as We, z as v, B as De, aO as Ze, o as He, aP as Je, aQ as q, ao as j, aR as Ye } from "./index-taOlstL2.js";
-import { memo as Xe, useState as $e } from "react";
-var C, ee;
-function Be() {
-  if (ee) return C;
-  ee = 1;
-  function t(a, r) {
-    var e = -1, i = a.length;
-    for (r || (r = Array(i)); ++e < i; )
-      r[e] = a[e];
-    return r;
-  }
-  return C = t, C;
-}
-var I, re;
-function er() {
-  if (re) return I;
-  re = 1;
-  var t = Math.floor, a = Math.random;
-  function r(e, i) {
-    return e + t(a() * (i - e + 1));
-  }
-  return I = r, I;
-}
-var S, te;
-function Ce() {
-  if (te) return S;
-  te = 1;
-  var t = er();
-  function a(r, e) {
-    var i = -1, s = r.length, c = s - 1;
-    for (e = e === void 0 ? s : e; ++i < e; ) {
-      var u = t(i, c), n = r[u];
-      r[u] = r[i], r[i] = n;
-    }
-    return r.length = e, r;
-  }
-  return S = a, S;
-}
-var R, ie;
-function rr() {
-  if (ie) return R;
-  ie = 1;
-  var t = Be(), a = Ce();
-  function r(e) {
-    return a(t(e));
-  }
-  return R = r, R;
-}
-var N, ae;
-function tr() {
-  if (ae) return N;
-  ae = 1;
-  var t = Ve();
-  function a(r, e) {
-    return t(e, function(i) {
-      return r[i];
-    });
-  }
-  return N = a, N;
-}
-var U, se;
-function ir() {
-  if (se) return U;
-  se = 1;
-  function t(a, r) {
-    for (var e = -1, i = Array(a); ++e < a; )
-      i[e] = r(e);
-    return i;
-  }
-  return U = t, U;
-}
-var O, ne;
-function ar() {
-  if (ne) return O;
-  ne = 1;
-  var t = qe(), a = B(), r = "[object Arguments]";
-  function e(i) {
-    return a(i) && t(i) == r;
-  }
-  return O = e, O;
-}
-var E, oe;
-function sr() {
-  if (oe) return E;
-  oe = 1;
-  var t = ar(), a = B(), r = Object.prototype, e = r.hasOwnProperty, i = r.propertyIsEnumerable, s = t(/* @__PURE__ */ (function() {
-    return arguments;
-  })()) ? t : function(c) {
-    return a(c) && e.call(c, "callee") && !i.call(c, "callee");
-  };
-  return E = s, E;
-}
-var _ = { exports: {} }, K, ue;
-function nr() {
-  if (ue) return K;
-  ue = 1;
-  function t() {
-    return !1;
-  }
-  return K = t, K;
-}
-_.exports;
-var ce;
-function or() {
-  return ce || (ce = 1, (function(t, a) {
-    var r = Ge(), e = nr(), i = a && !a.nodeType && a, s = i && !0 && t && !t.nodeType && t, c = s && s.exports === i, u = c ? r.Buffer : void 0, n = u ? u.isBuffer : void 0, o = n || e;
-    t.exports = o;
-  })(_, _.exports)), _.exports;
-}
-var P, le;
-function ur() {
-  if (le) return P;
-  le = 1;
-  var t = 9007199254740991, a = /^(?:0|[1-9]\d*)$/;
-  function r(e, i) {
-    var s = typeof e;
-    return i = i ?? t, !!i && (s == "number" || s != "symbol" && a.test(e)) && e > -1 && e % 1 == 0 && e < i;
-  }
-  return P = r, P;
-}
-var F, de;
-function Ie() {
-  if (de) return F;
-  de = 1;
-  var t = 9007199254740991;
-  function a(r) {
-    return typeof r == "number" && r > -1 && r % 1 == 0 && r <= t;
-  }
-  return F = a, F;
-}
-var V, fe;
-function cr() {
-  if (fe) return V;
-  fe = 1;
-  var t = qe(), a = Ie(), r = B(), e = "[object Arguments]", i = "[object Array]", s = "[object Boolean]", c = "[object Date]", u = "[object Error]", n = "[object Function]", o = "[object Map]", d = "[object Number]", m = "[object Object]", h = "[object RegExp]", b = "[object Set]", y = "[object String]", g = "[object WeakMap]", x = "[object ArrayBuffer]", w = "[object DataView]", p = "[object Float32Array]", Se = "[object Float64Array]", Re = "[object Int8Array]", Ne = "[object Int16Array]", Ue = "[object Int32Array]", Oe = "[object Uint8Array]", Ee = "[object Uint8ClampedArray]", Ke = "[object Uint16Array]", Pe = "[object Uint32Array]", l = {};
-  l[p] = l[Se] = l[Re] = l[Ne] = l[Ue] = l[Oe] = l[Ee] = l[Ke] = l[Pe] = !0, l[e] = l[i] = l[x] = l[s] = l[w] = l[c] = l[u] = l[n] = l[o] = l[d] = l[m] = l[h] = l[b] = l[y] = l[g] = !1;
-  function Fe(L) {
-    return r(L) && a(L.length) && !!l[t(L)];
-  }
-  return V = Fe, V;
-}
-var G, me;
-function lr() {
-  if (me) return G;
-  me = 1;
-  function t(a) {
-    return function(r) {
-      return a(r);
-    };
-  }
-  return G = t, G;
-}
-var A = { exports: {} };
-A.exports;
-var he;
-function dr() {
-  return he || (he = 1, (function(t, a) {
-    var r = Me(), e = a && !a.nodeType && a, i = e && !0 && t && !t.nodeType && t, s = i && i.exports === e, c = s && r.process, u = (function() {
-      try {
-        var n = i && i.require && i.require("util").types;
-        return n || c && c.binding && c.binding("util");
-      } catch {
-      }
-    })();
-    t.exports = u;
-  })(A, A.exports)), A.exports;
-}
-var M, pe;
-function fr() {
-  if (pe) return M;
-  pe = 1;
-  var t = cr(), a = lr(), r = dr(), e = r && r.isTypedArray, i = e ? a(e) : t;
-  return M = i, M;
-}
-var Q, be;
-function mr() {
-  if (be) return Q;
-  be = 1;
-  var t = ir(), a = sr(), r = je(), e = or(), i = ur(), s = fr(), c = Object.prototype, u = c.hasOwnProperty;
-  function n(o, d) {
-    var m = r(o), h = !m && a(o), b = !m && !h && e(o), y = !m && !h && !b && s(o), g = m || h || b || y, x = g ? t(o.length, String) : [], w = x.length;
-    for (var p in o)
-      (d || u.call(o, p)) && !(g && // Safari 9 has enumerable `arguments.length` in strict mode.
-      (p == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-      b && (p == "offset" || p == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-      y && (p == "buffer" || p == "byteLength" || p == "byteOffset") || // Skip index properties.
-      i(p, w))) && x.push(p);
-    return x;
-  }
-  return Q = n, Q;
-}
-var z, ge;
-function hr() {
-  if (ge) return z;
-  ge = 1;
-  var t = Object.prototype;
-  function a(r) {
-    var e = r && r.constructor, i = typeof e == "function" && e.prototype || t;
-    return r === i;
-  }
-  return z = a, z;
-}
-var W, ve;
-function pr() {
-  if (ve) return W;
-  ve = 1;
-  function t(a, r) {
-    return function(e) {
-      return a(r(e));
-    };
-  }
-  return W = t, W;
-}
-var D, ye;
-function br() {
-  if (ye) return D;
-  ye = 1;
-  var t = pr(), a = t(Object.keys, Object);
-  return D = a, D;
-}
-var Z, xe;
-function gr() {
-  if (xe) return Z;
-  xe = 1;
-  var t = hr(), a = br(), r = Object.prototype, e = r.hasOwnProperty;
-  function i(s) {
-    if (!t(s))
-      return a(s);
-    var c = [];
-    for (var u in Object(s))
-      e.call(s, u) && u != "constructor" && c.push(u);
-    return c;
-  }
-  return Z = i, Z;
-}
-var H, ke;
-function vr() {
-  if (ke) return H;
-  ke = 1;
-  var t = Qe(), a = Ie();
-  function r(e) {
-    return e != null && a(e.length) && !t(e);
-  }
-  return H = r, H;
-}
-var J, _e;
-function yr() {
-  if (_e) return J;
-  _e = 1;
-  var t = mr(), a = gr(), r = vr();
-  function e(i) {
-    return r(i) ? t(i) : a(i);
-  }
-  return J = e, J;
-}
-var Y, Ae;
-function xr() {
-  if (Ae) return Y;
-  Ae = 1;
-  var t = tr(), a = yr();
-  function r(e) {
-    return e == null ? [] : t(e, a(e));
-  }
-  return Y = r, Y;
-}
-var X, Te;
-function kr() {
-  if (Te) return X;
-  Te = 1;
-  var t = Ce(), a = xr();
-  function r(e) {
-    return t(a(e));
-  }
-  return X = r, X;
-}
-var $, we;
-function _r() {
-  if (we) return $;
-  we = 1;
-  var t = rr(), a = kr(), r = je();
-  function e(i) {
-    var s = r(i) ? t : a;
-    return s(i);
-  }
-  return $ = e, $;
-}
-var Ar = _r();
-const Tr = /* @__PURE__ */ ze(Ar), T = Ze("", {
-  // Variants won't have any style by default. Style will only be applied if the variants are combined.
-  // So, style is defined in compoundVariants.
-  variants: {
-    variant: {
-      basic: "",
-      ProfileCard: "",
-      SidebarCard: "",
-      NewLaunchSidebarCard: ""
-    },
-    structure: {
-      image: "",
-      card: "",
-      title: "",
-      description: ""
-    }
-  },
-  compoundVariants: [
-    // Style for Basic Variants types
-    {
-      variant: "basic",
-      structure: "image",
-      className: "w-10 h-auto"
-    },
-    {
-      variant: "basic",
-      structure: "card",
-      className: "p-5 bg-default"
-    },
-    {
-      variant: "basic",
-      structure: "title",
-      className: "text-base mt-4"
-    },
-    {
-      variant: "basic",
-      structure: "description",
-      className: "text-sm leading-[18px] text-subtle font-normal"
-    },
-    // Style for ProfileCard Variant Types
-    {
-      variant: "ProfileCard",
-      structure: "image",
-      className: "w-9 h-auto rounded-full mb-4s"
-    },
-    {
-      variant: "ProfileCard",
-      structure: "card",
-      className: "w-80 p-4 hover:bg-subtle bg-default"
-    },
-    {
-      variant: "ProfileCard",
-      structure: "title",
-      className: "text-base"
-    },
-    {
-      variant: "ProfileCard",
-      structure: "description",
-      className: "text-sm leading-[18px] text-subtle font-normal"
-    },
-    // Style for SidebarCard Variant Types
-    {
-      variant: "SidebarCard",
-      structure: "image",
-      className: "w-9 h-auto rounded-full mb-4s"
-    },
-    {
-      variant: "SidebarCard",
-      structure: "card",
-      className: "w-full p-3 border border-subtle bg-default"
-    },
-    {
-      variant: "SidebarCard",
-      structure: "title",
-      className: "text-sm font-cal"
-    },
-    {
-      variant: "SidebarCard",
-      structure: "description",
-      className: "text-xs text-default line-clamp-2"
-    },
-    // Style for NewLaunchSidebarCard Variant Types
-    {
-      variant: "NewLaunchSidebarCard",
-      structure: "image",
-      className: "w-9 h-auto rounded-full mb-4s"
-    },
-    {
-      variant: "NewLaunchSidebarCard",
-      structure: "card",
-      className: "w-full p-3 border border-subtle bg-launch-dark text-white"
-    },
-    {
-      variant: "NewLaunchSidebarCard",
-      structure: "title",
-      className: "text-sm font-cal text-white"
-    },
-    {
-      variant: "NewLaunchSidebarCard",
-      structure: "description",
-      className: "text-xs text-white"
-    }
-  ]
-});
-function wr({
-  image: t,
-  title: a,
-  icon: r,
-  description: e,
-  variant: i,
-  actionButton: s,
-  containerProps: c,
-  imageProps: u,
-  mediaLink: n,
-  thumbnailUrl: o,
-  learnMore: d,
-  coverPhoto: m,
-  buttonClassName: h,
-  mediaLinkOnClick: b
-}) {
-  var g;
-  const y = (g = d == null ? void 0 : d.href) != null && g.startsWith("https") ? "a" : We;
-  return /* @__PURE__ */ k(
-    "div",
-    {
-      className: v(
-        c == null ? void 0 : c.className,
-        "border-subtle text-default bg-default flex flex-col justify-between rounded-md border",
-        T({ variant: i, structure: "card" })
-      ),
-      "data-testid": "card-container",
-      ...c,
-      children: [
-        /* @__PURE__ */ k("div", { children: [
-          r && r,
-          t && /* @__PURE__ */ f(
-            "img",
-            {
-              src: t,
-              alt: u == null ? void 0 : u.alt,
-              className: v(
-                u == null ? void 0 : u.className,
-                T({ variant: i, structure: "image" })
-              ),
-              ...u
-            }
-          ),
-          /* @__PURE__ */ f(
-            "h5",
-            {
-              title: a,
-              className: v(
-                "text-emphasis line-clamp-1 font-bold leading-5",
-                T({ variant: i, structure: "title" })
-              ),
-              children: a
-            }
-          ),
-          e && /* @__PURE__ */ f(
-            "p",
-            {
-              title: e.toString(),
-              className: v(T({ variant: i, structure: "description" }), "pt-1"),
-              children: e
-            }
-          )
-        ] }),
-        i === "SidebarCard" && n && /* @__PURE__ */ k(
-          "a",
-          {
-            onClick: b,
-            target: "_blank",
-            rel: "noreferrer noopener",
-            href: n,
-            "data-testid": s == null ? void 0 : s["data-testid"],
-            className: "group relative my-3 flex aspect-video items-center overflow-hidden rounded",
-            children: [
-              /* @__PURE__ */ f("div", { className: "absolute inset-0 bg-black/50 transition group-hover:bg-black/40" }),
-              /* @__PURE__ */ k(
-                "svg",
-                {
-                  className: "text-inverted absolute left-1/2 top-1/2 h-8 w-8 -translate-x-1/2 -translate-y-1/2 transform rounded-full shadow-lg transition-all hover:-mt-px",
-                  viewBox: "0 0 32 32",
-                  fill: "none",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  children: [
-                    /* @__PURE__ */ f(
-                      "path",
-                      {
-                        d: "M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z",
-                        fill: "white"
-                      }
-                    ),
-                    /* @__PURE__ */ f(
-                      "path",
-                      {
-                        d: "M12.1667 8.5L23.8334 16L12.1667 23.5V8.5Z",
-                        fill: "#111827",
-                        stroke: "#111827",
-                        strokeWidth: "1.5",
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round"
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ f("img", { alt: "play feature video", src: o })
-            ]
-          }
-        ),
-        i === "NewLaunchSidebarCard" && m && /* @__PURE__ */ f("img", { alt: "cover", className: "mt-3 w-full", src: m }),
-        i === "basic" && s && /* @__PURE__ */ f("div", { children: /* @__PURE__ */ f(
-          De,
-          {
-            color: "secondary",
-            href: s == null ? void 0 : s.href,
-            className: "mt-10",
-            EndIcon: "arrow-right",
-            "data-testid": s["data-testid"],
-            children: s == null ? void 0 : s.child
-          }
-        ) }),
-        (i === "SidebarCard" || i === "NewLaunchSidebarCard") && /* @__PURE__ */ k("div", { className: "mt-2 flex items-center justify-between", children: [
-          d && /* @__PURE__ */ f(Le, { children: d.href ? /* @__PURE__ */ f(
-            y,
-            {
-              href: d.href,
-              target: "_blank",
-              rel: "noreferrer",
-              onClick: d.onClick,
-              className: v("text-default text-xs font-medium cursor-pointer", h),
-              children: d.text
-            }
-          ) : d.onClick ? /* @__PURE__ */ f(
-            "button",
-            {
-              type: "button",
-              color: "minimal",
-              onClick: d.onClick,
-              className: v("cursor-pointer text-default text-xs font-medium", h),
-              children: d.text
-            }
-          ) : void 0 }),
-          (s == null ? void 0 : s.child) && /* @__PURE__ */ f(
-            "button",
-            {
-              className: v(
-                "text-default hover:text-emphasis p-0 text-xs font-normal cursor-pointer",
-                h
-              ),
-              color: "minimal",
-              "data-testid": s == null ? void 0 : s["data-testid"],
-              onClick: s == null ? void 0 : s.onClick,
-              children: s == null ? void 0 : s.child
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function Lr() {
-  const { t } = He(), a = Je((n) => n.open), e = [...Tr([
-    {
-      id: 18,
-      thumbnailUrl: "https://img.youtube.com/vi/J8HsK-8W39U/0.jpg",
-      mediaLink: "https://go.cal.com/rbac-video",
-      title: "Roles & Permissions",
-      description: "Manage team access with roles & permissions",
-      onClick: () => a(Ye.RolesAndPermissions)
-    },
-    {
-      id: 17,
-      thumbnailUrl: "https://img.youtube.com/vi/fMHW6jYPIb8/0.jpg",
-      mediaLink: "https://go.cal.com/embed-video",
-      title: "Embed",
-      description: "Embed your booking page on your website",
-      href: "https://go.cal.com/embed-video"
-    },
-    {
-      id: 16,
-      thumbnailUrl: "https://img.youtube.com/vi/xopxmk2H4Ng/0.jpg",
-      mediaLink: "https://go.cal.com/paid-booking",
-      title: "Paid Bookings",
-      description: "Charge for your time with Cal.com's paid bookings",
-      href: "https://go.cal.com/paid-booking"
-    },
-    {
-      id: 15,
-      thumbnailUrl: "https://img.youtube.com/vi/ZjSD1yPgLLQ/0.jpg",
-      mediaLink: "https://go.cal.com/instant-meetings-video",
-      title: "Instant Meetings",
-      description: "Book meetings instantly with a link",
-      href: "https://go.cal.com/instant-meetings-video"
-    },
-    {
-      id: 14,
-      thumbnailUrl: "https://img.youtube.com/vi/IZ4-nUiIpvY/0.jpg",
-      mediaLink: "https://go.cal.com/custom-attributes",
-      title: "Custom Attributes",
-      description: "Define roles and attributes for your teams",
-      href: "https://go.cal.com/custom-attributes"
-    },
-    {
-      id: 13,
-      thumbnailUrl: "https://img.youtube.com/vi/TTAASLLPKk0/0.jpg",
-      mediaLink: "https://go.cal.com/ooo-video",
-      title: "ooo.new",
-      description: "Easily go out-of-office",
-      href: "https://go.cal.com/ooo-video"
-    },
-    {
-      id: 12,
-      thumbnailUrl: "https://cal.com/og-image-cal-ai.jpg",
-      mediaLink: "https://go.cal.com/cal-ai",
-      title: "Cal.ai",
-      description: "Your personal AI scheduling assistant",
-      href: "https://go.cal.com/cal-ai"
-    },
-    {
-      id: 11,
-      thumbnailUrl: "https://img.youtube.com/vi/KTg_qzA9NEc/0.jpg",
-      mediaLink: "https://go.cal.com/insights",
-      title: "Insights",
-      description: "Get a better understanding of your business",
-      href: "https://go.cal.com/insights"
-    },
-    {
-      id: 10,
-      thumbnailUrl: "https://img.youtube.com/vi/jvaBafzVUQc/0.jpg",
-      mediaLink: "https://go.cal.com/video",
-      title: "Cal Video",
-      description: "Free video conferencing with recording",
-      href: "https://go.cal.com/video"
-    },
-    {
-      id: 9,
-      thumbnailUrl: "https://img.youtube.com/vi/93iOmzHieCU/0.jpg",
-      mediaLink: "https://go.cal.com/round-robin",
-      title: "Round-Robin",
-      description: "Create advanced group meetings with round-robin",
-      href: "https://go.cal.com/round-robin"
-    },
-    {
-      id: 8,
-      thumbnailUrl: "https://img.youtube.com/vi/piKlAiibAFo/0.jpg",
-      mediaLink: "https://go.cal.com/workflows",
-      title: "Automate Workflows",
-      description: "Make time work for you and automate tasks",
-      href: "https://go.cal.com/workflows"
-    },
-    {
-      id: 7,
-      thumbnailUrl: "https://img.youtube.com/vi/UVXgo12cY4g/0.jpg",
-      mediaLink: "https://go.cal.com/routing-forms",
-      title: "Routing Forms",
-      description: "Ask questions and route to the correct person",
-      href: "https://go.cal.com/routing-forms"
-    },
-    {
-      id: 6,
-      thumbnailUrl: "https://img.youtube.com/vi/yGiZo1Ry5-8/0.jpg",
-      mediaLink: "https://go.cal.com/recurring-video",
-      title: "Recurring Bookings",
-      description: "Learn how to create a recurring schedule",
-      href: "https://go.cal.com/recurring-video"
-    },
-    {
-      id: 5,
-      thumbnailUrl: "https://img.youtube.com/vi/0v_nQtpxC_4/0.jpg",
-      mediaLink: "https://go.cal.com/payments-video",
-      title: "Accept Payments",
-      description: "Charge for your time with Cal.com's Stripe App",
-      href: "https://app.cal.com/apps/stripe"
-    },
-    {
-      id: 4,
-      thumbnailUrl: "https://img.youtube.com/vi/zGr_s-fG84k/0.jpg",
-      mediaLink: "https://go.cal.com/confirmation-video",
-      title: "Requires Confirmation",
-      description: "Learn how to be in charge of your bookings",
-      href: "https://cal.com/resources/feature/opt-in"
-    },
-    {
-      id: 3,
-      thumbnailUrl: "https://img.youtube.com/vi/-L8MCiT6uhQ/0.jpg",
-      mediaLink: "https://youtu.be/-L8MCiT6uhQ?si=DRJzRNhN85hqAwBl",
-      title: "Routing Forms, Workflows",
-      description: "Ask screening questions of potential bookers to connect them with the right person",
-      href: "https://youtu.be/-L8MCiT6uhQ?si=DRJzRNhN85hqAwBl"
-    },
-    {
-      id: 2,
-      thumbnailUrl: "https://img.youtube.com/vi/EAc46SPL6iA/0.jpg",
-      mediaLink: "https://go.cal.com/teams-video",
-      title: "How to set up Teams",
-      description: "Learn how to use round-robin and collective events.",
-      href: "https://cal.com/teams"
-    },
-    {
-      id: 1,
-      thumbnailUrl: "https://img.youtube.com/vi/VZ5PfQzzxBw/0.jpg",
-      mediaLink: "https://youtu.be/VZ5PfQzzxBw?si=oB0LPSxG8dWIwg5a",
-      title: "Dynamic booking links",
-      description: "Booking link that allows people to quickly schedule meetings.",
-      href: "https://youtu.be/VZ5PfQzzxBw?si=oB0LPSxG8dWIwg5a"
-    }
-  ]).slice(0).reverse()], [i, s] = $e(() => {
-    if (typeof window > "u")
-      return e;
-    try {
-      const n = q.getItem("removedTipsIds");
-      if (n !== null) {
-        const o = n.split(",").map((m) => parseInt(m, 10));
-        return e.filter((m) => o.indexOf(m.id) === -1);
-      } else
-        return e;
-    } catch {
-      return e;
-    }
-  }), c = (n) => {
-    s((o) => {
-      const d = q.getItem("removedTipsIds") || "", m = o.findIndex((h) => h.id === n);
-      return m === -1 ? [...o] : (q.setItem(
-        "removedTipsIds",
-        `${o[m].id.toString()}${d.length > 0 ? `,${d}` : ""}`
-      ), o.splice(m, 1), [...o]);
-    });
-  }, u = i.slice(0).reverse();
-  return /* @__PURE__ */ f(Le, { children: /* @__PURE__ */ f(
-    "div",
-    {
-      className: "hidden pb-4 pt-8 lg:grid",
-      style: {
-        gridTemplateColumns: "1fr"
-      },
-      children: i.map((n) => {
-        const o = u.indexOf(n) === 0;
-        return /* @__PURE__ */ f(
-          "div",
-          {
-            className: "relative",
-            style: {
-              gridRowStart: 1,
-              gridColumnStart: 1
-            },
-            children: /* @__PURE__ */ f(
-              "div",
-              {
-                className: "relative",
-                style: {
-                  transform: `scale(${1 - u.indexOf(n) / 20})`,
-                  top: -u.indexOf(n) * 10,
-                  opacity: `${1 - u.indexOf(n) / 7}`
-                },
-                children: /* @__PURE__ */ f(
-                  wr,
-                  {
-                    variant: n.variant ?? "SidebarCard",
-                    thumbnailUrl: n.thumbnailUrl,
-                    coverPhoto: n.coverPhoto,
-                    mediaLink: o ? n.mediaLink : void 0,
-                    mediaLinkOnClick: o ? () => {
-                      j.capture("tip_video_clicked", n), n.onClick && n.onClick();
-                    } : void 0,
-                    title: t(n.title),
-                    description: t(n.description),
-                    learnMore: o ? {
-                      href: n.href,
-                      text: t("learn_more"),
-                      onClick: () => {
-                        j.capture("tip_learn_more_clicked", n), n.onClick && n.onClick();
-                      }
-                    } : void 0,
-                    actionButton: o ? {
-                      onClick: () => {
-                        j.capture("tip_dismiss_clicked", n), c(n.id);
-                      },
-                      child: t("dismiss")
-                    } : void 0,
-                    containerProps: {
-                      tabIndex: o ? void 0 : -1,
-                      "aria-hidden": o ? void 0 : "true"
-                    }
-                  }
-                )
-              }
-            )
-          },
-          n.id
-        );
-      })
-    }
-  ) });
-}
-const Ir = Xe(Lr);
-export {
-  Ir as default
-};