@nylas/react 1.0.2-canary.2 → 1.1.0-canary.3

package/dist/{add-circle-icon_18.entry-f86ae88d.js → add-circle-icon_22.entry-da31fa71.js}

@@ -1,67 +1,77 @@
-import { r as g, h as a, c as C, H as k, g as _ } from "./index-ce40ad47.js";
-import { d, o as W, q as F, r as me, s as V, v as ae, w as ie, x as ye, y as ge, z as j, A as Re } from "./utils-0cd66d04-89ab163d.js";
-import { R as O } from "./register-component-d056a880-f3003d6c.js";
-import { T as ve, E as ke } from "./constants-b6bf6671-49a0f1f2.js";
-import { c as ze } from "./_commonjsHelpers-57e89916-af061c86.js";
+import { r as y, h as a, c as w, H as k, g as x } from "./index-0f3bd8df.js";
+import { d, o as j, q as H, r as ve, s as V, v as ae, w as ie, x as ke, y as we, z as W, A as We } from "./utils-c00bdc3c-89ab163d.js";
+import { R as _ } from "./register-component-dc659dc3-0fdb18dc.js";
+import { T as xe, E as _e } from "./constants-6ee60d6d-4cd16450.js";
+import { c as Ve } from "./_commonjsHelpers-57e89916-af061c86.js";
 import "react";
 import "react-dom";
-const Be = ".sc-add-circle-icon-h{display:flex}", Ne = Be, Pe = class {
+const Ue = ".sc-add-circle-icon-h{display:flex}", Ze = Ue, Ye = class {
   constructor(e) {
-    g(this, e), this.width = "24", this.height = "25";
+    y(this, e), this.width = "24", this.height = "25";
   }
   render() {
-    return a("svg", { key: "58ce81214aeed7ddc1ce5f76d674aba576422d48", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "2a47ed74601a5370f0300da06295a2b5969d7e5f", d: "M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z", fill: "currentColor" }));
+    return a("svg", { key: "f3782ba9b526dffdc7335be8e63861fd3b99588f", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "f882c2d15fc67cc99d93f748e2917eb7a675655d", d: "M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z", fill: "currentColor" }));
   }
 };
-Pe.style = Ne;
-const We = ".sc-calendar-info-icon-h{display:flex}", je = We, Ve = class {
+Ye.style = Ze;
+const Ke = "button.sc-button-component{height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer;font-family:var(--nylas-font-family);font-weight:600}button.button-primary.sc-button-component{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer}button.button-primary.sc-button-component:hover{background:var(--nylas-base-600)}button.button-primary.sc-button-component:active{background:var(--nylas-base-800)}button.button-primary.sc-button-component:disabled{background:var(--nylas-base-300);cursor:not-allowed}button.button-basic.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-base-700);background:transparent}button.button-basic.sc-button-component:hover{background:transparent;border-color:var(--nylas-primary)}button.button-basic.sc-button-component:active{background:transparent;border-color:var(--nylas-base-600);border-width:2px}button.button-basic.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-destructive.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-error);background:transparent}button.button-destructive.sc-button-component:hover{background:transparent;border-color:var(--nylas-error)}button.button-destructive.sc-button-component:active{background:transparent;border-color:var(--nylas-error-pressed);border-width:2px;color:var(--nylas-error-pressed)}button.button-destructive.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}", qe = Ke, Je = class {
   constructor(e) {
-    g(this, e), this.width = "20", this.height = "20";
+    y(this, e), this.variant = "primary", this.disabled = !1, this.type = "button", this.clickHandler = void 0, this.mouseOverHandler = void 0, this.mouseOutHandler = void 0, this.focusHandler = void 0, this.blurHandler = void 0;
   }
   render() {
-    return a("svg", { key: "4c290eae1d55ec9df96cbe6d9ba85d5d8b7ee102", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "a2a76a5d0183952d59f1d2f448dc7c460694e410", d: "M12 0C13.3807 0 14.5 1.11929 14.5 2.5V6.59971C14.1832 6.43777 13.8486 6.30564 13.5 6.20703V4H1.5V11.5C1.5 12.3284 2.17157 13 3 13H6.70703C6.80564 13.3486 6.93777 13.6832 7.09971 14H3C1.61929 14 0.5 12.8807 0.5 11.5V2.5C0.5 1.11929 1.61929 0 3 0H12ZM12 1H3C2.17157 1 1.5 1.67157 1.5 2.5V3H13.5V2.5C13.5 1.67157 12.8284 1 12 1ZM11.375 9.5C11.375 9.15482 11.6548 8.875 12 8.875C12.3452 8.875 12.625 9.15482 12.625 9.5C12.625 9.84518 12.3452 10.125 12 10.125C11.6548 10.125 11.375 9.84518 11.375 9.5ZM12.5 13.5C12.5 13.7761 12.2761 14 12 14C11.7239 14 11.5 13.7761 11.5 13.5V11.5C11.5 11.2239 11.7239 11 12 11C12.2761 11 12.5 11.2239 12.5 11.5V13.5ZM7.5 11.5C7.5 9.01472 9.51472 7 12 7C14.4853 7 16.5 9.01472 16.5 11.5C16.5 13.9853 14.4853 16 12 16C9.51472 16 7.5 13.9853 7.5 11.5ZM8.5 11.5C8.5 13.433 10.067 15 12 15C13.933 15 15.5 13.433 15.5 11.5C15.5 9.567 13.933 8 12 8C10.067 8 8.5 9.567 8.5 11.5Z", fill: "currentColor" }));
+    const e = `button-${this.variant}` + (this.disabled ? " disabled" : "");
+    return a("button", { key: "cfd8e89f59f914245d2c8c8c78476a36d27da859", class: e, disabled: this.disabled, type: "type", onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, a("slot", { key: "4535ee0ad60500247597e0bc127634b04dbe560e" }));
   }
 };
-Ve.style = je;
-const Ue = ".sc-calendar-patterns-icon-h{display:flex}", Ze = Ue, Ye = class {
+Je.style = qe;
+const Ge = ".sc-calendar-info-icon-h{display:flex}", Xe = Ge, Qe = class {
   constructor(e) {
-    g(this, e), this.width = "20", this.height = "20";
+    y(this, e), this.width = "20", this.height = "20";
   }
   render() {
-    return a("svg", { key: "cf8071f578ad04793f5bd5b446dccaa1f6d4c1a3", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "8e8a3c7d87bc41c6d6973a34863d05d996155c1d", d: "M3.25 0H11.75C13.2688 0 14.5 1.23122 14.5 2.75V11.25C14.5 12.7688 13.2688 14 11.75 14H3.25C1.73122 14 0.5 12.7688 0.5 11.25V2.75C0.5 1.23122 1.73122 0 3.25 0ZM2 2.75V4H13V2.75C13 2.05964 12.4404 1.5 11.75 1.5H3.25C2.55964 1.5 2 2.05964 2 2.75ZM12.2071 5L8.20711 9H10.7929L13 6.79289V5H12.2071ZM10.7929 5H8.20711L4.20711 9H6.79289L10.7929 5ZM2.79289 9L6.79289 5H4.20711L2 7.20711V9H2.79289ZM2 5.79289L2.79289 5H2V5.79289ZM12.2071 9H13V8.20711L12.2071 9Z", fill: "currentColor" }));
+    return a("svg", { key: "a81da147ac49427181db4dddb65aec3a24224ef7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "95ead56b8fdb4b038cc1811615ffb5117f146920", d: "M12 0C13.3807 0 14.5 1.11929 14.5 2.5V6.59971C14.1832 6.43777 13.8486 6.30564 13.5 6.20703V4H1.5V11.5C1.5 12.3284 2.17157 13 3 13H6.70703C6.80564 13.3486 6.93777 13.6832 7.09971 14H3C1.61929 14 0.5 12.8807 0.5 11.5V2.5C0.5 1.11929 1.61929 0 3 0H12ZM12 1H3C2.17157 1 1.5 1.67157 1.5 2.5V3H13.5V2.5C13.5 1.67157 12.8284 1 12 1ZM11.375 9.5C11.375 9.15482 11.6548 8.875 12 8.875C12.3452 8.875 12.625 9.15482 12.625 9.5C12.625 9.84518 12.3452 10.125 12 10.125C11.6548 10.125 11.375 9.84518 11.375 9.5ZM12.5 13.5C12.5 13.7761 12.2761 14 12 14C11.7239 14 11.5 13.7761 11.5 13.5V11.5C11.5 11.2239 11.7239 11 12 11C12.2761 11 12.5 11.2239 12.5 11.5V13.5ZM7.5 11.5C7.5 9.01472 9.51472 7 12 7C14.4853 7 16.5 9.01472 16.5 11.5C16.5 13.9853 14.4853 16 12 16C9.51472 16 7.5 13.9853 7.5 11.5ZM8.5 11.5C8.5 13.433 10.067 15 12 15C13.933 15 15.5 13.433 15.5 11.5C15.5 9.567 13.933 8 12 8C10.067 8 8.5 9.567 8.5 11.5Z", fill: "currentColor" }));
   }
 };
-Ye.style = Ze;
-const Ke = ".sc-flow-icon-h{display:flex}", qe = Ke, Je = class {
+Qe.style = Xe;
+const et = ".sc-calendar-patterns-icon-h{display:flex}", tt = et, nt = class {
   constructor(e) {
-    g(this, e), this.width = "16", this.height = "12";
+    y(this, e), this.width = "20", this.height = "20";
   }
   render() {
-    return a("svg", { key: "e0f4da46b751754406e8b0551890a1bffb1100e4", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "21997cb261d91c8589c3e87a01036dc8f91a8d9b", d: "M13 1.66211C11.8954 1.66211 11 2.55754 11 3.66211C11 4.76668 11.8954 5.66211 13 5.66211C14.1046 5.66211 15 4.76668 15 3.66211C15 2.55754 14.1046 1.66211 13 1.66211ZM10.0407 3.16678C10.2768 1.74563 11.5119 0.662109 13 0.662109C14.6569 0.662109 16 2.00526 16 3.66211C16 5.31896 14.6569 6.66211 13 6.66211C11.5162 6.66211 10.2839 5.58482 10.0428 4.16971C9.37629 4.23688 8.82682 4.7426 8.71466 5.41551L8.27173 8.07311C8.07929 9.22776 7.11428 10.087 5.9593 10.1574C5.72319 11.5786 4.48813 12.6621 3 12.6621C1.34315 12.6621 0 11.319 0 9.66211C0 8.00526 1.34315 6.66211 3 6.66211C4.48384 6.66211 5.71607 7.73939 5.95724 9.15451C6.62371 9.08734 7.17318 8.58162 7.28534 7.90871L7.72827 5.25111C7.92071 4.09646 8.88571 3.23718 10.0407 3.16678ZM3 7.66211C1.89543 7.66211 1 8.55754 1 9.66211C1 10.7667 1.89543 11.6621 3 11.6621C4.10457 11.6621 5 10.7667 5 9.66211C5 8.55754 4.10457 7.66211 3 7.66211Z", fill: "currentColor" }));
+    return a("svg", { key: "240e5d737e5c6e987cae5c658dfbb6f60eec94c9", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "7247ab8bb25c0b25173b6acf384866da1a07b59b", d: "M3.25 0H11.75C13.2688 0 14.5 1.23122 14.5 2.75V11.25C14.5 12.7688 13.2688 14 11.75 14H3.25C1.73122 14 0.5 12.7688 0.5 11.25V2.75C0.5 1.23122 1.73122 0 3.25 0ZM2 2.75V4H13V2.75C13 2.05964 12.4404 1.5 11.75 1.5H3.25C2.55964 1.5 2 2.05964 2 2.75ZM12.2071 5L8.20711 9H10.7929L13 6.79289V5H12.2071ZM10.7929 5H8.20711L4.20711 9H6.79289L10.7929 5ZM2.79289 9L6.79289 5H4.20711L2 7.20711V9H2.79289ZM2 5.79289L2.79289 5H2V5.79289ZM12.2071 9H13V8.20711L12.2071 9Z", fill: "currentColor" }));
   }
 };
-Je.style = qe;
-const Ge = ".sc-location-icon-h{display:flex}", Xe = Ge, Qe = class {
+nt.style = tt;
+const at = ".sc-flow-icon-h{display:flex}", it = at, st = class {
   constructor(e) {
-    g(this, e), this.width = "16", this.height = "18";
+    y(this, e), this.width = "16", this.height = "12";
   }
   render() {
-    return a("svg", { key: "5b9c42e29bed565ef37d35d8196c038d0fb12a0c", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "8be7bf4ede319cce00e35be8270c85c14bcbc4b5", d: "M10 7.66211C10 9.31896 8.65685 10.6621 7 10.6621C5.34315 10.6621 4 9.31896 4 7.66211C4 6.00526 5.34315 4.66211 7 4.66211C8.65685 4.66211 10 6.00526 10 7.66211ZM9 7.66211C9 6.55754 8.10457 5.66211 7 5.66211C5.89543 5.66211 5 6.55754 5 7.66211C5 8.76668 5.89543 9.66211 7 9.66211C8.10457 9.66211 9 8.76668 9 7.66211ZM11.9497 12.6171C14.6834 9.88221 14.6834 5.44812 11.9497 2.71326C9.21608 -0.0216067 4.78392 -0.0216067 2.05025 2.71326C-0.683418 5.44812 -0.683418 9.88221 2.05025 12.6171L3.57128 14.1159L5.61408 16.101L5.74691 16.2188C6.52168 16.8468 7.65623 16.8076 8.38611 16.1012L10.8223 13.7312L11.9497 12.6171ZM2.75499 3.4183C5.09944 1.07282 8.90055 1.07282 11.245 3.4183C13.5294 5.70364 13.5879 9.3725 11.4207 11.7288L11.245 11.912L9.92371 13.216L7.69315 15.3846L7.60016 15.4642C7.24594 15.732 6.7543 15.732 6.40012 15.4642L6.30713 15.3845L3.3263 12.4791L2.75499 11.912L2.57927 11.7288C0.412077 9.3725 0.47065 5.70364 2.75499 3.4183Z", fill: "currentColor" }));
+    return a("svg", { key: "64cf30f0de8e94ba60072d0b1b36caa28b5123fa", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "5af4e418bffe3e59f56d8a9831b3b80b8e45248f", d: "M13 1.66211C11.8954 1.66211 11 2.55754 11 3.66211C11 4.76668 11.8954 5.66211 13 5.66211C14.1046 5.66211 15 4.76668 15 3.66211C15 2.55754 14.1046 1.66211 13 1.66211ZM10.0407 3.16678C10.2768 1.74563 11.5119 0.662109 13 0.662109C14.6569 0.662109 16 2.00526 16 3.66211C16 5.31896 14.6569 6.66211 13 6.66211C11.5162 6.66211 10.2839 5.58482 10.0428 4.16971C9.37629 4.23688 8.82682 4.7426 8.71466 5.41551L8.27173 8.07311C8.07929 9.22776 7.11428 10.087 5.9593 10.1574C5.72319 11.5786 4.48813 12.6621 3 12.6621C1.34315 12.6621 0 11.319 0 9.66211C0 8.00526 1.34315 6.66211 3 6.66211C4.48384 6.66211 5.71607 7.73939 5.95724 9.15451C6.62371 9.08734 7.17318 8.58162 7.28534 7.90871L7.72827 5.25111C7.92071 4.09646 8.88571 3.23718 10.0407 3.16678ZM3 7.66211C1.89543 7.66211 1 8.55754 1 9.66211C1 10.7667 1.89543 11.6621 3 11.6621C4.10457 11.6621 5 10.7667 5 9.66211C5 8.55754 4.10457 7.66211 3 7.66211Z", fill: "currentColor" }));
   }
 };
-Qe.style = Xe;
-const et = ".sc-location-off-icon-h{display:flex}", tt = et, nt = class {
+st.style = it;
+const ot = ".sc-location-icon-h{display:flex}", lt = ot, rt = class {
   constructor(e) {
-    g(this, e), this.width = "16", this.height = "18";
+    y(this, e), this.width = "16", this.height = "18";
   }
   render() {
-    return a("svg", { key: "9f486b38064361394fa89c330d79cf275c862143", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "02ef40d3c0d44a0eb38e8018ede7d30102e5e74b", d: "M0.146447 0.808556C0.341709 0.613294 0.658291 0.613294 0.853553 0.808556L15.8536 15.8086C16.0488 16.0038 16.0488 16.3204 15.8536 16.5157C15.6583 16.7109 15.3417 16.7109 15.1464 16.5157L12.0938 13.463L11.8223 13.7312L9.38611 16.1012C8.65623 16.8076 7.52168 16.8468 6.74691 16.2188L6.61408 16.101L4.57128 14.1159L3.05025 12.6171C0.607421 10.1732 0.347525 6.37239 2.27056 3.63976L0.146447 1.51566C-0.0488155 1.3204 -0.0488155 1.00382 0.146447 0.808556ZM9.07768 10.4469C8.74346 10.576 8.38024 10.6468 8.0005 10.6468C6.34839 10.6468 5.00909 9.30689 5.00909 7.65406C5.00909 7.27461 5.07967 6.91166 5.20843 6.57763L2.98793 4.35713C1.49206 6.62038 1.68917 9.67377 3.57927 11.7288L3.75499 11.912L4.3263 12.4791L7.30713 15.3845L7.40012 15.4642C7.7543 15.732 8.24594 15.732 8.60016 15.4642L8.69315 15.3846L10.9237 13.216L11.3883 12.7575L9.07768 10.4469ZM9.85409 8.39486L10.5983 9.13904C10.8487 8.70143 10.9919 8.19447 10.9919 7.65406C10.9919 6.00122 9.65261 4.66134 8.0005 4.66134C7.45986 4.66134 6.95271 4.80482 6.51504 5.05581L7.25921 5.79998C7.48839 5.70819 7.73855 5.6577 8.0005 5.6577C9.10258 5.6577 9.99599 6.5515 9.99599 7.65406C9.99599 7.91581 9.94564 8.16581 9.85409 8.39486ZM4.35291 2.89368C6.70671 1.08827 10.0908 1.26314 12.245 3.4183C14.3986 5.57283 14.5739 8.95702 12.771 11.3118L13.4812 12.022C15.6702 9.27273 15.493 5.25762 12.9497 2.71326C10.4058 0.168159 6.39081 -0.00843871 3.64269 2.18347L4.35291 2.89368Z", fill: "currentColor" }));
+    return a("svg", { key: "99aeec9d05c84b5b625d6dde77e639b66da0ba74", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "20ab637f3fb7ba64b1bf145f6a8308632d6ceaa4", d: "M10 7.66211C10 9.31896 8.65685 10.6621 7 10.6621C5.34315 10.6621 4 9.31896 4 7.66211C4 6.00526 5.34315 4.66211 7 4.66211C8.65685 4.66211 10 6.00526 10 7.66211ZM9 7.66211C9 6.55754 8.10457 5.66211 7 5.66211C5.89543 5.66211 5 6.55754 5 7.66211C5 8.76668 5.89543 9.66211 7 9.66211C8.10457 9.66211 9 8.76668 9 7.66211ZM11.9497 12.6171C14.6834 9.88221 14.6834 5.44812 11.9497 2.71326C9.21608 -0.0216067 4.78392 -0.0216067 2.05025 2.71326C-0.683418 5.44812 -0.683418 9.88221 2.05025 12.6171L3.57128 14.1159L5.61408 16.101L5.74691 16.2188C6.52168 16.8468 7.65623 16.8076 8.38611 16.1012L10.8223 13.7312L11.9497 12.6171ZM2.75499 3.4183C5.09944 1.07282 8.90055 1.07282 11.245 3.4183C13.5294 5.70364 13.5879 9.3725 11.4207 11.7288L11.245 11.912L9.92371 13.216L7.69315 15.3846L7.60016 15.4642C7.24594 15.732 6.7543 15.732 6.40012 15.4642L6.30713 15.3845L3.3263 12.4791L2.75499 11.912L2.57927 11.7288C0.412077 9.3725 0.47065 5.70364 2.75499 3.4183Z", fill: "currentColor" }));
   }
 };
