@calcom/atoms 1.0.101-booker → 1.0.102-booker

package/README.md

@@ -1 +1,18 @@
-Atoms - customizable UI components to integrate scheduling into products.
+Customizable UI components to integrate scheduling into your services.
+
+### Support
+Currently supports React 18 and Next 14 while Next 15 is experimental.
+
+### Changelog
+1. Changelog can be viewed [here](https://github.com/calcom/cal.com/blob/main/packages/platform/atoms/CHANGELOG.md).
+2. For upcoming changes in the next release click [here](https://github.com/calcom/cal.com/pulls?q=is%3Apr+is%3Aopen+%22chore%3A+version+packages%22+in%3Atitle) to see a pull request titled `chore: version packages` containing next release changes.
+
+### Versioning
+1. We use semantic versioning meaning that all updates except major should be safe to update.
+2. If there are breaking changes within a specific version it will be marked as `❗️Breaking change` in the changelog, so please check it out before updating.
+3. Some of the versions are suffixed e.g. `1.0.102-framer` and are intended for isolated use cases, so you most probably
+want to use version without any suffix e.g. `1.0.103`.
+
+### Documentation
+Documentation on how to get started with platform solution is [here](https://cal.com/docs/platform/quickstart) and list of atoms can be viewed
+[here](https://cal.com/docs/platform/atoms/cal-provider)

package/dist/{AddressInput-juYkbZV2.js → AddressInput-SsWYIER6.js}

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { I as n, b as c, c as o } from "./index-1iD3RAuF.js";
+import { I as n, b as c, c as o } from "./index-iUtbhTr7.js";
 function r({ value: s, onChange: t, ...a }) {
   return /* @__PURE__ */ m("div", { className: "relative flex items-center", children: [
     /* @__PURE__ */ e(

package/dist/{AlbyPriceComponent-zPblWsmO.js → AlbyPriceComponent-ZTDUjSTR.js}

@@ -1,6 +1,6 @@
 import { jsx as z, jsxs as er } from "react/jsx-runtime";
 import J from "react";
-import { d as tr, S as nr } from "./index-1iD3RAuF.js";
+import { d as tr, S as nr } from "./index-iUtbhTr7.js";
 const K = function(s, r = !0) {
   if (s.destroyed)
     throw new Error("Hash instance has been destroyed");

package/dist/{PhoneInput-lzIUvvEp.js → PhoneInput-OrfnJILr.js}

@@ -1,6 +1,6 @@
 import { jsx as vt } from "react/jsx-runtime";
 import Bt, { useState as $t, useEffect as Gt } from "react";
-import { w as Vt, i as qt, g as Kt, u as Ut, c as It, t as Wt } from "./index-1iD3RAuF.js";
+import { w as Vt, i as qt, g as Kt, u as Ut, c as It, t as Wt } from "./index-iUtbhTr7.js";
 function Ht() {
   return Vt(qt, arguments);
 }

package/dist/cal-atoms.js

@@ -1,5 +1,7 @@
-import { al as r, ak as e } from "./index-1iD3RAuF.js";
+import { al as s, ak as e, am as r, u as t } from "./index-iUtbhTr7.js";
 export {
-  r as Booker,
-  e as CalProvider
+  s as Booker,
+  e as CalProvider,
+  r as useAtomsContext,
+  t as useIsPlatform
 };

package/dist/{index-pxPagOVY.js → index-21QJFBtu.js}

@@ -1,4 +1,4 @@
-import { T as m, a as n } from "./index-1iD3RAuF.js";
+import { T as m, a as n } from "./index-iUtbhTr7.js";
 export {
   m as TimezoneSelect,
   n as TimezoneSelectComponent

package/dist/{index-4eiX6cBE.js → index-XAs7JDE6.js}

@@ -1,19 +1,19 @@
-import { _ as Ze, e as ae, f as D, h as Ke, j as qe, k as et, l as ve, m as tt, n as nt, o as Ie, s as Ce, v as ne, p as ut, q as ot, r as at, x as Ee, y as it, z as Ae, A, B as st, M as rt, C as Z, D as lt, E as ct, F as dt, G as pt, H as ft, J as bt, K as gt, L as ht, N as mt, O as vt, P as It, Q as Ct, R as Et, U as At, V as Ft, W as Vt, X as xt, Y as Ot, Z as St, $ as yt, a0 as Dt, a1 as Mt, a2 as Bt, a3 as Lt, a4 as Rt, a5 as Gt, c as G, a6 as Zt, a7 as Wt } from "./index-1iD3RAuF.js";
-import { a8 as Yn, a9 as Un, ab as _n, ag as zn, aa as jn, b as Qn, af as $n, ad as Kn, ah as qn, aj as eu, ac as tu, ae as nu, ai as uu } from "./index-1iD3RAuF.js";
+import { _ as Ze, e as ae, f as D, h as Ke, j as qe, k as et, l as ve, m as tt, n as nt, o as Ie, s as Ce, v as ne, p as ut, q as ot, r as at, x as Ee, y as it, z as Ae, A, B as st, M as rt, C as Z, D as lt, E as ct, F as dt, G as pt, H as ft, J as bt, K as gt, L as ht, N as mt, O as vt, P as It, Q as Ct, R as Et, U as At, V as Ft, W as Vt, X as xt, Y as Ot, Z as St, $ as yt, a0 as Dt, a1 as Mt, a2 as Bt, a3 as Lt, a4 as Rt, a5 as Gt, c as R, a6 as Zt, a7 as Wt } from "./index-iUtbhTr7.js";
+import { a8 as Yn, a9 as Un, ab as _n, ag as zn, aa as jn, b as Qn, af as $n, ad as Kn, ah as qn, aj as eu, ac as tu, ae as nu, ai as uu } from "./index-iUtbhTr7.js";
 import { jsxs as wt, jsx as de } from "react/jsx-runtime";
 import * as m from "react";
-import { useState as ie, useCallback as R, Component as Tt, useMemo as q, Fragment as pe, useRef as $, useEffect as We, forwardRef as Xt } from "react";
+import { useState as ie, useCallback as G, Component as Tt, useMemo as q, Fragment as pe, useRef as $, useEffect as We, forwardRef as Xt } from "react";
 import "react-dom";
 var Ht = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function kt(o) {
-  var n = o.defaultInputValue, i = n === void 0 ? "" : n, l = o.defaultMenuIsOpen, e = l === void 0 ? !1 : l, a = o.defaultValue, r = a === void 0 ? null : a, t = o.inputValue, u = o.menuIsOpen, s = o.onChange, c = o.onInputChange, d = o.onMenuClose, f = o.onMenuOpen, h = o.value, b = Ze(o, Ht), g = ie(t !== void 0 ? t : i), p = ae(g, 2), v = p[0], V = p[1], E = ie(u !== void 0 ? u : e), I = ae(E, 2), M = I[0], C = I[1], x = ie(h !== void 0 ? h : r), F = ae(x, 2), L = F[0], k = F[1], z = R(function(w, J) {
+  var n = o.defaultInputValue, i = n === void 0 ? "" : n, l = o.defaultMenuIsOpen, e = l === void 0 ? !1 : l, a = o.defaultValue, r = a === void 0 ? null : a, t = o.inputValue, u = o.menuIsOpen, s = o.onChange, c = o.onInputChange, d = o.onMenuClose, f = o.onMenuOpen, h = o.value, b = Ze(o, Ht), g = ie(t !== void 0 ? t : i), p = ae(g, 2), v = p[0], V = p[1], E = ie(u !== void 0 ? u : e), I = ae(E, 2), M = I[0], C = I[1], x = ie(h !== void 0 ? h : r), F = ae(x, 2), L = F[0], k = F[1], z = G(function(w, J) {
     typeof s == "function" && s(w, J), k(w);
-  }, [s]), H = R(function(w, J) {
+  }, [s]), H = G(function(w, J) {
     var Y;
     typeof c == "function" && (Y = c(w, J)), V(Y !== void 0 ? Y : w);
-  }, [c]), N = R(function() {
+  }, [c]), N = G(function() {
     typeof f == "function" && f(), C(!0);
-  }, [f]), S = R(function() {
+  }, [f]), S = G(function() {
     typeof d == "function" && d(), C(!1);
   }, [d]), y = t !== void 0 ? t : v, P = u !== void 0 ? u : M, W = h !== void 0 ? h : L;
   return D(D({}, b), {}, {
@@ -578,26 +578,26 @@ var cn = function(n) {
   n.preventDefault(), n.stopPropagation();
 };
 function dn(o) {
-  var n = o.isEnabled, i = o.onBottomArrive, l = o.onBottomLeave, e = o.onTopArrive, a = o.onTopLeave, r = $(!1), t = $(!1), u = $(0), s = $(null), c = R(function(p, v) {
+  var n = o.isEnabled, i = o.onBottomArrive, l = o.onBottomLeave, e = o.onTopArrive, a = o.onTopLeave, r = $(!1), t = $(!1), u = $(0), s = $(null), c = G(function(p, v) {
     if (s.current !== null) {
       var V = s.current, E = V.scrollTop, I = V.scrollHeight, M = V.clientHeight, C = s.current, x = v > 0, F = I - M - E, L = !1;
       F > v && r.current && (l && l(p), r.current = !1), x && t.current && (a && a(p), t.current = !1), x && v > F ? (i && !r.current && i(p), C.scrollTop = I, L = !0, r.current = !0) : !x && -v > E && (e && !t.current && e(p), C.scrollTop = 0, L = !0, t.current = !0), L && cn(p);
     }
-  }, [i, l, e, a]), d = R(function(p) {
+  }, [i, l, e, a]), d = G(function(p) {
     c(p, p.deltaY);
-  }, [c]), f = R(function(p) {
+  }, [c]), f = G(function(p) {
     u.current = p.changedTouches[0].clientY;
-  }, []), h = R(function(p) {
+  }, []), h = G(function(p) {
     var v = u.current - p.changedTouches[0].clientY;
     c(p, v);
-  }, [c]), b = R(function(p) {
+  }, [c]), b = G(function(p) {
     if (p) {
       var v = Gt ? {
         passive: !1
       } : !1;
       p.addEventListener("wheel", d, v), p.addEventListener("touchstart", f, v), p.addEventListener("touchmove", h, v);
     }
-  }, [h, f, d]), g = R(function(p) {
+  }, [h, f, d]), g = G(function(p) {
     p && (p.removeEventListener("wheel", d, !1), p.removeEventListener("touchstart", f, !1), p.removeEventListener("touchmove", h, !1));
   }, [h, f, d]);
   return We(function() {
@@ -636,7 +636,7 @@ var Le = !!(typeof window < "u" && window.document && window.document.createElem
   passive: !1
 };
 function pn(o) {
-  var n = o.isEnabled, i = o.accountForScrollbars, l = i === void 0 ? !0 : i, e = $({}), a = $(null), r = R(function(u) {
+  var n = o.isEnabled, i = o.accountForScrollbars, l = i === void 0 ? !0 : i, e = $({}), a = $(null), r = G(function(u) {
     if (Le) {
       var s = document.body, c = s && s.style;
       if (l && Oe.forEach(function(b) {
@@ -651,7 +651,7 @@ function pn(o) {
       }
       s && Be() && (s.addEventListener("touchmove", ye, Q), u && (u.addEventListener("touchstart", Me, Q), u.addEventListener("touchmove", De, Q))), ee += 1;
     }
-  }, [l]), t = R(function(u) {
+  }, [l]), t = G(function(u) {
     if (Le) {
       var s = document.body, c = s && s.style;
       ee = Math.max(ee - 1, 0), l && ee < 1 && Oe.forEach(function(d) {
@@ -1845,47 +1845,46 @@ const Wn = Zn, wn = ({
       styles: {
         control: (d) => ({
           ...d,
-          minHeight: i === "sm" ? "28px" : "36px",
-          height: l ? "auto" : i === "sm" ? "28px" : "36px"
+          minHeight: i === "sm" ? "28px" : "32px",
+          height: l ? "auto" : i === "sm" ? "28px" : "32px"
         })
       },
       classNames: {
-        input: () => G("text-emphasis", r == null ? void 0 : r.input),
-        option: (d) => G(
+        input: () => R("text-emphasis", r == null ? void 0 : r.input),
+        option: (d) => R(
           "bg-default flex cursor-pointer justify-between py-1.5 px-2 rounded-md text-default items-center",
           d.isFocused && "bg-subtle",
           d.isDisabled && "bg-muted",
           d.isSelected && "bg-emphasis text-default",
           r == null ? void 0 : r.option
         ),
-        placeholder: (d) => G("text-muted", d.isFocused && n !== "checkbox" && "hidden"),
-        dropdownIndicator: () => "text-default",
-        control: (d) => G(
+        placeholder: (d) => R("text-muted", d.isFocused && n !== "checkbox" && "hidden"),
+        dropdownIndicator: () => R("text-default w-4 h-4"),
+        control: (d) => R(
           Wt({ size: i }),
-          d.isMulti ? n === "checkbox" ? "px-3 h-fit" : d.hasValue ? "p-1 h-fit" : "px-3 h-fit" : i === "sm" ? "h-7 px-2" : "h-9 px-3",
+          d.isMulti ? n === "checkbox" ? "px-3 h-fit" : d.hasValue ? "p-1 h-fit" : "px-3 h-fit" : i === "sm" ? "h-7 px-2 py-1" : "h-8 px-3 py-2",
           e.isDisabled && "bg-subtle",
-          i === "sm" ? "rounded-md" : "rounded-[10px]",
+          "rounded-[10px]",
           "[&:focus-within]:border-emphasis [&:focus-within]:shadow-outline-gray-focused [&:focus-within]:ring-0 !flex",
           r == null ? void 0 : r.control
         ),
-        singleValue: () => G("text-default placeholder:text-muted", r == null ? void 0 : r.singleValue),
-        valueContainer: () => G("text-default placeholder:text-muted flex gap-1", r == null ? void 0 : r.valueContainer),
-        multiValue: () => G(
+        singleValue: () => R("text-default placeholder:text-muted", r == null ? void 0 : r.singleValue),
+        valueContainer: () => R("text-default placeholder:text-muted flex gap-1", r == null ? void 0 : r.valueContainer),
+        multiValue: () => R(
           "font-medium inline-flex items-center justify-center rounded bg-emphasis text-emphasis leading-none text-xs",
           i == "sm" ? "px-1.5 py-[1px] rounded-md" : "py-1 px-1.5 leading-none rounded-lg"
         ),
-        menu: () => G(
+        menu: () => R(
           "rounded-lg bg-default text-sm leading-4 text-default mt-1 border border-subtle shadow-dropdown p-1",
           r == null ? void 0 : r.menu
         ),
         groupHeading: () => "leading-none text-xs text-muted p-2 font-medium ml-1",
-        menuList: () => G(
+        menuList: () => R(
           "scroll-bar scrollbar-track-w-20 rounded-md flex flex-col space-y-[1px]",
           r == null ? void 0 : r.menuList
         ),
-        indicatorsContainer: (d) => G(
-          d.selectProps.menuIsOpen ? c ? "[&>*:last-child]:rotate-180 [&>*:last-child]:transition-transform" : "rotate-180 transition-transform" : "text-default"
-          // Woo it adds another SVG here on multi for some reason
+        indicatorsContainer: (d) => R(
+          d.selectProps.menuIsOpen ? c ? "[&>*:last-child]:rotate-180 [&>*:last-child]:transition-transform [&>*:last-child]:w-4 [&>*:last-child]:h-4" : "rotate-180 transition-transform w-4 h-4" : "text-default w-4 h-4"
         ),
         multiValueRemove: () => "text-default py-auto",
         ...a
@@ -1906,7 +1905,7 @@ function Nn({
   }, []);
   return m.useEffect(() => {
     i && r(i);
-  }, [i, r]), /* @__PURE__ */ wt("div", { className: G("relative", l.className), children: [
+  }, [i, r]), /* @__PURE__ */ wt("div", { className: R("relative", l.className), children: [
     /* @__PURE__ */ de(
       wn,
       {