@calcom/atoms 1.0.97-beta-1 → 1.0.97-beta-3

package/dist/{index-Bj_kD41n.js → index-engsJK56.js}

@@ -1,43 +1,44 @@
-import { aw as C, ax as N, ay as L, at as S, az as T, aA as U, x as t, _ as h, G as A, aB as R, z as k, aC as v, aD as _, aE as I, U as $ } from "./index-M6WUZF2M.js";
-import { memo as V, useState as z } from "react";
-var E = Math.floor, F = Math.random;
-function Q(s, i) {
-  return s + E(F() * (i - s + 1));
+import { jsxs as c, jsx as i, Fragment as f } from "react/jsx-runtime";
+import { av as S, aw as j, ax as T, as as U, ay as A, az as R, Z as u, z as I, aA as _, y as w, aB as x, aC as $, aD as V, R as z } from "./index-ykl8OQ78.js";
+import { memo as Q, useState as q } from "react";
+var M = Math.floor, Z = Math.random;
+function E(t, s) {
+  return t + M(Z() * (s - t + 1));
 }
-var M = Q, q = M;
-function G(s, i) {
-  var o = -1, n = s.length, a = n - 1;
-  for (i = i === void 0 ? n : i; ++o < i; ) {
-    var e = q(o, a), r = s[e];
-    s[e] = s[o], s[o] = r;
+var D = E, F = D;
+function G(t, s) {
+  var o = -1, n = t.length, a = n - 1;
+  for (s = s === void 0 ? n : s; ++o < s; ) {
+    var e = F(o, a), r = t[e];
+    t[e] = t[o], t[o] = r;
   }
-  return s.length = i, s;
+  return t.length = s, t;
 }
-var y = G, Z = C, D = y;
-function W(s) {
-  return D(Z(s));
+var C = G, W = S(), O = C;
+function H(t) {
+  return O(W(t));
 }
-var O = W, H = N;
-function P(s, i) {
-  return H(i, function(o) {
-    return s[o];
+var P = H, K = j;
+function Y(t, s) {
+  return K(s, function(o) {
+    return t[o];
   });
 }
-var K = P, Y = K, J = L();
-function X(s) {
-  return s == null ? [] : Y(s, J(s));
+var J = Y, X = J, B = T();
+function ee(t) {
+  return t == null ? [] : X(t, B(t));
 }
-var B = X, ee = y, te = B;
-function se(s) {
-  return ee(te(s));
+var te = ee, ie = C, se = te;
+function re(t) {
+  return ie(se(t));
 }
-var ie = se, re = O, ae = ie, le = T;
-function oe(s) {
-  var i = le(s) ? re : ae;
-  return i(s);
+var ae = re, le = P, oe = ae, de = A;
+function ne(t) {
+  var s = de(t) ? le : oe;
+  return s(t);
 }
-var de = oe;
-const ne = /* @__PURE__ */ S(de), p = R("", {
+var ce = ne;
+const me = /* @__PURE__ */ U(ce), g = _("", {
   // 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: {
@@ -119,9 +120,9 @@ const ne = /* @__PURE__ */ S(de), p = R("", {
     }
   ]
 });
-function ce({
-  image: s,
-  title: i,
+function he({
+  image: t,
+  title: s,
   icon: o,
   description: n,
   variant: a,
@@ -129,56 +130,56 @@ function ce({
   containerProps: r,
   imageProps: l,
   mediaLink: d,
-  thumbnailUrl: m,
-  learnMore: c
+  thumbnailUrl: h,
+  learnMore: m
 }) {
-  const g = c && c.href.startsWith("https") ? "a" : U;
-  return /* @__PURE__ */ t.jsxs(
+  const v = m && m.href.startsWith("https") ? "a" : R;
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: h(
+      className: u(
         r == null ? void 0 : r.className,
-        p({ variant: a, structure: "card" }),
+        g({ variant: a, structure: "card" }),
         "bg-default border-subtle text-default flex flex-col justify-between rounded-md border"
       ),
       "data-testid": "card-container",
       ...r,
       children: [
-        /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ c("div", { children: [
           o && o,
-          s && /* @__PURE__ */ t.jsx(
+          t && /* @__PURE__ */ i(
             "img",
             {
-              src: s,
+              src: t,
               alt: l == null ? void 0 : l.alt,
-              className: h(
+              className: u(
                 l == null ? void 0 : l.className,
-                p({ variant: a, structure: "image" })
+                g({ variant: a, structure: "image" })
               ),
               ...l
             }
           ),
-          /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ i(
             "h5",
             {
-              title: i,
-              className: h(
-                p({ variant: a, structure: "title" }),
+              title: s,
+              className: u(
+                g({ variant: a, structure: "title" }),
                 "text-emphasis line-clamp-1 font-bold leading-5"
               ),
-              children: i
+              children: s
             }
           ),
-          n && /* @__PURE__ */ t.jsx(
+          n && /* @__PURE__ */ i(
             "p",
             {
               title: n.toString(),
-              className: h(p({ variant: a, structure: "description" }), "pt-1"),
+              className: u(g({ variant: a, structure: "description" }), "pt-1"),
               children: n
             }
           )
         ] }),
-        a === "SidebarCard" && /* @__PURE__ */ t.jsxs(
+        a === "SidebarCard" && /* @__PURE__ */ c(
           "a",
           {
             onClick: e == null ? void 0 : e.onClick,
@@ -188,8 +189,8 @@ function ce({
             "data-testid": e == null ? void 0 : e["data-testid"],
             className: "group relative my-3 flex aspect-video items-center overflow-hidden rounded",
             children: [
-              /* @__PURE__ */ t.jsx("div", { className: "absolute inset-0 bg-black bg-opacity-50 transition group-hover:bg-opacity-40" }),
-              /* @__PURE__ */ t.jsxs(
+              /* @__PURE__ */ i("div", { className: "absolute inset-0 bg-black bg-opacity-50 transition group-hover:bg-opacity-40" }),
+              /* @__PURE__ */ c(
                 "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",
@@ -197,14 +198,14 @@ function ce({
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
                   children: [
-                    /* @__PURE__ */ t.jsx(
+                    /* @__PURE__ */ i(
                       "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__ */ t.jsx(
+                    /* @__PURE__ */ i(
                       "path",
                       {
                         d: "M12.1667 8.5L23.8334 16L12.1667 23.5V8.5Z",
@@ -218,12 +219,12 @@ function ce({
                   ]
                 }
               ),
-              /* @__PURE__ */ t.jsx("img", { alt: "play feature video", src: m })
+              /* @__PURE__ */ i("img", { alt: "play feature video", src: h })
             ]
           }
         ),
-        a === "basic" && e && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-          A,
+        a === "basic" && e && /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
+          I,
           {
             color: "secondary",
             href: e == null ? void 0 : e.href,
@@ -233,19 +234,19 @@ function ce({
             children: e == null ? void 0 : e.child
           }
         ) }),
-        a === "SidebarCard" && /* @__PURE__ */ t.jsxs("div", { className: "mt-2 flex items-center justify-between", children: [
-          c && /* @__PURE__ */ t.jsx(
-            g,
+        a === "SidebarCard" && /* @__PURE__ */ c("div", { className: "mt-2 flex items-center justify-between", children: [
+          m && /* @__PURE__ */ i(
+            v,
             {
-              href: c.href,
+              href: m.href,
               onClick: e == null ? void 0 : e.onClick,
               target: "_blank",
               rel: "noreferrer",
               className: "text-default text-xs font-medium",
-              children: c.text
+              children: m.text
             }
           ),
-          (e == null ? void 0 : e.child) && /* @__PURE__ */ t.jsx(
+          (e == null ? void 0 : e.child) && /* @__PURE__ */ i(
             "button",
             {
               className: "text-default hover:text-emphasis p-0 text-xs font-normal",
@@ -260,7 +261,7 @@ function ce({
     }
   );
 }
-const me = [
+const ue = [
   {
     id: 17,
     thumbnailUrl: "https://img.youtube.com/vi/fMHW6jYPIb8/0.jpg",
@@ -397,38 +398,38 @@ const me = [
     description: "Booking link that allows people to quickly schedule meetings.",
     href: "https://youtu.be/VZ5PfQzzxBw?si=oB0LPSxG8dWIwg5a"
   }
-], f = ne(me).slice(0).reverse();
-function he() {
-  const { t: s } = k(), [i, o] = z(() => {
+], b = me(ue).slice(0).reverse();
+function pe() {
+  const { t } = w(), [s, o] = q(() => {
     if (typeof window > "u")
-      return f;
+      return b;
     try {
-      const e = v.getItem("removedTipsIds");
+      const e = x.getItem("removedTipsIds");
       if (e !== null) {
         const r = e.split(",").map((d) => parseInt(d, 10));
-        return f.filter((d) => r.indexOf(d.id) === -1);
+        return b.filter((d) => r.indexOf(d.id) === -1);
       } else
-        return f;
+        return b;
     } catch {
-      return f;
+      return b;
     }
   }), n = (e) => {
     o((r) => {
-      const l = v.getItem("removedTipsIds") || "", d = r.findIndex((m) => m.id === e);
-      return d === -1 ? [...r] : (v.setItem(
+      const l = x.getItem("removedTipsIds") || "", d = r.findIndex((h) => h.id === e);
+      return d === -1 ? [...r] : (x.setItem(
         "removedTipsIds",
         `${r[d].id.toString()}${l.length > 0 ? `,${l}` : ""}`
       ), r.splice(d, 1), [...r]);
     });
-  }, a = i.slice(0).reverse();
-  return /* @__PURE__ */ t.jsx(
+  }, a = s.slice(0).reverse();
+  return /* @__PURE__ */ i(
     "div",
     {
       className: "hidden pb-4 pt-8 lg:grid",
       style: {
         gridTemplateColumns: "1fr"
       },
-      children: i.map((e) => /* @__PURE__ */ t.jsx(
+      children: s.map((e) => /* @__PURE__ */ i(
         "div",
         {
           className: "relative",
@@ -436,7 +437,7 @@ function he() {
             gridRowStart: 1,
             gridColumnStart: 1
           },
-          children: /* @__PURE__ */ t.jsx(
+          children: /* @__PURE__ */ i(
             "div",
             {
               className: "relative",
@@ -445,16 +446,16 @@ function he() {
                 top: -a.indexOf(e) * 10,
                 opacity: `${1 - a.indexOf(e) / 7}`
               },
-              children: /* @__PURE__ */ t.jsx(
-                ce,
+              children: /* @__PURE__ */ i(
+                he,
                 {
                   variant: "SidebarCard",
                   thumbnailUrl: e.thumbnailUrl,
                   mediaLink: e.mediaLink,
                   title: e.title,
                   description: e.description,
-                  learnMore: { href: e.href, text: s("learn_more") },
-                  actionButton: { onClick: () => n(e.id), child: s("dismiss") }
+                  learnMore: { href: e.href, text: t("learn_more") },
+                  actionButton: { onClick: () => n(e.id), child: t("dismiss") }
                 }
               )
             }
@@ -465,10 +466,10 @@ function he() {
     }
   );
 }
-const fe = V(he);
-function ge({
-  title: s,
-  description: i,
+const ve = Q(pe);
+function ke({
+  title: t,
+  description: s,
   background: o,
   features: n,
   buttons: a,
@@ -476,35 +477,35 @@ function ge({
   children: r,
   plan: l
 }) {
-  const { resolvedTheme: d } = _(), { t: m } = k(), { isPending: c, hasTeamPlan: g } = I(), { data: b } = $.viewer.teams.getUpgradeable.useQuery(), x = `${o}${d === "dark" ? "-dark" : ""}.jpg`, j = !1, w = !!(b != null && b[0]);
-  return l === "team" && (g || w) ? /* @__PURE__ */ t.jsx(t.Fragment, { children: r }) : l === "enterprise" && j ? /* @__PURE__ */ t.jsx(t.Fragment, { children: r }) : c ? /* @__PURE__ */ t.jsx(t.Fragment, { children: e }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "relative flex min-h-[295px] w-full items-center justify-between overflow-hidden rounded-lg pb-10", children: [
-      /* @__PURE__ */ t.jsxs("picture", { className: "absolute min-h-[295px] w-full rounded-lg object-cover", children: [
-        /* @__PURE__ */ t.jsx("source", { srcSet: x, media: "(prefers-color-scheme: dark)" }),
-        /* @__PURE__ */ t.jsx(
+  const { resolvedTheme: d } = $(), { t: h } = w(), { isPending: m, hasTeamPlan: v } = V(), { data: k } = z.viewer.teams.getUpgradeable.useQuery(), y = `${o}${d === "dark" ? "-dark" : ""}.jpg`, N = !1, L = !!(k != null && k[0]);
+  return l === "team" && (v || L) ? /* @__PURE__ */ i(f, { children: r }) : l === "enterprise" && N ? /* @__PURE__ */ i(f, { children: r }) : m ? /* @__PURE__ */ i(f, { children: e }) : /* @__PURE__ */ c(f, { children: [
+    /* @__PURE__ */ c("div", { className: "relative flex min-h-[295px] w-full items-center justify-between overflow-hidden rounded-lg pb-10", children: [
+      /* @__PURE__ */ c("picture", { className: "absolute min-h-[295px] w-full rounded-lg object-cover", children: [
+        /* @__PURE__ */ i("source", { srcSet: y, media: "(prefers-color-scheme: dark)" }),
+        /* @__PURE__ */ i(
           "img",
           {
             className: "absolute min-h-[295px] w-full select-none rounded-lg object-cover object-left md:object-center",
-            src: x,
+            src: y,
             loading: "lazy",
-            alt: s
+            alt: t
           }
         )
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: "relative my-4 px-8 sm:px-14", children: [
-        /* @__PURE__ */ t.jsx("h1", { className: h("font-cal mt-4 text-3xl"), children: m(s) }),
-        /* @__PURE__ */ t.jsx("p", { className: h("mb-8 mt-4 max-w-sm"), children: m(i) }),
+      /* @__PURE__ */ c("div", { className: "relative my-4 px-8 sm:px-14", children: [
+        /* @__PURE__ */ i("h1", { className: u("font-cal mt-4 text-3xl"), children: h(t) }),
+        /* @__PURE__ */ i("p", { className: u("mb-8 mt-4 max-w-sm"), children: h(s) }),
         a
       ] })
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: "mt-4 grid-cols-3 md:grid md:gap-4", children: n.map((u) => /* @__PURE__ */ t.jsxs("div", { className: "bg-muted mb-4 min-h-[180px] w-full rounded-md  p-8 md:mb-0", children: [
-      u.icon,
-      /* @__PURE__ */ t.jsx("h2", { className: "font-cal text-emphasis mt-4 text-lg", children: u.title }),
-      /* @__PURE__ */ t.jsx("p", { className: "text-default", children: u.description })
-    ] }, u.title)) })
+    /* @__PURE__ */ i("div", { className: "mt-4 grid-cols-3 md:grid md:gap-4", children: n.map((p) => /* @__PURE__ */ c("div", { className: "bg-muted mb-4 min-h-[180px] w-full rounded-md  p-8 md:mb-0", children: [
+      p.icon,
+      /* @__PURE__ */ i("h2", { className: "font-cal text-emphasis mt-4 text-lg", children: p.title }),
+      /* @__PURE__ */ i("p", { className: "text-default", children: p.description })
+    ] }, p.title)) })
   ] });
 }
 export {
-  fe as Tips,
-  ge as UpgradeTip
+  ve as Tips,
+  ke as UpgradeTip
 };

package/dist/{index-OYPUcfnB.js → index-ite7gJ1a.js}

@@ -1,5 +1,5 @@
-import { D as a, P as o, f as s, g as t, g as m, i as C, p as n, a as p } from "./index-M6WUZF2M.js";
-import { i } from "./isSupportedCountry-aizVo7Oo.js";
+import { D as a, P as o, f as s, g as t, g as m, i as C, p as n, a as p } from "./index-ykl8OQ78.js";
+import { i } from "./isSupportedCountry-RPoEk3Bi.js";
 export {
   a as DIGITS,
   o as ParseError,