@calcom/atoms 1.12.1 → 2.0.0

package/dist/{index-D6s7-q99.js → index-FKnC-Bdq.js}

@@ -1,4 +1,4 @@
-import { C as s, b as t, n as r, m as i, D as l, E as o, F as c, H as d, e as n, g as p, I as F, L as g, N as S, P as u, S as k, h as x, j as P, o as b, p as h, c as m, d as I, f as T, l as C, k as E, i as D } from "./index-d93whXsZ.js";
+import { C as s, b as t, n as r, m as i, D as l, E as o, F as c, H as d, e as n, g as p, I as F, L as g, N as S, P as u, S as k, h as x, j as P, o as b, p as h, c as m, d as I, f as T, l as C, k as E, i as D } from "./index-c1AU6gV4.js";
 export {
   s as Checkbox,
   t as CheckboxField,

package/dist/index-SoDSIlE9.js

@@ -0,0 +1,664 @@
+import { jsxs as m, jsx as o, Fragment as g } from "react/jsx-runtime";
+import { aw as P, ax as S, ay as N, az as R, aA as F, aB as I, aC as G, au as M, aq as V, J as h, B as K, aD as q, q as z, aE as A, ar as L, aF as Q, aG as D, an as W } from "./index-c1AU6gV4.js";
+import { memo as Z, useState as H } from "react";
+function Y(e, r) {
+  var a = -1, n = e.length;
+  for (r || (r = Array(n)); ++a < n; )
+    r[a] = e[a];
+  return r;
+}
+var J = Y, X = Math.floor, B = Math.random;
+function ee(e, r) {
+  return e + X(B() * (r - e + 1));
+}
+var te = ee, re = te;
+function ae(e, r) {
+  var a = -1, n = e.length, s = n - 1;
+  for (r = r === void 0 ? n : r; ++a < r; ) {
+    var t = re(a, s), i = e[t];
+    e[t] = e[a], e[a] = i;
+  }
+  return e.length = r, e;
+}
+var U = ae, ie = J, se = U;
+function oe(e) {
+  return se(ie(e));
+}
+var ne = oe, le = P;
+function ce(e, r) {
+  return le(r, function(a) {
+    return e[a];
+  });
+}
+var de = ce;
+function ue(e, r) {
+  for (var a = -1, n = Array(e); ++a < e; )
+    n[a] = r(a);
+  return n;
+}
+var me = ue, pe = S, he = N, fe = "[object Arguments]";
+function be(e) {
+  return he(e) && pe(e) == fe;
+}
+var ge = be, C = ge, ve = N, O = Object.prototype, ye = O.hasOwnProperty, xe = O.propertyIsEnumerable, we = C(/* @__PURE__ */ function() {
+  return arguments;
+}()) ? C : function(e) {
+  return ve(e) && ye.call(e, "callee") && !xe.call(e, "callee");
+}, ke = we, w = { exports: {} };
+function Te() {
+  return !1;
+}
+var je = Te;
+w.exports;
+(function(e, r) {
+  var a = R, n = je, s = r && !r.nodeType && r, t = s && !0 && e && !e.nodeType && e, i = t && t.exports === s, c = i ? a.Buffer : void 0, d = c ? c.isBuffer : void 0, u = d || n;
+  e.exports = u;
+})(w, w.exports);
+var Ae = w.exports, Le = 9007199254740991, Ne = /^(?:0|[1-9]\d*)$/;
+function Ce(e, r) {
+  var a = typeof e;
+  return r = r ?? Le, !!r && (a == "number" || a != "symbol" && Ne.test(e)) && e > -1 && e % 1 == 0 && e < r;
+}
+var _e = Ce, $e = 9007199254740991;
+function Se(e) {
+  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= $e;
+}
+var E = Se, Ie = S, Ue = E, Oe = N, Ee = "[object Arguments]", Pe = "[object Array]", Re = "[object Boolean]", Fe = "[object Date]", Ge = "[object Error]", Me = "[object Function]", Ve = "[object Map]", Ke = "[object Number]", qe = "[object Object]", ze = "[object RegExp]", Qe = "[object Set]", De = "[object String]", We = "[object WeakMap]", Ze = "[object ArrayBuffer]", He = "[object DataView]", Ye = "[object Float32Array]", Je = "[object Float64Array]", Xe = "[object Int8Array]", Be = "[object Int16Array]", et = "[object Int32Array]", tt = "[object Uint8Array]", rt = "[object Uint8ClampedArray]", at = "[object Uint16Array]", it = "[object Uint32Array]", l = {};
+l[Ye] = l[Je] = l[Xe] = l[Be] = l[et] = l[tt] = l[rt] = l[at] = l[it] = !0;
+l[Ee] = l[Pe] = l[Ze] = l[Re] = l[He] = l[Fe] = l[Ge] = l[Me] = l[Ve] = l[Ke] = l[qe] = l[ze] = l[Qe] = l[De] = l[We] = !1;
+function st(e) {
+  return Oe(e) && Ue(e.length) && !!l[Ie(e)];
+}
+var ot = st;
+function nt(e) {
+  return function(r) {
+    return e(r);
+  };
+}
+var lt = nt, k = { exports: {} };
+k.exports;
+(function(e, r) {
+  var a = F, n = r && !r.nodeType && r, s = n && !0 && e && !e.nodeType && e, t = s && s.exports === n, i = t && a.process, c = function() {
+    try {
+      var d = s && s.require && s.require("util").types;
+      return d || i && i.binding && i.binding("util");
+    } catch {
+    }
+  }();
+  e.exports = c;
+})(k, k.exports);
+var ct = k.exports, dt = ot, ut = lt, _ = ct, $ = _ && _.isTypedArray, mt = $ ? ut($) : dt, pt = mt, ht = me, ft = ke, bt = I, gt = Ae, vt = _e, yt = pt, xt = Object.prototype, wt = xt.hasOwnProperty;
+function kt(e, r) {
+  var a = bt(e), n = !a && ft(e), s = !a && !n && gt(e), t = !a && !n && !s && yt(e), i = a || n || s || t, c = i ? ht(e.length, String) : [], d = c.length;
+  for (var u in e)
+    (r || wt.call(e, u)) && !(i && // Safari 9 has enumerable `arguments.length` in strict mode.
+    (u == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+    s && (u == "offset" || u == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+    t && (u == "buffer" || u == "byteLength" || u == "byteOffset") || // Skip index properties.
+    vt(u, d))) && c.push(u);
+  return c;
+}
+var Tt = kt, jt = Object.prototype;
+function At(e) {
+  var r = e && e.constructor, a = typeof r == "function" && r.prototype || jt;
+  return e === a;
+}
+var Lt = At;
+function Nt(e, r) {
+  return function(a) {
+    return e(r(a));
+  };
+}
+var Ct = Nt, _t = Ct, $t = _t(Object.keys, Object), St = $t, It = Lt, Ut = St, Ot = Object.prototype, Et = Ot.hasOwnProperty;
+function Pt(e) {
+  if (!It(e))
+    return Ut(e);
+  var r = [];
+  for (var a in Object(e))
+    Et.call(e, a) && a != "constructor" && r.push(a);
+  return r;
+}
+var Rt = Pt, Ft = G, Gt = E;
+function Mt(e) {
+  return e != null && Gt(e.length) && !Ft(e);
+}
+var Vt = Mt, Kt = Tt, qt = Rt, zt = Vt;
+function Qt(e) {
+  return zt(e) ? Kt(e) : qt(e);
+}
+var Dt = Qt, Wt = de, Zt = Dt;
+function Ht(e) {
+  return e == null ? [] : Wt(e, Zt(e));
+}
+var Yt = Ht, Jt = U, Xt = Yt;
+function Bt(e) {
+  return Jt(Xt(e));
+}
+var er = Bt, tr = ne, rr = er, ar = I;
+function ir(e) {
+  var r = ar(e) ? tr : rr;
+  return r(e);
+}
+var sr = ir;
+const or = /* @__PURE__ */ M(sr), y = q("", {
+  // 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 nr({
+  image: e,
+  title: r,
+  icon: a,
+  description: n,
+  variant: s,
+  actionButton: t,
+  containerProps: i,
+  imageProps: c,
+  mediaLink: d,
+  thumbnailUrl: u,
+  learnMore: p,
+  coverPhoto: f,
+  buttonClassName: b,
+  mediaLinkOnClick: T
+}) {
+  const j = p && p.href.startsWith("https") ? "a" : V;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: h(
+        i == null ? void 0 : i.className,
+        "border-subtle text-default bg-default flex flex-col justify-between rounded-md border",
+        y({ variant: s, structure: "card" })
+      ),
+      "data-testid": "card-container",
+      ...i,
+      children: [
+        /* @__PURE__ */ m("div", { children: [
+          a && a,
+          e && /* @__PURE__ */ o(
+            "img",
+            {
+              src: e,
+              alt: c == null ? void 0 : c.alt,
+              className: h(
+                c == null ? void 0 : c.className,
+                y({ variant: s, structure: "image" })
+              ),
+              ...c
+            }
+          ),
+          /* @__PURE__ */ o(
+            "h5",
+            {
+              title: r,
+              className: h(
+                "text-emphasis line-clamp-1 font-bold leading-5",
+                y({ variant: s, structure: "title" })
+              ),
+              children: r
+            }
+          ),
+          n && /* @__PURE__ */ o(
+            "p",
+            {
+              title: n.toString(),
+              className: h(y({ variant: s, structure: "description" }), "pt-1"),
+              children: n
+            }
+          )
+        ] }),
+        s === "SidebarCard" && d && /* @__PURE__ */ m(
+          "a",
+          {
+            onClick: T,
+            target: "_blank",
+            rel: "noreferrer noopener",
+            href: d,
+            "data-testid": t == null ? void 0 : t["data-testid"],
+            className: "group relative my-3 flex aspect-video items-center overflow-hidden rounded",
+            children: [
+              /* @__PURE__ */ o("div", { className: "absolute inset-0 bg-black/50 transition group-hover:bg-black/40" }),
+              /* @__PURE__ */ m(
+                "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__ */ o(
+                      "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__ */ o(
+                      "path",
+                      {
+                        d: "M12.1667 8.5L23.8334 16L12.1667 23.5V8.5Z",
+                        fill: "#111827",
+                        stroke: "#111827",
+                        strokeWidth: "1.5",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ o("img", { alt: "play feature video", src: u })
+            ]
+          }
+        ),
+        s === "NewLaunchSidebarCard" && f && /* @__PURE__ */ o("img", { alt: "cover", className: "mt-3 w-full", src: f }),
+        s === "basic" && t && /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+          K,
+          {
+            color: "secondary",
+            href: t == null ? void 0 : t.href,
+            className: "mt-10",
+            EndIcon: "arrow-right",
+            "data-testid": t["data-testid"],
+            children: t == null ? void 0 : t.child
+          }
+        ) }),
+        (s === "SidebarCard" || s === "NewLaunchSidebarCard") && /* @__PURE__ */ m("div", { className: "mt-2 flex items-center justify-between", children: [
+          p && /* @__PURE__ */ o(
+            j,
+            {
+              href: p.href,
+              target: "_blank",
+              rel: "noreferrer",
+              onClick: p.onClick,
+              className: h("text-default text-xs font-medium", b),
+              children: p.text
+            }
+          ),
+          (t == null ? void 0 : t.child) && /* @__PURE__ */ o(
+            "button",
+            {
+              className: h(
+                "text-default hover:text-emphasis p-0 text-xs font-normal",
+                b
+              ),
+              color: "minimal",
+              "data-testid": t == null ? void 0 : t["data-testid"],
+              onClick: t == null ? void 0 : t.onClick,
+              children: t == null ? void 0 : t.child
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const lr = [
+  {
+    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/docs/enterprise-features/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"
+  }
+], x = [...or(lr).slice(0).reverse()];
+function cr() {
+  const { t: e } = z(), [r, a] = H(() => {
+    if (typeof window > "u")
+      return x;
+    try {
+      const t = A.getItem("removedTipsIds");
+      if (t !== null) {
+        const i = t.split(",").map((d) => parseInt(d, 10));
+        return x.filter((d) => i.indexOf(d.id) === -1);
+      } else
+        return x;
+    } catch {
+      return x;
+    }
+  }), n = (t) => {
+    a((i) => {
+      const c = A.getItem("removedTipsIds") || "", d = i.findIndex((u) => u.id === t);
+      return d === -1 ? [...i] : (A.setItem(
+        "removedTipsIds",
+        `${i[d].id.toString()}${c.length > 0 ? `,${c}` : ""}`
+      ), i.splice(d, 1), [...i]);
+    });
+  }, s = r.slice(0).reverse();
+  return /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(
+    "div",
+    {
+      className: "hidden pb-4 pt-8 lg:grid",
+      style: {
+        gridTemplateColumns: "1fr"
+      },
+      children: r.map((t) => {
+        const i = s.indexOf(t) === 0;
+        return /* @__PURE__ */ o(
+          "div",
+          {
+            className: "relative",
+            style: {
+              gridRowStart: 1,
+              gridColumnStart: 1
+            },
+            children: /* @__PURE__ */ o(
+              "div",
+              {
+                className: "relative",
+                style: {
+                  transform: `scale(${1 - s.indexOf(t) / 20})`,
+                  top: -s.indexOf(t) * 10,
+                  opacity: `${1 - s.indexOf(t) / 7}`
+                },
+                children: /* @__PURE__ */ o(
+                  nr,
+                  {
+                    variant: t.variant ?? "SidebarCard",
+                    thumbnailUrl: t.thumbnailUrl,
+                    coverPhoto: t.coverPhoto,
+                    mediaLink: i ? t.mediaLink : void 0,
+                    mediaLinkOnClick: i ? () => {
+                      L.capture("tip_video_clicked", t);
+                    } : void 0,
+                    title: e(t.title),
+                    description: e(t.description),
+                    learnMore: i ? {
+                      href: t.href,
+                      text: e("learn_more"),
+                      onClick: () => {
+                        L.capture("tip_learn_more_clicked", t);
+                      }
+                    } : void 0,
+                    actionButton: i ? {
+                      onClick: () => {
+                        L.capture("tip_dismiss_clicked", t), n(t.id);
+                      },
+                      child: e("dismiss")
+                    } : void 0,
+                    containerProps: {
+                      tabIndex: i ? void 0 : -1,
+                      "aria-hidden": i ? void 0 : "true"
+                    }
+                  }
+                )
+              }
+            )
+          },
+          t.id
+        );
+      })
+    }
+  ) });
+}
+const pr = Z(cr);
+function hr({
+  title: e,
+  description: r,
+  background: a,
+  features: n,
+  buttons: s,
+  isParentLoading: t,
+  children: i,
+  plan: c
+}) {
+  const { resolvedTheme: d } = Q(), { isPending: u, hasTeamPlan: p } = D(), { data: f } = W.viewer.teams.getUpgradeable.useQuery(), b = `${a}${d === "dark" ? "-dark" : ""}.jpg`, T = !1, j = !!(f != null && f[0]);
+  return c === "team" && (p || j) ? /* @__PURE__ */ o(g, { children: i }) : c === "enterprise" && T ? /* @__PURE__ */ o(g, { children: i }) : u ? /* @__PURE__ */ o(g, { children: t }) : /* @__PURE__ */ m(g, { children: [
+    /* @__PURE__ */ m("div", { className: "relative flex min-h-[295px] w-full items-center justify-between overflow-hidden rounded-lg pb-10", children: [
+      /* @__PURE__ */ m("picture", { className: "absolute min-h-[295px] w-full rounded-lg object-cover", children: [
+        /* @__PURE__ */ o("source", { srcSet: b, media: "(prefers-color-scheme: dark)" }),
+        /* @__PURE__ */ o(
+          "img",
+          {
+            className: "absolute min-h-[295px] w-full select-none rounded-lg object-cover object-left md:object-center",
+            src: b,
+            loading: "lazy",
+            alt: e
+          }
+        )
+      ] }),
+      /* @__PURE__ */ m("div", { className: "relative my-4 px-8 pb-4 sm:px-14", children: [
+        /* @__PURE__ */ o("h1", { className: h("font-cal mt-4 text-3xl"), children: e }),
+        /* @__PURE__ */ o("p", { className: h("mb-8 mt-4 max-w-sm"), children: r }),
+        s
+      ] })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "mt-4 grid-cols-3 md:grid md:gap-4", children: n.map((v) => /* @__PURE__ */ m("div", { className: "bg-cal-muted mb-4 min-h-[180px] w-full rounded-md  p-8 md:mb-0", children: [
+      v.icon,
+      /* @__PURE__ */ o("h2", { className: "font-cal text-emphasis mt-4 text-lg", children: v.title }),
+      /* @__PURE__ */ o("p", { className: "text-default", children: v.description })
+    ] }, v.title)) })
+  ] });
+}
+export {
+  pr as Tips,
+  hr as UpgradeTip
+};