@calcom/atoms 2.0.0 → 2.1.0

package/dist/index-Hj2ocxM1.js

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

package/dist/{index-FKnC-Bdq.js → index-KPjOEROu.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-c1AU6gV4.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-MEbSBQ6m.js";
 export {
   s as Checkbox,
   t as CheckboxField,