-nt.style = tt;
-const at = ':host{display:block;width:inherit;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.dropdown{display:inline-block;width:100%;position:relative}.dropdown .dropdown-label{display:flex;align-items:center;gap:0.25rem;color:var(--nylas-base-800)}.dropbtn{width:inherit;height:48px;color:black;padding:0.5rem;font-size:1rem;cursor:pointer;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{border:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content ul li label{display:flex;align-items:center;gap:0.5rem}.dropdown-content ul li label input{margin:0}.selected-options{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0;margin-top:0.25rem;background:var(--nylas-base-0)}.selected-options .selected-option{display:flex;align-items:center;gap:0.5rem;padding:4px 8px;border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-100);color:var(--nylas-base-800);font-size:16px;font-weight:500;line-height:1.5rem;letter-spacing:0.5px}.selected-options .selected-option button{background:transparent;border:none;cursor:pointer;padding:0}.selected-options .selected-option button:hover{color:var(--nylas-primary)}', it = at, st = class {
+rt.style = lt;
+const dt = ".sc-location-off-icon-h{display:flex}", ct = dt, ft = class {
   constructor(e) {
-    g(this, e), this.selectedOptionsChanged = C(this, "selectedOptionsChanged", 7), this.name = void 0, this.label = void 0, this.options = [], this.availableOptions = this.options, this.isOpen = !1, this.ariaActivedescendant = "", this.shouldFocusFirstOption = !1;
+    y(this, e), this.width = "16", this.height = "18";
+  }
+  render() {
+    return a("svg", { key: "6ff327f807c0b46549b39b02a5f04e46bdfddfdc", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "4802054ea26248eaf04c81ed9eeaca8c7535c4bf", d: "M0.146447 0.808556C0.341709 0.613294 0.658291 0.613294 0.853553 0.808556L15.8536 15.8086C16.0488 16.0038 16.0488 16.3204 15.8536 16.5157C15.6583 16.7109 15.3417 16.7109 15.1464 16.5157L12.0938 13.463L11.8223 13.7312L9.38611 16.1012C8.65623 16.8076 7.52168 16.8468 6.74691 16.2188L6.61408 16.101L4.57128 14.1159L3.05025 12.6171C0.607421 10.1732 0.347525 6.37239 2.27056 3.63976L0.146447 1.51566C-0.0488155 1.3204 -0.0488155 1.00382 0.146447 0.808556ZM9.07768 10.4469C8.74346 10.576 8.38024 10.6468 8.0005 10.6468C6.34839 10.6468 5.00909 9.30689 5.00909 7.65406C5.00909 7.27461 5.07967 6.91166 5.20843 6.57763L2.98793 4.35713C1.49206 6.62038 1.68917 9.67377 3.57927 11.7288L3.75499 11.912L4.3263 12.4791L7.30713 15.3845L7.40012 15.4642C7.7543 15.732 8.24594 15.732 8.60016 15.4642L8.69315 15.3846L10.9237 13.216L11.3883 12.7575L9.07768 10.4469ZM9.85409 8.39486L10.5983 9.13904C10.8487 8.70143 10.9919 8.19447 10.9919 7.65406C10.9919 6.00122 9.65261 4.66134 8.0005 4.66134C7.45986 4.66134 6.95271 4.80482 6.51504 5.05581L7.25921 5.79998C7.48839 5.70819 7.73855 5.6577 8.0005 5.6577C9.10258 5.6577 9.99599 6.5515 9.99599 7.65406C9.99599 7.91581 9.94564 8.16581 9.85409 8.39486ZM4.35291 2.89368C6.70671 1.08827 10.0908 1.26314 12.245 3.4183C14.3986 5.57283 14.5739 8.95702 12.771 11.3118L13.4812 12.022C15.6702 9.27273 15.493 5.25762 12.9497 2.71326C10.4058 0.168159 6.39081 -0.00843871 3.64269 2.18347L4.35291 2.89368Z", fill: "currentColor" }));
+  }
+};
+ft.style = ct;
+const pt = ':host{display:block;width:inherit;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.dropdown{display:inline-block;width:100%;position:relative}.dropdown .dropdown-label{display:flex;align-items:center;gap:0.25rem;color:var(--nylas-base-800)}.dropbtn{width:inherit;height:48px;color:black;padding:0.5rem;font-size:1rem;cursor:pointer;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{border:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content ul li label{display:flex;align-items:center;gap:0.5rem}.dropdown-content ul li label input{margin:0}.selected-options{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0;margin-top:0.25rem;background:var(--nylas-base-0)}.selected-options .selected-option{display:flex;align-items:center;gap:0.5rem;padding:4px 8px;border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-100);color:var(--nylas-base-800);font-size:16px;font-weight:500;line-height:1.5rem;letter-spacing:0.5px}.selected-options .selected-option button{background:transparent;border:none;cursor:pointer;padding:0}.selected-options .selected-option button:hover{color:var(--nylas-primary)}', bt = pt, ut = class {
+  constructor(e) {
+    y(this, e), this.selectedOptionsChanged = w(this, "selectedOptionsChanged", 7), this.name = void 0, this.label = void 0, this.options = [], this.availableOptions = this.options, this.isOpen = !1, this.ariaActivedescendant = "", this.shouldFocusFirstOption = !1;
   }
   componentDidRender() {
     d("multi-select-dropdown", "componentDidRender"), this.isOpen && this.shouldFocusFirstOption && (this.ariaActivedescendant = this.availableOptions[0].value, this.focusOption(0), this.shouldFocusFirstOption = !1);
@@ -98,12 +108,12 @@ const at = ':host{display:block;width:inherit;--nylas-primary:#2563eb;--nylas-er
       case "Tab":
         if (e.shiftKey) {
           e.preventDefault();
-          const l = n - 1 >= 0 ? n - 1 : t.length - 1;
-          this.ariaActivedescendant = t[l].value, this.focusOption(l);
+          const o = n - 1 >= 0 ? n - 1 : t.length - 1;
+          this.ariaActivedescendant = t[o].value, this.focusOption(o);
         } else {
           e.preventDefault();
-          const l = n + 1 < t.length ? n + 1 : 0;
-          this.ariaActivedescendant = t[l].value, this.focusOption(l);
+          const o = n + 1 < t.length ? n + 1 : 0;
+          this.ariaActivedescendant = t[o].value, this.focusOption(o);
         }
         break;
       case "ArrowUp":
@@ -120,11 +130,11 @@ const at = ':host{display:block;width:inherit;--nylas-primary:#2563eb;--nylas-er
     }
   }
   focusOption(e) {
-    var l;
+    var o;
     const t = this.availableOptions[e];
     if (!t)
       return;
-    const n = t.value, s = (l = this.el.shadowRoot) == null ? void 0 : l.getElementById(n);
+    const n = t.value, s = (o = this.el.shadowRoot) == null ? void 0 : o.getElementById(n);
     s && (s.focus(), s.scrollIntoView({ behavior: "smooth", block: "nearest" }));
   }
   getSelectedOptions() {
@@ -137,29 +147,29 @@ const at = ':host{display:block;width:inherit;--nylas-primary:#2563eb;--nylas-er
   }
   render() {
     var e, t;
-    return a(k, { key: "ff71916f4c5b0904c1c88acc24092685bb1a8c56" }, a("div", { key: "e9ff8065a2c85506b433bd5d9a58227f92486187", class: "dropdown", part: "msd_dropdown" }, a("label", { key: "10b60608219600df241af49b91ab63d1c70394a5", class: "dropdown-label" }, this.label, a("slot", { key: "9a9ceafb10875657f758a4f315dbe88c7184ef15", name: "label-icon", "aria-hidden": "true" })), a("button", { key: "4d004314767768524db8ab302e602e6a28929558", part: "msd_dropdown-button", class: { dropbtn: !0, open: this.isOpen }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (n) => this.handleSelectButtonKeyDown(n) }, a("slot", { key: "2556aed7a1ff5a5428d5a334d80aa408a26b836a", name: "select-icon", "aria-hidden": "true" }), a("span", { key: "e237a06138def9e1279231715c933c0d27f7b5ea", class: "selected-option", part: "msd_dropdown-button-selected-label" }, this.getSelectedOptions().length > 1 ? `Multiple ${this.name}s selected` : ((e = this.availableOptions.filter((n) => n.selected)[0]) == null ? void 0 : e.label) ?? ((t = this.availableOptions[0]) == null ? void 0 : t.label)), a("span", { key: "0ff8048547586614e1b14dca82e271c3e3bb49c7", class: this.isOpen ? "open" : "closed", "aria-hidden": "true" }, a("chevron-icon", { key: "aab301fdd0e369aede69e378649d2b294b049d88", width: "16", height: "16" }))), this.isOpen ? null : a("div", { class: "selected-options" }, this.getSelectedOptions().map((n) => a("span", { class: "selected-option" }, n.label, a("button", { key: n.label, onClick: () => this.selectOption(n) }, a("close-icon", null))))), this.isOpen ? a("div", { class: "dropdown-content", part: "msd_dropdown-content" }, a("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-multiselectable": !0, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (n) => this.handleListboxKeydown(n) }, this.availableOptions.map((n) => this.renderOption(n)))) : null));
+    return a(k, { key: "1cd6593ab9c3fba5bd85b4c6c3b72b5c02d56a06" }, a("div", { key: "4824791de73b31be01c7801569564c8444e14d25", class: "dropdown", part: "msd_dropdown" }, a("label", { key: "9cfb0b87aa5f514d2030ddb0b7f3a53d49ed623a", class: "dropdown-label" }, this.label, a("slot", { key: "e3e3db4816a4599b82ad9802b50540e4d5029ffe", name: "label-icon", "aria-hidden": "true" })), a("button", { key: "b00feb7b276c455987f5e9d957eecb88ba3bc65e", part: "msd_dropdown-button", class: { dropbtn: !0, open: this.isOpen }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (n) => this.handleSelectButtonKeyDown(n) }, a("slot", { key: "e0abc205d785aaada5884a21e0b94f02828ba09c", name: "select-icon", "aria-hidden": "true" }), a("span", { key: "9c69fcf904171f8cd7129dcf65d00e4ac2e72c4a", class: "selected-option", part: "msd_dropdown-button-selected-label" }, this.getSelectedOptions().length > 1 ? `Multiple ${this.name}s selected` : ((e = this.availableOptions.filter((n) => n.selected)[0]) == null ? void 0 : e.label) ?? ((t = this.availableOptions[0]) == null ? void 0 : t.label)), a("span", { key: "71f33e2a554531bb2cb498f857157bdaa28facea", class: this.isOpen ? "open" : "closed", "aria-hidden": "true" }, a("chevron-icon", { key: "0f418f723c61306bfa1efb8a5934957d211f3fce", width: "16", height: "16" }))), this.isOpen ? null : a("div", { class: "selected-options" }, this.getSelectedOptions().map((n) => a("span", { class: "selected-option" }, n.label, a("button", { key: n.label, onClick: () => this.selectOption(n) }, a("close-icon", null))))), this.isOpen ? a("div", { class: "dropdown-content", part: "msd_dropdown-content" }, a("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-multiselectable": !0, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (n) => this.handleListboxKeydown(n) }, this.availableOptions.map((n) => this.renderOption(n)))) : null));
   }
   get el() {
-    return _(this);
+    return x(this);
   }
 };
