@calcom/atoms 2.3.4 → 2.3.6

package/dist/Tips-0BBxUncr.js

@@ -0,0 +1,789 @@
+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, aD as ze, ao as De, z as v, B as We, aO as Ze, o as $e, aP as He, aQ as q, ap as j, aR as Je } from "./index-Begix3mt.js";
+import { memo as Ye, useState as Xe } 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 D, ve;
+function pr() {
+  if (ve) return D;
+  ve = 1;
+  function t(a, r) {
+    return function(e) {
+      return a(r(e));
+    };
+  }
+  return D = t, D;
+}
+var W, ye;
+function br() {
+  if (ye) return W;
+  ye = 1;
+  var t = pr(), a = t(Object.keys, Object);
+  return W = a, W;
+}
+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 $, ke;
+function vr() {
+  if (ke) return $;
+  ke = 1;
+  var t = Qe(), a = Ie();
+  function r(e) {
+    return e != null && a(e.length) && !t(e);
+  }
+  return $ = r, $;
+}
+var H, _e;
+function yr() {
+  if (_e) return H;
+  _e = 1;
+  var t = mr(), a = gr(), r = vr();
+  function e(i) {
+    return r(i) ? t(i) : a(i);
+  }
+  return H = e, H;
+}
+var J, Ae;
+function xr() {
+  if (Ae) return J;
+  Ae = 1;
+  var t = tr(), a = yr();
+  function r(e) {
+    return e == null ? [] : t(e, a(e));
+  }
+  return J = r, J;
+}
+var Y, Te;
+function kr() {
+  if (Te) return Y;
+  Te = 1;
+  var t = Ce(), a = xr();
+  function r(e) {
+    return t(a(e));
+  }
+  return Y = r, Y;
+}
+var X, we;
+function _r() {
+  if (we) return X;
+  we = 1;
+  var t = rr(), a = kr(), r = je();
+  function e(i) {
+    var s = r(i) ? t : a;
+    return s(i);
+  }
+  return X = e, X;
+}
+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" : De;
+  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(
+          We,
+          {
+            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 } = $e(), a = He((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(Je.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] = Xe(() => {
+    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 = Ye(Lr);
+export {
+  Ir as default
+};