@calcom/atoms 1.0.3

package/dist/Card-6fRR5Hwj.js

@@ -0,0 +1,185 @@
+import { ak as C, aj as d, au as i, ai as r, e as N, av as p, aw as w } from "./index-GttMIx74.js";
+const c = w("", {
+  // 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: ""
+    },
+    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"
+    },
+    {
+      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"
+    },
+    {
+      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"
+    },
+    {
+      variant: "SidebarCard",
+      structure: "title",
+      className: "text-sm font-cal"
+    },
+    {
+      variant: "SidebarCard",
+      structure: "description",
+      className: "text-xs text-default line-clamp-2"
+    }
+  ]
+});
+function g({
+  image: f,
+  title: h,
+  icon: b,
+  description: m,
+  variant: a,
+  actionButton: e,
+  containerProps: t,
+  imageProps: s,
+  mediaLink: u,
+  thumbnailUrl: x,
+  learnMore: l
+}) {
+  const v = l && l.href.startsWith("https") ? "a" : C;
+  return /* @__PURE__ */ d("div", {
+    className: i(t == null ? void 0 : t.className, c({
+      variant: a,
+      structure: "card"
+    }), "bg-default border-subtle text-default flex flex-col justify-between rounded-md border"),
+    "data-testid": "card-container",
+    ...t,
+    children: [/* @__PURE__ */ d("div", {
+      children: [b && b, f && /* @__PURE__ */ r("img", {
+        src: f,
+        alt: s == null ? void 0 : s.alt,
+        className: i(s == null ? void 0 : s.className, c({
+          variant: a,
+          structure: "image"
+        })),
+        ...s
+      }), /* @__PURE__ */ r("h5", {
+        title: h,
+        className: i(c({
+          variant: a,
+          structure: "title"
+        }), "text-emphasis line-clamp-1 font-bold leading-5"),
+        children: h
+      }), m && /* @__PURE__ */ r("p", {
+        title: m.toString(),
+        className: i(c({
+          variant: a,
+          structure: "description"
+        }), "pt-1"),
+        children: m
+      })]
+    }), a === "SidebarCard" && /* @__PURE__ */ d("a", {
+      onClick: e == null ? void 0 : e.onClick,
+      target: "_blank",
+      rel: "noreferrer",
+      href: u,
+      className: "group relative my-3 flex aspect-video items-center overflow-hidden rounded",
+      children: [/* @__PURE__ */ r("div", {
+        className: "absolute inset-0 bg-black bg-opacity-50 transition-opacity group-hover:bg-opacity-40"
+      }), /* @__PURE__ */ d("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 hover:-mt-px",
+        viewBox: "0 0 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [/* @__PURE__ */ r("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__ */ r("path", {
+          d: "M12.1667 8.5L23.8334 16L12.1667 23.5V8.5Z",
+          fill: "#111827",
+          stroke: "#111827",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        })]
+      }), /* @__PURE__ */ r("img", {
+        alt: "play feature video",
+        src: x
+      })]
+    }), /* @__PURE__ */ r("div", {
+      children: a === "basic" && /* @__PURE__ */ r(N, {
+        color: "secondary",
+        href: e == null ? void 0 : e.href,
+        className: "mt-10",
+        EndIcon: p,
+        children: e == null ? void 0 : e.child
+      })
+    }), a === "SidebarCard" && /* @__PURE__ */ d("div", {
+      className: "mt-2 flex items-center justify-between",
+      children: [l && /* @__PURE__ */ r(v, {
+        href: l.href,
+        onClick: e == null ? void 0 : e.onClick,
+        target: "_blank",
+        rel: "noreferrer",
+        className: "text-default text-xs font-medium",
+        children: l.text
+      }), (e == null ? void 0 : e.child) && /* @__PURE__ */ r("button", {
+        className: "text-default hover:text-emphasis p-0 text-xs font-normal",
+        color: "minimal",
+        onClick: e == null ? void 0 : e.onClick,
+        children: e == null ? void 0 : e.child
+      })]
+    })]
+  });
+}
+export {
+  g as C
+};

package/dist/DatePicker-9pbCidOU.js

@@ -0,0 +1,27 @@
+import { af as g, ao as c, ap as i, aq as k, ai as S, ar as p, as as Y, at as f } from "./index-GttMIx74.js";
+const w = ({
+  event: t,
+  schedule: e
+}) => {
+  var n, r, D, l;
+  const {
+    i18n: m
+  } = g(), [o, d] = c((a) => [a.month, a.selectedDate], i), [s, M, u] = c((a) => [a.setSelectedDate, a.setMonth, a.setDayCount], i), y = k((n = e == null ? void 0 : e.data) == null ? void 0 : n.slots);
+  return /* @__PURE__ */ S(p, {
+    isPending: e.isPending,
+    onChange: (a) => {
+      s(a === null ? a : a.format("YYYY-MM-DD"));
+    },
+    onMonthChange: (a) => {
+      M(a.format("YYYY-MM")), s(a.format("YYYY-MM-DD")), u(null);
+    },
+    includedDates: y,
+    locale: m.language,
+    browsingDate: o ? Y(o) : void 0,
+    selected: Y(d),
+    weekStart: f((l = (D = (r = t == null ? void 0 : t.data) == null ? void 0 : r.users) == null ? void 0 : D[0]) == null ? void 0 : l.weekStart)
+  });
+};
+export {
+  w as DatePicker
+};