-st.style = it;
-const lt = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-availability-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-availability-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-availability-picker .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-availability-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-availability-picker .content{padding:1rem;color:var(--nylas-base-900)}.nylas-availability-picker .content .select-timezone{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nylas-base-200);padding-bottom:1rem}.nylas-availability-picker .content .select-timezone h4{display:flex;gap:0.5rem;align-items:center;margin:0;font-size:1rem;font-weight:500;line-height:20px}.nylas-availability-picker .content .select-timezone select-dropdown{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-availability-picker .content .availability{display:flex;flex-direction:column;gap:1rem;padding:0 0.5rem;margin:1rem 0}.nylas-availability-picker .content .availability .availability-day{display:grid;grid-template-columns:minmax(auto, 65px) 1fr minmax(auto, 40px);gap:1rem;align-items:baseline}@media screen and (max-width: 768px){.nylas-availability-picker .content .availability .availability-day{grid-template-columns:auto}}.nylas-availability-picker .content .availability .availability-day .day{display:flex;gap:0.5rem;align-items:center}.nylas-availability-picker .content .availability .availability-day .time-ranges span.unavailable{height:48px;display:flex;align-items:center}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{display:flex;gap:1.5rem;justify-content:space-between;align-items:baseline}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{display:flex;gap:1rem}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers span{margin-top:0.75rem}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range:not(:last-of-type){margin-bottom:1rem}.nylas-availability-picker .content .availability .availability-day .time-ranges p.error{color:var(--nylas-error)}.nylas-availability-picker .content .availability .availability-day button{border:none;background:transparent;height:40px;cursor:pointer;color:var(--nylas-base-800)}.nylas-availability-picker .content .availability .availability-day button:hover,.nylas-availability-picker .content .availability .availability-day button:active{color:var(--nylas-primary)}', ot = lt;
-var rt = function(e, t, n, s) {
-  var l = arguments.length, i = l < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, o;
+ut.style = bt;
+const ht = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-availability-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-availability-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-availability-picker .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-availability-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-availability-picker .content{padding:1rem;color:var(--nylas-base-900);font-size:16px;font-family:var(--nylas-font-family)}@media screen and (max-width: 504px){.nylas-availability-picker .content{font-size:15px}}.nylas-availability-picker .content .select-timezone{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nylas-base-200);padding-bottom:1rem;gap:1rem}.nylas-availability-picker .content .select-timezone h4{display:flex;gap:0.5rem;align-items:center;margin:0;font-size:16px;font-weight:500;line-height:20px}@media screen and (max-width: 504px){.nylas-availability-picker .content .select-timezone h4{font-size:15px}}.nylas-availability-picker .content .select-timezone select-dropdown{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-availability-picker .content .availability{display:flex;flex-direction:column;gap:1rem;padding:0 0.5rem;margin:1rem 0}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability{gap:0.5rem;padding:0}}.nylas-availability-picker .content .availability .availability-day{display:grid;grid-template-columns:minmax(auto, 65px) 1fr minmax(auto, 40px);gap:1rem;align-items:baseline}@media screen and (max-width: 768px){.nylas-availability-picker .content .availability .availability-day{grid-template-columns:78px 1fr auto}}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day{display:inline-grid;gap:8px;grid-template-columns:60px 1fr auto}}.nylas-availability-picker .content .availability .availability-day .day{display:flex;gap:0.5rem;align-items:center}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .day{gap:0.25rem}}.nylas-availability-picker .content .availability .availability-day .day input[type=checkbox]{transform:scale(1.3)}.nylas-availability-picker .content .availability .availability-day .time-ranges span.unavailable{height:48px;display:flex;align-items:center;justify-content:center}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{display:flex;gap:1.5rem;justify-content:space-between;align-items:baseline}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{justify-content:unset;gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{display:flex;gap:1rem}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers span{margin-top:0.75rem}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range:not(:last-of-type){margin-bottom:1rem}.nylas-availability-picker .content .availability .availability-day .time-ranges p.error{color:var(--nylas-error)}.nylas-availability-picker .content .availability .availability-day button{border:none;background:transparent;height:40px;cursor:pointer;color:var(--nylas-base-800)}.nylas-availability-picker .content .availability .availability-day button:hover,.nylas-availability-picker .content .availability .availability-day button:active{color:var(--nylas-primary)}', mt = ht;
+var yt = function(e, t, n, s) {
+  var o = arguments.length, i = o < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, l;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
     i = Reflect.decorate(e, t, n, s);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (o = e[r]) && (i = (l < 3 ? o(i) : l > 3 ? o(t, n, i) : o(t, n)) || i);
-  return l > 3 && i && Object.defineProperty(t, n, i), i;
+      (l = e[r]) && (i = (o < 3 ? l(i) : o > 3 ? l(t, n, i) : l(t, n)) || i);
+  return o > 3 && i && Object.defineProperty(t, n, i), i;
 }, se = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const xe = class {
+const Ce = class {
   constructor(e) {
-    g(this, e), this.valueChanged = C(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.openHours = void 0, this.name = "availability", this.defaultTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.schedule = {
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.openHours = void 0, this.name = "availability", this.defaultTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.schedule = {
       SUN: [],
       MON: [{ start: "09:00am", end: "05:00pm" }],
       TUE: [{ start: "09:00am", end: "05:00pm" }],
@@ -180,17 +190,17 @@ const xe = class {
         name: this.name
       });
       let s = {};
-      if (Object.keys(e).forEach((l) => {
-        const i = e[l];
+      if (Object.keys(e).forEach((o) => {
+        const i = e[o];
         if (i.length > 0) {
-          const o = this.getOverlaps(i);
-          o.length > 0 && (s[l] = o);
+          const l = this.getOverlaps(i);
+          l.length > 0 && (s[o] = l);
         }
       }), this.overlapDays = s, typeof this.internals.setFormValue != "function")
         return;
       if (Object.keys(s).length > 0) {
-        const l = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(Object.keys(s)[0]);
-        l && this.internals.setValidity({ customError: !0 }, "Overlapping time ranges found", l);
+        const o = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(Object.keys(s)[0]);
+        o && this.internals.setValidity({ customError: !0 }, "Overlapping time ranges found", o);
       } else
         this.internals.setValidity({ customError: !1 }), this.internals.setFormValue(JSON.stringify(this.scheduleToOpenHours(e, this.timezone)));
     }
@@ -216,62 +226,62 @@ const xe = class {
     d("nylas-availability-picker", "componentDidLoad"), this.openHours && this.openHours.length > 0 && this.updateSchedule(this.openHours), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(JSON.stringify(this.scheduleToOpenHours(this.schedule, this.timezone)));
   }
   getOverlaps(e) {
-    let t = e.map((s, l) => ({
-      start: W(s.start),
-      end: W(s.end),
-      originalIndex: l
+    let t = e.map((s, o) => ({
+      start: j(s.start),
+      end: j(s.end),
+      originalIndex: o
     }));
-    t.sort((s, l) => s.start - l.start);
+    t.sort((s, o) => s.start - o.start);
     let n = [];
     for (let s = 1; s < t.length; s++)
       t[s].start < t[s - 1].end && (n.includes(t[s].originalIndex) || n.push(t[s].originalIndex), n.includes(t[s - 1].originalIndex) || n.push(t[s - 1].originalIndex));
-    return n.sort((s, l) => s - l);
+    return n.sort((s, o) => s - o);
   }
   addTimeRange(e) {
     const t = this.schedule[e], n = 0, s = 1425;
     if (t.length === 0)
       this.schedule[e] = [{ start: "09:00am", end: "05:00pm" }];
     else {
-      const l = t.map((o) => ({
-        start: W(o.start),
-        end: W(o.end)
-      })).sort((o, r) => o.start - r.start), i = l[l.length - 1].end;
+      const o = t.map((l) => ({
+        start: j(l.start),
+        end: j(l.end)
+      })).sort((l, r) => l.start - r.start), i = o[o.length - 1].end;
       if (i + 60 <= s)
         this.schedule[e].push({
-          start: F(j(i)),
-          end: F(j(i + 60))
+          start: H(W(i)),
+          end: H(W(i + 60))
         });
       else {
-        let o = !1;
-        if (l[0].start > n + 60 && (this.schedule[e].push({
-          start: F(j(n)),
-          end: F(j(n + 60))
-        }), o = !0), !o)
-          for (let r = 0; r < l.length - 1; r++) {
-            const h = l[r].end;
-            if (l[r + 1].start - h >= 60) {
+        let l = !1;
+        if (o[0].start > n + 60 && (this.schedule[e].push({
+          start: H(W(n)),
+          end: H(W(n + 60))
+        }), l = !0), !l)
+          for (let r = 0; r < o.length - 1; r++) {
+            const b = o[r].end;
+            if (o[r + 1].start - b >= 60) {
               this.schedule[e].push({
-                start: F(j(h)),
-                end: F(j(h + 60))
+                start: H(W(b)),
+                end: H(W(b + 60))
               });
               break;
             }
           }
       }
     }
-    this.schedule[e].sort((l, i) => W(l.start) - W(i.start)), this.schedule = { ...this.schedule };
+    this.schedule[e].sort((o, i) => j(o.start) - j(i.start)), this.schedule = { ...this.schedule };
   }
   removeTimeRange(e, t) {
     this.schedule[e].splice(t, 1), this.schedule = { ...this.schedule };
   }
   setTime(e, t, n) {
-    const [s, l] = e.split("_"), [i, o] = s.split(":");
-    l === "start" ? this.schedule[i][o].start = n : l === "end" && (this.schedule[i][o].end = n), this.internals.setValidity({ customError: !1 }), this.schedule = { ...this.schedule };
+    const [s, o] = e.split("_"), [i, l] = s.split(":");
+    o === "start" ? this.schedule[i][l].start = n : o === "end" && (this.schedule[i][l].end = n), this.internals.setValidity({ customError: !1 }), this.schedule = { ...this.schedule };
   }
   setFormError(e, t, n) {
-    var o;
-    const [s, l] = e.split("_"), i = (o = this.host.shadowRoot) == null ? void 0 : o.getElementById(e);
-    i && this.internals.setValidity({ customError: !0 }, `Invalid ${l} time`, i);
+    var l;
+    const [s, o] = e.split("_"), i = (l = this.host.shadowRoot) == null ? void 0 : l.getElementById(e);
+    i && this.internals.setValidity({ customError: !0 }, `Invalid ${o} time`, i);
   }
   updateSchedule(e) {
     const t = {
@@ -285,9 +295,9 @@ const xe = class {
     };
     e.forEach((n) => {
       n.days.forEach((s) => {
-        const l = this.getDayKey(s), i = F(n.start), o = F(n.end), r = { start: i, end: o };
-        let h = !1;
-        t[l] && (h = t[l].some((f) => f.start === r.start && f.end === r.end)), h || (t[l] ? t[l].push(r) : t[l] = [r]);
+        const o = this.getDayKey(s), i = H(n.start), l = H(n.end), r = { start: i, end: l };
+        let b = !1;
+        t[o] && (b = t[o].some((f) => f.start === r.start && f.end === r.end)), b || (t[o] ? t[o].push(r) : t[o] = [r]);
       });
     }), e.length === 0 && (this.timezone = e[0].timezone), this.timezone = e[0].timezone, this.schedule = t;
   }
@@ -297,48 +307,48 @@ const xe = class {
   scheduleToOpenHours(e, t = "UTC") {
     const n = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"];
     let s = /* @__PURE__ */ new Map();
-    n.forEach((i, o) => {
+    n.forEach((i, l) => {
       e[i] && e[i].forEach((r) => {
-        const h = me(r.start), f = me(r.end), u = `${h}-${f}`;
-        if (!s.has(u))
-          s.set(u, { days: [o], start: h, end: f });
+        const b = ve(r.start), f = ve(r.end), h = `${b}-${f}`;
+        if (!s.has(h))
+          s.set(h, { days: [l], start: b, end: f });
         else {
-          let p = s.get(u);
-          p && (p.days.push(o), s.set(u, p));
+          let p = s.get(h);
+          p && (p.days.push(l), s.set(h, p));
         }
       });
     });
-    let l = [];
-    return s.forEach((i, o) => {
-      l.push({
+    let o = [];
+    return s.forEach((i, l) => {
+      o.push({
         days: i.days,
         start: i.start,
         end: i.end,
         timezone: t
       });
-    }), l;
+    }), o;
   }
   render() {
-    const e = Object.keys(ve).map((t) => ({
-      label: ve[t],
+    const e = Object.keys(xe).map((t) => ({
+      label: xe[t],
       value: t
     }));
-    return a(k, { key: "212096aa82e4abcfb7ab34a0a0921e541c4570af" }, a("div", { key: "83a12b281dd08f77e2a184941f47f69c29d804ba", class: "nylas-availability-picker" }, a("div", { key: "82f32b28ac7e9e13c1aa01a0cc99bd2ea68f2400", class: "header", part: "ncp__header" }, a("h3", { key: "c47f420a6c0226b2d3352d178f8c739978554195" }, "General availability"), a("p", { key: "badf2c5553670dc99da06815fc418dba59772f7a" }, "Set your availability for scheduling meetings.")), a("div", { key: "32d90f90f5c98ec4afb71286d5963e4431b65932", class: "content" }, a("div", { key: "f29ed9e09dd1c480b1cc93f6adebf0af6d7a17f9", class: "select-timezone" }, a("h4", { key: "82f68bd68a4c775afb5c16641ce7c42769850722", class: "sub-header" }, "Select timezone", a("span", { key: "3f6113c3d9703096321389d4f7ac6daa259f13f5", class: "icon" }, a("tooltip-component", { key: "c2c8212ae124d05ccc150c14a3efd1a16e027970" }, a("info-icon", { key: "f80669ec0e2200c94351a98ce3a7ba710f154df4", slot: "tooltip-icon" }), a("span", { key: "25f33c0424a8bcb48b5e09a9e1297877834f9ff2", slot: "tooltip-content" }, "Select your timezone for displaying availability.")))), a("select-dropdown", { key: "fa2b1fbb694ac302e94e8b75740a26b3ec841fdc", name: "timezone", options: e, defaultSelectedOption: e.find((t) => t.value === this.defaultTimezone) }, a("span", { key: "a8795a7bbf57c96e54ed30a8bf53884119f5a051", slot: "select-icon" }, a("globe-icon", { key: "f041371f0d5be498ee7c474296f97d8995bcd9e4", width: "20", height: "20" })))), a("div", { key: "caa143f02b423a5bee811b944246fff8746e2229", class: "availability" }, Object.keys(this.schedule).map((t) => {
+    return a(k, { key: "440dc2f314a9c47eb8186f4ed965ed3052301ddf" }, a("div", { key: "2d31ef10ae53275fc065f4e9f68c32f42b60d829", class: "nylas-availability-picker" }, a("div", { key: "aa6695b6054b81ece7ede5f5e089545a041800f6", class: "header", part: "nap__header" }, a("h3", { key: "86e0d18ca7b70d74159c5cead0d6f5a17a145fa7" }, "General availability"), a("p", { key: "05da67e03befbe936793af5ee98f801b512d28e7" }, "Set your availability for scheduling meetings.")), a("div", { key: "84c6bf714ccea4aff07d6e660d8ca3f96ce9a8cc", class: "content" }, a("div", { key: "16edf74e06bed5440df5f5ea73e90cfa83d08b29", class: "select-timezone", part: "nap__select-timezone" }, a("h4", { key: "1025677efcaf114cb86ce57324c299eeea79b37e", class: "sub-header" }, "Select timezone", a("span", { key: "6d65a6457da202c5a3d5c5cd4e185903a12cec7f", class: "icon" }, a("tooltip-component", { key: "61a40ea06c06f1d306a8b352d9ae883d09768249" }, a("info-icon", { key: "2d447cc2e6a619ee7b1cf1fd3e2b6424fcd6db5b", slot: "tooltip-icon" }), a("span", { key: "35742354ba0841bc1c17170094bab09d536208e6", slot: "tooltip-content" }, "Select your timezone for displaying availability.")))), a("select-dropdown", { key: "3532c95b077fc701cdbf89cd13668acc675cf0e4", name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: e, defaultSelectedOption: e.find((t) => t.value === this.defaultTimezone) }, a("span", { key: "c1e870c593966e29d72c3f519f3309f84e4b9a9a", slot: "select-icon" }, a("globe-icon", { key: "df23e31168778926b6118651cd636ab801f062f1", width: "20", height: "20" })))), a("div", { key: "5ad8cf7078dc104d1258f77e1c69bebf8c82d8dd", class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map((t) => {
       const n = t, s = this.schedule[t];
-      return a("div", { class: "availability-day" }, a("div", { class: "day", part: "ndp__day" }, a("input", { type: "checkbox", name: n, id: n, checked: s.length > 0, onClick: () => {
+      return a("div", { class: "availability-day" }, a("div", { class: "day", part: "nap__day" }, a("input", { type: "checkbox", name: n, id: n, checked: s.length > 0, onClick: () => {
         s.length > 0 ? this.schedule[n] = [] : this.schedule[n] = [{ start: "09:00am", end: "05:00pm" }], this.schedule = { ...this.schedule };
-      } }), a("label", { htmlFor: n, "aria-label": "Select day" }, n)), a("div", { class: "time-ranges" }, s.length ? null : a("span", { class: "unavailable" }, "Unavailable"), s.length > 0 && s.map((l, i) => {
-        var h, f;
-        const o = `${t}:${i}_start`, r = `${t}:${i}_end`;
-        return a("div", { class: "time-range" }, a("div", { class: "pickers" }, a("nylas-time-window-picker", { id: o, hasError: (h = this.overlapDays[n]) == null ? void 0 : h.includes(i), time: l.start, name: o, key: o, setTime: (u, p) => this.setTime(o, u, p), setFormError: (u, p) => this.setFormError(o, u, p) }), a("span", null, " - "), a("nylas-time-window-picker", { id: r, hasError: (f = this.overlapDays[n]) == null ? void 0 : f.includes(i), time: l.end, name: r, key: r, minimumStartTime: l.start, setTime: (u, p) => this.setTime(r, u, p), setFormError: (u, p) => this.setFormError(r, u, p) })), a("button", { onClick: () => this.removeTimeRange(n, i) }, a("close-icon", null)));
-      }), a("p", { class: "error" }, this.overlapDays[n] ? "Overlapping time ranges" : "")), a("div", null, s.length > 0 ? a("button", { onClick: () => this.addTimeRange(n) }, a("add-circle-icon", null)) : null));
+      } }), a("label", { htmlFor: n, "aria-label": "Select day" }, n)), a("div", { class: "time-ranges", part: "nap__time-ranges" }, s.length ? null : a("span", { class: "unavailable" }, "Unavailable"), s.length > 0 && s.map((o, i) => {
+        var b, f;
+        const l = `${t}:${i}_start`, r = `${t}:${i}_end`;
+        return a("div", { class: "time-range", part: "nap__time-range" }, a("div", { class: "pickers" }, a("nylas-time-window-picker", { id: l, hasError: (b = this.overlapDays[n]) == null ? void 0 : b.includes(i), time: o.start, name: l, key: l, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times", setTime: (h, p) => this.setTime(l, h, p), setFormError: (h, p) => this.setFormError(l, h, p) }), a("span", null, " - "), a("nylas-time-window-picker", { id: r, hasError: (f = this.overlapDays[n]) == null ? void 0 : f.includes(i), time: o.end, name: r, key: r, minimumStartTime: o.start, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times", setTime: (h, p) => this.setTime(r, h, p), setFormError: (h, p) => this.setFormError(r, h, p) })), a("button", { onClick: () => this.removeTimeRange(n, i) }, a("close-icon", null)));
+      }), a("p", { class: "error" }, this.overlapDays[n] ? "Overlapping time ranges" : "")), a("div", null, s.length > 0 ? a("button", { onClick: () => this.addTimeRange(n), part: "nap__add-time-range" }, a("add-circle-icon", null)) : null));
     })))));
   }
   static get formAssociated() {
     return !0;
   }
   get host() {
-    return _(this);
+    return x(this);
   }
   static get watchers() {
     return {
@@ -347,32 +357,32 @@ const xe = class {
     };
   }
 };
-rt([
-  O({
+yt([
+  _({
     name: "nylas-availability-picker",
     fireRegisterEvent: !0
   }),
   se("design:type", Function),
   se("design:paramtypes", []),
   se("design:returntype", void 0)
-], xe.prototype, "render", null);
-xe.style = ot;
-const dt = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-booking-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-booking-calendar-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading{padding-bottom:1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown{padding:1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label tooltip-component{display:flex}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', ct = dt;
-var ft = function(e, t, n, s) {
-  var l = arguments.length, i = l < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, o;
+], Ce.prototype, "render", null);
+Ce.style = mt;
+const gt = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-booking-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-booking-calendar-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown{padding:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label tooltip-component{display:flex}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', vt = gt;
+var kt = function(e, t, n, s) {
+  var o = arguments.length, i = o < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, l;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
     i = Reflect.decorate(e, t, n, s);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (o = e[r]) && (i = (l < 3 ? o(i) : l > 3 ? o(t, n, i) : o(t, n)) || i);
-  return l > 3 && i && Object.defineProperty(t, n, i), i;
-}, le = function(e, t) {
+      (l = e[r]) && (i = (o < 3 ? l(i) : o > 3 ? l(t, n, i) : l(t, n)) || i);
+  return o > 3 && i && Object.defineProperty(t, n, i), i;
+}, oe = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const we = class {
+const Te = class {
   constructor(e) {
-    g(this, e), this.valueChanged = C(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.calendars = void 0, this.name = "calendar", this.defaultBookingCalendar = "", this.selectedCalendar = "";
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.calendars = void 0, this.name = "calendar", this.defaultBookingCalendar = "", this.selectedCalendar = "";
   }
   connectedCallback() {
     d("nylas-booking-calendar-picker", "connectedCallback");
@@ -415,13 +425,13 @@ const we = class {
       value: n.id,
       label: n.name
     }))) ?? [];
-    return a(k, null, a("div", { class: "nylas-booking-calendar-picker" }, a("div", { class: "header", part: "ncp__header" }, a("h3", null, "Calendar booking"), a("p", null, "Choose calendar where you’d like the event bookings to show up.")), e.length > 0 ? a("div", { class: "nylas-booking-calendar-picker__dropdown" }, a("span", { class: "label" }, "Select a calendar to book meetings on", a("tooltip-component", null, a("info-icon", { slot: "tooltip-icon" }), a("span", { slot: "tooltip-content" }, "Check availability across one or multiple calendars. If multiple calendars are selected, you must be available across all of them to be considered available."))), a("select-dropdown", { name: "booking-calendar", options: e, withSearch: !1, defaultSelectedOption: e.find((n) => n.value == this.defaultBookingCalendar) ?? e[0] })) : a("div", { class: "nylas-booking-calendar-picker__loading" }, a("span", { class: "label" }, "Select a calendar to book meetings on ", a("info-icon", null)), a("div", { class: "loading-button" }, a("span", null, "Loading...")))));
+    return a(k, null, a("div", { class: "nylas-booking-calendar-picker", part: "nbcp" }, a("div", { class: "header", part: "nbcp__header" }, a("h3", null, "Calendar booking"), a("p", null, "Choose calendar where you’d like the event bookings to show up.")), e.length > 0 ? a("div", { class: "nylas-booking-calendar-picker__dropdown" }, a("span", { class: "label", part: "nbcp__input-label" }, "Select a calendar to book meetings on", a("tooltip-component", null, a("info-icon", { slot: "tooltip-icon" }), a("span", { slot: "tooltip-content" }, "Check availability across one or multiple calendars. If multiple calendars are selected, you must be available across all of them to be considered available."))), a("select-dropdown", { name: "booking-calendar", options: e, withSearch: !1, exportparts: "sd_dropdown: nbcp__dropdown, sd_dropdown-button: nbcp__dropdown-button, sd_dropdown-content: nbcp__dropdown-content", defaultSelectedOption: e.find((n) => n.value == this.defaultBookingCalendar) ?? e[0] })) : a("div", { class: "nylas-booking-calendar-picker__loading" }, a("span", { class: "label" }, "Select a calendar to book meetings on ", a("info-icon", null)), a("div", { class: "loading-button" }, a("span", null, "Loading...")))));
   }
   static get formAssociated() {
     return !0;
   }
   get host() {
-    return _(this);
+    return x(this);
   }
   static get watchers() {
     return {
@@ -429,8 +439,8 @@ const we = class {
     };
   }
 };
-ft([
-  O({
+kt([
+  _({
     name: "nylas-booking-calendar-picker",
     eventToProps: {
       valueChanged: async (e, t) => {
@@ -440,27 +450,27 @@ ft([
     },
     fireRegisterEvent: !0
   }),
-  le("design:type", Function),
-  le("design:paramtypes", []),
-  le("design:returntype", void 0)
-], we.prototype, "render", null);
-we.style = ct;
-const pt = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-buffer-time{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-buffer-time .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-buffer-time .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-buffer-time .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-buffer-time .nylas-buffer-time__body{display:grid;grid-template-columns:1fr auto}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown{padding:1rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid var(--nylas-base-200)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row label{width:200px}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row .dropdown-container{display:flex;gap:1rem;align-items:center}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:200px;padding:1rem;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview h4{font-size:12px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300);border-bottom:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button){width:104px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-content){width:100%}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', ht = pt;
-var bt = function(e, t, n, s) {
-  var l = arguments.length, i = l < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, o;
+  oe("design:type", Function),
+  oe("design:paramtypes", []),
+  oe("design:returntype", void 0)
+], Te.prototype, "render", null);
+Te.style = vt;
+const wt = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-buffer-time{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-buffer-time .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-buffer-time .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-buffer-time .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-buffer-time .nylas-buffer-time__body{display:grid;grid-template-columns:1fr auto}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown{padding:1rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid var(--nylas-base-200)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row label{width:200px}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row .dropdown-container{display:flex;gap:1rem;align-items:center}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:200px;padding:1rem;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview h4{font-size:12px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300);border-bottom:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button){width:104px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-content){width:100%}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', xt = wt;
+var _t = function(e, t, n, s) {
+  var o = arguments.length, i = o < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, l;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
     i = Reflect.decorate(e, t, n, s);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (o = e[r]) && (i = (l < 3 ? o(i) : l > 3 ? o(t, n, i) : o(t, n)) || i);
-  return l > 3 && i && Object.defineProperty(t, n, i), i;
-}, oe = function(e, t) {
+      (l = e[r]) && (i = (o < 3 ? l(i) : o > 3 ? l(t, n, i) : l(t, n)) || i);
+  return o > 3 && i && Object.defineProperty(t, n, i), i;
+}, le = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const Ce = class {
+const Oe = class {
   constructor(e) {
-    g(this, e), this.valueChanged = C(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.name = "buffer-time", this.buffer = { before: 0, after: 0 }, this.selectedBeforeBufferTime = this.buffer.before, this.selectedAfterBufferTime = this.buffer.after;
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.name = "buffer-time", this.buffer = { before: 0, after: 0 }, this.selectedBeforeBufferTime = this.buffer.before, this.selectedAfterBufferTime = this.buffer.after;
   }
   connectedCallback() {
     d("nylas-buffer-time", "connectedCallback");
@@ -499,8 +509,8 @@ const Ce = class {
   selectedOptionChangedHandler(e) {
     d("nylas-buffer-time", "selectedOptionChangedHandler", e.detail);
     const t = (n) => {
-      const { value: s, name: l } = n.detail;
-      l === "before-buffer-time" ? this.selectedBeforeBufferTime = parseInt(s) : l === "after-buffer-time" && (this.selectedAfterBufferTime = parseInt(s));
+      const { value: s, name: o } = n.detail;
+      o === "before-buffer-time" ? this.selectedBeforeBufferTime = parseInt(s) : o === "after-buffer-time" && (this.selectedAfterBufferTime = parseInt(s));
       const i = {
         before: this.selectedBeforeBufferTime,
         after: this.selectedAfterBufferTime
@@ -510,47 +520,47 @@ const Ce = class {
     this.valueChanged.emit({ ...e.detail, valueChanged: t });
   }
   renderPreview() {
-    const s = (o) => {
-      const r = Math.floor(o / 30), h = o % 30 / 30 * 20;
+    const s = (l) => {
+      const r = Math.floor(l / 30), b = l % 30 / 30 * 20;
       return {
         fullSlots: r,
-        partialFillHeight: h
+        partialFillHeight: b
       };
-    }, l = () => {
-      const { fullSlots: o, partialFillHeight: r } = s(this.selectedBeforeBufferTime);
-      return Array.from({ length: 4 }, (h, f) => {
-        const u = this.selectedBeforeBufferTime > 0 && f > 4 - o - 1, p = this.selectedBeforeBufferTime > 0 && f === 4 - o - 1 && r > 0;
+    }, o = () => {
+      const { fullSlots: l, partialFillHeight: r } = s(this.selectedBeforeBufferTime);
+      return Array.from({ length: 4 }, (b, f) => {
+        const h = this.selectedBeforeBufferTime > 0 && f > 4 - l - 1, p = this.selectedBeforeBufferTime > 0 && f === 4 - l - 1 && r > 0;
         let v = {};
-        return u && !p ? v.backgroundColor = "var(--nylas-base-100)" : p && (v.background = `linear-gradient(to top, var(--nylas-base-100) ${r}px, transparent 0)`), a("div", { class: `slot ${u ? "active" : ""}`, style: {
+        return h && !p ? v.backgroundColor = "var(--nylas-base-100)" : p && (v.background = `linear-gradient(to top, var(--nylas-base-100) ${r}px, transparent 0)`), a("div", { key: f, class: `slot ${h ? "active" : ""}`, style: {
           height: "20px",
           ...v
         } });
       });
     }, i = () => {
-      const { fullSlots: o, partialFillHeight: r } = s(this.selectedAfterBufferTime);
-      return Array.from({ length: 4 }, (h, f) => {
-        const u = this.selectedAfterBufferTime > 0 && f < o, p = f === o && r > 0;
+      const { fullSlots: l, partialFillHeight: r } = s(this.selectedAfterBufferTime);
+      return Array.from({ length: 4 }, (b, f) => {
+        const h = this.selectedAfterBufferTime > 0 && f < l, p = f === l && r > 0;
         let v = {};
-        return u && !p ? v.backgroundColor = "var(--nylas-base-100)" : p && (v.background = `linear-gradient(to bottom, var(--nylas-base-100) ${r}px, transparent 0)`), a("div", { class: `slot ${u ? "active" : ""}`, style: {
+        return h && !p ? v.backgroundColor = "var(--nylas-base-100)" : p && (v.background = `linear-gradient(to bottom, var(--nylas-base-100) ${r}px, transparent 0)`), a("div", { key: f, class: `slot ${h ? "active" : ""}`, style: {
           height: "20px",
           ...v
         } });
       });
     };
-    return a("div", { class: "preview-container" }, l(), a("div", { class: "event-slot", style: { height: "40px" } }), i());
+    return a("div", { class: "preview-container" }, o(), a("div", { class: "event-slot", style: { height: "40px" } }), i());
   }
   render() {
     const e = Array.from({ length: 121 }, (t, n) => ({
       label: n.toString(),
       value: n
     }));
-    return a(k, null, a("div", { class: "nylas-buffer-time" }, a("div", { class: "header", part: "ncp__header" }, a("h3", null, "Buffer time"), a("p", null, "Add buffer time before and after the event.")), a("div", { class: "nylas-buffer-time__body" }, a("div", { class: "nylas-buffer-time__dropdown" }, a("div", { class: "nylas-buffer-time__row" }, a("label", null, "Before the event"), a("div", { class: "dropdown-container" }, a("select-dropdown", { id: "before-buffer-time", name: "before-buffer-time", options: e, defaultSelectedOption: e.find((t) => t.value == this.selectedBeforeBufferTime) ?? e[0] }), a("span", null, "mins"))), a("div", { class: "nylas-buffer-time__row" }, a("label", null, "After the event"), a("div", { class: "dropdown-container" }, a("select-dropdown", { id: "after-buffer-time", name: "after-buffer-time", options: e, defaultSelectedOption: e.find((t) => t.value == this.selectedAfterBufferTime) ?? e[0] }), a("span", null, "mins")))), a("div", { class: "nylas-buffer-time__preview" }, a("h4", null, "PREVIEW"), this.renderPreview()))));
+    return a(k, null, a("div", { class: "nylas-buffer-time", part: "nbt" }, a("div", { class: "header", part: "nbt__header" }, a("h3", null, "Buffer time"), a("p", null, "Add buffer time before and after the event.")), a("div", { class: "nylas-buffer-time__body", part: "nbt__body" }, a("div", { class: "nylas-buffer-time__dropdown" }, a("div", { class: "nylas-buffer-time__row" }, a("label", null, "Before the event"), a("div", { class: "dropdown-container" }, a("select-dropdown", { id: "before-buffer-time", name: "before-buffer-time", exportparts: "sd_dropdown: nbt__dropdown-before, sd_dropdown-button: nbt__dropdown-button-before, sd_dropdown-content: nbt__dropdown-content-before", options: e, defaultSelectedOption: e.find((t) => t.value == this.selectedBeforeBufferTime) ?? e[0] }), a("span", null, "mins"))), a("div", { class: "nylas-buffer-time__row" }, a("label", null, "After the event"), a("div", { class: "dropdown-container" }, a("select-dropdown", { id: "after-buffer-time", name: "after-buffer-time", exportparts: "sd_dropdown: nbt__dropdown-after, sd_dropdown-button: nbt__dropdown-button-after, sd_dropdown-content: nbt__dropdown-content-after", options: e, defaultSelectedOption: e.find((t) => t.value == this.selectedAfterBufferTime) ?? e[0] }), a("span", null, "mins")))), a("div", { class: "nylas-buffer-time__preview", part: "nbt__preview" }, a("h4", null, "PREVIEW"), this.renderPreview()))));
   }
   static get formAssociated() {
     return !0;
   }
   get host() {
-    return _(this);
+    return x(this);
   }
   static get watchers() {
     return {
@@ -558,8 +568,8 @@ const Ce = class {
     };
   }
 };
-bt([
-  O({
+_t([
+  _({
     name: "nylas-buffer-time",
     eventToProps: {
       valueChanged: async (e, t) => {
@@ -569,27 +579,27 @@ bt([
     },
     fireRegisterEvent: !0
   }),
-  oe("design:type", Function),
-  oe("design:paramtypes", []),
-  oe("design:returntype", void 0)
-], Ce.prototype, "render", null);
-Ce.style = ht;
-const ut = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-calendar-picker .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-calendar-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-calendar-picker .nylas-calendar-picker__loading{padding-bottom:1rem}.nylas-calendar-picker .nylas-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-calendar-picker .nylas-calendar-picker__loading .label tooltip-component{display:flex}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown{padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown){width:100%}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-content){width:100%;max-width:unset}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', mt = ut;
-var yt = function(e, t, n, s) {
-  var l = arguments.length, i = l < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, o;
+  le("design:type", Function),
+  le("design:paramtypes", []),
+  le("design:returntype", void 0)
+], Oe.prototype, "render", null);
+Oe.style = xt;
+const Ct = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-calendar-picker .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-calendar-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-calendar-picker .nylas-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-calendar-picker .nylas-calendar-picker__loading .label tooltip-component{display:flex}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown{padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown){width:100%;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-content){width:100%;max-width:unset}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', Tt = Ct;
+var Ot = function(e, t, n, s) {
+  var o = arguments.length, i = o < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, l;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
     i = Reflect.decorate(e, t, n, s);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (o = e[r]) && (i = (l < 3 ? o(i) : l > 3 ? o(t, n, i) : o(t, n)) || i);
-  return l > 3 && i && Object.defineProperty(t, n, i), i;
+      (l = e[r]) && (i = (o < 3 ? l(i) : o > 3 ? l(t, n, i) : l(t, n)) || i);
+  return o > 3 && i && Object.defineProperty(t, n, i), i;
 }, re = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const _e = class {
+const De = class {
   constructor(e) {
-    g(this, e), this.valueChanged = C(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.calendars = void 0, this.organizerEmail = void 0, this.name = "calendar", this.defaultSelectedCalendars = [], this.selectedCalendars = [];
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.calendars = void 0, this.organizerEmail = void 0, this.name = "calendar", this.defaultSelectedCalendars = [], this.selectedCalendars = [];
   }
   connectedCallback() {
     d("nylas-calendar-picker", "connectedCallback");
@@ -629,20 +639,20 @@ const _e = class {
   render() {
     var t;
     const e = ((t = this.calendars) == null ? void 0 : t.map((n) => {
-      var s, l;
+      var s, o;
       return {
         value: n.id,
         label: n.name,
-        selected: ((s = this.defaultSelectedCalendars) == null ? void 0 : s.includes(n.id)) || ((l = this.defaultSelectedCalendars) == null ? void 0 : l.includes("primary")) && n.id === this.organizerEmail
+        selected: ((s = this.defaultSelectedCalendars) == null ? void 0 : s.includes(n.id)) || ((o = this.defaultSelectedCalendars) == null ? void 0 : o.includes("primary")) && n.id === this.organizerEmail
       };
     })) ?? [];
-    return a(k, null, a("div", { class: "nylas-calendar-picker" }, a("div", { class: "header", part: "ncp__header" }, a("h3", null, "Calendar availability"), a("p", null, "Select calendars that you’d like to use for checking your availability.")), e.length > 0 ? a("div", { class: "nylas-calendar-picker__dropdown" }, a("multi-select-dropdown", { name: "calendar", label: "Select calendars that will be checked for availability", options: e }, a("span", { slot: "label-icon" }, a("tooltip-component", null, a("info-icon", { slot: "tooltip-icon" }), a("span", { slot: "tooltip-content" }, "Check availability across one or multiple calendars. If multiple calendars are selected, you must be available across all of them to be considered available. The default is your primary calendar if none are selected."))))) : a("div", { class: "nylas-calendar-picker__loading" }, a("span", { class: "label" }, "Select calendars that will be checked for availability ", a("info-icon", null)), a("div", { class: "loading-button" }, a("span", null, "Loading...")))));
+    return a(k, null, a("div", { class: "nylas-calendar-picker", part: "ncp" }, a("div", { class: "header", part: "ncp__header" }, a("h3", null, "Calendar availability"), a("p", null, "Select calendars that you’d like to use for checking your availability.")), e.length > 0 ? a("div", { class: "nylas-calendar-picker__dropdown" }, a("multi-select-dropdown", { name: "calendar", label: "Select calendars that will be checked for availability", options: e, exportparts: "msd__dropdown: ncp__dropdown, msd__dropdown-button: ncp__dropdown-button, msd__dropdown-content: ncp__dropdown-content" }, a("span", { slot: "label-icon" }, a("tooltip-component", null, a("info-icon", { slot: "tooltip-icon" }), a("span", { slot: "tooltip-content" }, "Check availability across one or multiple calendars. If multiple calendars are selected, you must be available across all of them to be considered available. The default is your primary calendar if none are selected."))))) : a("div", { class: "nylas-calendar-picker__loading" }, a("span", { class: "label" }, "Select calendars that will be checked for availability ", a("info-icon", null)), a("div", { class: "loading-button" }, a("span", null, "Loading...")))));
   }
   static get formAssociated() {
     return !0;
   }
   get host() {
-    return _(this);
+    return x(this);
   }
   static get watchers() {
     return {
@@ -650,8 +660,8 @@ const _e = class {
     };
   }
 };
-yt([
-  O({
+Ot([
+  _({
     name: "nylas-calendar-picker",
     eventToProps: {
       valueChanged: async (e, t) => {
@@ -664,24 +674,24 @@ yt([
   re("design:type", Function),
   re("design:paramtypes", []),
   re("design:returntype", void 0)
-], _e.prototype, "render", null);
-_e.style = mt;
-const gt = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-custom-booking-flow{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-custom-booking-flow .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-custom-booking-flow .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-custom-booking-flow .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading{padding-bottom:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .loading-button span{padding:0 1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown{padding:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown span.label tooltip-component{display:flex}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', vt = gt;
-var kt = function(e, t, n, s) {
-  var l = arguments.length, i = l < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, o;
+], De.prototype, "render", null);
+De.style = Tt;
+const Dt = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-custom-booking-flow{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-custom-booking-flow .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-custom-booking-flow .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-custom-booking-flow .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading{padding-bottom:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .loading-button span{padding:0 1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown{padding:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown span.label tooltip-component{display:flex}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', It = Dt;
+var St = function(e, t, n, s) {
+  var o = arguments.length, i = o < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, l;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
     i = Reflect.decorate(e, t, n, s);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (o = e[r]) && (i = (l < 3 ? o(i) : l > 3 ? o(t, n, i) : o(t, n)) || i);
-  return l > 3 && i && Object.defineProperty(t, n, i), i;
+      (l = e[r]) && (i = (o < 3 ? l(i) : o > 3 ? l(t, n, i) : l(t, n)) || i);
+  return o > 3 && i && Object.defineProperty(t, n, i), i;
 }, de = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const Te = class {
+const Ie = class {
   constructor(e) {
-    g(this, e), this.valueChanged = C(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.name = "booking-type", this.bookingType = "", this.selectedBookingType = "";
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.name = "booking-type", this.bookingType = "", this.selectedBookingType = "";
   }
   connectedCallback() {
     d("nylas-custom-booking-flow", "connectedCallback");
@@ -729,13 +739,13 @@ const Te = class {
         value: "pre-booking"
       }
     ];
-    return a(k, { key: "8caff7b115db52f355185615eab1e5c0c3fe32db" }, a("div", { key: "9c43d51b15ceefa958560b8fbb0a684f77e58eb0", class: "nylas-custom-booking-flow" }, a("div", { key: "2d25054eef5b8208ad0e1b9ac165e023061cb85c", class: "header", part: "ncp__header" }, a("h3", { key: "63f570c5f8e6423123eaec621dacda10be0a33e6" }, "Customize booking flow"), a("p", { key: "cf6b5cb225510a9bb6ba9cee1fa850caa331c9ea" }, "Customize how new bookings are handled when a booking is completed.")), e.length > 0 ? a("div", { class: "nylas-custom-booking-flow__dropdown" }, a("span", { class: "label" }, "After a booking is confirmed", a("tooltip-component", null, a("info-icon", { slot: "tooltip-icon" }), a("span", { slot: "tooltip-content" }, "Choose how you’d like to handle new bookings. If you choose to manually confirm/decline bookings, you will be able to review and accept or decline each booking request."))), a("select-dropdown", { name: "booking-type", options: e, withSearch: !1, defaultSelectedOption: e.find((t) => t.value == this.bookingType) ?? e[0] })) : a("div", { class: "nylas-custom-booking-flow__loading" }, a("span", { class: "label" }, "Select a calendar to book meetings on ", a("info-icon", null)), a("div", { class: "loading-button" }, a("span", null, "Loading...")))));
+    return a(k, { key: "fe9e837aba8f846a0b77a21eee365080d41b4e57" }, a("div", { key: "2405db5290bcd44a602fd9f91bb91e13a9d7ffc7", class: "nylas-custom-booking-flow", part: "ncbf" }, a("div", { key: "2de829660fdba0da9e6cbcd6281c427b65414d90", class: "header", part: "ncbf__header" }, a("h3", { key: "13e3b9e450f54f04538c773ab2564513cdaf0fa5" }, "Customize booking flow"), a("p", { key: "9436439f81faf9aed4ff9029c5c0a08a268b5e59" }, "Customize how new bookings are handled when a booking is completed.")), e.length > 0 ? a("div", { class: "nylas-custom-booking-flow__dropdown" }, a("span", { class: "label" }, "After a booking is confirmed", a("tooltip-component", null, a("info-icon", { slot: "tooltip-icon" }), a("span", { slot: "tooltip-content" }, "Choose how you’d like to handle new bookings. If you choose to manually confirm/decline bookings, you will be able to review and accept or decline each booking request."))), a("select-dropdown", { name: "booking-type", options: e, withSearch: !1, exportparts: "sd_dropdown: ncbf__dropdown, sd_dropdown-button: ncbf__dropdown-button, sd_dropdown-content: ncbf__dropdown-content", defaultSelectedOption: e.find((t) => t.value == this.bookingType) ?? e[0] })) : a("div", { class: "nylas-custom-booking-flow__loading" }, a("span", { class: "label" }, "Select a calendar to book meetings on ", a("info-icon", null)), a("div", { class: "loading-button" }, a("span", null, "Loading...")))));
   }
   static get formAssociated() {
     return !0;
   }
   get host() {
-    return _(this);
+    return x(this);
   }
   static get watchers() {
     return {
@@ -743,8 +753,8 @@ const Te = class {
     };
   }
 };
-kt([
-  O({
+St([
+  _({
     name: "nylas-custom-booking-flow",
     eventToProps: {
       valueChanged: async (e, t) => {
@@ -757,24 +767,24 @@ kt([
   de("design:type", Function),
   de("design:paramtypes", []),
   de("design:returntype", void 0)
-], Te.prototype, "render", null);
-Te.style = vt;
-const xt = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-description{display:flex;flex-direction:column;gap:4px}.nylas-event-description label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-description label span.label-icon{margin-left:4px}.nylas-event-description label span.label-icon tooltip-component{display:flex}.nylas-event-description textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-event-description textarea::-webkit-resizer{display:none}', wt = xt;
-var Ct = function(e, t, n, s) {
-  var l = arguments.length, i = l < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, o;
+], Ie.prototype, "render", null);
+Ie.style = It;
+const Et = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-description{display:flex;flex-direction:column;gap:4px}.nylas-event-description label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-description label span.label-icon{margin-left:4px}.nylas-event-description label span.label-icon tooltip-component{display:flex}.nylas-event-description textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-event-description textarea::-webkit-resizer{display:none}', $t = Et;
+var Lt = function(e, t, n, s) {
+  var o = arguments.length, i = o < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, l;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
     i = Reflect.decorate(e, t, n, s);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (o = e[r]) && (i = (l < 3 ? o(i) : l > 3 ? o(t, n, i) : o(t, n)) || i);
-  return l > 3 && i && Object.defineProperty(t, n, i), i;
+      (l = e[r]) && (i = (o < 3 ? l(i) : o > 3 ? l(t, n, i) : l(t, n)) || i);
+  return o > 3 && i && Object.defineProperty(t, n, i), i;
 }, ce = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const Oe = class {
+const Se = class {
   constructor(e) {
-    g(this, e), this.valueChanged = C(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.eventDescription = void 0, this.description = this.eventDescription ?? "", this.name = "description";
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.eventDescription = void 0, this.description = this.eventDescription ?? "", this.name = "description";
   }
   elementNameChangedHandler(e) {
     d("nylas-event-description", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
@@ -795,13 +805,13 @@ const Oe = class {
     this.description = e.target.value, this.internals.setFormValue(e.target.value, "description"), this.valueChanged.emit({ value: e.target.value, name: this.name });
   }
   render() {
-    return a(k, { key: "d9ddc56b47dc13868d46d5ecccaf573125d9d930" }, a("div", { key: "e266bc83de28714a40934cd97d3d7faa9b579612", class: "nylas-event-description" }, a("label", { key: "15dea6c63596093c5dbc2f1abb8c414af6a7d059", htmlFor: "description" }, "Event description", a("span", { key: "615987a7b3b7595fed47462d9337f3731449586d", class: "label-icon" }, a("tooltip-component", { key: "ea67b662376df9d50b6dd51892ae5ed241e0c911" }, a("info-icon", { key: "2e6dafef89f8d1575c583b7bcb7da7486687439b", slot: "tooltip-icon" }), a("span", { key: "b435c40a6abfef7114f04f752e97a20eade17ae5", slot: "tooltip-content" }, "Provide any additional details for your event.")))), a("textarea", { key: "35d614a13f24213668c504ee427956e81d18185d", id: "description", name: "description", value: this.description, maxlength: "8192", onInput: (e) => this.handleChange(e) })));
+    return a(k, { key: "5519bbdfdc7e253bf5b83c18decd714e54f58714" }, a("div", { key: "36541738e7d447cb6f9b3bf0f931c851efb0d8fe", class: "nylas-event-description", part: "nedesc" }, a("label", { key: "c0eb70c7e36360844559e0fd0a451243fb6f5860", htmlFor: "description" }, "Event description", a("span", { key: "98c176eaa09ccdac28fbba62f67ceeb8a6fed751", class: "label-icon" }, a("tooltip-component", { key: "553ca988451d6053a8863a52cbcdcb12dd041362" }, a("info-icon", { key: "015507616ffc54352cbecc9766e59d0db4a25367", slot: "tooltip-icon" }), a("span", { key: "86efa5b15ae112f6f974ba32e8c138e2c906184f", slot: "tooltip-content" }, "Provide any additional details for your event.")))), a("textarea", { key: "619f982afa3f2af2794d93cc0df930db618a3e5e", id: "description", part: "nedesc__textarea", name: "description", value: this.description, maxlength: "8192", onInput: (e) => this.handleChange(e) })));
   }
   static get formAssociated() {
     return !0;
   }
   get host() {
-    return _(this);
+    return x(this);
   }
   static get watchers() {
     return {
@@ -809,8 +819,8 @@ const Oe = class {
     };
   }
 };
-Ct([
-  O({
+Lt([
+  _({
     name: "nylas-event-description",
     eventToProps: {},
     fireRegisterEvent: !0
@@ -818,24 +828,24 @@ Ct([
   ce("design:type", Function),
   ce("design:paramtypes", []),
   ce("design:returntype", void 0)
-], Oe.prototype, "render", null);
-Oe.style = wt;
-const _t = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-duration{display:flex;flex-direction:column;gap:4px}.nylas-event-duration label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-duration label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-duration label span.label-icon{margin-left:4px}.nylas-event-duration label span.label-icon tooltip-component{display:flex}.nylas-event-duration__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-event-duration__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:48px}.nylas-event-duration__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:12px 16px}.nylas-event-duration__wrapper select-dropdown::part(sd_dropdown-button-selected-label){font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', Tt = _t;
-var Ot = function(e, t, n, s) {
-  var l = arguments.length, i = l < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, o;
+], Se.prototype, "render", null);
+Se.style = $t;
+const At = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-duration{display:flex;flex-direction:column;gap:4px}.nylas-event-duration label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-duration label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-duration label span.label-icon{margin-left:4px}.nylas-event-duration label span.label-icon tooltip-component{display:flex}.nylas-event-duration__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-event-duration__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:48px}.nylas-event-duration__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:12px 16px}.nylas-event-duration__wrapper select-dropdown::part(sd_dropdown-button-selected-label){font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', Ft = At;
+var Ht = function(e, t, n, s) {
+  var o = arguments.length, i = o < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, l;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
     i = Reflect.decorate(e, t, n, s);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (o = e[r]) && (i = (l < 3 ? o(i) : l > 3 ? o(t, n, i) : o(t, n)) || i);
-  return l > 3 && i && Object.defineProperty(t, n, i), i;
+      (l = e[r]) && (i = (o < 3 ? l(i) : o > 3 ? l(t, n, i) : l(t, n)) || i);
+  return o > 3 && i && Object.defineProperty(t, n, i), i;
 }, fe = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const Se = class {
+const Ee = class {
   constructor(e) {
-    g(this, e), this.valueChanged = C(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.name = "duration", this.eventDurationMinutes = void 0, this.duration = this.eventDurationMinutes ? this.eventDurationMinutes >= 60 ? this.eventDurationMinutes / 60 : this.eventDurationMinutes : 5, this.durationMinutes = this.eventDurationMinutes ?? 5, this.durationIncrement = this.eventDurationMinutes && this.eventDurationMinutes >= 60 ? 60 : 1;
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.name = "duration", this.eventDurationMinutes = void 0, this.duration = this.eventDurationMinutes ? this.eventDurationMinutes >= 60 ? this.eventDurationMinutes / 60 : this.eventDurationMinutes : 5, this.durationMinutes = this.eventDurationMinutes ?? 5, this.durationIncrement = this.eventDurationMinutes && this.eventDurationMinutes >= 60 ? 60 : 1;
   }
   elementNameChangedHandler(e) {
     d("nylas-event-duration", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
@@ -856,7 +866,7 @@ const Se = class {
     d("nylas-event-duration", "disconnectedCallback");
   }
   handleChange(e) {
-    this.duration = e.target.value, this.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), "duration");
+    this.duration = e.target.value, this.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), this.name);
   }
   handleBlur() {
     (this.duration === null || this.duration === void 0) && this.durationIncrement === 1 && (this.duration = 5), (this.duration <= 0 || this.duration === null || this.duration === void 0) && this.durationIncrement === 60 && (this.duration = 1), this.duration < 5 && this.durationIncrement === 1 && (this.duration = 5), this.duration > 720 && this.durationIncrement === 1 && (this.duration = 720), this.duration > 12 && this.durationIncrement === 60 && (this.duration = 12), this.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), "duration");
@@ -871,13 +881,13 @@ const Se = class {
       { value: 1, label: "minutes" },
       { value: 60, label: "hours" }
     ];
-    return a(k, { key: "75a6d393097f97adeee60d72fb29054876965598" }, a("div", { key: "e9f8bb8666505fde3ed1979cca7288c3eef13e20", class: "nylas-event-duration" }, a("label", { key: "37701c923fff3654317cfcc36e2300f20d4c4925", htmlFor: "duration" }, "Event duration", a("span", { key: "7f39f7f4fb8ffdc0fd7900edee0ac3ec330a88b0", class: "required" }, "*"), a("span", { key: "410df0fe6b679346d2347e2df08aa17a29b21b98", class: "label-icon" }, a("tooltip-component", { key: "42883303ef733e39e110568d556c3d9f943a8292" }, a("info-icon", { key: "feda0379b69dbe55563959d5f7bc10b8230c2ad9", slot: "tooltip-icon" }), a("span", { key: "44f88a269e336398bb5c48dca1e529aac07a5ddb", slot: "tooltip-content" }, "Set the duration of your event.")))), a("div", { key: "84b6c6aa9b431ef3e300e26b8ea81b49e975a003", class: "nylas-event-duration__wrapper" }, a("input", { key: "599e0d424d7366cce3723fe9d30c45d52ec75958", type: "number", id: "duration", name: "duration", value: this.duration, onBlur: () => this.handleBlur(), onInput: (t) => this.handleChange(t), min: 5 }), a("select-dropdown", { key: "f699922c7ac3854c22356bfaefced2834fc0ca7b", name: "event-duration", options: e, defaultSelectedOption: e.find((t) => t.value == this.durationIncrement) ?? e[0], withSearch: !1 }))));
+    return a(k, { key: "b4c54d309345b6333578f1f8f49fbe9be7e50af7" }, a("div", { key: "401311ed8b0deb33eeb1013264f192ba87b0d118", class: "nylas-event-duration", part: "ned" }, a("label", { key: "5de11caa4aff28ca3fb11811e21adecfed22d32d", htmlFor: "duration" }, "Event duration", a("span", { key: "592731edca9c0c4ca63250e1fc3d964e4c7b271d", class: "required" }, "*"), a("span", { key: "b9f6a70dc84222e68d2251f485bbd3545d05fcde", class: "label-icon" }, a("tooltip-component", { key: "8fa85c6907a3625c1f50750b962014e7d413ea34" }, a("info-icon", { key: "677374d62adb9c9e27307b64bd69a979a28f32eb", slot: "tooltip-icon" }), a("span", { key: "d2ebc474b7876c3e23e31a296c826557b329be61", slot: "tooltip-content" }, "Set the duration of your event.")))), a("div", { key: "1240a158b86d06ed9e3859487e8688fc2cfea9e5", class: "nylas-event-duration__wrapper" }, a("input", { key: "fffb610158d4b056761f41e9b2ffd0e0aa5b1bfd", type: "number", part: "ned_input", id: "duration", name: "duration", value: this.duration, onBlur: () => this.handleBlur(), onInput: (t) => this.handleChange(t), min: 5 }), a("select-dropdown", { key: "8cf3f16c86c0220f992f69e4cfa012c170145b9e", name: "event-duration", options: e, exportparts: "sd__dropdown: ned__dropdown, sd__dropdown-button: ned__dropdown-button, sd__dropdown-content: ned__dropdown-content", defaultSelectedOption: e.find((t) => t.value == this.durationIncrement) ?? e[0], withSearch: !1 }))));
   }
   static get formAssociated() {
     return !0;
   }
   get host() {
-    return _(this);
+    return x(this);
   }
   static get watchers() {
     return {
@@ -886,8 +896,8 @@ const Se = class {
     };
   }
 };
-Ot([
-  O({
+Ht([
+  _({
     name: "nylas-event-duration",
     eventToProps: {},
     fireRegisterEvent: !0
@@ -895,24 +905,24 @@ Ot([
   fe("design:type", Function),
   fe("design:paramtypes", []),
   fe("design:returntype", void 0)
-], Se.prototype, "render", null);
-Se.style = Tt;
-const St = ':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-info__title{color:var(--nylas-base-nylas-base-900-aaa, #101323);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-event-info__subtitle{color:var(--nylas-base-nylas-base-600-aaa, #3e4784);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-event-info__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-event-info__block{display:flex;justify-content:space-between;gap:0.5rem}', Et = St;
-var Dt = function(e, t, n, s) {
-  var l = arguments.length, i = l < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, o;
+], Ee.prototype, "render", null);
+Ee.style = Ft;
+const Mt = ':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-info__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-event-info__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-event-info__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-event-info__block{display:flex;justify-content:space-between;gap:0.5rem}', Nt = Mt;
+var Rt = function(e, t, n, s) {
+  var o = arguments.length, i = o < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, l;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
     i = Reflect.decorate(e, t, n, s);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (o = e[r]) && (i = (l < 3 ? o(i) : l > 3 ? o(t, n, i) : o(t, n)) || i);
-  return l > 3 && i && Object.defineProperty(t, n, i), i;
+      (l = e[r]) && (i = (o < 3 ? l(i) : o > 3 ? l(t, n, i) : l(t, n)) || i);
+  return o > 3 && i && Object.defineProperty(t, n, i), i;
 }, pe = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const Ee = class {
+const $e = class {
   constructor(e) {
-    g(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
+    y(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
   }
   connectedCallback() {
     d("nylas-event-info", "connectedCallback");
@@ -927,14 +937,14 @@ const Ee = class {
     d("nylas-event-info", "disconnectedCallback");
   }
   render() {
-    return a(k, { key: "0bb711d5c047feb6eabe91f0067fa12080ff1e05" }, a("nylas-form-card", { key: "c01cb8fc177acda4a20b0327f3567cd98ff4d1c1" }, a("h1", { key: "b6bb50950769c270a06b6af0e3af527cac3202d4", slot: "header-title", class: "nylas-event-info__title" }, "Event information"), a("h3", { key: "e02f8407c1737626118e4bf85c81ae9cfbf11167", slot: "header-subtitle", class: "nylas-event-info__subtitle" }, "Enter all event information."), a("div", { key: "a2e3467a533b29de82a30ee540f1cd7249cefaf4", slot: "content", class: "nylas-event-info__content" }, a("slot", { key: "90659526ed86eba38a7d1974bd14e16994fb61dd", name: "inputs" }))));
+    return a(k, { key: "61e095027d4b933ff2d2cc17a5a9d8a6d1add51e" }, a("nylas-form-card", { key: "0aa8cfa9d92db31b33e30879f1baeda834a0b2f0" }, a("h1", { key: "1f8cb65c3b5b821d7f59b06a4ee338e2fd6bcc5b", slot: "header-title", class: "nylas-event-info__title" }, "Event information"), a("h3", { key: "40698f86b92127532457ece61c931eabced1ec25", slot: "header-subtitle", class: "nylas-event-info__subtitle" }, "Enter all event information."), a("div", { key: "724866551790e31b39fa016f6b88629573639cd6", slot: "content", class: "nylas-event-info__content" }, a("slot", { key: "ef0cd2dd50b7f160d2806d4e4b04f9fd39d1bf83", name: "inputs" }))));
   }
   static get formAssociated() {
     return !0;
   }
 };
-Dt([
-  O({
+Rt([
+  _({
     name: "nylas-event-info",
     eventToProps: {},
     fireRegisterEvent: !0
@@ -942,24 +952,71 @@ Dt([
   pe("design:type", Function),
   pe("design:paramtypes", []),
   pe("design:returntype", void 0)
-], Ee.prototype, "render", null);
-Ee.style = Et;
-const Lt = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-title{display:flex;flex-direction:column;gap:4px;position:relative;text-align:left}.nylas-event-title div.title{padding:12px 16px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);overflow:scroll;white-space:nowrap;scrollbar-width:thin}.nylas-event-title div.title::-webkit-scrollbar{width:6px;height:6px}.nylas-event-title input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-event-title span.help-text{color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:21px}.nylas-event-title label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-title label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-title label span.label-icon{margin-left:4px}.nylas-event-title label span.label-icon tooltip-component{display:flex}.highlighted-tag{background-color:var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:5px;margin-left:4px}.token-options{display:block;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;top:80px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}@media screen and (max-width: 768px){.token-options{right:0;width:325px;max-width:unset}}.token-options ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px;margin:0}.token-options ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.token-options ul li .token-label{display:flex;flex-direction:column;font-weight:400}.token-options ul li .token-label .token{color:var(--nylas-abse-900);font-size:16px;line-height:24px}.token-options ul li .token-label .description{color:var(--nylas-base-600);font-size:14px;line-height:21px}.token-options ul li:hover,.token-options ul li:focus,.token-options ul li:active,.token-options ul li.active{background-color:var(--nylas-base-100)}.token-options ul li:hover .token-label .token,.token-options ul li:focus .token-label .token,.token-options ul li:active .token-label .token,.token-options ul li.active .token-label .token{color:var(--nylas-primary)}.token-options .selected{background-color:var(--nylas-base-100)}', It = Lt;
-var $t = function(e, t, n, s) {
-  var l = arguments.length, i = l < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, o;
+], $e.prototype, "render", null);
+$e.style = Nt;
+const zt = ':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-limits__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-event-limits__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-event-limits__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-event-limits__block{display:flex;justify-content:space-between;gap:0.5rem}', Pt = zt;
+var Bt = function(e, t, n, s) {
+  var o = arguments.length, i = o < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, l;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
     i = Reflect.decorate(e, t, n, s);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (o = e[r]) && (i = (l < 3 ? o(i) : l > 3 ? o(t, n, i) : o(t, n)) || i);
-  return l > 3 && i && Object.defineProperty(t, n, i), i;
-}, he = function(e, t) {
+      (l = e[r]) && (i = (o < 3 ? l(i) : o > 3 ? l(t, n, i) : l(t, n)) || i);
+  return o > 3 && i && Object.defineProperty(t, n, i), i;
+}, be = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const De = class {
+const Le = class {
   constructor(e) {
-    g(this, e), this.valueChanged = C(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.eventTitle = void 0, this.name = "title", this.showTokens = !1, this.availableTokens = ke.map((t) => ({
+    y(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
+  }
+  connectedCallback() {
+    d("nylas-event-limits", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-event-limits", "componentWillLoad");
+  }
+  componentDidLoad() {
+    d("nylas-event-limits", "componentDidLoad");
+  }
+  disconnectedCallback() {
+    d("nylas-event-limits", "disconnectedCallback");
+  }
+  render() {
+    return a(k, { key: "5a2ad0ec53b85623d821f78858c3cff8b5e1a251" }, a("nylas-form-card", { key: "047025e1b53e4b92d4c5add386bae10702a493a0" }, a("h1", { key: "6e4f9438417a7a7037dda67b1b3ebdd09306f748", slot: "header-title", class: "nylas-event-limits__title" }, "Set event limits"), a("h3", { key: "6b2c72590cf35181cba99fdf7ce58a5d55eae153", slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Customize event limits for the event."), a("div", { key: "ed1adf0a9eee51c73b86d78430d77b51db60d9a4", slot: "content", class: "nylas-event-limits__content" }, a("slot", { key: "b9a4299a7edfc2673afaab690ff610d449f8cd57", name: "inputs" }))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+};
+Bt([
+  _({
+    name: "nylas-event-limits",
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  be("design:type", Function),
+  be("design:paramtypes", []),
+  be("design:returntype", void 0)
+], Le.prototype, "render", null);
+Le.style = Pt;
+const jt = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-title{display:flex;flex-direction:column;gap:4px;position:relative;text-align:left}.nylas-event-title div.title{padding:12px 16px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);overflow:scroll;white-space:nowrap;scrollbar-width:thin}.nylas-event-title div.title::-webkit-scrollbar{width:6px;height:6px}.nylas-event-title input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-event-title span.help-text{color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:21px}.nylas-event-title label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-title label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-title label span.label-icon{margin-left:4px}.nylas-event-title label span.label-icon tooltip-component{display:flex}.highlighted-tag{background-color:var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:5px;margin-left:4px}.token-options{display:block;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;top:80px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}@media screen and (max-width: 768px){.token-options{right:0;width:325px;max-width:unset}}.token-options ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px;margin:0}.token-options ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.token-options ul li .token-label{display:flex;flex-direction:column;font-weight:400}.token-options ul li .token-label .token{color:var(--nylas-abse-900);font-size:16px;line-height:24px}.token-options ul li .token-label .description{color:var(--nylas-base-600);font-size:14px;line-height:21px}.token-options ul li:hover,.token-options ul li:focus,.token-options ul li:active,.token-options ul li.active{background-color:var(--nylas-base-100)}.token-options ul li:hover .token-label .token,.token-options ul li:focus .token-label .token,.token-options ul li:active .token-label .token,.token-options ul li.active .token-label .token{color:var(--nylas-primary)}.token-options .selected{background-color:var(--nylas-base-100)}', Wt = jt;
+var Vt = function(e, t, n, s) {
+  var o = arguments.length, i = o < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    i = Reflect.decorate(e, t, n, s);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (l = e[r]) && (i = (o < 3 ? l(i) : o > 3 ? l(t, n, i) : l(t, n)) || i);
+  return o > 3 && i && Object.defineProperty(t, n, i), i;
+}, ue = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const Ae = class {
+  constructor(e) {
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.eventTitle = void 0, this.name = "title", this.showTokens = !1, this.availableTokens = _e.map((t) => ({
       label: t.token,
       value: t.value,
       labelHTML: t
@@ -975,7 +1032,7 @@ const De = class {
       s == null || s.classList.add("active");
     } else {
       const s = (n = this.host.shadowRoot) == null ? void 0 : n.querySelectorAll(".token-options li.active");
-      s == null || s.forEach((l) => l.classList.remove("active"));
+      s == null || s.forEach((o) => o.classList.remove("active"));
     }
   }
   connectedCallback() {
@@ -995,32 +1052,32 @@ const De = class {
   }
   highlightTokens() {
     let e = this.eventTitle || "";
-    return ke.forEach((t) => {
+    return _e.forEach((t) => {
       const n = t.value, s = new RegExp(`(\\${n})(?!\\w)`, "g");
       e = e.replace(s, '<span class="highlighted-tag">$1</span>');
     }), e;
   }
   getCurrentSelectionForBrowser() {
-    var n, s, l;
-    const e = (i, o, r) => {
-      const h = i.replace(/[\u200B-\u200D\uFEFF]/g, ""), f = h.lastIndexOf("$"), u = h.substring(f).split(" ")[0];
+    var n, s, o;
+    const e = (i, l, r) => {
+      const b = i.replace(/[\u200B-\u200D\uFEFF]/g, ""), f = b.lastIndexOf("$"), h = b.substring(f).split(" ")[0];
       return {
-        focusOffset: o,
+        focusOffset: l,
         dollarIndex: f,
-        lastWord: u,
-        currentText: h,
+        lastWord: h,
+        currentText: b,
         node: r
       };
-    }, t = Re();
+    }, t = We();
     switch (console.log("currentBrowser", t), t) {
       case "Chrome":
-        const i = (n = this.host.shadowRoot) == null ? void 0 : n.getSelection(), o = i == null ? void 0 : i.focusNode, r = (o == null ? void 0 : o.nodeValue) || "";
-        return e(r, (i == null ? void 0 : i.focusOffset) || -1, o);
+        const i = (n = this.host.shadowRoot) == null ? void 0 : n.getSelection(), l = i == null ? void 0 : i.focusNode, r = (l == null ? void 0 : l.nodeValue) || "";
+        return e(r, (i == null ? void 0 : i.focusOffset) || -1, l);
       case "Firefox":
-        const h = document.getSelection(), f = ((s = h == null ? void 0 : h.anchorNode) == null ? void 0 : s.nodeValue) || "";
-        return e(f, (h == null ? void 0 : h.focusOffset) || -1, h == null ? void 0 : h.anchorNode);
+        const b = document.getSelection(), f = ((s = b == null ? void 0 : b.anchorNode) == null ? void 0 : s.nodeValue) || "";
+        return e(f, (b == null ? void 0 : b.focusOffset) || -1, b == null ? void 0 : b.anchorNode);
       case "Safari":
-        const u = window.getSelection(), p = u == null ? void 0 : u.getComposedRanges(this.host.shadowRoot)[0], v = ((l = p == null ? void 0 : p.startContainer) == null ? void 0 : l.nodeValue) || "";
+        const h = window.getSelection(), p = h == null ? void 0 : h.getComposedRanges(this.host.shadowRoot)[0], v = ((o = p == null ? void 0 : p.startContainer) == null ? void 0 : o.nodeValue) || "";
         return e(v, (p == null ? void 0 : p.endOffset) || -1, p == null ? void 0 : p.startContainer);
       default:
         return console.warn("Browser not supported"), null;
@@ -1032,20 +1089,20 @@ const De = class {
       this.updateEventTitle(t), this.resetDropdown();
       return;
     }
-    const { focusOffset: s, dollarIndex: l, lastWord: i, currentText: o } = n;
-    if (l === -1 || s < l) {
+    const { focusOffset: s, dollarIndex: o, lastWord: i, currentText: l } = n;
+    if (o === -1 || s < o) {
       this.updateEventTitle(t), this.resetDropdown();
       return;
     }
     i.startsWith("$") ? (this.showTokens = !0, this.currentWord = {
       $value: i,
-      fullText: o,
-      index: l,
+      fullText: l,
+      index: o,
       focusOffset: s
     }, this.populateSuggestionsDropdown(i)) : this.resetDropdown(), this.updateEventTitle(t);
   }
   handleInputKeyDown(e) {
-    var t, n, s, l;
+    var t, n, s, o;
     if (e.key === "Enter") {
       e.preventDefault();
       const i = (t = this.host.shadowRoot) == null ? void 0 : t.getElementById(this.ariaActivedescendant);
@@ -1054,54 +1111,54 @@ const De = class {
       e.preventDefault();
       const i = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(this.ariaActivedescendant);
       if (i) {
-        const o = i.nextElementSibling;
-        o ? this.ariaActivedescendant = o.id : this.ariaActivedescendant = this.filteredTokens[0].label;
+        const l = i.nextElementSibling;
+        l ? this.ariaActivedescendant = l.id : this.ariaActivedescendant = this.filteredTokens[0].label;
       } else
         this.ariaActivedescendant = this.filteredTokens[0].label;
     } else if (e.key === "ArrowUp") {
       e.preventDefault();
       const i = (s = this.host.shadowRoot) == null ? void 0 : s.getElementById(this.ariaActivedescendant);
       if (i) {
-        const o = i.previousElementSibling;
-        o ? this.ariaActivedescendant = o.id : this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
+        const l = i.previousElementSibling;
+        l ? this.ariaActivedescendant = l.id : this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
       } else
         this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
     } else if (e.key === "Escape")
       e.preventDefault(), this.resetDropdown();
     else if (e.key === "Backspace" || e.key === "Delete") {
       const i = this.getCurrentSelectionForBrowser();
-      i != null && i.currentText.startsWith("${") && (l = i == null ? void 0 : i.node) != null && l.parentNode && i.node.parentNode.removeChild(i.node);
+      i != null && i.currentText.startsWith("${") && (o = i == null ? void 0 : i.node) != null && o.parentNode && i.node.parentNode.removeChild(i.node);
     }
   }
   selectOption(e, t) {
     var c;
     e.preventDefault();
     const n = this.currentWord.fullText, s = this.currentWord.$value;
-    let l = this.titleRef.firstChild, i = null;
-    for (; l; ) {
-      if (l.nodeType === 3) {
-        const b = ((c = l.textContent) == null ? void 0 : c.replace(/[\u200B-\u200D\uFEFF]/g, "")) || "", m = n.replace(/[\u200B-\u200D\uFEFF]/g, "");
-        if (b.includes(m)) {
-          i = l;
+    let o = this.titleRef.firstChild, i = null;
+    for (; o; ) {
+      if (o.nodeType === 3) {
+        const u = ((c = o.textContent) == null ? void 0 : c.replace(/[\u200B-\u200D\uFEFF]/g, "")) || "", m = n.replace(/[\u200B-\u200D\uFEFF]/g, "");
+        if (u.includes(m)) {
+          i = o;
           break;
         }
       }
-      l = l.nextSibling;
+      o = o.nextSibling;
     }
     if (!i)
       return;
-    const o = i.textContent || "", r = o.indexOf(s), h = o.substring(0, r), f = o.substring(r + s.length), u = document.createTextNode(h), p = document.createRange(), v = document.createElement("span");
+    const l = i.textContent || "", r = l.indexOf(s), b = l.substring(0, r), f = l.substring(r + s.length), h = document.createTextNode(b), p = document.createRange(), v = document.createElement("span");
     v.classList.add("highlighted-tag"), v.textContent = `${t.value}`;
     const Z = document.createTextNode(f);
     if (f !== "")
-      i.replaceWith(u, v, Z), p.setStart(Z, 0);
+      i.replaceWith(h, v, Z), p.setStart(Z, 0);
     else {
-      const b = document.createTextNode("​");
-      i.replaceWith(u, v, b), p.setStart(b, 0);
+      const u = document.createTextNode("​");
+      i.replaceWith(h, v, u), p.setStart(u, 0);
     }
     this.resetDropdown(), this.titleRef.focus();
-    const I = window.getSelection();
-    p.collapse(!0), I == null || I.removeAllRanges(), I == null || I.addRange(p), this.updateEventTitle(this.titleRef.textContent || "");
+    const $ = window.getSelection();
+    p.collapse(!0), $ == null || $.removeAllRanges(), $ == null || $.addRange(p), this.updateEventTitle(this.titleRef.textContent || "");
   }
   populateSuggestionsDropdown(e = "") {
     this.filteredTokens = this.availableTokens.filter((t) => t.label.startsWith(e.toString()) || t.value.startsWith(e.toString())), this.filteredTokens.length > 0 && (this.ariaActivedescendant = this.filteredTokens[0].label);
@@ -1118,13 +1175,13 @@ const De = class {
   }
   render() {
     var e;
-    return a(k, { key: "3a7d0d3f26d3a8e3b5aa8c05f50f6d29c174b842" }, a("div", { key: "23a7a97be25be6c4a3e9f6cba2da58221bfa577f", class: "nylas-event-title" }, a("label", { key: "43c64b93196da3ead8579832d41ce441b585ee47", htmlFor: "title" }, "Event title", a("span", { key: "92948ef95c675e976bc390947ae7f59368ded040", class: "required" }, "*"), a("span", { key: "e4d974e193065f9ddd27c3a1c6cbdfa4b887d555", class: "label-icon" }, a("tooltip-component", { key: "5a22f040163c9a437d0be6850ece29f2e0a48985" }, a("info-icon", { key: "4f065a1ff2a00f9d1974915a52722cfc38a30d7a", slot: "tooltip-icon" }), a("span", { key: "5517a19abdcfe5cec829140dea3cd810a3575a27", slot: "tooltip-content" }, "Enter a title for your event.")))), a("div", { key: "de04b5e1505e50f61bbf43430db853b04149be3e", class: "title", ref: (t) => this.titleRef = t, contentEditable: "true", onInput: (t) => this.handleChange(t), onKeyDown: (t) => this.handleInputKeyDown(t) }), this.showTokens && ((e = this.filteredTokens) == null ? void 0 : e.length) > 0 && a("div", { class: "token-options" }, a("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((t) => a("li", { tabindex: "0", key: t.label, id: t.label, class: { active: this.ariaActivedescendant === t.label }, onClick: (n) => this.selectOption(n, t), role: "option" }, this.getLabelHTML(t.labelHTML))))), a("span", { key: "c3b75b0038f5cc22c7c9a4db0aaa0c9f5d61036a", class: "help-text" }, "Create a dynamic templated event title by typing $. Learn more")));
+    return a(k, { key: "a58acf57120285f1c42b0df698b31e298b40407d" }, a("div", { key: "ed5b5e3d7694fbce89647344b066326271786779", class: "nylas-event-title", part: "net" }, a("label", { key: "102d6d0df0164809afe2f215408cc321703c38bc", htmlFor: "title" }, "Event title", a("span", { key: "e024b656ae41640181ba67aed42a52509774354c", class: "required" }, "*"), a("span", { key: "7116bafdab5470e86ba2acdafc2236610b79ea59", class: "label-icon" }, a("tooltip-component", { key: "71a50958f2f04cdfe0cc35c17f60c64f3b910e84" }, a("info-icon", { key: "92e96b68f699d4aff80e028538259e27ba803e18", slot: "tooltip-icon" }), a("span", { key: "5c29a9e8bde6f4cd8df38082b70ad15682e4b687", slot: "tooltip-content" }, "Enter a title for your event.")))), a("div", { key: "72f580436b050b2af9b78149e3b8831912847e7f", class: "title", part: "net__title", ref: (t) => this.titleRef = t, contentEditable: "true", onInput: (t) => this.handleChange(t), onKeyDown: (t) => this.handleInputKeyDown(t) }), this.showTokens && ((e = this.filteredTokens) == null ? void 0 : e.length) > 0 && a("div", { class: "token-options", part: "net__dropdown-content" }, a("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((t) => a("li", { tabindex: "0", key: t.label, id: t.label, class: { active: this.ariaActivedescendant === t.label }, onClick: (n) => this.selectOption(n, t), role: "option" }, this.getLabelHTML(t.labelHTML))))), a("span", { key: "a75e5bea3c3841e1030ff676465c036006cf617f", class: "help-text" }, "Create a dynamic templated event title by typing $. Learn more")));
   }
   static get formAssociated() {
     return !0;
   }
   get host() {
-    return _(this);
+    return x(this);
   }
   static get watchers() {
     return {
@@ -1133,33 +1190,105 @@ const De = class {
     };
   }
 };
-$t([
-  O({
+Vt([
+  _({
     name: "nylas-event-title",
     eventToProps: {},
     fireRegisterEvent: !0
   }),
+  ue("design:type", Function),
+  ue("design:paramtypes", []),
+  ue("design:returntype", void 0)
+], Ae.prototype, "render", null);
+Ae.style = Wt;
+const Ut = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-limit-future-bookings{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}.nylas-limit-future-bookings label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%;}.nylas-limit-future-bookings label span.label-icon{margin-left:4px}.nylas-limit-future-bookings label span.label-icon tooltip-component{display:flex}', Zt = Ut;
+var Yt = function(e, t, n, s) {
+  var o = arguments.length, i = o < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    i = Reflect.decorate(e, t, n, s);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (l = e[r]) && (i = (o < 3 ? l(i) : o > 3 ? l(t, n, i) : l(t, n)) || i);
+  return o > 3 && i && Object.defineProperty(t, n, i), i;
+}, he = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const Fe = class {
+  constructor(e) {
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.availableDaysInFuture = void 0, this.name = "limit-future-bookings", this.selectedNumber = 1, this.selectedPeriod = "day";
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-limit-future-bookings", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  availableDaysInFutureChanged(e) {
+    const { number: t, period: n } = this.calculateNumberAndPeriodFromDays(e);
+    this.selectedNumber = t, this.selectedPeriod = n;
+  }
+  connectedCallback() {
+    d("nylas-limit-future-bookings", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-limit-future-bookings", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    var e;
+    d("nylas-limit-future-bookings", "componentDidLoad"), this.availableDaysInFutureChanged(this.availableDaysInFuture ?? 1), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(((e = this.availableDaysInFuture) == null ? void 0 : e.toString()) ?? "1", this.name);
+  }
+  disconnectedCallback() {
+    d("nylas-limit-future-bookings", "disconnectedCallback");
+  }
+  timePeriodChangedHandler(e) {
+    const { number: t, period: n } = e.detail;
+    let s;
+    n === "day" ? s = t : n === "week" ? s = t * 7 : s = t * 30, this.valueChanged.emit({ value: s, name: this.name }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(s.toString(), this.name);
+  }
+  calculateNumberAndPeriodFromDays(e) {
+    return e >= 30 && e % 30 === 0 ? { number: e / 30, period: "month" } : e >= 7 && e % 7 === 0 ? { number: e / 7, period: "week" } : { number: e, period: "day" };
+  }
+  render() {
+    return a(k, { key: "8057320077aad1ea65297b4cac79fe11f69ab161" }, a("div", { key: "991d810bee6817a1ec26482807fece9d884b7844", class: "nylas-limit-future-bookings", part: "nlfb" }, a("label", { key: "caf0946d5a7cb202dc02cd596a7721e52278cb55" }, "Limit future bookings", a("span", { key: "fff09830bc407f7ce1fecf7e6809f2a030ce9a3e", class: "label-icon" }, a("tooltip-component", { key: "8c9cd31ae211d1d3a7f017032d7c1abb3f1c7df6" }, a("info-icon", { key: "43f8b14a4b28effd21e9b5a87b20f63b6bf0061d", slot: "tooltip-icon" }), a("span", { key: "bdfebd15750111829926da4dc0820f562c4fd9aa", slot: "tooltip-content" }, "Set a limit on how far in the future bookings can be made.")))), a("time-period-selector", { key: "de949c9c3aa9234102159bdec61efc061ac49408", id: "limit-future-bookings", timePeriods: ["day", "week", "month"], exportparts: "tps__number-dropdown: nlfb__number-dropdown, tps__number-dropdown-button: nlfb__number-dropdown-button, tps__number-dropdown-content: nlfb__number-dropdown-content, tps__period-dropdown: nlfb__period-dropdown, tps__period-dropdown-button: nlfb__period-dropdown-button, tps__period-dropdown-content: nlfb__period-dropdown-content", defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return x(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      availableDaysInFuture: ["availableDaysInFutureChanged"]
+    };
+  }
+};
+Yt([
+  _({
+    name: "nylas-limit-future-bookings",
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
   he("design:type", Function),
   he("design:paramtypes", []),
   he("design:returntype", void 0)
-], De.prototype, "render", null);
-De.style = It;
-const At = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-location{display:flex;flex-direction:column;gap:4px;font-family:var(--nylas-font-family)}.nylas-event-location label{display:flex;align-items:center;color:var(--nylas-base-nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-location label span.label-icon{margin-left:4px}.nylas-event-location label span.label-icon tooltip-component{display:flex}.nylas-event-location span[slot=select-icon]{border-right:1px solid var(--nylas-base-200);padding:16px 0.75rem 16px 0.5rem;border-radius:var(--nylas-border-radius-2x);border-bottom-right-radius:0;border-top-right-radius:0;height:20px}.nylas-event-location div.location-input{display:grid;grid-template-columns:auto 1fr;width:100%;gap:0.5rem}.nylas-event-location div.location-input input{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:12px 16px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}.nylas-event-location select-dropdown{width:208px}@media screen and (max-width: 768px){.nylas-event-location select-dropdown{width:100%}}.nylas-event-location select-dropdown::part(sd_dropdown){width:100%}.nylas-event-location select-dropdown::part(sd_dropdown-content){left:calc(35px + 0.5rem)}.nylas-event-location select-dropdown::part(sd_dropdown-button){display:flex;justify-content:space-between;width:100%;border:1px solid var(--nylas-base-200);padding:0 0.5rem}.nylas-event-location select-dropdown::part(sd_dropdown-button-selected-label){display:inline-flex;align-self:center;padding:14px 0;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', Ht = At;
-var Ft = function(e, t, n, s) {
-  var l = arguments.length, i = l < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, o;
+], Fe.prototype, "render", null);
+Fe.style = Zt;
+const Kt = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-location{display:flex;flex-direction:column;gap:4px;font-family:var(--nylas-font-family)}.nylas-event-location label{display:flex;align-items:center;color:var(--nylas-base-nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-location label span.label-icon{margin-left:4px}.nylas-event-location label span.label-icon tooltip-component{display:flex}.nylas-event-location span[slot=select-icon]{border-right:1px solid var(--nylas-base-200);padding:16px 0.75rem 16px 0.5rem;border-radius:var(--nylas-border-radius-2x);border-bottom-right-radius:0;border-top-right-radius:0;height:20px}.nylas-event-location div.location-input{display:grid;grid-template-columns:auto 1fr;width:100%;gap:0.5rem}.nylas-event-location div.location-input input{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:12px 16px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}.nylas-event-location select-dropdown{width:208px}@media screen and (max-width: 768px){.nylas-event-location select-dropdown{width:100%}}.nylas-event-location select-dropdown::part(sd_dropdown){width:100%}.nylas-event-location select-dropdown::part(sd_dropdown-content){left:calc(35px + 0.5rem)}.nylas-event-location select-dropdown::part(sd_dropdown-button){display:flex;justify-content:space-between;width:100%;border:1px solid var(--nylas-base-200);padding:0 0.5rem}.nylas-event-location select-dropdown::part(sd_dropdown-button-selected-label){display:inline-flex;align-self:center;padding:14px 0;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', qt = Kt;
+var Jt = function(e, t, n, s) {
+  var o = arguments.length, i = o < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, l;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
     i = Reflect.decorate(e, t, n, s);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (o = e[r]) && (i = (l < 3 ? o(i) : l > 3 ? o(t, n, i) : o(t, n)) || i);
-  return l > 3 && i && Object.defineProperty(t, n, i), i;
-}, be = function(e, t) {
+      (l = e[r]) && (i = (o < 3 ? l(i) : o > 3 ? l(t, n, i) : l(t, n)) || i);
+  return o > 3 && i && Object.defineProperty(t, n, i), i;
+}, me = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const Le = class {
+const He = class {
   constructor(e) {
-    g(this, e), this.valueChanged = C(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.eventLocation = void 0, this.location = this.eventLocation ?? "", this.selectedLocationOption = this.eventLocation ? "custom" : "none", this.name = "location";
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.eventLocation = void 0, this.location = this.eventLocation ?? "", this.selectedLocationOption = this.eventLocation ? "custom" : "none", this.name = "location";
   }
   elementNameChangedHandler(e) {
     d("nylas-location-component", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
@@ -1193,16 +1322,16 @@ const Le = class {
       { value: "none", label: "None" },
       { value: "custom", label: "Custom location" }
     ], t = {
-      none: a("location-off-icon", { key: "021fd97ea9f51cc9ef6edab397e12181f24bddb2" }),
-      custom: a("location-icon", { key: "24a170f7a38501da4f46eef8da5231f9002347b1" })
+      none: a("location-off-icon", { key: "b6ed0f7da911d13fe204658d1dbfbc29d569a99a" }),
+      custom: a("location-icon", { key: "08a5c193876813578037ee6003ab03fd947fb87d" })
     };
-    return a(k, { key: "8b520fcbc5f57bf6ab51d6cb83fd58eb452f702a" }, a("div", { key: "6e7b240c7b5603cea809a8e83f003ffc48db183b", class: "nylas-event-location" }, a("label", { key: "e6979aeff1965f62540bc274818cbb7b46f454d6", htmlFor: "location" }, "Location type", a("span", { key: "0334a62e0b8d15d07f35722561743d9654364176", class: "label-icon" }, a("tooltip-component", { key: "a1267dbc795c9abc4faa08ee4bd28d5fbb0dcc8f" }, a("info-icon", { key: "ad03af910d69f86b5459e8e3d9129a6532b67b27", slot: "tooltip-icon" }), a("span", { key: "8bec251481f72beea08ed8649b628a6d9604ef39", slot: "tooltip-content" }, "Choose how you’ll meet with the participants at the scheduled time. Pick from available conferencing options or add a custom location.")))), a("div", { key: "4cddd535ae80ee17f25566fff3c79cb92fe5ed73", class: "location-input" }, a("select-dropdown", { key: "efe580f62aa4ea955cefff02a9e133a1eb66057d", withSearch: !1, name: "location", options: e, defaultSelectedOption: e.find((n) => n.value == this.selectedLocationOption) }, a("span", { key: "58faabe958e2faf6cc518d3a02ff7dee5586f48d", slot: "select-icon" }, t[this.selectedLocationOption])), this.selectedLocationOption === "custom" && a("input", { type: "text", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: (n) => this.handleChange(n) }))));
+    return a(k, { key: "e512133eb2a9213bfacc2edad0581b7a6ad41bbc" }, a("div", { key: "1f0e59707c41f7836805ff26efbd5cc119dfef11", class: "nylas-event-location", part: "nel" }, a("label", { key: "60e264aa383ae29342678ecf23b12631fff1bc98", htmlFor: "location" }, "Location type", a("span", { key: "64c34dbeafa4b5c033be3d1facede6e737b915e1", class: "label-icon" }, a("tooltip-component", { key: "0c569694141c72418e997a85328127968d05eac1" }, a("info-icon", { key: "411fe82e0b6296b34aae95459c9da8bc07bd8131", slot: "tooltip-icon" }), a("span", { key: "67b4582af4fe7085c748e842b5fda1a46a454edf", slot: "tooltip-content" }, "Choose how you’ll meet with the participants at the scheduled time. Pick from available conferencing options or add a custom location.")))), a("div", { key: "3f7b59eaae37afcd7abc4af3c608c5e6dc3ebc30", class: "location-input" }, a("select-dropdown", { key: "424550ac2c3fd61e7c59d2e8c98cedfd156d5661", withSearch: !1, name: "location", options: e, defaultSelectedOption: e.find((n) => n.value == this.selectedLocationOption), exportparts: "sd__dropdown: nel__dropdown, sd__dropdown-button: nel__dropdown-button, sd__dropdown-content: nel__dropdown-content" }, a("span", { key: "300fd4134259f97fcf3ba09d3d296c15ca18eec7", slot: "select-icon" }, t[this.selectedLocationOption])), this.selectedLocationOption === "custom" && a("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: (n) => this.handleChange(n) }))));
   }
   static get formAssociated() {
     return !0;
   }
   get host() {
-    return _(this);
+    return x(this);
   }
   static get watchers() {
     return {
@@ -1211,152 +1340,225 @@ const Le = class {
     };
   }
 };
-Ft([
-  O({
+Jt([
+  _({
     name: "nylas-location-component",
     eventToProps: {},
     fireRegisterEvent: !0
   }),
-  be("design:type", Function),
-  be("design:paramtypes", []),
-  be("design:returntype", void 0)
-], Le.prototype, "render", null);
-Le.style = Ht;
-var Ie = { exports: {} };
+  me("design:type", Function),
+  me("design:paramtypes", []),
+  me("design:returntype", void 0)
+], He.prototype, "render", null);
+He.style = qt;
+const Gt = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-min-cancellation-notice{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}.nylas-min-cancellation-notice label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%;}.nylas-min-cancellation-notice label span.label-icon{margin-left:4px}.nylas-min-cancellation-notice label span.label-icon tooltip-component{display:flex}', Xt = Gt;
+var Qt = function(e, t, n, s) {
+  var o = arguments.length, i = o < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    i = Reflect.decorate(e, t, n, s);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (l = e[r]) && (i = (o < 3 ? l(i) : o > 3 ? l(t, n, i) : l(t, n)) || i);
+  return o > 3 && i && Object.defineProperty(t, n, i), i;
+}, ye = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const Me = class {
+  constructor(e) {
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.minCancellationNotice = void 0, this.name = "min-cancellation-notice", this.selectedNumber = 1, this.selectedPeriod = "day";
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-min-cancellation-notice", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  availableDaysInFutureChanged(e) {
+    const { number: t, period: n } = this.calculateNumberAndPeriodFromMinutes(e);
+    this.selectedNumber = t, this.selectedPeriod = n;
+  }
+  connectedCallback() {
+    d("nylas-min-cancellation-notice", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-min-cancellation-notice", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    var e;
+    d("nylas-min-cancellation-notice", "componentDidLoad"), this.availableDaysInFutureChanged(this.minCancellationNotice ?? 1), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(((e = this.minCancellationNotice) == null ? void 0 : e.toString()) ?? "1", this.name);
+  }
+  disconnectedCallback() {
+    d("nylas-min-cancellation-notice", "disconnectedCallback");
+  }
+  timePeriodChangedHandler(e) {
+    const { number: t, period: n } = e.detail;
+    let s;
+    const o = 60, i = o * 24, l = i * 7, r = i * 30;
+    n === "minute" ? s = t : n === "hour" ? s = t * o : n === "day" ? s = t * i : n === "week" ? s = t * l : n === "month" ? s = t * r : s = 0, this.valueChanged.emit({ value: s, name: this.name }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(s.toString(), this.name);
+  }
+  calculateNumberAndPeriodFromMinutes(e) {
+    return e >= 43200 ? { number: Math.floor(e / 43200), period: "month" } : e >= 10080 ? { number: Math.floor(e / 10080), period: "week" } : e >= 1440 ? { number: Math.floor(e / 1440), period: "day" } : e >= 60 ? { number: Math.floor(e / 60), period: "hour" } : { number: e, period: "minute" };
+  }
+  render() {
+    return a(k, { key: "594c4e6ca9c565f486f5c09159de518fe586f7b8" }, a("div", { key: "712baa63d3ea867b5a7893a254954fcea49c80f0", class: "nylas-min-cancellation-notice", part: "nmcn" }, a("label", { key: "7256ab66b7908dc8b972b2987276e0d2d04dd0ee" }, "Minimum cancellation notice", a("span", { key: "515772bd9028f2718ad350acef7b293269e12279", class: "label-icon" }, a("tooltip-component", { key: "1fe93b6067d38d4d78fe0c16fbd21d67ea5db0fd" }, a("info-icon", { key: "2b1e4eb5c88b329441a98009d2e81fbe6c807ccd", slot: "tooltip-icon" }), a("span", { key: "44f83c20d9041f31bb4b58c190c5877cfcdd41b3", slot: "tooltip-content" }, "Set the minimum amount of time required to cancel an event.")))), a("time-period-selector", { key: "4b1725b8d90355b2481a37d8b894414ea5549cd8", id: "min-cancellation-notice", exportparts: "tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content", timePeriods: ["minute", "hour", "day", "week"], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return x(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      availableDaysInFuture: ["availableDaysInFutureChanged"]
+    };
+  }
+};
+Qt([
+  _({
+    name: "nylas-min-cancellation-notice",
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  ye("design:type", Function),
+  ye("design:paramtypes", []),
+  ye("design:returntype", void 0)
+], Me.prototype, "render", null);
+Me.style = Xt;
+var Ne = { exports: {} };
 (function(e, t) {
   (function(n, s) {
     e.exports = s();
-  })(ze, function() {
-    var n = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, s = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, l = /\d\d/, i = /\d\d?/, o = /\d*[^-_:/,()\s\d]+/, r = {}, h = function(c) {
+  })(Ve, function() {
+    var n = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, s = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, o = /\d\d/, i = /\d\d?/, l = /\d*[^-_:/,()\s\d]+/, r = {}, b = function(c) {
       return (c = +c) + (c > 68 ? 1900 : 2e3);
     }, f = function(c) {
-      return function(b) {
-        this[c] = +b;
+      return function(u) {
+        this[c] = +u;
       };
-    }, u = [/[+-]\d\d:?(\d\d)?|Z/, function(c) {
-      (this.zone || (this.zone = {})).offset = function(b) {
-        if (!b || b === "Z")
+    }, h = [/[+-]\d\d:?(\d\d)?|Z/, function(c) {
+      (this.zone || (this.zone = {})).offset = function(u) {
+        if (!u || u === "Z")
           return 0;
-        var m = b.match(/([+-]|\d\d)/g), y = 60 * m[1] + (+m[2] || 0);
-        return y === 0 ? 0 : m[0] === "+" ? -y : y;
+        var m = u.match(/([+-]|\d\d)/g), g = 60 * m[1] + (+m[2] || 0);
+        return g === 0 ? 0 : m[0] === "+" ? -g : g;
       }(c);
     }], p = function(c) {
-      var b = r[c];
-      return b && (b.indexOf ? b : b.s.concat(b.f));
-    }, v = function(c, b) {
-      var m, y = r.meridiem;
-      if (y) {
-        for (var S = 1; S <= 24; S += 1)
-          if (c.indexOf(y(S, 0, b)) > -1) {
-            m = S > 12;
+      var u = r[c];
+      return u && (u.indexOf ? u : u.s.concat(u.f));
+    }, v = function(c, u) {
+      var m, g = r.meridiem;
+      if (g) {
+        for (var D = 1; D <= 24; D += 1)
+          if (c.indexOf(g(D, 0, u)) > -1) {
+            m = D > 12;
             break;
           }
       } else
-        m = c === (b ? "pm" : "PM");
+        m = c === (u ? "pm" : "PM");
       return m;
-    }, Z = { A: [o, function(c) {
+    }, Z = { A: [l, function(c) {
       this.afternoon = v(c, !1);
-    }], a: [o, function(c) {
+    }], a: [l, function(c) {
       this.afternoon = v(c, !0);
     }], S: [/\d/, function(c) {
       this.milliseconds = 100 * +c;
-    }], SS: [l, function(c) {
+    }], SS: [o, function(c) {
       this.milliseconds = 10 * +c;
     }], SSS: [/\d{3}/, function(c) {
       this.milliseconds = +c;
-    }], s: [i, f("seconds")], ss: [i, f("seconds")], m: [i, f("minutes")], mm: [i, f("minutes")], H: [i, f("hours")], h: [i, f("hours")], HH: [i, f("hours")], hh: [i, f("hours")], D: [i, f("day")], DD: [l, f("day")], Do: [o, function(c) {
-      var b = r.ordinal, m = c.match(/\d+/);
-      if (this.day = m[0], b)
-        for (var y = 1; y <= 31; y += 1)
-          b(y).replace(/\[|\]/g, "") === c && (this.day = y);
-    }], M: [i, f("month")], MM: [l, f("month")], MMM: [o, function(c) {
-      var b = p("months"), m = (p("monthsShort") || b.map(function(y) {
-        return y.slice(0, 3);
+    }], s: [i, f("seconds")], ss: [i, f("seconds")], m: [i, f("minutes")], mm: [i, f("minutes")], H: [i, f("hours")], h: [i, f("hours")], HH: [i, f("hours")], hh: [i, f("hours")], D: [i, f("day")], DD: [o, f("day")], Do: [l, function(c) {
+      var u = r.ordinal, m = c.match(/\d+/);
+      if (this.day = m[0], u)
+        for (var g = 1; g <= 31; g += 1)
+          u(g).replace(/\[|\]/g, "") === c && (this.day = g);
+    }], M: [i, f("month")], MM: [o, f("month")], MMM: [l, function(c) {
+      var u = p("months"), m = (p("monthsShort") || u.map(function(g) {
+        return g.slice(0, 3);
       })).indexOf(c) + 1;
       if (m < 1)
         throw new Error();
       this.month = m % 12 || m;
-    }], MMMM: [o, function(c) {
-      var b = p("months").indexOf(c) + 1;
-      if (b < 1)
+    }], MMMM: [l, function(c) {
+      var u = p("months").indexOf(c) + 1;
+      if (u < 1)
         throw new Error();
-      this.month = b % 12 || b;
-    }], Y: [/[+-]?\d+/, f("year")], YY: [l, function(c) {
-      this.year = h(c);
-    }], YYYY: [/\d{4}/, f("year")], Z: u, ZZ: u };
-    function I(c) {
-      var b, m;
-      b = c, m = r && r.formats;
-      for (var y = (c = b.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(R, $, T) {
-        var x = T && T.toUpperCase();
-        return $ || m[T] || n[T] || m[x].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(A, H, z) {
-          return H || z.slice(1);
+      this.month = u % 12 || u;
+    }], Y: [/[+-]?\d+/, f("year")], YY: [o, function(c) {
+      this.year = b(c);
+    }], YYYY: [/\d{4}/, f("year")], Z: h, ZZ: h };
+    function $(c) {
+      var u, m;
+      u = c, m = r && r.formats;
+      for (var g = (c = u.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(N, L, O) {
+        var C = O && O.toUpperCase();
+        return L || m[O] || n[O] || m[C].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(A, F, R) {
+          return F || R.slice(1);
         });
-      })).match(s), S = y.length, E = 0; E < S; E += 1) {
-        var U = y[E], M = Z[U], D = M && M[0], L = M && M[1];
-        y[E] = L ? { regex: D, parser: L } : U.replace(/^\[|\]$/g, "");
+      })).match(s), D = g.length, I = 0; I < D; I += 1) {
+        var U = g[I], M = Z[U], S = M && M[0], E = M && M[1];
+        g[I] = E ? { regex: S, parser: E } : U.replace(/^\[|\]$/g, "");
       }
-      return function(R) {
-        for (var $ = {}, T = 0, x = 0; T < S; T += 1) {
-          var A = y[T];
+      return function(N) {
+        for (var L = {}, O = 0, C = 0; O < D; O += 1) {
+          var A = g[O];
           if (typeof A == "string")
-            x += A.length;
+            C += A.length;
           else {
-            var H = A.regex, z = A.parser, Y = R.slice(x), N = H.exec(Y)[0];
-            z.call($, N), R = R.replace(N, "");
+            var F = A.regex, R = A.parser, Y = N.slice(C), P = F.exec(Y)[0];
+            R.call(L, P), N = N.replace(P, "");
           }
         }
-        return function(B) {
-          var w = B.afternoon;
-          if (w !== void 0) {
-            var P = B.hours;
-            w ? P < 12 && (B.hours += 12) : P === 12 && (B.hours = 0), delete B.afternoon;
+        return function(z) {
+          var T = z.afternoon;
+          if (T !== void 0) {
+            var B = z.hours;
+            T ? B < 12 && (z.hours += 12) : B === 12 && (z.hours = 0), delete z.afternoon;
           }
-        }($), $;
+        }(L), L;
       };
     }
-    return function(c, b, m) {
-      m.p.customParseFormat = !0, c && c.parseTwoDigitYear && (h = c.parseTwoDigitYear);
-      var y = b.prototype, S = y.parse;
-      y.parse = function(E) {
-        var U = E.date, M = E.utc, D = E.args;
+    return function(c, u, m) {
+      m.p.customParseFormat = !0, c && c.parseTwoDigitYear && (b = c.parseTwoDigitYear);
+      var g = u.prototype, D = g.parse;
+      g.parse = function(I) {
+        var U = I.date, M = I.utc, S = I.args;
         this.$u = M;
-        var L = D[1];
-        if (typeof L == "string") {
-          var R = D[2] === !0, $ = D[3] === !0, T = R || $, x = D[2];
-          $ && (x = D[2]), r = this.$locale(), !R && x && (r = m.Ls[x]), this.$d = function(Y, N, B) {
+        var E = S[1];
+        if (typeof E == "string") {
+          var N = S[2] === !0, L = S[3] === !0, O = N || L, C = S[2];
+          L && (C = S[2]), r = this.$locale(), !N && C && (r = m.Ls[C]), this.$d = function(Y, P, z) {
             try {
-              if (["x", "X"].indexOf(N) > -1)
-                return new Date((N === "X" ? 1e3 : 1) * Y);
-              var w = I(N)(Y), P = w.year, K = w.month, $e = w.day, Ae = w.hours, He = w.minutes, Fe = w.seconds, Me = w.milliseconds, ue = w.zone, J = /* @__PURE__ */ new Date(), G = $e || (P || K ? 1 : J.getDate()), X = P || J.getFullYear(), q = 0;
-              P && !K || (q = K > 0 ? K - 1 : J.getMonth());
-              var Q = Ae || 0, ee = He || 0, te = Fe || 0, ne = Me || 0;
-              return ue ? new Date(Date.UTC(X, q, G, Q, ee, te, ne + 60 * ue.offset * 1e3)) : B ? new Date(Date.UTC(X, q, G, Q, ee, te, ne)) : new Date(X, q, G, Q, ee, te, ne);
+              if (["x", "X"].indexOf(P) > -1)
+                return new Date((P === "X" ? 1e3 : 1) * Y);
+              var T = $(P)(Y), B = T.year, K = T.month, Re = T.day, ze = T.hours, Pe = T.minutes, Be = T.seconds, je = T.milliseconds, ge = T.zone, J = /* @__PURE__ */ new Date(), G = Re || (B || K ? 1 : J.getDate()), X = B || J.getFullYear(), q = 0;
+              B && !K || (q = K > 0 ? K - 1 : J.getMonth());
+              var Q = ze || 0, ee = Pe || 0, te = Be || 0, ne = je || 0;
+              return ge ? new Date(Date.UTC(X, q, G, Q, ee, te, ne + 60 * ge.offset * 1e3)) : z ? new Date(Date.UTC(X, q, G, Q, ee, te, ne)) : new Date(X, q, G, Q, ee, te, ne);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
-          }(U, L, M), this.init(), x && x !== !0 && (this.$L = this.locale(x).$L), T && U != this.format(L) && (this.$d = /* @__PURE__ */ new Date("")), r = {};
-        } else if (L instanceof Array)
-          for (var A = L.length, H = 1; H <= A; H += 1) {
-            D[1] = L[H - 1];
-            var z = m.apply(this, D);
-            if (z.isValid()) {
-              this.$d = z.$d, this.$L = z.$L, this.init();
+          }(U, E, M), this.init(), C && C !== !0 && (this.$L = this.locale(C).$L), O && U != this.format(E) && (this.$d = /* @__PURE__ */ new Date("")), r = {};
+        } else if (E instanceof Array)
+          for (var A = E.length, F = 1; F <= A; F += 1) {
+            S[1] = E[F - 1];
+            var R = m.apply(this, S);
+            if (R.isValid()) {
+              this.$d = R.$d, this.$L = R.$L, this.init();
               break;
             }
-            H === A && (this.$d = /* @__PURE__ */ new Date(""));
+            F === A && (this.$d = /* @__PURE__ */ new Date(""));
           }
         else
-          S.call(this, E);
+          D.call(this, I);
       };
     };
   });
-})(Ie);
-const Mt = Ie.exports, Rt = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.time-picker{display:inline-block;width:150px;position:relative}@media screen and (max-width: 768px){.time-picker{width:auto}}.time-picker input{width:150px;height:48px;text-align:center;font-size:1rem;cursor:pointer;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.time-picker input{width:98px}}.time-picker input.focus{background:transparent}.time-picker input:hover,.time-picker input:active{border:1px solid var(--nylas-primary)}.time-picker input:active{outline:2px solid var(--nylas-primary)}.time-picker input span.open{transform:rotate(90deg)}.time-picker input span.closed{transform:rotate(270deg)}.time-picker input.error{border:1px solid var(--nylas-error)}.time-picker p.error{color:var(--nylas-error);font-size:0.875rem;margin:0}.times{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.times ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.times ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:center;cursor:pointer}.times ul li.focused{background-color:var(--nylas-base-100)}.times ul li:hover,.times ul li:focus{background-color:var(--nylas-base-100)}.times ul li label{display:flex;align-items:center;gap:0.5rem}.times ul li label input{margin:0}', zt = Rt;
-V.extend(Mt);
-const Bt = class {
+})(Ne);
+const en = Ne.exports, tn = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.time-picker{display:inline-block;width:150px;font-family:var(--nylas-font-family);position:relative}@media screen and (max-width: 768px){.time-picker{width:auto}}.time-picker input{width:150px;height:48px;text-align:center;font-size:16px;font-family:inherit;cursor:pointer;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.time-picker input{width:88px}}@media screen and (max-width: 504px){.time-picker input{width:68px;font-size:15px}}.time-picker input.focus{background:transparent}.time-picker input:hover,.time-picker input:active{border:1px solid var(--nylas-primary)}.time-picker input:active{outline:2px solid var(--nylas-primary)}.time-picker input span.open{transform:rotate(90deg)}.time-picker input span.closed{transform:rotate(270deg)}.time-picker input.error{border:1px solid var(--nylas-error)}.time-picker p.error{color:var(--nylas-error);font-size:0.875rem;margin:0}.times{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.times ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.times ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:center;cursor:pointer}.times ul li.focused{background-color:var(--nylas-base-100)}.times ul li:hover,.times ul li:focus{background-color:var(--nylas-base-100)}.times ul li label{display:flex;align-items:center;gap:0.5rem}.times ul li label input{margin:0}', nn = tn;
+V.extend(en);
+const an = class {
   constructor(e) {
-    g(this, e), this.timeChange = C(this, "timeChange", 7), this.time = void 0, this.minimumStartTime = null, this.placeholder = "hh:mmam/pm", this.setTime = void 0, this.name = void 0, this.hasError = !1, this.setFormError = void 0, this.err = "", this.showTimes = !1, this.ariaActivedescendant = "", this.times = this.generateTimes(), this.shouldAutoScroll = !1;
+    y(this, e), this.timeChange = w(this, "timeChange", 7), this.time = void 0, this.minimumStartTime = null, this.placeholder = "hh:mmam/pm", this.setTime = void 0, this.name = void 0, this.hasError = !1, this.setFormError = void 0, this.err = "", this.showTimes = !1, this.ariaActivedescendant = "", this.times = this.generateTimes(), this.shouldAutoScroll = !1;
   }
   handleOutsideClick(e) {
     !e.composedPath().includes(this.el) && this.showTimes && (this.showTimes = !1);
@@ -1388,11 +1590,11 @@ const Bt = class {
       return;
     }
     if (t === "") {
-      const s = ye().format("hh:mma");
+      const s = ke().format("hh:mma");
       this.setTime(e, s);
       return;
     }
-    if (!ge(t)) {
+    if (!we(t)) {
       const s = ae(t);
       this.setTime(s);
       return;
@@ -1404,13 +1606,13 @@ const Bt = class {
     const t = (n = e.target) == null ? void 0 : n.value;
     if (ie(t)) {
       if (t === "") {
-        const s = ye().format("hh:mma"), l = this.times.findIndex((i) => i.value === s);
-        l > -1 && this.scrollToViewWithinParent(l);
+        const s = ke().format("hh:mma"), o = this.times.findIndex((i) => i.value === s);
+        o > -1 && this.scrollToViewWithinParent(o);
         return;
       }
-      if (!ge(t)) {
-        const s = ae(t), l = this.times.findIndex((i) => i.value === s);
-        l > -1 && this.scrollToViewWithinParent(l);
+      if (!we(t)) {
+        const s = ae(t), o = this.times.findIndex((i) => i.value === s);
+        o > -1 && this.scrollToViewWithinParent(o);
         return;
       }
     }
@@ -1420,11 +1622,11 @@ const Bt = class {
     let t = V().set("hour", 0).set("minute", 0).set("second", 0);
     this.minimumStartTime && (t = V(this.minimumStartTime, "hh:mma"));
     const n = t.endOf("day").diff(t, "minutes"), s = Math.round(n / 15);
-    for (let l = 0; l < s + 1; l++) {
-      const i = t.add(l * 15, "minute");
-      if (l == s && i.format("hh:mma").includes("am"))
+    for (let o = 0; o < s + 1; o++) {
+      const i = t.add(o * 15, "minute");
+      if (o == s && i.format("hh:mma").includes("am"))
         break;
-      e.push({ id: l, value: i.format("hh:mma") });
+      e.push({ id: o, value: i.format("hh:mma") });
     }
     return e;
   }
@@ -1469,34 +1671,34 @@ const Bt = class {
       e.key === "Escape" && (this.showTimes = !1, this.timeInput.focus());
   }
   scrollToViewWithinParent(e) {
-    var o;
-    const t = this.times[e], n = (o = this.el.shadowRoot) == null ? void 0 : o.getElementById(t.id.toString()), s = this.timeMenu;
+    var l;
+    const t = this.times[e], n = (l = this.el.shadowRoot) == null ? void 0 : l.getElementById(t.id.toString()), s = this.timeMenu;
     this.ariaActivedescendant = t.id.toString();
-    const l = n.getBoundingClientRect(), i = s.getBoundingClientRect();
-    l.top < i.top ? s.scrollTop -= i.top - l.top : l.bottom > i.bottom && (s.scrollTop += l.bottom - i.bottom), l.left < i.left ? s.scrollLeft -= i.left - l.left : l.right > i.right && (s.scrollLeft += l.right - i.right);
+    const o = n.getBoundingClientRect(), i = s.getBoundingClientRect();
+    o.top < i.top ? s.scrollTop -= i.top - o.top : o.bottom > i.bottom && (s.scrollTop += o.bottom - i.bottom), o.left < i.left ? s.scrollLeft -= i.left - o.left : o.right > i.right && (s.scrollLeft += o.right - i.right);
   }
   focusOption(e) {
-    var l;
+    var o;
     const t = this.times[e];
     if (!t)
       return;
-    const n = t.id.toString(), s = (l = this.el.shadowRoot) == null ? void 0 : l.getElementById(n);
+    const n = t.id.toString(), s = (o = this.el.shadowRoot) == null ? void 0 : o.getElementById(n);
     s && (s.focus(), s.scrollIntoView({ behavior: "smooth", block: "nearest" }));
   }
   render() {
-    return a(k, { key: "ae06613962a37471cde869695544eff5897956e7" }, a("div", { key: "26062a373ad43bd0392e6c68cb8924719110912e", class: "time-picker" }, a("input", { key: "6bbb11bd7e469ced0d09df07f8f60878337699c2", type: "text", name: this.name, id: this.name, class: {
+    return a(k, { key: "ce9cc8b8d7672d0e8389051d271e2369598f3e0f" }, a("div", { key: "c12333b0675d581b6f84b5d332d05deeceabab32", class: "time-picker", part: "time-picker" }, a("input", { key: "65e951f23fce142c529933e8f0311a124b32c948", type: "text", name: this.name, id: this.name, part: "time-input", class: {
       "time-input": !0,
       error: !!this.err || this.hasError
     }, ref: (e) => this.timeInput = e, value: this.time, onClick: () => {
       this.showTimes = !0, this.shouldAutoScroll = !0;
-    }, "aria-haspopup": "listbox", "aria-label": this.name, "aria-expanded": this.showTimes ? "true" : "false", placeholder: this.placeholder, onKeyDown: (e) => this.handleComboboxKeyDown(e), onInput: (e) => this.handleOnInput(e), onBlur: (e) => this.handleTimeAutocomplete(e) }), this.err && a("div", { class: "invalid-time-icon" }), this.showTimes && a("div", { class: "times", ref: (e) => this.timeMenu = e }, a("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (e) => this.handleListboxKeydown(e) }, this.times.map((e) => a("li", { tabindex: "0", key: e.id, id: e.id.toString(), class: {
+    }, "aria-haspopup": "listbox", "aria-label": this.name, "aria-expanded": this.showTimes ? "true" : "false", placeholder: this.placeholder, onKeyDown: (e) => this.handleComboboxKeyDown(e), onInput: (e) => this.handleOnInput(e), onBlur: (e) => this.handleTimeAutocomplete(e) }), this.err && a("div", { class: "invalid-time-icon" }), this.showTimes && a("div", { class: "times", part: "times", ref: (e) => this.timeMenu = e }, a("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (e) => this.handleListboxKeydown(e) }, this.times.map((e) => a("li", { tabindex: "0", key: e.id, id: e.id.toString(), class: {
       focused: this.ariaActivedescendant === e.id.toString()
     }, onClick: (t) => {
       this.handleTimeChange(t, e.value), this.showTimes = !1, this.timeInput.focus();
     }, role: "option" }, `${e.value}`)))), !this.showTimes && this.err && a("p", { class: "error", id: "email-error" }, this.err)));
   }
   get el() {
-    return _(this);
+    return x(this);
   }
   static get watchers() {
     return {
@@ -1504,24 +1706,28 @@ const Bt = class {
     };
   }
 };
-Bt.style = zt;
+an.style = nn;
 export {
-  Pe as add_circle_icon,
-  Ve as calendar_info_icon,
-  Ye as calendar_patterns_icon,
-  Je as flow_icon,
-  Qe as location_icon,
-  nt as location_off_icon,
-  st as multi_select_dropdown,
-  xe as nylas_availability_picker,
-  we as nylas_booking_calendar_picker,
-  Ce as nylas_buffer_time,
-  _e as nylas_calendar_picker,
-  Te as nylas_custom_booking_flow,
-  Oe as nylas_event_description,
-  Se as nylas_event_duration,
-  Ee as nylas_event_info,
-  De as nylas_event_title,
-  Le as nylas_location_component,
-  Bt as nylas_time_window_picker
+  Ye as add_circle_icon,
+  Je as button_component,
+  Qe as calendar_info_icon,
+  nt as calendar_patterns_icon,
+  st as flow_icon,
+  rt as location_icon,
+  ft as location_off_icon,
+  ut as multi_select_dropdown,
+  Ce as nylas_availability_picker,
+  Te as nylas_booking_calendar_picker,
+  Oe as nylas_buffer_time,
+  De as nylas_calendar_picker,
+  Ie as nylas_custom_booking_flow,
+  Se as nylas_event_description,
+  Ee as nylas_event_duration,
+  $e as nylas_event_info,
+  Le as nylas_event_limits,
+  Ae as nylas_event_title,
+  Fe as nylas_limit_future_bookings,
+  He as nylas_location_component,
+  Me as nylas_min_cancellation_notice,
+  an as nylas_time_window_picker
 };