@nylas/react 1.1.0-canary.14 → 1.1.0-canary.15

package/dist/{add-circle-icon_22.entry-ab0d5ede.js → calendar-info-icon_25.entry-493c5547.js}

@@ -1,192 +1,77 @@
-import { r as m, h as i, c as w, g as k, d, H as _, I as W, J as F, K as ve, L as Ce, M as We, i as Ue, O as K, P as ae, Q as ie, R as xe, S as ke, T as U, U as Ke } from "./index-d61429c6.js";
-import { R as C } from "./register-component-e4dc8778-53fe0729.js";
-import { T as we, E as _e } from "./constants-f34b9c6e-37cabe82.js";
-import { s as ye } from "./index-ef01c714-1e2feefc.js";
-import "./index-53420959-31867ccf.js";
+import { r as b, h as a, c as k, d, H as _, g as w, G as W, I as N, J as Ce, K as Oe, L as Qe, i as Xe, M as Z, O as se, P as le, Q as Te, R as Ie, S as U, T as et } from "./index-2d032bec.js";
+import { R as C } from "./register-component-a5a9ca5d-8bede801.js";
+import { T as De, E as Se } from "./constants-f34b9c6e-628beaa8.js";
+import { s as V } from "./index-6d9eeb53-91d36348.js";
+import "./index-53420959-41ed02ae.js";
 import "react";
 import "react-dom";
-const Ze = ".sc-add-circle-icon-h{display:flex}", Ye = Ze, Ve = class {
+const tt = ".sc-calendar-info-icon-h{display:flex}", nt = tt, at = class {
   constructor(e) {
-    m(this, e), this.width = "24", this.height = "25";
+    b(this, e), this.width = "20", this.height = "20";
   }
   render() {
-    return i("svg", { key: "4406ac2509a17d4887dd8dcb9ff8e9001e18643b", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "b08da8f266b5abfd1c43d61ed427bd34c92d0d5b", 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" }));
-  }
-};
-Ve.style = Ye;
-const qe = "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}@media screen and (max-width: 768px){button.sc-button-component{width:100%}}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}", Je = qe, Ge = class {
-  constructor(e) {
-    m(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() {
-    const e = `button-${this.variant}` + (this.disabled ? " disabled" : "");
-    return i("button", { key: "b5d5ab5f387a6159524e0981e0b15f2594096130", class: e, disabled: this.disabled, type: "type", onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, i("slot", { key: "d3d7ec151854d1164f8699b57fee9998eb9e2039" }));
-  }
-};
-Ge.style = Je;
-const Xe = ".sc-calendar-info-icon-h{display:flex}", Qe = Xe, et = class {
-  constructor(e) {
-    m(this, e), this.width = "20", this.height = "20";
-  }
-  render() {
-    return i("svg", { key: "70a80808372e537f9e317ba568922f503d2fa358", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "f06b4115c72ac00183bfd9b7d9610608790ad051", 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" }));
-  }
-};
-et.style = Qe;
-const tt = ".sc-calendar-patterns-icon-h{display:flex}", nt = tt, at = class {
-  constructor(e) {
-    m(this, e), this.width = "20", this.height = "20";
-  }
-  render() {
-    return i("svg", { key: "34186e64e6fa5e330d4c3cc027451c9aab4c4330", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "4f3c46e550436f3e9723af7f1bf96302cbe3d052", 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: "4627a1bd7409bf86d6e987334411a7791cced94d", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "0ac301e5d6ecc7f616f2e4efe4bc58a492b5d6c2", 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" }));
   }
 };
 at.style = nt;
-const it = ".sc-flow-icon-h{display:flex}", st = it, ot = class {
+const it = ".sc-calendar-patterns-icon-h{display:flex}", st = it, lt = class {
   constructor(e) {
-    m(this, e), this.width = "16", this.height = "12";
+    b(this, e), this.width = "20", this.height = "20";
   }
   render() {
-    return i("svg", { key: "02b7fda4b7e68b9339a18d0538388300b6eb0a81", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "c65115a97b68ef89e18ee6f47dbcab45da4ae3ff", 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: "51194c3d75fbd584a92f542e1577cd42d02220ea", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "4c59913ad1970a360ae9cd8e69551131e66fc00e", 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" }));
   }
 };
-ot.style = st;
-const lt = ':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}@media screen and (max-width: 768px){:host{position:unset}}.dropdown{display:inline-block}.dropbtn{color:var(--nylas-base-800);padding:10px;font-size:1rem;font-family:var(--nylas-font-family);cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x);width:50px;padding:14px 16px;border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);max-width:306px;width:max-content;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.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 .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}', rt = lt, dt = class {
+lt.style = st;
+const ot = 'label{--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;display:flex;align-items:center;font-family:var(--nylas-font-family);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}label input[type=checkbox]:focus~.checkmark,label input[type=checkbox]:hover~.checkmark{border-color:var(--nylas-primary)}label input[type=checkbox]:checked~.checkmark{color:var(--nylas-base-0);background:var(--nylas-primary) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border:2px solid var(--nylas-primary)}label .checkmark{border-radius:var(--nylas-border-radius);border:2px solid var(--nylas-base-800);position:absolute;left:0;top:2px;width:18px;height:18px;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label .label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}', rt = ot, dt = class {
   constructor(e) {
-    m(this, e), this.inputOptionChanged = w(this, "inputOptionChanged", 7), this.name = void 0, this.options = [], this.defaultInputOption = void 0, this.inputValue = void 0, this.pluralizedLabel = "", this.selectedOption = this.defaultInputOption || null, this.isOpen = !1, this.filteredOptions = [...this.options], this.ariaActivedescendant = "", this.shouldAutoScroll = !1;
-  }
-  optionsChangedHandler(e, t) {
-    e !== t && (this.filteredOptions = e);
-  }
-  defaultSelectedOptionChangedHandler(e, t) {
-    e.label !== t.label && (this.selectedOption = e);
+    b(this, e), this.nylasFormCheckboxToggled = k(this, "nylasFormCheckboxToggled", 7), this.name = "checkbox", this.checked = !1, this.label = "", this.isChecked = this.checked;
   }
   componentWillLoad() {
-    this.filteredOptions = this.options, !this.selectedOption && this.defaultInputOption && (this.selectedOption = this.defaultInputOption), !this.selectedOption && this.options.length > 0 && (this.selectedOption = this.options[0]);
+    this.isChecked = this.checked;
   }
-  toggleDropdown() {
-    this.isOpen = !this.isOpen;
-  }
-  selectOption(e) {
-    this.selectedOption = e, this.toggleDropdown(), this.inputOptionChanged.emit({
-      value: e.value,
-      name: this.name
-    });
-  }
-  handleOnInput(e) {
-    const t = e.target.value, n = this.options.findIndex((a) => a.label.toLowerCase().includes(t.toLowerCase()));
-    n > -1 && this.scrollToViewWithinParent(n), this.inputOptionChanged.emit({
-      value: t,
-      name: this.name
+  toggleCheck() {
+    this.isChecked = !this.isChecked, this.nylasFormCheckboxToggled.emit({
+      checked: this.isChecked,
+      name: this.name,
+      label: this.label
     });
   }
-  scrollToViewWithinParent(e) {
-    var l;
-    const t = this.options[e], n = (l = this.el.shadowRoot) == null ? void 0 : l.getElementById(t.value.toString()), a = this.optionsRef;
-    this.ariaActivedescendant = t.value.toString();
-    const o = n.getBoundingClientRect(), s = a.getBoundingClientRect();
-    o.top < s.top ? a.scrollTop -= s.top - o.top : o.bottom > s.bottom && (a.scrollTop += o.bottom - s.bottom);
-  }
-  handleSelectButtonKeyDown(e) {
-    var t;
-    switch (e.key) {
-      case "ArrowDown":
-      case "Enter":
-        e.preventDefault(), this.isOpen || this.toggleDropdown(), (t = this.inputRef) == null || t.focus();
-        break;
-      case "Escape":
-        this.isOpen = !1;
-        break;
-    }
-  }
-  handleClick(e) {
-    if (this.isOpen) {
-      const t = e.target.value, n = this.options.findIndex((a) => a.label.toLowerCase().includes(t.toLowerCase()));
-      n > -1 && setTimeout(() => {
-        this.scrollToViewWithinParent(n);
-      }, 10);
-    }
-  }
-  handleListboxKeydown(e) {
-    var a, o;
-    const t = this.filteredOptions, n = t.findIndex((s) => s.value === this.ariaActivedescendant);
-    if (e.key === "ArrowDown" || e.key === "Tab" && !e.shiftKey) {
-      if (e.preventDefault(), n === t.length - 1) {
-        this.ariaActivedescendant = "", (a = this.inputRef) == null || a.focus();
-        return;
-      }
-      const s = n + 1 < t.length ? n + 1 : 0;
-      this.ariaActivedescendant = t[s].value, this.focusOption(s);
-    } else if (e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey) {
-      if (e.preventDefault(), n === 0) {
-        this.ariaActivedescendant = "", (o = this.inputRef) == null || o.focus();
-        return;
-      }
-      const s = n - 1 >= 0 ? n - 1 : t.length - 1;
-      this.ariaActivedescendant = t[s].value, this.focusOption(s);
-    } else
-      e.key === "Enter" ? (e.preventDefault(), this.ariaActivedescendant && this.selectOption(t[n])) : e.key === "Escape" && (this.isOpen = !1);
-  }
-  focusOption(e) {
-    var o;
-    const t = this.filteredOptions[e];
-    if (!t)
-      return;
-    const n = t.value, a = (o = this.el.shadowRoot) == null ? void 0 : o.getElementById(n);
-    a && (a.focus(), a.scrollIntoView({ behavior: "smooth", block: "nearest" }));
-  }
-  handleComboboxKeyDown(e) {
-    if (e.key === "ArrowDown" || e.key == "Tab" && !e.shiftKey) {
-      if (e.preventDefault(), !this.isOpen) {
-        this.isOpen = !0, this.shouldAutoScroll = !0;
-        return;
-      }
-      this.ariaActivedescendant = this.filteredOptions[0].value, this.focusOption(0);
-    } else
-      e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey ? (e.preventDefault(), this.ariaActivedescendant = this.filteredOptions[this.filteredOptions.length - 1].value, this.focusOption(this.filteredOptions.length - 1)) : e.key === "Escape" && (this.isOpen = !1);
-  }
-  handleOutsideClick(e) {
-    !e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
-  }
   render() {
-    return i("div", { key: "477367bf59c43e635a242508ee854ba785ea6232", class: "dropdown", part: "id_dropdown" }, i("input", { key: "39878fbabaec31690981124d85e3a2267b9cde4b", type: "text", name: this.name, id: this.name, part: "id_dropdown-input", class: { dropbtn: !0, open: this.isOpen }, value: this.inputValue, onClick: (e) => {
-      this.toggleDropdown(), this.shouldAutoScroll = !0, this.handleClick(e);
-    }, "aria-haspopup": "listbox", "aria-label": this.name, "aria-expanded": this.isOpen ? "true" : "false", onKeyDown: (e) => this.handleComboboxKeyDown(e), onInput: (e) => this.handleOnInput(e) }), this.isOpen ? i("div", { class: "dropdown-content", part: "id_dropdown-content", ref: (e) => this.optionsRef = e }, i("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (e) => this.handleListboxKeydown(e) }, this.filteredOptions.map((e) => i("li", { tabindex: "0", key: e.value, id: e.value, onClick: () => this.selectOption(e), role: "option", class: {
-      focused: this.ariaActivedescendant === e.value.toString()
-    } }, e.labelHTML ? e.labelHTML : e.label)))) : null);
-  }
-  get el() {
-    return k(this);
-  }
-  static get watchers() {
-    return {
-      options: ["optionsChangedHandler"],
-      defaultInputOption: ["defaultSelectedOptionChangedHandler"]
-    };
+    return a("label", { key: "38e5db24a5990c9b892fc824508148c28d918097" }, a("input", { key: "98d0bcc2e427035e7cc6fe216a1db105b65fc848", type: "checkbox", checked: this.isChecked, onChange: () => this.toggleCheck() }), a("span", { key: "9d475bd9e76606d62791e3aad90acd3286daae4b", class: "checkmark" }), a("slot", { key: "901fc53b3031d828a9e83f074b4223ef40ed0566", name: "label" }, a("span", { key: "fa95b9232724d82e023214e666948f5dd9d11a4f", class: "label" }, this.label)));
   }
 };
 dt.style = rt;
-const ct = ".sc-location-icon-h{display:flex}", pt = ct, ft = class {
+const ct = ".sc-flow-icon-h{display:flex}", ft = ct, pt = class {
   constructor(e) {
-    m(this, e), this.width = "16", this.height = "18";
+    b(this, e), this.width = "16", this.height = "12";
   }
   render() {
-    return i("svg", { key: "cfcb8d9cf76acec56ed63112cf9d9fa6cfcea52b", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "321a83e5d78176ac944316764d7a636b2a16a8a3", 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: "3cc6938f442a5a5929c7b649b2b1e63dc4ce9d9b", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "2fd666481696e0717a006c6cc35d14bfe076e778", 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" }));
   }
 };
-ft.style = pt;
-const ut = ".sc-location-off-icon-h{display:flex}", ht = ut, bt = class {
+pt.style = ft;
+const ut = ".sc-location-icon-h{display:flex}", ht = ut, bt = class {
   constructor(e) {
-    m(this, e), this.width = "16", this.height = "18";
+    b(this, e), this.width = "16", this.height = "18";
   }
   render() {
-    return i("svg", { key: "67b1b71715d064a7e4cba955a6f2408c60852393", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "0ee75a47b27780c9a6bb82dd53de377d7a163870", 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: "ac7261b5c4435c0ce081169de0cc9f9153a4c0fc", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "72f2ad6299564760a1586d975d15cbfb776b171f", 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" }));
   }
 };
 bt.style = ht;
-const mt = ':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)}', yt = mt, gt = class {
+const mt = ".sc-location-off-icon-h{display:flex}", yt = mt, gt = class {
   constructor(e) {
-    m(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;
+    b(this, e), this.width = "16", this.height = "18";
+  }
+  render() {
+    return a("svg", { key: "71b77626fd36927b30dd10b92175179cde4de388", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "a37496113d32883d1dde6a7821b7a34dbbe2e705", 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" }));
+  }
+};
+gt.style = yt;
+const vt = ':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)}', kt = vt, xt = class {
+  constructor(e) {
+    b(this, e), this.selectedOptionsChanged = k(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);
@@ -217,24 +102,24 @@ const mt = ':host{display:block;width:inherit;--nylas-primary:#2563eb;--nylas-er
     }
   }
   handleListboxKeydown(e) {
-    const t = this.availableOptions, n = t.findIndex((a) => a.value === this.ariaActivedescendant);
+    const t = this.availableOptions, n = t.findIndex((i) => i.value === this.ariaActivedescendant);
     switch (e.key) {
       case "ArrowDown":
       case "Tab":
         if (e.shiftKey) {
           e.preventDefault();
-          const o = n - 1 >= 0 ? n - 1 : t.length - 1;
-          this.ariaActivedescendant = t[o].value, this.focusOption(o);
+          const l = n - 1 >= 0 ? n - 1 : t.length - 1;
+          this.ariaActivedescendant = t[l].value, this.focusOption(l);
         } else {
           e.preventDefault();
-          const o = n + 1 < t.length ? n + 1 : 0;
-          this.ariaActivedescendant = t[o].value, this.focusOption(o);
+          const l = n + 1 < t.length ? n + 1 : 0;
+          this.ariaActivedescendant = t[l].value, this.focusOption(l);
         }
         break;
       case "ArrowUp":
         e.preventDefault();
-        const a = n - 1 >= 0 ? n - 1 : t.length - 1;
-        this.ariaActivedescendant = t[a].value, this.focusOption(a);
+        const i = n - 1 >= 0 ? n - 1 : t.length - 1;
+        this.ariaActivedescendant = t[i].value, this.focusOption(i);
         break;
       case "Enter":
         e.preventDefault(), this.ariaActivedescendant && this.selectOption(t[n]);
@@ -245,46 +130,46 @@ const mt = ':host{display:block;width:inherit;--nylas-primary:#2563eb;--nylas-er
     }
   }
   focusOption(e) {
-    var o;
+    var l;
     const t = this.availableOptions[e];
     if (!t)
       return;
-    const n = t.value, a = (o = this.el.shadowRoot) == null ? void 0 : o.getElementById(n);
-    a && (a.focus(), a.scrollIntoView({ behavior: "smooth", block: "nearest" }));
+    const n = t.value, i = (l = this.el.shadowRoot) == null ? void 0 : l.getElementById(n);
+    i && (i.focus(), i.scrollIntoView({ behavior: "smooth", block: "nearest" }));
   }
   getSelectedOptions() {
     return this.availableOptions.filter((e) => e.selected);
   }
   renderOption(e) {
-    return i("li", { key: e.value, id: e.value, role: "option", tabindex: "0", "aria-selected": e.selected ? "true" : "false", onClick: (t) => {
+    return a("li", { key: e.value, id: e.value, role: "option", tabindex: "0", "aria-selected": e.selected ? "true" : "false", onClick: (t) => {
       t.stopImmediatePropagation(), this.selectOption(e);
-    }, class: { selected: !!e.selected } }, i("label", { htmlFor: e.value }, i("input", { "aria-hidden": "true", id: e.value, type: "checkbox", checked: e.selected }), i("span", null, e.label)));
+    }, class: { selected: !!e.selected } }, a("label", { htmlFor: e.value }, a("input", { "aria-hidden": "true", id: e.value, type: "checkbox", checked: e.selected }), a("span", null, e.label)));
   }
   render() {
     var e, t;
-    return i(_, { key: "a0411f59ebf50d71a4d9b396ad1a6c2725ee2975" }, i("div", { key: "7b093446e0cf5a3a4f0028245f6d122d0800fec0", class: "dropdown", part: "msd_dropdown" }, i("label", { key: "b49fe2b3d2abf8842c19dbe043f76c6584d8d0b9", class: "dropdown-label" }, this.label, i("slot", { key: "2ade01a138047872fd4123467a0f269d0355c2f9", name: "label-icon", "aria-hidden": "true" })), i("button", { key: "2f457812f885eec9b61b37dbb84e3914d8987606", 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) }, i("slot", { key: "292fac636c3a262dd513760bf8056b59e0a257fe", name: "select-icon", "aria-hidden": "true" }), i("span", { key: "c63e21f5bd68a699d446138193b2cb83e763e4a8", 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)), i("span", { key: "11b35ef316881fcab1ae7d3c4921cf5e2be915c1", class: this.isOpen ? "open" : "closed", "aria-hidden": "true" }, i("chevron-icon", { key: "715469190dbdb8a9cbed4985117dff1345a29804", width: "16", height: "16" }))), this.isOpen ? null : i("div", { class: "selected-options" }, this.getSelectedOptions().map((n) => i("span", { class: "selected-option" }, n.label, i("button", { key: n.label, onClick: () => this.selectOption(n) }, i("close-icon", null))))), this.isOpen ? i("div", { class: "dropdown-content", part: "msd_dropdown-content" }, i("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(_, { key: "89819bc74cdae708fbdd60dc3f4160c0047d1414" }, a("div", { key: "2c3568247699101568790460b5d9ef6780cef096", class: "dropdown", part: "msd_dropdown" }, a("label", { key: "d524fd75f9a8fcde85727904b6e2b21e5f6cbe0e", class: "dropdown-label" }, this.label, a("slot", { key: "e4442acbc279840d6c3d815907fa79f6fd7a11d5", name: "label-icon", "aria-hidden": "true" })), a("button", { key: "8b66520137e83747c4e74237c74598fa2081275f", 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: "e6ba4fd51fb6cf3dde63757f9eef8d1538a9a91d", name: "select-icon", "aria-hidden": "true" }), a("span", { key: "bfc7c1bdc8046bb3a27f11a587619ecfe6d62d32", 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: "f93e18714865b54dee754d2764b0b3bec3a4dead", class: this.isOpen ? "open" : "closed", "aria-hidden": "true" }, a("chevron-icon", { key: "d91d60366c8503e84cb6e41e43ac77f911f9517c", 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 k(this);
+    return w(this);
   }
 };
-gt.style = yt;
-const vt = ':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)}', xt = vt;
-var kt = function(e, t, n, a) {
-  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+xt.style = kt;
+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;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 .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)}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){justify-content:initial}', wt = _t;
+var Ct = function(e, t, n, i) {
+  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, a);
+    s = Reflect.decorate(e, t, n, i);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
-  return o > 3 && s && Object.defineProperty(t, n, s), s;
-}, se = function(e, t) {
+      (o = e[r]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
+  return l > 3 && s && Object.defineProperty(t, n, s), s;
+}, oe = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const Oe = class {
+const Ee = class {
   constructor(e) {
-    m(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.selectedConfiguration = void 0, this.openHours = void 0, this.name = "availability", this.defaultTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.schedule = {
+    b(this, e), this.valueChanged = k(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.selectedConfiguration = void 0, 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" }],
@@ -298,9 +183,9 @@ const Oe = class {
     d("nylas-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
   }
   configChangedHandler(e) {
-    var n, a, o;
+    var n, i, l;
     const t = (n = e == null ? void 0 : e.participants) == null ? void 0 : n.find((s) => s.is_organizer);
-    t && ((a = t == null ? void 0 : t.availability) != null && a.open_hours) && this.openHoursToSchedule((o = t == null ? void 0 : t.availability) == null ? void 0 : o.open_hours);
+    t && ((i = t == null ? void 0 : t.availability) != null && i.open_hours) && this.openHoursToSchedule((l = t == null ? void 0 : t.availability) == null ? void 0 : l.open_hours);
   }
   scheduleChanged(e, t) {
     var n;
@@ -312,18 +197,18 @@ const Oe = class {
         },
         name: this.name
       });
-      let a = {};
-      if (Object.keys(e).forEach((o) => {
-        const s = e[o];
+      let i = {};
+      if (Object.keys(e).forEach((l) => {
+        const s = e[l];
         if (s.length > 0) {
-          const l = this.getOverlaps(s);
-          l.length > 0 && (a[o] = l);
+          const o = this.getOverlaps(s);
+          o.length > 0 && (i[l] = o);
         }
-      }), this.overlapDays = a, typeof this.internals.setFormValue != "function")
+      }), this.overlapDays = i, typeof this.internals.setFormValue != "function")
         return;
-      if (Object.keys(a).length > 0) {
-        const o = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(Object.keys(a)[0]);
-        o && (d("nylas-availability-picker", "The time ranges are overlapping. Overlap: ", a), this.internals.setValidity({ customError: !0 }, "Overlapping time ranges found", o));
+      if (Object.keys(i).length > 0) {
+        const l = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(Object.keys(i)[0]);
+        l && (d("nylas-availability-picker", "The time ranges are overlapping. Overlap: ", i), this.internals.setValidity({ customError: !0 }, "Overlapping time ranges found", l));
       } else
         this.internals.setValidity({ customError: !1 }), this.internals.setFormValue(JSON.stringify({
           openHours: this.scheduleToOpenHours(this.schedule),
@@ -331,7 +216,7 @@ const Oe = class {
         }));
     }
   }
-  selectedOptionChangedHandler(e) {
+  nylasFormDropdownChangedHandler(e) {
     const { name: t, value: n } = e.detail;
     if (t === "timezone") {
       if (this.timezone = n, typeof this.internals.setFormValue != "function")
@@ -358,62 +243,62 @@ const Oe = class {
     }));
   }
   getOverlaps(e) {
-    let t = e.map((a, o) => ({
-      start: W(a.start),
-      end: W(a.end),
-      originalIndex: o
+    let t = e.map((i, l) => ({
+      start: W(i.start),
+      end: W(i.end),
+      originalIndex: l
     }));
-    t.sort((a, o) => a.start - o.start);
+    t.sort((i, l) => i.start - l.start);
     let n = [];
-    for (let a = 1; a < t.length; a++)
-      t[a].start < t[a - 1].end && (n.includes(t[a].originalIndex) || n.push(t[a].originalIndex), n.includes(t[a - 1].originalIndex) || n.push(t[a - 1].originalIndex));
-    return n.sort((a, o) => a - o);
+    for (let i = 1; i < t.length; i++)
+      t[i].start < t[i - 1].end && (n.includes(t[i].originalIndex) || n.push(t[i].originalIndex), n.includes(t[i - 1].originalIndex) || n.push(t[i - 1].originalIndex));
+    return n.sort((i, l) => i - l);
   }
   addTimeRange(e) {
-    const t = this.schedule[e], n = 0, a = 1425;
+    const t = this.schedule[e], n = 0, i = 1425;
     if (t.length === 0)
       this.schedule[e] = [{ start: "09:00am", end: "05:00pm" }];
     else {
-      const o = t.map((l) => ({
-        start: W(l.start),
-        end: W(l.end)
-      })).sort((l, r) => l.start - r.start), s = o[o.length - 1].end;
-      if (s + 60 <= a)
+      const l = t.map((o) => ({
+        start: W(o.start),
+        end: W(o.end)
+      })).sort((o, r) => o.start - r.start), s = l[l.length - 1].end;
+      if (s + 60 <= i)
         this.schedule[e].push({
-          start: F(U(s)),
-          end: F(U(s + 60))
+          start: N(U(s)),
+          end: N(U(s + 60))
         });
       else {
-        let l = !1;
-        if (o[0].start > n + 60 && (this.schedule[e].push({
-          start: F(U(n)),
-          end: F(U(n + 60))
-        }), l = !0), !l)
-          for (let r = 0; r < o.length - 1; r++) {
-            const h = o[r].end;
-            if (o[r + 1].start - h >= 60) {
+        let o = !1;
+        if (l[0].start > n + 60 && (this.schedule[e].push({
+          start: N(U(n)),
+          end: N(U(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) {
               this.schedule[e].push({
-                start: F(U(h)),
-                end: F(U(h + 60))
+                start: N(U(h)),
+                end: N(U(h + 60))
               });
               break;
             }
           }
       }
     }
-    this.schedule[e].sort((o, s) => W(o.start) - W(s.start)), this.schedule = { ...this.schedule };
+    this.schedule[e].sort((l, s) => W(l.start) - W(s.start)), this.schedule = { ...this.schedule };
   }
   removeTimeRange(e, t) {
     this.schedule[e].splice(t, 1), this.schedule = { ...this.schedule };
   }
   setTime(e) {
-    const { key: t, value: n } = e.detail, [a, o] = t.split("_"), [s, l] = a.split(":");
-    o === "start" ? this.schedule[s][l].start = n : o === "end" && (this.schedule[s][l].end = n), this.internals.setValidity({ customError: !1 }), this.schedule = { ...this.schedule };
+    const { key: t, value: n } = e.detail, [i, l] = t.split("_"), [s, o] = i.split(":");
+    l === "start" ? this.schedule[s][o].start = n : l === "end" && (this.schedule[s][o].end = n), this.internals.setValidity({ customError: !1 }), this.schedule = { ...this.schedule };
   }
   setFormError(e) {
     var s;
-    const { key: t } = e.detail, [n, a] = t.split("_"), o = (s = this.host.shadowRoot) == null ? void 0 : s.getElementById(t);
-    o && this.internals.setValidity({ customError: !0 }, `Invalid ${a} time`, o);
+    const { key: t } = e.detail, [n, i] = t.split("_"), l = (s = this.host.shadowRoot) == null ? void 0 : s.getElementById(t);
+    l && this.internals.setValidity({ customError: !0 }, `Invalid ${i} time`, l);
   }
   openHoursToSchedule(e) {
     const t = {
@@ -426,10 +311,10 @@ const Oe = class {
       SAT: []
     };
     e.forEach((n) => {
-      n.days.forEach((a) => {
-        const o = this.getDayKey(a), s = F(n.start), l = F(n.end), r = { start: s, end: l };
+      n.days.forEach((i) => {
+        const l = this.getDayKey(i), s = N(n.start), o = N(n.end), r = { start: s, end: o };
         let h = !1;
-        t[o] && (h = t[o].some((p) => p.start === r.start && p.end === r.end)), h || (t[o] ? t[o].push(r) : t[o] = [r]);
+        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]);
       });
     }), this.timezone = this.defaultTimezone, this.schedule = t;
   }
@@ -439,48 +324,48 @@ const Oe = class {
   scheduleToOpenHours(e) {
     const t = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"];
     let n = /* @__PURE__ */ new Map();
-    t.forEach((o, s) => {
-      e[o] && e[o].forEach((l) => {
-        const r = ve(l.start), h = ve(l.end), p = `${r}-${h}`;
-        if (!n.has(p))
-          n.set(p, { days: [s], start: r, end: h });
+    t.forEach((l, s) => {
+      e[l] && e[l].forEach((o) => {
+        const r = Ce(o.start), h = Ce(o.end), f = `${r}-${h}`;
+        if (!n.has(f))
+          n.set(f, { days: [s], start: r, end: h });
         else {
-          let u = n.get(p);
-          u && (u.days.push(s), n.set(p, u));
+          let u = n.get(f);
+          u && (u.days.push(s), n.set(f, u));
         }
       });
     });
-    let a = [];
-    return n.forEach((o, s) => {
-      a.push({
-        days: o.days,
-        start: o.start,
-        end: o.end,
+    let i = [];
+    return n.forEach((l, s) => {
+      i.push({
+        days: l.days,
+        start: l.start,
+        end: l.end,
         timezone: this.timezone
       });
-    }), a;
+    }), i;
   }
   render() {
-    const e = Object.keys(we).map((t) => ({
-      label: we[t],
+    const e = Object.keys(De).map((t) => ({
+      label: De[t],
       value: t
     }));
-    return i(_, { key: "31a09de392c342f1958a8902e4fe14520f3e8456" }, i("div", { key: "5b54b628bcb882aa24ec22b930701d235a08632b", class: "nylas-availability-picker" }, i("div", { key: "5b3e816afde7359c996bafb2ad98cc9432ea4b25", class: "header", part: "nap__header" }, i("h3", { key: "e0110aa3f8474c17acb48bfea19951c304261cd8" }, "General availability"), i("p", { key: "9a75a45b67bd070f7a9b3ab8334f189b11f7663a" }, "Set your availability for scheduling meetings.")), i("div", { key: "4bb3c1bef9b889c8c2e8d4f14a552ca4e2790194", class: "content" }, i("div", { key: "5e7e66c5efa4de3ed8200185892ab41622174b10", class: "select-timezone", part: "nap__select-timezone" }, i("h4", { key: "a5ea58a9bf26d568a37943054e92bab6100746fc", class: "sub-header" }, "Select timezone", i("span", { key: "1ad6f96e6565d7cfea5b69550aed6f0e81b473fa", class: "icon" }, i("tooltip-component", { key: "99cf87bc40b0ef6a81fbf00e5900df45893cb746" }, i("info-icon", { key: "3e7ec881948c07e4874967a3c21a7a091a5f9004", slot: "tooltip-icon" }), i("span", { key: "587a86479c784bf7c158e2f32c0a400c0ac81c9d", slot: "tooltip-content" }, "Select your timezone for displaying availability.")))), i("select-dropdown", { key: "efcd0485aa4fc975b0cab24b9db94b3de1141281", 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) }, i("span", { key: "734e759c7f5888d6622ddac4fc6a1ed0fd1088e3", slot: "select-icon" }, i("globe-icon", { key: "f5fb31381fce113687b5a0a9aae68d95e4bb9d13", width: "20", height: "20" })))), i("div", { key: "1c3b5fb0a01ce5e5b987bfdf237e0484a4fda118", class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map((t) => {
-      const n = t, a = this.schedule[t];
-      return i("div", { class: "availability-day" }, i("div", { class: "day", part: "nap__day" }, i("input", { type: "checkbox", name: n, id: n, checked: a.length > 0, onClick: () => {
-        a.length > 0 ? this.schedule[n] = [] : this.schedule[n] = [{ start: "09:00am", end: "05:00pm" }], this.schedule = { ...this.schedule };
-      } }), i("label", { htmlFor: n, "aria-label": "Select day" }, n)), i("div", { class: "time-ranges", part: "nap__time-ranges" }, a.length ? null : i("span", { class: "unavailable" }, "Unavailable"), a.length > 0 && a.map((o, s) => {
-        var h, p;
-        const l = `${t}:${s}_start`, r = `${t}:${s}_end`;
-        return i("div", { class: "time-range", part: "nap__time-range" }, i("div", { class: "pickers" }, i("nylas-time-window-picker", { id: l, hasError: (h = this.overlapDays[n]) == null ? void 0 : h.includes(s), 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" }), i("span", null, " - "), i("nylas-time-window-picker", { id: r, hasError: (p = this.overlapDays[n]) == null ? void 0 : p.includes(s), 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" })), i("button", { onClick: () => this.removeTimeRange(n, s) }, i("close-icon", null)));
-      }), i("p", { class: "error" }, this.overlapDays[n] ? "Overlapping time ranges" : "")), i("div", null, a.length > 0 ? i("button", { onClick: () => this.addTimeRange(n), part: "nap__add-time-range" }, i("add-circle-icon", null)) : null));
+    return a(_, { key: "c032e8a3630fe918533895156285e4b37778d812" }, a("div", { key: "1582bd8c1f3ef09d793a7120dafb6c7d420c3e9a", class: "nylas-availability-picker" }, a("div", { key: "61f2c1de7921e15455d7b827379e7d4815f6fb13", class: "header", part: "nap__header" }, a("h3", { key: "238b0ab77477d06a62412fed051d5641924e46d4" }, "General availability"), a("p", { key: "81967b68c5077941a5bf3d055c9be9e41d4ae705" }, "Set your availability for scheduling meetings.")), a("div", { key: "f1da5a939c1459bd7e9833cf9a97add09d75a822", class: "content" }, a("div", { key: "71e2f859541bd4fb2a4485f3350db5d6bbf73b00", class: "select-timezone", part: "nap__select-timezone" }, a("h4", { key: "a136696a498fb1521d4d8d844b9b03e2e49ff93a", class: "sub-header" }, "Select timezone", a("span", { key: "52636e30a6dea12cb69d55bd258ed48837826c80", class: "icon" }, a("tooltip-component", { key: "9f0dbc8c234f3550e83bbce3226346981b764896" }, a("info-icon", { key: "a8f556694bd02b710c89242a3d3057de5b7b0612", slot: "tooltip-icon" }), a("span", { key: "a8a52dd9835c32becbae165fa972bf6be6e716fa", slot: "tooltip-content" }, "Select your timezone for displaying availability.")))), a("select-dropdown", { key: "4800272cc24dcd24c82a4a89f24131c11e528d8c", 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: "8b072e23cd0130f203696f5c99baaad07b1bbb2e", slot: "select-icon" }, a("globe-icon", { key: "de4c7ef153bff887947d73ed458aa5de0786b576", width: "20", height: "20" })))), a("div", { key: "6234933a0307c253e33ad9242e06c71388ba7a0a", class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map((t) => {
+      const n = t, i = this.schedule[t];
+      return a("div", { class: "availability-day" }, a("div", { class: "day", part: "nap__day" }, a("input", { type: "checkbox", name: n, id: n, checked: i.length > 0, onClick: () => {
+        i.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", part: "nap__time-ranges" }, i.length ? null : a("span", { class: "unavailable" }, "Unavailable"), i.length > 0 && i.map((l, s) => {
+        var h, f;
+        const o = `${t}:${s}_start`, r = `${t}:${s}_end`;
+        return a("div", { class: "time-range", part: "nap__time-range" }, a("div", { class: "pickers" }, a("nylas-time-window-picker", { id: o, hasError: (h = this.overlapDays[n]) == null ? void 0 : h.includes(s), time: l.start, name: o, key: o, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" }), a("span", null, " - "), a("nylas-time-window-picker", { id: r, hasError: (f = this.overlapDays[n]) == null ? void 0 : f.includes(s), time: l.end, name: r, key: r, minimumStartTime: l.start, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" })), a("button", { onClick: () => this.removeTimeRange(n, s) }, a("close-icon", null)));
+      }), a("p", { class: "error" }, this.overlapDays[n] ? "Overlapping time ranges" : "")), a("div", null, i.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 k(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -490,33 +375,33 @@ const Oe = class {
     };
   }
 };
-kt([
+Ct([
   C({
     name: "nylas-availability-picker",
     stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
     fireRegisterEvent: !0
   }),
-  se("design:type", Function),
-  se("design:paramtypes", []),
-  se("design:returntype", void 0)
-], Oe.prototype, "render", null);
-Oe.style = xt;
-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-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}', _t = wt;
-var Ct = function(e, t, n, a) {
-  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  oe("design:type", Function),
+  oe("design:paramtypes", []),
+  oe("design:returntype", void 0)
+], Ee.prototype, "render", null);
+Ee.style = wt;
+const Tt = ':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)}.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}', It = Tt;
+var Dt = function(e, t, n, i) {
+  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, a);
+    s = Reflect.decorate(e, t, n, i);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
-  return o > 3 && s && Object.defineProperty(t, n, s), s;
-}, oe = function(e, t) {
+      (o = e[r]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
+  return l > 3 && s && Object.defineProperty(t, n, s), s;
+}, re = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const Te = class {
+const $e = class {
   constructor(e) {
-    m(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.currentUser = void 0, this.name = "booking-calendar", this.defaultBookingCalendar = "", this.selectedCalendar = "";
+    b(this, e), this.valueChanged = k(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.currentUser = void 0, this.name = "booking-calendar", this.defaultBookingCalendar = "", this.selectedCalendar = "";
   }
   connectedCallback() {
     d("nylas-booking-calendar-picker", "connectedCallback");
@@ -546,11 +431,11 @@ const Te = class {
   elementNameChangedHandler(e) {
     d("nylas-booking-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
   }
-  selectedOptionChangedHandler(e) {
-    d("nylas-booking-calendar-picker", "selectedOptionChangedHandler", e.detail);
+  nylasFormDropdownChangedHandler(e) {
+    d("nylas-booking-calendar-picker", "nylasFormDropdownChangedHandler", e.detail);
     const t = (n) => {
-      const { value: a } = n.detail;
-      this.selectedCalendar = a, this.internals.setFormValue(a.toString(), this.name);
+      const { value: i } = n.detail;
+      this.selectedCalendar = i, this.internals.setFormValue(i.toString(), this.name);
     };
     this.valueChanged.emit({ value: e.detail.value, name: this.name, valueChanged: t });
   }
@@ -560,13 +445,13 @@ const Te = class {
       value: n.id,
       label: n.name
     }))) ?? [];
-    return i(_, null, i("div", { class: "nylas-booking-calendar-picker", part: "nbcp" }, i("div", { class: "header", part: "nbcp__header" }, i("h3", null, "Calendar booking"), i("p", null, "Choose calendar where you’d like the event bookings to show up.")), e.length > 0 ? i("div", { class: "nylas-booking-calendar-picker__dropdown" }, i("span", { class: "label", part: "nbcp__input-label" }, "Select a calendar to book meetings on", i("tooltip-component", null, i("info-icon", { slot: "tooltip-icon" }), i("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."))), i("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] })) : i("div", { class: "nylas-booking-calendar-picker__loading" }, i("span", { class: "label" }, "Select a calendar to book meetings on ", i("info-icon", null)), i("div", { class: "loading-button" }, i("span", null, "Loading...")))));
+    return a(_, 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 k(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -574,7 +459,7 @@ const Te = class {
     };
   }
 };
-Ct([
+Dt([
   C({
     name: "nylas-booking-calendar-picker",
     stateToProps: /* @__PURE__ */ new Map([
@@ -589,27 +474,27 @@ Ct([
     },
     fireRegisterEvent: !0
   }),
-  oe("design:type", Function),
-  oe("design:paramtypes", []),
-  oe("design:returntype", void 0)
-], Te.prototype, "render", null);
-Te.style = _t;
-const Ot = ':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}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body{grid-template-columns:1fr}}.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);color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown{border:none}}.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;justify-content:flex-end}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container{padding:0 2rem 1rem}.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)}.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}', Tt = Ot;
-var It = function(e, t, n, a) {
-  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  re("design:type", Function),
+  re("design:paramtypes", []),
+  re("design:returntype", void 0)
+], $e.prototype, "render", null);
+$e.style = It;
+const St = ':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}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body{grid-template-columns:1fr}}.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);color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown{border:none}}.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;justify-content:flex-end}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container{padding:0 2rem 1rem}.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)}.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}', Ot = St;
+var Et = function(e, t, n, i) {
+  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, a);
+    s = Reflect.decorate(e, t, n, i);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
-  return o > 3 && s && Object.defineProperty(t, n, s), s;
-}, le = function(e, t) {
+      (o = e[r]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
+  return l > 3 && s && Object.defineProperty(t, n, s), s;
+}, de = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const Ie = class {
+const He = class {
   constructor(e) {
-    m(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;
+    b(this, e), this.valueChanged = k(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");
@@ -645,11 +530,11 @@ const Ie = class {
   elementNameChangedHandler(e) {
     d("nylas-buffer-time", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
   }
-  selectedOptionChangedHandler(e) {
-    d("nylas-buffer-time", "selectedOptionChangedHandler", e.detail);
+  nylasFormDropdownChangedHandler(e) {
+    d("nylas-buffer-time", "nylasFormDropdownChangedHandler", e.detail);
     const t = (n) => {
-      const { value: a, name: o } = n.detail;
-      o === "before-buffer-time" ? this.selectedBeforeBufferTime = parseInt(a) : o === "after-buffer-time" && (this.selectedAfterBufferTime = parseInt(a));
+      const { value: i, name: l } = n.detail;
+      l === "before-buffer-time" ? this.selectedBeforeBufferTime = parseInt(i) : l === "after-buffer-time" && (this.selectedAfterBufferTime = parseInt(i));
       const s = {
         before: this.selectedBeforeBufferTime,
         after: this.selectedAfterBufferTime
@@ -659,50 +544,50 @@ const Ie = class {
     this.valueChanged.emit({ ...e.detail, valueChanged: t });
   }
   renderPreview() {
-    const a = (l) => {
-      const r = Math.floor(l / 30), h = l % 30 / 30 * 10;
+    const i = (o) => {
+      const r = Math.floor(o / 30), h = o % 30 / 30 * 10;
       return {
         fullSlots: r,
         partialFillHeight: h
       };
-    }, o = () => {
-      const { fullSlots: l, partialFillHeight: r } = a(this.selectedBeforeBufferTime);
-      return Array.from({ length: 4 }, (h, p) => {
-        const u = this.selectedBeforeBufferTime > 0 && p > 4 - l - 1, g = this.selectedBeforeBufferTime > 0 && p === 4 - l - 1 && r > 0;
+    }, l = () => {
+      const { fullSlots: o, partialFillHeight: r } = i(this.selectedBeforeBufferTime);
+      return Array.from({ length: 4 }, (h, f) => {
+        const u = this.selectedBeforeBufferTime > 0 && f > 4 - o - 1, g = this.selectedBeforeBufferTime > 0 && f === 4 - o - 1 && r > 0;
         let v = {};
-        return u && !g ? v.backgroundColor = "var(--nylas-base-100)" : g && (v.background = `linear-gradient(to top, var(--nylas-base-100) ${r}px, transparent 0)`), i("div", { key: p, class: `slot ${u ? "active" : ""}`, style: {
+        return u && !g ? v.backgroundColor = "var(--nylas-base-100)" : g && (v.background = `linear-gradient(to top, var(--nylas-base-100) ${r}px, transparent 0)`), a("div", { key: f, class: `slot ${u ? "active" : ""}`, style: {
           height: "10px",
           ...v
         } });
       });
     }, s = () => {
-      const { fullSlots: l, partialFillHeight: r } = a(this.selectedAfterBufferTime);
-      return Array.from({ length: 4 }, (h, p) => {
-        const u = this.selectedAfterBufferTime > 0 && p < l, g = p === l && r > 0;
+      const { fullSlots: o, partialFillHeight: r } = i(this.selectedAfterBufferTime);
+      return Array.from({ length: 4 }, (h, f) => {
+        const u = this.selectedAfterBufferTime > 0 && f < o, g = f === o && r > 0;
         let v = {};
-        return u && !g ? v.backgroundColor = "var(--nylas-base-100)" : g && (v.background = `linear-gradient(to bottom, var(--nylas-base-100) ${r}px, transparent 0)`), i("div", { key: p, class: `slot ${u ? "active" : ""}`, style: {
+        return u && !g ? v.backgroundColor = "var(--nylas-base-100)" : g && (v.background = `linear-gradient(to bottom, var(--nylas-base-100) ${r}px, transparent 0)`), a("div", { key: f, class: `slot ${u ? "active" : ""}`, style: {
           height: "10px",
           ...v
         } });
       });
     };
-    return i("div", { class: "preview-container" }, o(), i("div", { class: "event-slot", style: { height: "20px" } }), s());
+    return a("div", { class: "preview-container" }, l(), a("div", { class: "event-slot", style: { height: "20px" } }), s());
   }
   render() {
     const e = Array.from({ length: 25 }, (t, n) => {
-      const a = n * 5;
+      const i = n * 5;
       return {
-        label: a.toString(),
-        value: a
+        label: i.toString(),
+        value: i
       };
     });
-    return i(_, null, i("div", { class: "nylas-buffer-time", part: "nbt" }, i("div", { class: "header", part: "nbt__header" }, i("h3", null, "Buffer time"), i("p", null, "Add buffer time before and after the event.")), i("div", { class: "nylas-buffer-time__body", part: "nbt__body" }, i("div", { class: "nylas-buffer-time__dropdown" }, i("div", { class: "nylas-buffer-time__row" }, i("label", null, "Before the event"), i("div", { class: "dropdown-container" }, i("select-dropdown", { id: "before-buffer-time", withSearch: !1, 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] }), i("span", null, "mins"))), i("div", { class: "nylas-buffer-time__row" }, i("label", null, "After the event"), i("div", { class: "dropdown-container" }, i("select-dropdown", { id: "after-buffer-time", withSearch: !1, 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] }), i("span", null, "mins")))), i("div", { class: "nylas-buffer-time__preview", part: "nbt__preview" }, i("h4", null, "PREVIEW"), this.renderPreview()))));
+    return a(_, 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", withSearch: !1, 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", withSearch: !1, 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 k(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -710,7 +595,7 @@ const Ie = class {
     };
   }
 };
-It([
+Et([
   C({
     name: "nylas-buffer-time",
     eventToProps: {
@@ -721,27 +606,27 @@ It([
     },
     fireRegisterEvent: !0
   }),
-  le("design:type", Function),
-  le("design:paramtypes", []),
-  le("design:returntype", void 0)
-], Ie.prototype, "render", null);
-Ie.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-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}', St = Dt;
-var Et = function(e, t, n, a) {
-  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  de("design:type", Function),
+  de("design:paramtypes", []),
+  de("design:returntype", void 0)
+], He.prototype, "render", null);
+He.style = Ot;
+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;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}', Ht = $t;
+var Lt = function(e, t, n, i) {
+  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, a);
+    s = Reflect.decorate(e, t, n, i);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
-  return o > 3 && s && Object.defineProperty(t, n, s), s;
-}, re = function(e, t) {
+      (o = e[r]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
+  return l > 3 && s && Object.defineProperty(t, n, s), s;
+}, ce = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const De = class {
+const Le = class {
   constructor(e) {
-    m(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.currentUser = void 0, this.name = "calendar", this.defaultSelectedCalendars = [], this.selectedCalendars = [];
+    b(this, e), this.valueChanged = k(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.currentUser = void 0, this.name = "calendar", this.defaultSelectedCalendars = [], this.selectedCalendars = [];
   }
   elementNameChangedHandler(e) {
     d("nylas-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
@@ -771,30 +656,30 @@ const De = class {
     d("nylas-calendar-picker", "componentDidRender");
   }
   selectedOptionsChangedHandler(e) {
-    d("nylas-calendar-picker", "selectedOptionChangedHandler", e.detail);
+    d("nylas-calendar-picker", "nylasFormDropdownChangedHandler", e.detail);
     const t = (n) => {
-      const { value: a } = n.detail;
-      this.selectedCalendars = [...a], this.internals.setFormValue(a.toString(), "calendar");
+      const { value: i } = n.detail;
+      this.selectedCalendars = [...i], this.internals.setFormValue(i.toString(), "calendar");
     };
     this.valueChanged.emit({ ...e.detail, name: this.name, valueChangedHandler: t });
   }
   render() {
     var t;
     const e = ((t = this.calendars) == null ? void 0 : t.map((n) => {
-      var a, o, s, l;
+      var i, l, s, o;
       return {
         value: n.id,
         label: n.name,
-        selected: ((a = this.defaultSelectedCalendars) == null ? void 0 : a.includes(n.id)) || ((o = this.defaultSelectedCalendars) != null && o.includes("primary") || ((s = this.defaultSelectedCalendars) == null ? void 0 : s.length) === 0 ? n.id === ((l = this.currentUser) == null ? void 0 : l.email) : !1)
+        selected: ((i = this.defaultSelectedCalendars) == null ? void 0 : i.includes(n.id)) || ((l = this.defaultSelectedCalendars) != null && l.includes("primary") || ((s = this.defaultSelectedCalendars) == null ? void 0 : s.length) === 0 ? n.id === ((o = this.currentUser) == null ? void 0 : o.email) : !1)
       };
     })) ?? [];
-    return i(_, null, i("div", { class: "nylas-calendar-picker", part: "ncp" }, i("div", { class: "header", part: "ncp__header" }, i("h3", null, "Calendar availability"), i("p", null, "Select calendars that you’d like to use for checking your availability.")), e.length > 0 ? i("div", { class: "nylas-calendar-picker__dropdown" }, i("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" }, i("span", { slot: "label-icon" }, i("tooltip-component", null, i("info-icon", { slot: "tooltip-icon" }), i("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."))))) : i("div", { class: "nylas-calendar-picker__loading" }, i("span", { class: "label" }, "Select calendars that will be checked for availability ", i("info-icon", null)), i("div", { class: "loading-button" }, i("span", null, "Loading...")))));
+    return a(_, 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 k(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -802,7 +687,7 @@ const De = class {
     };
   }
 };
-Et([
+Lt([
   C({
     name: "nylas-calendar-picker",
     stateToProps: /* @__PURE__ */ new Map([
@@ -817,35 +702,206 @@ Et([
     },
     fireRegisterEvent: !0
   }),
-  re("design:type", Function),
-  re("design:paramtypes", []),
-  re("design:returntype", void 0)
-], De.prototype, "render", null);
-De.style = St;
-const Lt = ':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:16px;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 = Lt;
-var Ht = function(e, t, n, a) {
-  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  ce("design:type", Function),
+  ce("design:paramtypes", []),
+  ce("design:returntype", void 0)
+], Le.prototype, "render", null);
+Le.style = Ht;
+const Mt = ':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-cancellation-policy{display:flex;flex-direction:column;gap:4px}.nylas-cancellation-policy label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-cancellation-policy label span.label-icon{margin-left:4px}.nylas-cancellation-policy label span.label-icon tooltip-component{display:flex}.nylas-cancellation-policy 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-cancellation-policy textarea::-webkit-resizer{display:none}', At = Mt;
+var Nt = function(e, t, n, i) {
+  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, a);
+    s = Reflect.decorate(e, t, n, i);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
-  return o > 3 && s && Object.defineProperty(t, n, s), s;
-}, de = function(e, t) {
+      (o = e[r]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
+  return l > 3 && s && Object.defineProperty(t, n, s), s;
+}, fe = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const Me = class {
+  constructor(e) {
+    var t, n;
+    b(this, e), this.valueChanged = k(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.selectedConfiguration = void 0, this.cancellationPolicy = void 0, this.name = "cancelation-policy", this.message = this.cancellationPolicy || ((n = (t = this.selectedConfiguration) == null ? void 0 : t.scheduler) == null ? void 0 : n.cancellation_policy) || "";
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-cancellation-policy", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  selectedConfigurationChangedHandler(e, t) {
+    var n, i;
+    d("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e, t), (n = e == null ? void 0 : e.scheduler) != null && n.cancellation_policy && (this.message = (i = e == null ? void 0 : e.scheduler) == null ? void 0 : i.cancellation_policy);
+  }
+  connectedCallback() {
+    d("nylas-cancellation-policy", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-cancellation-policy", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    d("nylas-cancellation-policy", "componentDidLoad");
+  }
+  disconnectedCallback() {
+    d("nylas-cancellation-policy", "disconnectedCallback");
+  }
+  handleChange(e) {
+    const t = V(e.target.value);
+    this.message = t, this.internals.setFormValue(t, this.name), this.valueChanged.emit({ value: t, name: this.name });
+  }
+  render() {
+    return a(_, { key: "9ad194925cfb18c323d3f75aec51c4ac5ad67230" }, a("div", { key: "a4ae061a504a0cd6a91dd6dd23adcf7c3b8f43d5", class: "nylas-cancellation-policy", part: "ncpolicy" }, a("label", { key: "ea742ee8fba2e50a5694c210172e8783fa3d5e7b", htmlFor: this.name }, "Cancellation policy message", a("span", { key: "5c7143f8da100b650aa386c9fb895c3fd9ed2e04", class: "label-icon" }, a("tooltip-component", { key: "f46c7b94a1a58bd7162e5cfffc14a88b04a18a4c" }, a("info-icon", { key: "9d85ce578da1db7b080f3152b8fdb43834968829", slot: "tooltip-icon" }), a("span", { key: "0e4d0c4f98d1529179622c22fa6bf9d56d085ffb", slot: "tooltip-content" }, "Attendees receive this message if trying to cancel the event. Attendees are asked to provide a reason for cancellation.")))), a("textarea", { key: "570404ef8450c4ef2bb28fad4d1c6359b735abae", id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: (e) => this.handleChange(e) })));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return w(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      selectedConfiguration: ["selectedConfigurationChangedHandler"]
+    };
+  }
+};
+Nt([
+  C({
+    name: "nylas-cancellation-policy",
+    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  fe("design:type", Function),
+  fe("design:paramtypes", []),
+  fe("design:returntype", void 0)
+], Me.prototype, "render", null);
+Me.style = At;
+const Ft = ':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-customize-booking-settings{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-customize-booking-settings .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-customize-booking-settings .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-customize-booking-settings .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-customize-booking-settings .nylas-customize-booking-settings__settings{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;margin:1rem 0}.nylas-customize-booking-settings .nylas-customize-booking-settings__settings .nylas-customize-booking-settings__settings-div{display:flex;align-items:center;gap:4px}.label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}.label .label-contents{margin:0;display:inline-block}@media screen and (max-width: 768px){.label .label-contents{display:block}}.label tooltip-component{display:inline-block}@media screen and (max-width: 768px){tooltip-component#guests::part(tc__content){left:58px}}tooltip-component#reschedule::part(tc__content){left:58px}@media screen and (max-width: 768px){tooltip-component#reschedule::part(tc__content){left:58px}}tooltip-component#cancel::part(tc__content){left:-58px}@media screen and (max-width: 768px){tooltip-component#cancel::part(tc__content){left:58px}}', Rt = Ft;
+var Pt = function(e, t, n, i) {
+  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    s = Reflect.decorate(e, t, n, i);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (o = e[r]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
+  return l > 3 && s && Object.defineProperty(t, n, s), s;
+}, pe = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const Ae = class {
+  constructor(e) {
+    var t, n, i, l, s, o;
+    b(this, e), this.valueChanged = k(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.selectedConfiguration = void 0, this.defaultAdditionalGuestsHidden = ((n = (t = this.selectedConfiguration) == null ? void 0 : t.scheduler) == null ? void 0 : n.additional_guests_hidden) ?? !1, this.defaultHideCancellationOptions = ((l = (i = this.selectedConfiguration) == null ? void 0 : i.scheduler) == null ? void 0 : l.hide_cancellation_options) ?? !1, this.defaultHideReschedulingOptions = ((o = (s = this.selectedConfiguration) == null ? void 0 : s.scheduler) == null ? void 0 : o.hide_rescheduling_options) ?? !1, this.name = "customize-booking-settings", this.allowGuestsToInvite = this.defaultAdditionalGuestsHidden, this.hideCancellationOptions = this.defaultHideCancellationOptions, this.hideReschedulingOptions = this.defaultHideReschedulingOptions;
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-customize-booking-settings", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  selectedConfigurationChangedHandler(e) {
+    var t, n, i;
+    d("nylas-customize-booking-settings", "selectedConfigurationChangedHandler", e), this.allowGuestsToInvite = !((t = e == null ? void 0 : e.scheduler) != null && t.additional_guests_hidden), this.hideCancellationOptions = ((n = e == null ? void 0 : e.scheduler) == null ? void 0 : n.hide_cancellation_options) ?? !1, this.hideReschedulingOptions = ((i = e == null ? void 0 : e.scheduler) == null ? void 0 : i.hide_rescheduling_options) ?? !1;
+  }
+  connectedCallback() {
+    d("nylas-customize-booking-settings", "connectedCallback");
+  }
+  disconnectedCallback() {
+    d("nylas-customize-booking-settings", "disconnectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-customize-booking-settings", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    d("nylas-customize-booking-settings", "componentDidLoad");
+  }
+  componentWillUpdate() {
+    d("nylas-customize-booking-settings", "componentWillUpdate");
+  }
+  componentDidUpdate() {
+    d("nylas-customize-booking-settings", "componentDidUpdate");
+  }
+  componentWillRender() {
+    d("nylas-customize-booking-settings", "componentWillRender");
+  }
+  componentDidRender() {
+    d("nylas-customize-booking-settings", "componentDidRender");
+  }
+  checkboxToggledHandler(e) {
+    const { name: t, checked: n } = e.detail;
+    switch (t) {
+      case "additional_guests_hidden":
+        this.allowGuestsToInvite = n;
+        break;
+      case "hide_cancellation_options":
+        this.hideCancellationOptions = n;
+        break;
+      case "hide_rescheduling_options":
+        this.hideReschedulingOptions = n;
+        break;
+    }
+    this.valueChanged.emit({
+      value: JSON.stringify({
+        additionalGuestsHidden: !this.allowGuestsToInvite,
+        hideCancellationOptions: this.hideCancellationOptions,
+        hideReschedulingOptions: this.hideReschedulingOptions
+      }),
+      name: this.name
+    }), this.internals.setFormValue(JSON.stringify({
+      additionalGuestsHidden: !this.allowGuestsToInvite,
+      hideCancellationOptions: this.hideCancellationOptions,
+      hideReschedulingOptions: this.hideReschedulingOptions
+    }), this.name);
+  }
+  render() {
+    return a(_, { key: "992ccff7eab4869bf8b845713417b95e3389fd4e" }, a("div", { key: "b6ef35657d2bbad229988c0b49583230db54161f", class: "nylas-customize-booking-settings", part: "ncbs" }, a("div", { key: "ff4e03f5c0e9f7d0dae8e231aecc051e6c4c0e19", class: "header", part: "ncbs__header" }, a("h3", { key: "d2bec3aa510726cbf74972eb88adf5f138ba0b1e" }, "Additional settings"), a("p", { key: "d77ad0ca1cad6ee54fc7324732d54a8b4a3b8169" }, "Booking settings for the event.")), a("div", { key: "24e2811534d1ecf7fa8581e9fc55c34ceb3ef6d2", class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, a("div", { key: "61a22cc50cdc6e625d25c5970cf853e5dd8187ab", class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, a("checkbox-component", { key: "79b6079f75f2fd1b1c850a29ab5b0c15a8ed7d18", name: "additional_guests_hidden", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, a("span", { key: "11955e5ef0d789692ccb6c4657eaa4c45da26706", slot: "label", class: "label" }, a("p", { key: "9b968109bbabf45eab71c2c44534983138f04f23", class: "label-contents" }, "Allow guests to invite additional guests to the booking."), a("tooltip-component", { key: "a07a91c34ae38dda51d598fb4468df21adb3f7be", id: "guests" }, a("info-icon", { key: "007977190eff2a79fe50de5f46b8fd51ce331cbe", slot: "tooltip-icon" }), a("span", { key: "10f385796d8872f4a2568192ec707268defe89e9", slot: "tooltip-content" }, "Allow guests to invite additional guests to the event. If enabled, the guest will be able to add additional guests' email addresses."))))), a("div", { key: "a134a6ac8b3908c6fa9c512ee110bcd577aac029", class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, a("checkbox-component", { key: "5ad8ad1c3fb1c937335dd8e0d82a0dd3d5a635dd", name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, a("span", { key: "40c94ef2bf663ac961eb7aec4bc39691ac6b0818", slot: "label", class: "label" }, a("p", { key: "d3417ba815f5ab78e503ae6cf9fc7bffcc12d111", class: "label-contents" }, "Hide the ", a("strong", { key: "7b1c6e8327f76fa552ff9f285bb7d7e88d601a0b" }, "Reschedule"), " button on the Scheduling Page and in the email notifications."), a("tooltip-component", { key: "4c9acdacae74c069b6d9c4f2bab65f2f2a8bd3f7", id: "reschedule" }, a("info-icon", { key: "2a16cac01e270b0383377692de9ae13717a2d3d0", slot: "tooltip-icon" }), a("span", { key: "17b130ce1be45cce38f72450bc4e6f63aa0bad41", slot: "tooltip-content" }, "Hide the 'Reschedule' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to reschedule the booking."))))), a("div", { key: "1ab5fe25b44eae2f53b2018b6f68f14f1845cf77", class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, a("checkbox-component", { key: "48502f280cdc6bd9dd4ddfd3b56ee91209b7dec5", name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, a("span", { key: "4a71756f70076e96ed5eb109f54b679f2267bf69", slot: "label", class: "label" }, a("p", { key: "838fdd1635b8f0ce3f3918adbdd70f516d0fa6bc", class: "label-contents" }, "Hide the ", a("strong", { key: "85529b0715b538ac7f783d599269bb47bcc5634c" }, "Cancel"), " button on the Scheduling Page and in the email notifications."), a("tooltip-component", { key: "748342d43b711d3e3dc28424fe404195c1857c38", id: "cancel" }, a("info-icon", { key: "96e121ef01d79273cd6d170271caadc0aab5e821", slot: "tooltip-icon" }), a("span", { key: "13c99611d0f63cda85aafaf09f29ae283bf52fd5", slot: "tooltip-content" }, "Hide the 'Cancel' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to cancel the booking."))))))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return w(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      selectedConfiguration: ["selectedConfigurationChangedHandler"]
+    };
+  }
+};
+Pt([
+  C({
+    name: "nylas-customize-booking-settings",
+    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
+    fireRegisterEvent: !0
+  }),
+  pe("design:type", Function),
+  pe("design:paramtypes", []),
+  pe("design:returntype", void 0)
+], Ae.prototype, "render", null);
+Ae.style = Rt;
+const zt = ':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:16px;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}', jt = zt;
+var Bt = function(e, t, n, i) {
+  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    s = Reflect.decorate(e, t, n, i);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (o = e[r]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
+  return l > 3 && s && Object.defineProperty(t, n, s), s;
+}, ue = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const Se = class {
+const Ne = class {
   constructor(e) {
     var t, n;
-    m(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.selectedConfiguration = void 0, this.eventDescription = void 0, this.name = "description", this.description = this.eventDescription || ((n = (t = this.selectedConfiguration) == null ? void 0 : t.event_booking) == null ? void 0 : n.description) || "";
+    b(this, e), this.valueChanged = k(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.selectedConfiguration = void 0, this.eventDescription = void 0, this.name = "description", this.description = this.eventDescription || ((n = (t = this.selectedConfiguration) == null ? void 0 : t.event_booking) == null ? void 0 : n.description) || "";
   }
   elementNameChangedHandler(e) {
     d("nylas-event-description", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
   }
   selectedConfigurationChangedHandler(e, t) {
-    var n, a;
-    d("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e, t), (n = e == null ? void 0 : e.event_booking) != null && n.description && (this.description = (a = e == null ? void 0 : e.event_booking) == null ? void 0 : a.description);
+    var n, i;
+    d("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e, t), (n = e == null ? void 0 : e.event_booking) != null && n.description && (this.description = (i = e == null ? void 0 : e.event_booking) == null ? void 0 : i.description);
   }
   connectedCallback() {
     d("nylas-event-description", "connectedCallback");
@@ -860,17 +916,17 @@ const Se = class {
     d("nylas-event-description", "disconnectedCallback");
   }
   handleChange(e) {
-    const t = ye(e.target.value);
+    const t = V(e.target.value);
     this.description = t, this.internals.setFormValue(t, "description"), this.valueChanged.emit({ value: t, name: this.name });
   }
   render() {
-    return i(_, { key: "66d2eae749fd438176c41cc4cb73e76025d1f224" }, i("div", { key: "aa8302861fb0c900b290aafcee5d07d1a04af7f5", class: "nylas-event-description", part: "nedesc" }, i("label", { key: "c0f2b80af2ae8219b8cf977e4145d3a58c1ae38d", htmlFor: "description" }, "Event description", i("span", { key: "e7ec771fc84b256a3511cb6e4238fd4fb13e9c37", class: "label-icon" }, i("tooltip-component", { key: "5b1a43fd9ba2a50f37f5b4c36233fbc14873ed02" }, i("info-icon", { key: "5ff39c03142fbd56e842298fb268bcf3b157fb70", slot: "tooltip-icon" }), i("span", { key: "3e5d6cd7e616f84fb58bacfcd4bf68da52798010", slot: "tooltip-content" }, "Provide any additional details for your event.")))), i("textarea", { key: "19f0e318d74d28a9ddc0a4401b05f49650fffd2b", id: "description", part: "nedesc__textarea", name: "description", value: this.description, maxlength: "8192", onInput: (e) => this.handleChange(e) })));
+    return a(_, { key: "ba8fe981702f13ac0b8132bc13fc6fea56500a62" }, a("div", { key: "41ab7f418a4878f7e9322564f77fe1008f048090", class: "nylas-event-description", part: "nedesc" }, a("label", { key: "8dd6e3fc10d8a360606b53eef4b7c596df082167", htmlFor: "description" }, "Event description", a("span", { key: "1533f26a880a136a76ad6bacb33b9cbf3895b35e", class: "label-icon" }, a("tooltip-component", { key: "f378fa630e3a8c80a5423c5086ff8ed3d0baa50b" }, a("info-icon", { key: "e343fc186b270f6c7eb9c38bf1ea04dbb7de7d6e", slot: "tooltip-icon" }), a("span", { key: "fb397590af111cac95805c50b96e22ebf3a3836e", slot: "tooltip-content" }, "Provide any additional details for your event.")))), a("textarea", { key: "650ab0c3162ad8fda2d3b0dfa9870bdc1aa700e6", 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 k(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -879,34 +935,34 @@ const Se = class {
     };
   }
 };
-Ht([
+Bt([
   C({
     name: "nylas-event-description",
     stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
     eventToProps: {},
     fireRegisterEvent: !0
   }),
-  de("design:type", Function),
-  de("design:paramtypes", []),
-  de("design:returntype", void 0)
-], 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:16px;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 input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:12px 16px;width:50px}.nylas-event-duration__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:200px}', Mt = At;
-var Ft = function(e, t, n, a) {
-  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  ue("design:type", Function),
+  ue("design:paramtypes", []),
+  ue("design:returntype", void 0)
+], Ne.prototype, "render", null);
+Ne.style = jt;
+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}.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:16px;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 input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px;width:50px}.nylas-event-duration__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:200px}.nylas-event-duration__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-event-duration__wrapper select-dropdown{width:100%}}.nylas-event-duration__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}', Ut = Wt;
+var Zt = function(e, t, n, i) {
+  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, a);
+    s = Reflect.decorate(e, t, n, i);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
-  return o > 3 && s && Object.defineProperty(t, n, s), s;
-}, ce = function(e, t) {
+      (o = e[r]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
+  return l > 3 && s && Object.defineProperty(t, n, s), s;
+}, he = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const Ee = class {
+const Fe = class {
   constructor(e) {
-    m(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.selectedConfiguration = void 0, 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, this.durationMinutesOptions = [
+    b(this, e), this.valueChanged = k(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.selectedConfiguration = void 0, this.name = "duration", this.eventDurationMinutes = void 0, this.duration = this.eventDurationMinutes ? this.eventDurationMinutes >= 60 ? this.eventDurationMinutes / 60 : this.eventDurationMinutes : 30, this.durationMinutes = this.eventDurationMinutes ?? 30, this.durationIncrement = this.eventDurationMinutes && this.eventDurationMinutes >= 60 ? 60 : 1, this.durationMinutesOptions = [
       { value: 15, label: "15" },
       { value: 30, label: "30" },
       { value: 45, label: "45" },
@@ -919,7 +975,7 @@ const Ee = class {
   selectedConfigurationChangedHandler(e) {
     var n;
     const t = (n = e == null ? void 0 : e.availability) == null ? void 0 : n.duration_minutes;
-    t && (this.duration = t >= 60 ? t / 60 : t, this.durationMinutes = t ?? 5, this.durationIncrement = t >= 60 ? 60 : 1);
+    t && (this.duration = t >= 60 ? t / 60 : t, this.durationMinutes = t ?? 30, this.durationIncrement = t >= 60 ? 60 : 1);
   }
   durationMinutesChangedHandler(e, t) {
     d("nylas-event-duration", "durationMinutesChangedHandler", e), e !== t && this.valueChanged.emit({ value: e.toString(), name: this.name });
@@ -947,16 +1003,13 @@ const Ee = class {
   handleChange(e) {
     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.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), "duration");
-  }
-  selectedOptionChangedHandler(e) {
-    d("nylas-calendar-picker", "selectedOptionChangedHandler", e.detail);
+  nylasFormDropdownChangedHandler(e) {
+    d("nylas-calendar-picker", "nylasFormDropdownChangedHandler", e.detail);
     const { value: t } = e.detail;
     this.durationIncrement = parseInt(t), this.durationIncrement === 1 ? this.duration = 60 : this.duration = 1, this.setDurationMintueOptions(), this.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), "duration");
   }
   inputOptionChangedHandler(e) {
-    d("nylas-calendar-picker", "selectedOptionChangedHandler", e.detail);
+    d("nylas-calendar-picker", "inputOptionChangedHandler", e.detail);
     const { value: t } = e.detail;
     this.duration = t, this.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), this.name);
   }
@@ -965,13 +1018,13 @@ const Ee = class {
       { value: 1, label: "minute" },
       { value: 60, label: "hour" }
     ];
-    return i(_, { key: "cd39f094761b20d6a016000f634fec1ba3f446be" }, i("div", { key: "52aa0d5d51d18d00604c7598c1ffefc195cbee26", class: "nylas-event-duration", part: "ned" }, i("label", { key: "4e438e990324d88976a13040c871aece2993166d", htmlFor: "duration" }, "Event duration", i("span", { key: "0e96a062a5a5e18f03cd523dce3e18f0c005eb03", class: "required" }, "*"), i("span", { key: "82003caed486495486b5bc56f67801945a9934fb", class: "label-icon" }, i("tooltip-component", { key: "9b4d29ecbc50f8109393ac271d66721dafd50f44" }, i("info-icon", { key: "d7f9af86af78cae824979fb1f03f21288db5b422", slot: "tooltip-icon" }), i("span", { key: "eff1616d15bb219e15c4e0b6f4993cfe9e4e6c05", slot: "tooltip-content" }, "Set the duration of your event.")))), i("div", { key: "1358e1bf2501523f922a029068719265291fec6d", class: "nylas-event-duration__wrapper" }, i("input-dropdown", { key: "8504905b8582540587567751f9376cfb1df98b32", name: "event-duration", options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id__dropdown: ned__input_dropdown, id__dropdown-input: ned__input_dropdown-input, id__dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find((t) => t.value == this.duration) ?? e[0] }), i("select-dropdown", { key: "007a4f7fba5419b4376b55e59e433f2a4a17b482", name: "event-duration", options: e, pluralizedLabel: this.duration > 1 ? "s" : "", 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 }))));
+    return a(_, { key: "69f81ffd2ca891c9c4681ac03e28091c52db815d" }, a("div", { key: "0f2f55279a060023ee3d0996e255075821c0eaf8", class: "nylas-event-duration", part: "ned" }, a("label", { key: "034772be3a25547f190ea70575e07f356aec1268", htmlFor: "duration" }, "Event duration", a("span", { key: "b3bbb769c229d9de4da23b330c6801093ec70ffe", class: "required" }, "*"), a("span", { key: "f62a2f5e762073f5dea8be87948fc75cc398c2cf", class: "label-icon" }, a("tooltip-component", { key: "73fa017a9c54ee8b38c5d9ebecffeb247bb94e1a" }, a("info-icon", { key: "662f790d63babba084ffb7b3d2c1d6ad57872444", slot: "tooltip-icon" }), a("span", { key: "71e2c2816bde5eef547f8004858c10809a3d9fc8", slot: "tooltip-content" }, "Set the duration of your event.")))), a("div", { key: "491c79e0a0ff84aa3421c084bbe0370fe3fae874", class: "nylas-event-duration__wrapper" }, a("input-dropdown", { key: "de21d1aa7aa5dffd80c73bd27860b4a8949e54d6", name: "event-duration", options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find((t) => t.value == this.duration) ?? e[0] }), a("select-dropdown", { key: "8ecfa42bb8d7065750b80a523e051aede990237e", name: "event-duration", options: e, pluralizedLabel: this.duration > 1 ? "s" : "", 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 k(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -981,34 +1034,34 @@ const Ee = class {
     };
   }
 };
-Ft([
+Zt([
   C({
     name: "nylas-event-duration",
     stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
     eventToProps: {},
     fireRegisterEvent: !0
   }),
-  ce("design:type", Function),
-  ce("design:paramtypes", []),
-  ce("design:returntype", void 0)
-], Ee.prototype, "render", null);
-Ee.style = Mt;
-const Nt = ':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}', Rt = Nt;
-var Pt = function(e, t, n, a) {
-  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  he("design:type", Function),
+  he("design:paramtypes", []),
+  he("design:returntype", void 0)
+], Fe.prototype, "render", null);
+Fe.style = Ut;
+const Yt = ':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}', Gt = Yt;
+var Kt = function(e, t, n, i) {
+  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, a);
+    s = Reflect.decorate(e, t, n, i);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
-  return o > 3 && s && Object.defineProperty(t, n, s), s;
-}, pe = function(e, t) {
+      (o = e[r]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
+  return l > 3 && s && Object.defineProperty(t, n, s), s;
+}, be = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const Le = class {
+const Re = class {
   constructor(e) {
-    m(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
+    b(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");
@@ -1017,48 +1070,48 @@ const Le = class {
     d("nylas-event-info", "componentWillLoad");
   }
   componentDidLoad() {
-    d("nylas-event-info", "componentDidLoad"), Ce(["inputs"], this.el);
+    d("nylas-event-info", "componentDidLoad"), Oe(["inputs"], this.el);
   }
   disconnectedCallback() {
     d("nylas-event-info", "disconnectedCallback");
   }
   render() {
-    return i(_, { key: "3d50d24894f959b4f3934d3a9d0c8f22426bbf52" }, i("nylas-form-card", { key: "b4fe6f96328e630aa619b75cbc0119ae2f108e91" }, i("h1", { key: "7cd07abb0cfd695c073149c22754f3233bc3b9c7", slot: "header-title", class: "nylas-event-info__title" }, "Event information"), i("h3", { key: "bc6e7420df55ba180419716ea0f1fd8f3eeab2b8", slot: "header-subtitle", class: "nylas-event-info__subtitle" }, "Enter all event information."), i("div", { key: "56040379502ac4aa71abcaa9bdfe8424e3097742", slot: "content", class: "nylas-event-info__content" }, i("slot", { key: "b94d1ec6b04e50a78445b7046be9c1f34d4f7c5e", name: "inputs" }))));
+    return a(_, { key: "311ce4cda7377b94f12a98ff6a3318697762f6f0" }, a("nylas-form-card", { key: "99e5490667e83818242ae24863e5cdd94b39b0fa" }, a("h1", { key: "f8c0f0cc5c330fac2b2f17e46be32ea4f3cc0b4b", slot: "header-title", class: "nylas-event-info__title" }, "Event information"), a("h3", { key: "637d443ca5851d7038acf20425c7fc969543951d", slot: "header-subtitle", class: "nylas-event-info__subtitle" }, "Enter all event information."), a("div", { key: "aa0c51b31eeda0ba4b2c0090ed8367d139ea447b", slot: "content", class: "nylas-event-info__content" }, a("slot", { key: "95cf051184160aa802d89fc395bf914df09412e9", name: "inputs" }))));
   }
   static get formAssociated() {
     return !0;
   }
   get el() {
-    return k(this);
+    return w(this);
   }
 };
-Pt([
+Kt([
   C({
     name: "nylas-event-info",
     eventToProps: {},
     fireRegisterEvent: !0
   }),
-  pe("design:type", Function),
-  pe("design:paramtypes", []),
-  pe("design:returntype", void 0)
-], Le.prototype, "render", null);
-Le.style = Rt;
-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}', Bt = zt;
-var jt = function(e, t, n, a) {
-  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  be("design:type", Function),
+  be("design:paramtypes", []),
+  be("design:returntype", void 0)
+], Re.prototype, "render", null);
+Re.style = Gt;
+const Jt = ':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}', qt = Jt;
+var Vt = function(e, t, n, i) {
+  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, a);
+    s = Reflect.decorate(e, t, n, i);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
-  return o > 3 && s && Object.defineProperty(t, n, s), s;
-}, fe = function(e, t) {
+      (o = e[r]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
+  return l > 3 && s && Object.defineProperty(t, n, s), s;
+}, me = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const $e = class {
+const Pe = class {
   constructor(e) {
-    m(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
+    b(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");
@@ -1067,56 +1120,56 @@ const $e = class {
     d("nylas-event-limits", "componentWillLoad");
   }
   componentDidLoad() {
-    d("nylas-event-limits", "componentDidLoad"), Ce(["inputs"], this.el);
+    d("nylas-event-limits", "componentDidLoad"), Oe(["inputs"], this.el);
   }
   disconnectedCallback() {
     d("nylas-event-limits", "disconnectedCallback");
   }
   render() {
-    return i(_, { key: "30d78f51d8e6e0c358bda5a8721002e19f539987" }, i("nylas-form-card", { key: "708cb09606a7452155d75328fa6b4102edc589f8" }, i("h1", { key: "2bad4fda79ad5721e33c56b023444dde14c24cac", slot: "header-title", class: "nylas-event-limits__title" }, "Set event limits"), i("h3", { key: "b11865bd252ab95e2ee76b1a442ade752f41862b", slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Customize event limits for the event."), i("div", { key: "2987c4d4b8de461f61834cae0b21be88364a2183", slot: "content", class: "nylas-event-limits__content" }, i("slot", { key: "b80a2429328f103dfa5546a0266f03e0df3520d5", name: "inputs" }))));
+    return a(_, { key: "6bfa0e29afa1529eb445b68339a658e4d7c8a6be" }, a("nylas-form-card", { key: "eda419f6f0f7bb8dfd2ebdb0a13c0a8c650190eb" }, a("h1", { key: "ea2c9af0d66665f25dcbb9c4c152bf159ceb4169", slot: "header-title", class: "nylas-event-limits__title" }, "Set event limits"), a("h3", { key: "b600fd0b690bab256fde199b373913d9009be9bf", slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Customize event limits for the event."), a("div", { key: "72b24085107528833d406802b206eed3719bb358", slot: "content", class: "nylas-event-limits__content" }, a("slot", { key: "74a09fd8044065a2f52ef5abaeef0ba80f38f17b", name: "inputs" }))));
   }
   static get formAssociated() {
     return !0;
   }
   get el() {
-    return k(this);
+    return w(this);
   }
 };
-jt([
+Vt([
   C({
     name: "nylas-event-limits",
     eventToProps: {},
     fireRegisterEvent: !0
   }),
-  fe("design:type", Function),
-  fe("design:paramtypes", []),
-  fe("design:returntype", void 0)
-], $e.prototype, "render", null);
-$e.style = Bt;
-const Wt = ':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-800);font-size:16px;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}@media screen and (max-width: 768px){.nylas-event-location div.location-input{grid-template-columns:1fr}}.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}', Ut = Wt;
-var Kt = function(e, t, n, a) {
-  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  me("design:type", Function),
+  me("design:paramtypes", []),
+  me("design:returntype", void 0)
+], Pe.prototype, "render", null);
+Pe.style = qt;
+const Qt = ':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-800);font-size:16px;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}@media screen and (max-width: 768px){.nylas-event-location div.location-input{grid-template-columns:1fr}}.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}', Xt = Qt;
+var en = function(e, t, n, i) {
+  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, a);
+    s = Reflect.decorate(e, t, n, i);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
-  return o > 3 && s && Object.defineProperty(t, n, s), s;
-}, ue = function(e, t) {
+      (o = e[r]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
+  return l > 3 && s && Object.defineProperty(t, n, s), s;
+}, ye = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const He = class {
+const ze = class {
   constructor(e) {
-    m(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 = "location", this.selectedConfiguration = void 0, this.eventLocation = void 0, this.location = this.eventLocation ?? "", this.selectedLocationOption = this.eventLocation ? "custom" : "none";
+    b(this, e), this.valueChanged = k(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 = "location", this.selectedConfiguration = void 0, this.eventLocation = void 0, this.location = this.eventLocation ?? "", this.selectedLocationOption = this.eventLocation ? "custom" : "none";
   }
   elementNameChangedHandler(e) {
     d("nylas-event-location", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
   }
   selectedConfigurationChangedHandler(e, t) {
-    var a;
+    var i;
     d("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e, t);
-    const n = (a = e == null ? void 0 : e.event_booking) == null ? void 0 : a.location;
+    const n = (i = e == null ? void 0 : e.event_booking) == null ? void 0 : i.location;
     n && (this.selectedLocationOption = n ? "custom" : "none", this.location = n);
   }
   eventLocationChangedHandler(e, t) {
@@ -1134,14 +1187,14 @@ const He = class {
   disconnectedCallback() {
     d("nylas-event-location", "disconnectedCallback");
   }
-  selectedOptionChangedHandler(e) {
+  nylasFormDropdownChangedHandler(e) {
     this.selectedLocationOption = e.detail.value, this.selectedLocationOption === "none" && (this.location = "", this.setFormValue("", "location"), this.valueChanged.emit({ value: "", name: this.name }));
   }
   setFormValue(e, t) {
     typeof this.internals.setFormValue == "function" && this.internals.setFormValue(e, t);
   }
   handleChange(e) {
-    const t = ye(e.target.value);
+    const t = V(e.target.value);
     this.location = t, this.setFormValue(t, "location"), this.valueChanged.emit({ value: t, name: this.name });
   }
   render() {
@@ -1149,16 +1202,16 @@ const He = class {
       { value: "none", label: "None" },
       { value: "custom", label: "Custom location" }
     ], t = {
-      none: i("location-off-icon", { key: "68f24ab2ac9c92610c37e8cb8f7fb675eb34e1c0" }),
-      custom: i("location-icon", { key: "b82dae045728e7e5f3a4d5f681b8100addbd86d1" })
+      none: a("location-off-icon", { key: "f9a254f862acd3c1b8a24b7efe0069f232bd9f51" }),
+      custom: a("location-icon", { key: "641cfced66068f659d7d6db3b88a11314d9cacf6" })
     };
-    return i(_, { key: "663ce6f8f67b42528ec804c90223eb01a9ac8078" }, i("div", { key: "8df5d3d4259312db798aa8d6729c3607dcedce47", class: "nylas-event-location", part: "nel" }, i("label", { key: "8c7422b7bbf5e69ca105a97c91c6e77cfc2c960a", htmlFor: "location" }, "Location type", i("span", { key: "d4dd5b670091bb4d73b0c8f856a9ef97aa6bbac9", class: "label-icon" }, i("tooltip-component", { key: "f3f8db4880f00b8031d161af989a9f0d8357325e" }, i("info-icon", { key: "c0ebef1e813376a9e90fa2722a6b4f411ce9f60a", slot: "tooltip-icon" }), i("span", { key: "78071f01cfe674c444b65d5115d7b69e213abb02", 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.")))), i("div", { key: "1e7fde8848028a53f862ab19d6417f7d756fac9e", class: "location-input" }, i("select-dropdown", { key: "44b0db28ee7c153cdfd918219128cdf569b24e5e", 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" }, i("span", { key: "19010ea6e4ca8981884600373344742569d29d35", slot: "select-icon" }, t[this.selectedLocationOption])), this.selectedLocationOption === "custom" && i("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: (n) => this.handleChange(n) }))));
+    return a(_, { key: "9e86c85ff957ac4d8192350e61bc66dfb7d8f764" }, a("div", { key: "a51752993c346200236187f906caa0629be50e88", class: "nylas-event-location", part: "nel" }, a("label", { key: "53cb18b0acd1a46b4be9a49f88a2786e7832d761", htmlFor: "location" }, "Location type", a("span", { key: "2b2debd710387758562de5833b5160f1d3a18481", class: "label-icon" }, a("tooltip-component", { key: "237da0e3bbfae495fd865d99e8f1e1ef68ae027e" }, a("info-icon", { key: "5f23b94c2bbe0f3ddd3870aeb69cee2f75b0bd28", slot: "tooltip-icon" }), a("span", { key: "b1ed166875a24ce4bcfbc808c26d0042b74f73f3", 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: "316411158feced50b61ce97014ffa0ba7c4400e8", class: "location-input" }, a("select-dropdown", { key: "cc6bdbca81e738f43dfb37b7dc66f06ac338dc40", 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: "faacafdffda95071ee9304ac0e4c0125dc31c123", 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 k(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -1168,38 +1221,38 @@ const He = class {
     };
   }
 };
-Kt([
+en([
   C({
     name: "nylas-event-location",
     stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
     eventToProps: {},
     fireRegisterEvent: !0
   }),
-  ue("design:type", Function),
-  ue("design:paramtypes", []),
-  ue("design:returntype", void 0)
-], He.prototype, "render", null);
-He.style = Ut;
-const Zt = ':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 div.title.error{border-color:var(--nylas-error);outline:none}.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 span.error-message{color:var(--nylas-error)}.nylas-event-title label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;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)}', Yt = Zt;
-var Vt = function(e, t, n, a) {
-  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  ye("design:type", Function),
+  ye("design:paramtypes", []),
+  ye("design:returntype", void 0)
+], ze.prototype, "render", null);
+ze.style = Xt;
+const tn = ':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 div.title.error{border-color:var(--nylas-error);outline:none}.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 span.error-message{color:var(--nylas-error)}.nylas-event-title label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;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)}', nn = tn;
+var an = function(e, t, n, i) {
+  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, a);
+    s = Reflect.decorate(e, t, n, i);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
-  return o > 3 && s && Object.defineProperty(t, n, s), s;
-}, he = function(e, t) {
+      (o = e[r]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
+  return l > 3 && s && Object.defineProperty(t, n, s), s;
+}, ge = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const Ae = class {
+const je = class {
   constructor(e) {
     var t, n;
-    m(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.selectedConfiguration = void 0, this.eventTitle = (n = (t = this.selectedConfiguration) == null ? void 0 : t.event_booking) == null ? void 0 : n.title, this.name = "title", this.showTokens = !1, this.availableTokens = _e.map((a) => ({
-      label: a.token,
-      value: a.value,
-      labelHTML: a
+    b(this, e), this.valueChanged = k(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.selectedConfiguration = void 0, this.eventTitle = (n = (t = this.selectedConfiguration) == null ? void 0 : t.event_booking) == null ? void 0 : n.title, this.name = "title", this.showTokens = !1, this.availableTokens = Se.map((i) => ({
+      label: i.token,
+      value: i.value,
+      labelHTML: i
     })), this.filteredTokens = this.availableTokens, this.ariaActivedescendant = "", this.currentWord = { $value: "", fullText: "", index: -1, focusOffset: -1 }, this.validationError = "";
   }
   elementNameChangedHandler(e) {
@@ -1208,11 +1261,11 @@ const Ae = class {
   ariaActivedescendantChangedHandler(e) {
     var t, n;
     if (d("nylas-event-title", "ariaActivedescendantChangedHandler", e), e !== "") {
-      const a = (t = this.host.shadowRoot) == null ? void 0 : t.getElementById(e);
-      a == null || a.classList.add("active");
+      const i = (t = this.host.shadowRoot) == null ? void 0 : t.getElementById(e);
+      i == null || i.classList.add("active");
     } else {
-      const a = (n = this.host.shadowRoot) == null ? void 0 : n.querySelectorAll(".token-options li.active");
-      a == null || a.forEach((o) => o.classList.remove("active"));
+      const i = (n = this.host.shadowRoot) == null ? void 0 : n.querySelectorAll(".token-options li.active");
+      i == null || i.forEach((l) => l.classList.remove("active"));
     }
   }
   configChangedHandler(e) {
@@ -1242,81 +1295,81 @@ const Ae = class {
   }
   highlightTokens(e) {
     let t = e;
-    return _e.forEach((n) => {
-      const a = n.value, o = new RegExp(`(\\${a})(?!\\w)`, "g");
-      t = t.replace(o, '<span class="highlighted-tag">$1</span>');
+    return Se.forEach((n) => {
+      const i = n.value, l = new RegExp(`(\\${i})(?!\\w)`, "g");
+      t = t.replace(l, '<span class="highlighted-tag">$1</span>');
     }), t;
   }
   getCurrentSelectionForBrowser() {
-    var a, o, s;
-    const e = (l, r, h, p) => {
-      const u = l.replace(/[\u200B-\u200D\uFEFF]/g, ""), g = u.lastIndexOf("$"), v = u.substring(g).split(" ")[0];
+    var i, l, s;
+    const e = (o, r, h, f) => {
+      const u = o.replace(/[\u200B-\u200D\uFEFF]/g, ""), g = u.lastIndexOf("$"), v = u.substring(g).split(" ")[0];
       return {
         focusOffset: r,
         dollarIndex: g,
         lastWord: v,
         currentText: u,
         node: h,
-        allSelected: p
+        allSelected: f
       };
-    }, t = (l) => {
+    }, t = (o) => {
       var r, h;
-      return l.anchorOffset === 0 && l.focusOffset === ((h = (r = l.focusNode) == null ? void 0 : r.nodeValue) == null ? void 0 : h.length);
+      return o.anchorOffset === 0 && o.focusOffset === ((h = (r = o.focusNode) == null ? void 0 : r.nodeValue) == null ? void 0 : h.length);
     };
-    switch (Ke()) {
+    switch (et()) {
       case "Chrome":
-        const l = (a = this.host.shadowRoot) == null ? void 0 : a.getSelection(), r = l == null ? void 0 : l.focusNode, h = (r == null ? void 0 : r.nodeValue) || "", p = l && t(l);
-        return e(h, (l == null ? void 0 : l.focusOffset) || -1, r, p);
+        const o = (i = this.host.shadowRoot) == null ? void 0 : i.getSelection(), r = o == null ? void 0 : o.focusNode, h = (r == null ? void 0 : r.nodeValue) || "", f = o && t(o);
+        return e(h, (o == null ? void 0 : o.focusOffset) || -1, r, f);
       case "Firefox":
-        const u = document.getSelection(), g = ((o = u == null ? void 0 : u.anchorNode) == null ? void 0 : o.nodeValue) || "", v = u && t(u);
+        const u = document.getSelection(), g = ((l = u == null ? void 0 : u.anchorNode) == null ? void 0 : l.nodeValue) || "", v = u && t(u);
         return e(g, (u == null ? void 0 : u.focusOffset) || -1, u == null ? void 0 : u.anchorNode, v);
       case "Safari":
-        const I = window.getSelection(), x = I == null ? void 0 : I.getComposedRanges(this.host.shadowRoot)[0], c = ((s = x == null ? void 0 : x.startContainer) == null ? void 0 : s.nodeValue) || "", f = I && t(I);
-        return e(c, (x == null ? void 0 : x.endOffset) || -1, x == null ? void 0 : x.startContainer, f);
+        const D = window.getSelection(), x = D == null ? void 0 : D.getComposedRanges(this.host.shadowRoot)[0], c = ((s = x == null ? void 0 : x.startContainer) == null ? void 0 : s.nodeValue) || "", p = D && t(D);
+        return e(c, (x == null ? void 0 : x.endOffset) || -1, x == null ? void 0 : x.startContainer, p);
       default:
         return console.warn("Browser not supported"), null;
     }
   }
   handleChange(e) {
     let t = e.target.textContent || "";
-    t = ye(t);
+    t = V(t);
     const n = this.getCurrentSelectionForBrowser();
     if (!n) {
       this.updateEventTitle(t), this.resetDropdown();
       return;
     }
-    const { focusOffset: a, dollarIndex: o, lastWord: s, currentText: l } = n;
-    if (o === -1 || a < o) {
+    const { focusOffset: i, dollarIndex: l, lastWord: s, currentText: o } = n;
+    if (l === -1 || i < l) {
       this.updateEventTitle(t), this.resetDropdown();
       return;
     }
     s.startsWith("$") ? (this.showTokens = !0, this.currentWord = {
       $value: s,
-      fullText: l,
-      index: o,
-      focusOffset: a
+      fullText: o,
+      index: l,
+      focusOffset: i
     }, this.populateSuggestionsDropdown(s)) : this.resetDropdown(), this.updateEventTitle(t);
   }
   handleInputKeyDown(e) {
-    var n, a, o, s;
+    var n, i, l, s;
     const t = this.getCurrentSelectionForBrowser();
-    if (t != null && t.allSelected && !We(e) && (this.titleRef.innerHTML = ""), e.key === "Enter") {
+    if (t != null && t.allSelected && !Qe(e) && (this.titleRef.innerHTML = ""), e.key === "Enter") {
       e.preventDefault();
-      const l = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(this.ariaActivedescendant);
-      l && (l.click(), this.ariaActivedescendant = "");
+      const o = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(this.ariaActivedescendant);
+      o && (o.click(), this.ariaActivedescendant = "");
     } else if (e.key === "ArrowDown") {
       e.preventDefault();
-      const l = (a = this.host.shadowRoot) == null ? void 0 : a.getElementById(this.ariaActivedescendant);
-      if (l) {
-        const r = l.nextElementSibling;
+      const o = (i = this.host.shadowRoot) == null ? void 0 : i.getElementById(this.ariaActivedescendant);
+      if (o) {
+        const r = o.nextElementSibling;
         r ? this.ariaActivedescendant = r.id : this.ariaActivedescendant = this.filteredTokens[0].label;
       } else
         this.ariaActivedescendant = this.filteredTokens[0].label;
     } else if (e.key === "ArrowUp") {
       e.preventDefault();
-      const l = (o = this.host.shadowRoot) == null ? void 0 : o.getElementById(this.ariaActivedescendant);
-      if (l) {
-        const r = l.previousElementSibling;
+      const o = (l = this.host.shadowRoot) == null ? void 0 : l.getElementById(this.ariaActivedescendant);
+      if (o) {
+        const r = o.previousElementSibling;
         r ? this.ariaActivedescendant = r.id : this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
       } else
         this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
@@ -1326,28 +1379,28 @@ const Ae = class {
   selectOption(e, t) {
     var c;
     e.preventDefault();
-    const n = this.currentWord.fullText, a = this.currentWord.$value;
-    let o = this.titleRef.firstChild, s = null;
-    for (; o; ) {
-      if (o.nodeType === 3) {
-        const f = ((c = o.textContent) == null ? void 0 : c.replace(/[\u200B-\u200D\uFEFF]/g, "")) || "", b = n.replace(/[\u200B-\u200D\uFEFF]/g, "");
-        if (f.includes(b)) {
-          s = o;
+    const n = this.currentWord.fullText, i = this.currentWord.$value;
+    let l = this.titleRef.firstChild, s = null;
+    for (; l; ) {
+      if (l.nodeType === 3) {
+        const p = ((c = l.textContent) == null ? void 0 : c.replace(/[\u200B-\u200D\uFEFF]/g, "")) || "", m = n.replace(/[\u200B-\u200D\uFEFF]/g, "");
+        if (p.includes(m)) {
+          s = l;
           break;
         }
       }
-      o = o.nextSibling;
+      l = l.nextSibling;
     }
     if (!s)
       return;
-    const l = s.textContent || "", r = l.indexOf(a), h = l.substring(0, r), p = l.substring(r + a.length), u = document.createTextNode(h), g = document.createRange(), v = document.createElement("span");
+    const o = s.textContent || "", r = o.indexOf(i), h = o.substring(0, r), f = o.substring(r + i.length), u = document.createTextNode(h), g = document.createRange(), v = document.createElement("span");
     v.classList.add("highlighted-tag"), v.textContent = `${t.value}`;
-    const I = document.createTextNode(p);
-    if (p !== "")
-      s.replaceWith(u, v, I), g.setStart(I, 1);
+    const D = document.createTextNode(f);
+    if (f !== "")
+      s.replaceWith(u, v, D), g.setStart(D, 1);
     else {
-      const f = document.createTextNode("​");
-      s.replaceWith(u, v, f), g.setStart(f, 1);
+      const p = document.createTextNode("​");
+      s.replaceWith(u, v, p), g.setStart(p, 1);
     }
     this.resetDropdown(), this.titleRef.focus();
     const x = window.getSelection();
@@ -1357,28 +1410,28 @@ const Ae = class {
     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);
   }
   updateEventTitle(e) {
-    var n, a, o;
+    var n, i, l;
     const t = e.replace(/ +/g, " ");
-    t === "" ? ((n = this.internals) == null || n.setValidity({ customError: !0 }, "Event title is required", this.titleRef), this.validationError = "Event title is required") : ((a = this.internals) == null || a.setValidity({ customError: !1 }), this.validationError = ""), (o = this.internals) == null || o.setFormValue(t, this.name), this.valueChanged.emit({ value: t, name: this.name });
+    t === "" ? ((n = this.internals) == null || n.setValidity({ customError: !0 }, "Event title is required", this.titleRef), this.validationError = "Event title is required") : ((i = this.internals) == null || i.setValidity({ customError: !1 }), this.validationError = ""), (l = this.internals) == null || l.setFormValue(t, this.name), this.valueChanged.emit({ value: t, name: this.name });
   }
   resetDropdown() {
     this.showTokens = !1, this.ariaActivedescendant = "";
   }
   getLabelHTML(e) {
-    return i("div", { class: "token-label" }, i("span", { class: "token" }, e.token), i("span", { class: "description" }, e.description));
+    return a("div", { class: "token-label" }, a("span", { class: "token" }, e.token), a("span", { class: "description" }, e.description));
   }
   render() {
     var e;
-    return i(_, { key: "66954aa7afd52271b194a1241b46bf54b26eeb38" }, i("div", { key: "f5aebb6914b94cac9aef99bc5e382ffa60572735", class: "nylas-event-title", part: "net" }, i("label", { key: "b99854a3d225a079b1fa86fc4379f16c9a54645c", htmlFor: "title" }, "Event title", i("span", { key: "4c2910eac57af8118fbd5deef5e70587e48ce02f", class: "required" }, "*"), i("span", { key: "e944e4a6498892a2c5cd4558e90a318aa09d1b5b", class: "label-icon" }, i("tooltip-component", { key: "c483e44bf98e26ff2b36752a2812a04cd66acb9d" }, i("info-icon", { key: "9e6ec872bc60e1bd658fbcc47ffd04068fb95543", slot: "tooltip-icon" }), i("span", { key: "108f13463468b574d4fb0417bfd387461c36f3dd", slot: "tooltip-content" }, "Enter a title for your event.")))), i("div", { key: "478be8206ff1eabb6167a6f257f74f646515cddb", class: {
+    return a(_, { key: "8e8de66d58ca4428f35effa133fc8c0b3e3c804f" }, a("div", { key: "411cf6eb2553063facf74bc0fcf46cbced1b2eb8", class: "nylas-event-title", part: "net" }, a("label", { key: "47c8a32d54022a41182ba71aa665f05275e0926b", htmlFor: "title" }, "Event title", a("span", { key: "664268aa456eeae43411ef0c59c3391dfebac185", class: "required" }, "*"), a("span", { key: "c4db00b1f2f428c30344dbe098fabba19e15cf76", class: "label-icon" }, a("tooltip-component", { key: "9884d36d7237310d454cb2cce36ea7a7391a58e5" }, a("info-icon", { key: "6a2c57dc06b77fb2c8faaa21af08558f7cfcf98c", slot: "tooltip-icon" }), a("span", { key: "185fee4da67795d4cbad48ce905c573e42749b95", slot: "tooltip-content" }, "Enter a title for your event.")))), a("div", { key: "80db52b66751ec73660465a2185d2e5c1304903d", class: {
       title: !0,
       error: this.validationError !== ""
-    }, 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 && i("div", { class: "token-options", part: "net__dropdown-content" }, i("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((t) => i("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))))), i("span", { key: "1ceba0cac2c71119094055f1f064cceacaa27ede", class: "help-text" }, "Create a dynamic templated event title by typing $. Learn more"), this.validationError != "" && i("span", { class: "error-message" }, this.validationError)));
+    }, 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: "35d1099854f33517e668691f98a3bf296a8280d4", class: "help-text" }, "Create a dynamic templated event title by typing $. Learn more"), this.validationError != "" && a("span", { class: "error-message" }, this.validationError)));
   }
   static get formAssociated() {
     return !0;
   }
   get host() {
-    return k(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -1388,34 +1441,34 @@ const Ae = class {
     };
   }
 };
-Vt([
+an([
   C({
     name: "nylas-event-title",
     stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
     eventToProps: {},
     fireRegisterEvent: !0
   }),
-  he("design:type", Function),
-  he("design:paramtypes", []),
-  he("design:returntype", void 0)
-], Ae.prototype, "render", null);
-Ae.style = Yt;
-const qt = ':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)}@media screen and (max-width: 768px){.nylas-limit-future-bookings{flex-direction:column;gap:0.5rem}}.nylas-limit-future-bookings label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;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}', Jt = qt;
-var Gt = function(e, t, n, a) {
-  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  ge("design:type", Function),
+  ge("design:paramtypes", []),
+  ge("design:returntype", void 0)
+], je.prototype, "render", null);
+je.style = nn;
+const sn = ':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)}@media screen and (max-width: 768px){.nylas-limit-future-bookings{flex-direction:column;gap:0.5rem}}.nylas-limit-future-bookings label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;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}select-dropdown::part(sd_dropdown-button){border:none}', ln = sn;
+var on = function(e, t, n, i) {
+  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, a);
+    s = Reflect.decorate(e, t, n, i);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
-  return o > 3 && s && Object.defineProperty(t, n, s), s;
-}, be = function(e, t) {
+      (o = e[r]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
+  return l > 3 && s && Object.defineProperty(t, n, s), s;
+}, ve = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const Me = class {
+const Be = class {
   constructor(e) {
-    m(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.selectedConfiguration = void 0, this.availableDaysInFuture = void 0, this.name = "limit-future-bookings", this.selectedNumber = 1, this.selectedPeriod = "day";
+    b(this, e), this.valueChanged = k(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.selectedConfiguration = void 0, 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);
@@ -1443,21 +1496,21 @@ const Me = class {
   }
   timePeriodChangedHandler(e) {
     const { number: t, period: n } = e.detail;
-    let a;
-    n === "day" ? a = t : n === "week" ? a = t * 7 : a = t * 30, this.valueChanged.emit({ value: a, name: "availableDaysInFuture" }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(a.toString(), this.name);
+    let i;
+    n === "day" ? i = t : n === "week" ? i = t * 7 : i = t * 30, this.valueChanged.emit({ value: i, name: "availableDaysInFuture" }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(i.toString(), this.name);
   }
   updateNumberAndPeriodFromDays(e) {
     let t, n;
     e >= 30 && e % 30 === 0 ? (t = e / 30, n = "month") : e >= 7 && e % 7 === 0 ? (t = e / 7, n = "week") : (t = e, n = "day"), this.selectedNumber = t, this.selectedPeriod = n;
   }
   render() {
-    return i(_, { key: "644b6c27b5f42b8434641d4d5fb66b9b999600f3" }, i("div", { key: "5752ad1825c031be60ae17f8b8e0c045b9dd03f2", class: "nylas-limit-future-bookings", part: "nlfb" }, i("label", { key: "20757b46040b546f588186315b930a9deb0e20e2" }, "Limit future bookings", i("span", { key: "5c8da87988a96a02f56a64d7adbcec0d861218b1", class: "label-icon" }, i("tooltip-component", { key: "d7e59094062b2292b59f4dc0e8d553fa33d9a3a1" }, i("info-icon", { key: "2d180ec4e6daecaa44481ea424fca1488273b1c5", slot: "tooltip-icon" }), i("span", { key: "6c968e6da43177276ef8dcf28f4d250f39a28fe2", slot: "tooltip-content" }, "Set a limit on how far in the future bookings can be made.")))), i("time-period-selector", { key: "4776c9bc6447a477103eadee1805e7313352e0ee", 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 })));
+    return a(_, { key: "e1e24151575c5c687d51fdf177840aa7c05424d9" }, a("div", { key: "ceb19c13b5ad7e132260de266b1883b3f8d53f3d", class: "nylas-limit-future-bookings", part: "nlfb" }, a("label", { key: "44c296c74b9a9cd7152d2c704d4dc6ef82cc39c7" }, "Limit future bookings", a("span", { key: "11e7622613f38d12ef4f1c564b0ca311ab679cb3", class: "label-icon" }, a("tooltip-component", { key: "d9ab1be2efb6616a937d112017be0e2c8e965ab3" }, a("info-icon", { key: "9f207ec82aa2a122ebfd0ba047f650751c49e470", slot: "tooltip-icon" }), a("span", { key: "1d91cfa505846f5f9da0457b785d8c645044be55", slot: "tooltip-content" }, "Set a limit on how far in the future bookings can be made.")))), a("time-period-selector", { key: "cc11ea1514b99b8b4ef1721a15d56fbda1c1693b", 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 k(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -1467,34 +1520,114 @@ const Me = class {
     };
   }
 };
-Gt([
+on([
   C({
     name: "nylas-limit-future-bookings",
     stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
     eventToProps: {},
     fireRegisterEvent: !0
   }),
-  be("design:type", Function),
-  be("design:paramtypes", []),
-  be("design:returntype", void 0)
-], Me.prototype, "render", null);
-Me.style = Jt;
-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-min-cancellation-notice{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-min-cancellation-notice{flex-direction:column;gap:0.5rem}}.nylas-min-cancellation-notice label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;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}', Qt = Xt;
-var en = function(e, t, n, a) {
-  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  ve("design:type", Function),
+  ve("design:paramtypes", []),
+  ve("design:returntype", void 0)
+], Be.prototype, "render", null);
+Be.style = ln;
+const rn = ':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-booking-notice{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-min-booking-notice{flex-direction:column;gap:0.5rem}}.nylas-min-booking-notice label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-min-booking-notice label span.label-icon{margin-left:4px}.nylas-min-booking-notice label span.label-icon tooltip-component{display:flex}select-dropdown::part(sd_dropdown-button){border:none}', dn = rn;
+var cn = function(e, t, n, i) {
+  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, a);
+    s = Reflect.decorate(e, t, n, i);
   else
     for (var r = e.length - 1; r >= 0; r--)
-      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
-  return o > 3 && s && Object.defineProperty(t, n, s), s;
-}, me = function(e, t) {
+      (o = e[r]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
+  return l > 3 && s && Object.defineProperty(t, n, s), s;
+}, ke = function(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(e, t);
 };
-const Fe = class {
+const We = class {
   constructor(e) {
-    m(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.selectedConfiguration = void 0, this.minCancellationNotice = void 0, this.name = "min-cancellation-notice", this.selectedNumber = 1, this.selectedPeriod = "day";
+    b(this, e), this.valueChanged = k(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.selectedConfiguration = void 0, this.minBookingNotice = void 0, this.name = "min-booking-notice", this.selectedNumber = 1, this.selectedPeriod = "hour";
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-min-booking-notice", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  selectedConfigurationChangedHandler(e) {
+    var n;
+    const t = (n = e == null ? void 0 : e.scheduler) == null ? void 0 : n.min_booking_notice;
+    t && this.updateNumberAndPeriodFromMinutes(t);
+  }
+  availableDaysInFutureChanged(e) {
+    this.updateNumberAndPeriodFromMinutes(e);
+  }
+  connectedCallback() {
+    d("nylas-min-booking-notice", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-min-booking-notice", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    var e;
+    d("nylas-min-booking-notice", "componentDidLoad"), this.availableDaysInFutureChanged(this.minBookingNotice ?? 1), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(((e = this.minBookingNotice) == null ? void 0 : e.toString()) ?? "1", this.name);
+  }
+  disconnectedCallback() {
+    d("nylas-min-booking-notice", "disconnectedCallback");
+  }
+  timePeriodChangedHandler(e) {
+    const { number: t, period: n } = e.detail;
+    let i;
+    const l = 60, s = l * 24, o = s * 7, r = s * 30;
+    n === "minute" ? i = t : n === "hour" ? i = t * l : n === "day" ? i = t * s : n === "week" ? i = t * o : n === "month" ? i = t * r : i = 0, this.valueChanged.emit({ value: i, name: "minBookingNotice" }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(i.toString(), this.name);
+  }
+  updateNumberAndPeriodFromMinutes(e) {
+    let s, o;
+    e >= 43200 ? (s = Math.floor(e / 43200), o = "month") : e >= 10080 ? (s = Math.floor(e / 10080), o = "week") : e >= 1440 ? (s = Math.floor(e / 1440), o = "day") : e >= 60 ? (s = Math.floor(e / 60), o = "hour") : (s = e, o = "minute"), this.selectedNumber = s, this.selectedPeriod = o;
+  }
+  render() {
+    return a(_, { key: "75bc177620fae5662328ba8f53f9f4a4e84733e5" }, a("div", { key: "a76b27e58174ca827e389b361ce4837e6ae11ced", class: "nylas-min-booking-notice", part: "nmbn" }, a("label", { key: "1db3f2c7c54b05744b64ad40c951595122d317c5" }, "Minimum booking notice", a("span", { key: "a4c7db6f534b570cbbf5af4c3d60d97843599a4b", class: "label-icon" }, a("tooltip-component", { key: "f7d6ba6b294f85c9d573933b6916cd50ad830d2a" }, a("info-icon", { key: "16b11bfaa5affbe15748f6ae6129c1e5a6fcfe32", slot: "tooltip-icon" }), a("span", { key: "1fe829a53fa3dcef0a6d5954717889d9e92d0c68", slot: "tooltip-content" }, "The minimum amount of time in the future for planning the event.")))), a("time-period-selector", { key: "e4a545fc471e67447cab675ccd11fa786337fc23", id: "min-booking-notice", exportparts: "tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content", timePeriods: ["minute", "hour", "day", "week"], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return w(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      selectedConfiguration: ["selectedConfigurationChangedHandler"],
+      availableDaysInFuture: ["availableDaysInFutureChanged"]
+    };
+  }
+};
+cn([
+  C({
+    name: "nylas-min-booking-notice",
+    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  ke("design:type", Function),
+  ke("design:paramtypes", []),
+  ke("design:returntype", void 0)
+], We.prototype, "render", null);
+We.style = dn;
+const fn = ':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)}@media screen and (max-width: 768px){.nylas-min-cancellation-notice{flex-direction:column;gap:0.5rem}}.nylas-min-cancellation-notice label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;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}select-dropdown::part(sd_dropdown-button){border:none}', pn = fn;
+var un = function(e, t, n, i) {
+  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    s = Reflect.decorate(e, t, n, i);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (o = e[r]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
+  return l > 3 && s && Object.defineProperty(t, n, s), s;
+}, xe = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const Ue = class {
+  constructor(e) {
+    b(this, e), this.valueChanged = k(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.selectedConfiguration = void 0, 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);
@@ -1522,22 +1655,22 @@ const Fe = class {
   }
   timePeriodChangedHandler(e) {
     const { number: t, period: n } = e.detail;
-    let a;
-    const o = 60, s = o * 24, l = s * 7, r = s * 30;
-    n === "minute" ? a = t : n === "hour" ? a = t * o : n === "day" ? a = t * s : n === "week" ? a = t * l : n === "month" ? a = t * r : a = 0, this.valueChanged.emit({ value: a, name: "minCancellationNotice" }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(a.toString(), this.name);
+    let i;
+    const l = 60, s = l * 24, o = s * 7, r = s * 30;
+    n === "minute" ? i = t : n === "hour" ? i = t * l : n === "day" ? i = t * s : n === "week" ? i = t * o : n === "month" ? i = t * r : i = 0, this.valueChanged.emit({ value: i, name: "minCancellationNotice" }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(i.toString(), this.name);
   }
   updateNumberAndPeriodFromMinutes(e) {
-    let s, l;
-    e >= 43200 ? (s = Math.floor(e / 43200), l = "month") : e >= 10080 ? (s = Math.floor(e / 10080), l = "week") : e >= 1440 ? (s = Math.floor(e / 1440), l = "day") : e >= 60 ? (s = Math.floor(e / 60), l = "hour") : (s = e, l = "minute"), this.selectedNumber = s, this.selectedPeriod = l;
+    let s, o;
+    e >= 43200 ? (s = Math.floor(e / 43200), o = "month") : e >= 10080 ? (s = Math.floor(e / 10080), o = "week") : e >= 1440 ? (s = Math.floor(e / 1440), o = "day") : e >= 60 ? (s = Math.floor(e / 60), o = "hour") : (s = e, o = "minute"), this.selectedNumber = s, this.selectedPeriod = o;
   }
   render() {
-    return i(_, { key: "c8aa308100f6883aba1096c18ee4fa4e93f22031" }, i("div", { key: "98a462f85a7aebb65f004d24d990899b87b70ba5", class: "nylas-min-cancellation-notice", part: "nmcn" }, i("label", { key: "f5e00583b2c9bf32d6e6a66c0bf34021a82cff10" }, "Minimum cancellation notice", i("span", { key: "ff572a74cf14935730b04b67040635cc3405607f", class: "label-icon" }, i("tooltip-component", { key: "5fc8718589a679693f5a042d5d4f45cc6a204d9c" }, i("info-icon", { key: "aa132926b3d719db1bfa3489d3083eb834fcddea", slot: "tooltip-icon" }), i("span", { key: "4ae6e92255f4c34bac09d266c12b6d009ff8e915", slot: "tooltip-content" }, "Set the minimum amount of time required to cancel an event.")))), i("time-period-selector", { key: "8d74b2848f6231d2a7accb29385e3d02273eec42", 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 })));
+    return a(_, { key: "8cccdce4a9960ecf6b860b638da26c50a68104c4" }, a("div", { key: "82854ad81861233231fe4a1e8006196155328141", class: "nylas-min-cancellation-notice", part: "nmcn" }, a("label", { key: "db3eddec3a8fb28c0b035d4d4cd61986832dff0b" }, "Minimum cancellation notice", a("span", { key: "137472a58beef549599289b04be8fde01e7d81da", class: "label-icon" }, a("tooltip-component", { key: "2cfcceb4c7144553ac85d32da46fbd894955a9ee" }, a("info-icon", { key: "9e13ddb61e10e10a5fa426fb6a2b56159597ea88", slot: "tooltip-icon" }), a("span", { key: "9670035ec49fe0db37564d2d44d30f2197a7ec85", slot: "tooltip-content" }, "Set the minimum amount of time required to cancel an event.")))), a("time-period-selector", { key: "0e7b9f7b99d7e10c2c39c5affdfc014a403146ad", 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 k(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -1547,163 +1680,163 @@ const Fe = class {
     };
   }
 };
-en([
+un([
   C({
     name: "nylas-min-cancellation-notice",
     stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
     eventToProps: {},
     fireRegisterEvent: !0
   }),
-  me("design:type", Function),
-  me("design:paramtypes", []),
-  me("design:returntype", void 0)
-], Fe.prototype, "render", null);
-Fe.style = Qt;
-var Ne = { exports: {} };
+  xe("design:type", Function),
+  xe("design:paramtypes", []),
+  xe("design:returntype", void 0)
+], Ue.prototype, "render", null);
+Ue.style = pn;
+var Ze = { exports: {} };
 (function(e, t) {
-  (function(n, a) {
-    e.exports = a();
-  })(Ue, 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" }, a = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, o = /\d\d/, s = /\d\d?/, l = /\d*[^-_:/,()\s\d]+/, r = {}, h = function(c) {
+  (function(n, i) {
+    e.exports = i();
+  })(Xe, 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" }, i = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, l = /\d\d/, s = /\d\d?/, o = /\d*[^-_:/,()\s\d]+/, r = {}, h = function(c) {
       return (c = +c) + (c > 68 ? 1900 : 2e3);
-    }, p = function(c) {
-      return function(f) {
-        this[c] = +f;
+    }, f = function(c) {
+      return function(p) {
+        this[c] = +p;
       };
     }, u = [/[+-]\d\d:?(\d\d)?|Z/, function(c) {
-      (this.zone || (this.zone = {})).offset = function(f) {
-        if (!f || f === "Z")
+      (this.zone || (this.zone = {})).offset = function(p) {
+        if (!p || p === "Z")
           return 0;
-        var b = f.match(/([+-]|\d\d)/g), y = 60 * b[1] + (+b[2] || 0);
-        return y === 0 ? 0 : b[0] === "+" ? -y : y;
+        var m = p.match(/([+-]|\d\d)/g), y = 60 * m[1] + (+m[2] || 0);
+        return y === 0 ? 0 : m[0] === "+" ? -y : y;
       }(c);
     }], g = function(c) {
-      var f = r[c];
-      return f && (f.indexOf ? f : f.s.concat(f.f));
-    }, v = function(c, f) {
-      var b, y = r.meridiem;
+      var p = r[c];
+      return p && (p.indexOf ? p : p.s.concat(p.f));
+    }, v = function(c, p) {
+      var m, y = r.meridiem;
       if (y) {
-        for (var S = 1; S <= 24; S += 1)
-          if (c.indexOf(y(S, 0, f)) > -1) {
-            b = S > 12;
+        for (var O = 1; O <= 24; O += 1)
+          if (c.indexOf(y(O, 0, p)) > -1) {
+            m = O > 12;
             break;
           }
       } else
-        b = c === (f ? "pm" : "PM");
-      return b;
-    }, I = { A: [l, function(c) {
+        m = c === (p ? "pm" : "PM");
+      return m;
+    }, D = { A: [o, function(c) {
       this.afternoon = v(c, !1);
-    }], a: [l, function(c) {
+    }], a: [o, function(c) {
       this.afternoon = v(c, !0);
     }], S: [/\d/, function(c) {
       this.milliseconds = 100 * +c;
-    }], SS: [o, function(c) {
+    }], SS: [l, function(c) {
       this.milliseconds = 10 * +c;
     }], SSS: [/\d{3}/, function(c) {
       this.milliseconds = +c;
-    }], s: [s, p("seconds")], ss: [s, p("seconds")], m: [s, p("minutes")], mm: [s, p("minutes")], H: [s, p("hours")], h: [s, p("hours")], HH: [s, p("hours")], hh: [s, p("hours")], D: [s, p("day")], DD: [o, p("day")], Do: [l, function(c) {
-      var f = r.ordinal, b = c.match(/\d+/);
-      if (this.day = b[0], f)
+    }], s: [s, f("seconds")], ss: [s, f("seconds")], m: [s, f("minutes")], mm: [s, f("minutes")], H: [s, f("hours")], h: [s, f("hours")], HH: [s, f("hours")], hh: [s, f("hours")], D: [s, f("day")], DD: [l, f("day")], Do: [o, function(c) {
+      var p = r.ordinal, m = c.match(/\d+/);
+      if (this.day = m[0], p)
         for (var y = 1; y <= 31; y += 1)
-          f(y).replace(/\[|\]/g, "") === c && (this.day = y);
-    }], M: [s, p("month")], MM: [o, p("month")], MMM: [l, function(c) {
-      var f = g("months"), b = (g("monthsShort") || f.map(function(y) {
+          p(y).replace(/\[|\]/g, "") === c && (this.day = y);
+    }], M: [s, f("month")], MM: [l, f("month")], MMM: [o, function(c) {
+      var p = g("months"), m = (g("monthsShort") || p.map(function(y) {
         return y.slice(0, 3);
       })).indexOf(c) + 1;
-      if (b < 1)
+      if (m < 1)
         throw new Error();
-      this.month = b % 12 || b;
-    }], MMMM: [l, function(c) {
-      var f = g("months").indexOf(c) + 1;
-      if (f < 1)
+      this.month = m % 12 || m;
+    }], MMMM: [o, function(c) {
+      var p = g("months").indexOf(c) + 1;
+      if (p < 1)
         throw new Error();
-      this.month = f % 12 || f;
-    }], Y: [/[+-]?\d+/, p("year")], YY: [o, function(c) {
+      this.month = p % 12 || p;
+    }], Y: [/[+-]?\d+/, f("year")], YY: [l, function(c) {
       this.year = h(c);
-    }], YYYY: [/\d{4}/, p("year")], Z: u, ZZ: u };
+    }], YYYY: [/\d{4}/, f("year")], Z: u, ZZ: u };
     function x(c) {
-      var f, b;
-      f = c, b = r && r.formats;
-      for (var y = (c = f.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(R, H, D) {
-        var O = D && D.toUpperCase();
-        return H || b[D] || n[D] || b[O].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(A, M, P) {
-          return M || P.slice(1);
+      var p, m;
+      p = c, m = r && r.formats;
+      for (var y = (c = p.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(R, L, S) {
+        var T = S && S.toUpperCase();
+        return L || m[S] || n[S] || m[T].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(M, A, P) {
+          return A || P.slice(1);
         });
-      })).match(a), S = y.length, E = 0; E < S; E += 1) {
-        var Z = y[E], N = I[Z], L = N && N[0], $ = N && N[1];
-        y[E] = $ ? { regex: L, parser: $ } : Z.replace(/^\[|\]$/g, "");
+      })).match(i), O = y.length, E = 0; E < O; E += 1) {
+        var Y = y[E], F = D[Y], $ = F && F[0], H = F && F[1];
+        y[E] = H ? { regex: $, parser: H } : Y.replace(/^\[|\]$/g, "");
       }
       return function(R) {
-        for (var H = {}, D = 0, O = 0; D < S; D += 1) {
-          var A = y[D];
-          if (typeof A == "string")
-            O += A.length;
+        for (var L = {}, S = 0, T = 0; S < O; S += 1) {
+          var M = y[S];
+          if (typeof M == "string")
+            T += M.length;
           else {
-            var M = A.regex, P = A.parser, Y = R.slice(O), B = M.exec(Y)[0];
-            P.call(H, B), R = R.replace(B, "");
+            var A = M.regex, P = M.parser, G = R.slice(T), j = A.exec(G)[0];
+            P.call(L, j), R = R.replace(j, "");
           }
         }
         return function(z) {
-          var T = z.afternoon;
-          if (T !== void 0) {
-            var j = z.hours;
-            T ? j < 12 && (z.hours += 12) : j === 12 && (z.hours = 0), delete z.afternoon;
+          var I = z.afternoon;
+          if (I !== void 0) {
+            var B = z.hours;
+            I ? B < 12 && (z.hours += 12) : B === 12 && (z.hours = 0), delete z.afternoon;
           }
-        }(H), H;
+        }(L), L;
       };
     }
-    return function(c, f, b) {
-      b.p.customParseFormat = !0, c && c.parseTwoDigitYear && (h = c.parseTwoDigitYear);
-      var y = f.prototype, S = y.parse;
+    return function(c, p, m) {
+      m.p.customParseFormat = !0, c && c.parseTwoDigitYear && (h = c.parseTwoDigitYear);
+      var y = p.prototype, O = y.parse;
       y.parse = function(E) {
-        var Z = E.date, N = E.utc, L = E.args;
-        this.$u = N;
-        var $ = L[1];
-        if (typeof $ == "string") {
-          var R = L[2] === !0, H = L[3] === !0, D = R || H, O = L[2];
-          H && (O = L[2]), r = this.$locale(), !R && O && (r = b.Ls[O]), this.$d = function(Y, B, z) {
+        var Y = E.date, F = E.utc, $ = E.args;
+        this.$u = F;
+        var H = $[1];
+        if (typeof H == "string") {
+          var R = $[2] === !0, L = $[3] === !0, S = R || L, T = $[2];
+          L && (T = $[2]), r = this.$locale(), !R && T && (r = m.Ls[T]), this.$d = function(G, j, z) {
             try {
-              if (["x", "X"].indexOf(B) > -1)
-                return new Date((B === "X" ? 1e3 : 1) * Y);
-              var T = x(B)(Y), j = T.year, V = T.month, Re = T.day, Pe = T.hours, ze = T.minutes, Be = T.seconds, je = T.milliseconds, ge = T.zone, J = /* @__PURE__ */ new Date(), G = Re || (j || V ? 1 : J.getDate()), X = j || J.getFullYear(), q = 0;
-              j && !V || (q = V > 0 ? V - 1 : J.getMonth());
-              var Q = Pe || 0, ee = ze || 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);
+              if (["x", "X"].indexOf(j) > -1)
+                return new Date((j === "X" ? 1e3 : 1) * G);
+              var I = x(j)(G), B = I.year, K = I.month, Ge = I.day, Ke = I.hours, Je = I.minutes, qe = I.seconds, Ve = I.milliseconds, we = I.zone, Q = /* @__PURE__ */ new Date(), X = Ge || (B || K ? 1 : Q.getDate()), ee = B || Q.getFullYear(), J = 0;
+              B && !K || (J = K > 0 ? K - 1 : Q.getMonth());
+              var te = Ke || 0, ne = Je || 0, ae = qe || 0, ie = Ve || 0;
+              return we ? new Date(Date.UTC(ee, J, X, te, ne, ae, ie + 60 * we.offset * 1e3)) : z ? new Date(Date.UTC(ee, J, X, te, ne, ae, ie)) : new Date(ee, J, X, te, ne, ae, ie);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
-          }(Z, $, N), this.init(), O && O !== !0 && (this.$L = this.locale(O).$L), D && Z != this.format($) && (this.$d = /* @__PURE__ */ new Date("")), r = {};
-        } else if ($ instanceof Array)
-          for (var A = $.length, M = 1; M <= A; M += 1) {
-            L[1] = $[M - 1];
-            var P = b.apply(this, L);
+          }(Y, H, F), this.init(), T && T !== !0 && (this.$L = this.locale(T).$L), S && Y != this.format(H) && (this.$d = /* @__PURE__ */ new Date("")), r = {};
+        } else if (H instanceof Array)
+          for (var M = H.length, A = 1; A <= M; A += 1) {
+            $[1] = H[A - 1];
+            var P = m.apply(this, $);
             if (P.isValid()) {
               this.$d = P.$d, this.$L = P.$L, this.init();
               break;
             }
-            M === A && (this.$d = /* @__PURE__ */ new Date(""));
+            A === M && (this.$d = /* @__PURE__ */ new Date(""));
           }
         else
-          S.call(this, E);
+          O.call(this, E);
       };
     };
   });
-})(Ne);
-const tn = Ne.exports, nn = ':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}', an = nn;
-K.extend(tn);
-const sn = class {
+})(Ze);
+const hn = Ze.exports, bn = ':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}', mn = bn;
+Z.extend(hn);
+const yn = class {
   constructor(e) {
-    m(this, e), this.timeChange = w(this, "timeChange", 7), this.formError = w(this, "formError", 7), this.time = void 0, this.minimumStartTime = null, this.placeholder = "hh:mmam/pm", this.name = void 0, this.hasError = !1, this.err = "", this.showTimes = !1, this.ariaActivedescendant = "", this.times = this.generateTimes(), this.shouldAutoScroll = !1;
+    b(this, e), this.timeChange = k(this, "timeChange", 7), this.formError = k(this, "formError", 7), this.time = void 0, this.minimumStartTime = null, this.placeholder = "hh:mmam/pm", this.name = void 0, this.hasError = !1, 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);
   }
   minimumStartTimeChangedHandler() {
     if (this.minimumStartTime) {
-      let e = K().hour(parseInt(this.minimumStartTime)).minute(parseInt(this.minimumStartTime.slice(-4, -2)));
+      let e = Z().hour(parseInt(this.minimumStartTime)).minute(parseInt(this.minimumStartTime.slice(-4, -2)));
       this.minimumStartTime.slice(-2).toLowerCase() === "pm" && parseInt(this.minimumStartTime) !== 12 ? e = e.add(12, "hour") : this.minimumStartTime.slice(-2).toLowerCase() === "am" && parseInt(this.minimumStartTime) === 12 && (e = e.subtract(12, "hour")), this.times = this.generateTimes();
-      const t = K(this.times[0].value, "hh:mma");
-      K(this.time, "hh:mma").isBefore(t) && (this.err = "Invalid", this.formError.emit({
+      const t = Z(this.times[0].value, "hh:mma");
+      Z(this.time, "hh:mma").isBefore(t) && (this.err = "Invalid", this.formError.emit({
         key: this.el.id,
         message: "Invalid"
       }));
@@ -1711,7 +1844,7 @@ const sn = class {
   }
   componentDidRender() {
     if (this.showTimes && this.shouldAutoScroll) {
-      const e = ae(this.time), t = this.times.findIndex((n) => n.value === e);
+      const e = se(this.time), t = this.times.findIndex((n) => n.value === e);
       t > -1 && (this.shouldAutoScroll = !1, this.scrollToViewWithinParent(t));
       return;
     }
@@ -1721,7 +1854,7 @@ const sn = class {
     n[0] === "00" && n[1].slice(-2) == "pm" && (this.err = "Invalid", this.formError.emit({
       key: this.el.id,
       message: "Invalid"
-    })), ie(t) ? (this.err = "", this.formError.emit({
+    })), le(t) ? (this.err = "", this.formError.emit({
       key: this.el.id,
       message: ""
     })) : (this.err = "Invalid", this.formError.emit({
@@ -1735,7 +1868,7 @@ const sn = class {
   handleTimeAutocomplete(e) {
     var n;
     const t = (n = e.target) == null ? void 0 : n.value;
-    if (!ie(t)) {
+    if (!le(t)) {
       this.err = "Invalid", this.formError.emit({
         key: this.el.id,
         message: "Invalid"
@@ -1743,18 +1876,18 @@ const sn = class {
       return;
     }
     if (t === "") {
-      const a = xe().format("hh:mma");
+      const i = Te().format("hh:mma");
       this.timeChange.emit({
         key: this.el.id,
-        value: a
+        value: i
       });
       return;
     }
-    if (!ke(t)) {
-      const a = ae(t);
+    if (!Ie(t)) {
+      const i = se(t);
       this.timeChange.emit({
         key: this.el.id,
-        value: a
+        value: i
       });
       return;
     }
@@ -1766,29 +1899,29 @@ const sn = class {
   handleOnInput(e) {
     var n;
     const t = (n = e.target) == null ? void 0 : n.value;
-    if (ie(t)) {
+    if (le(t)) {
       if (t === "") {
-        const a = xe().format("hh:mma"), o = this.times.findIndex((s) => s.value === a);
-        o > -1 && this.scrollToViewWithinParent(o);
+        const i = Te().format("hh:mma"), l = this.times.findIndex((s) => s.value === i);
+        l > -1 && this.scrollToViewWithinParent(l);
         return;
       }
-      if (!ke(t)) {
-        const a = ae(t), o = this.times.findIndex((s) => s.value === a);
-        o > -1 && this.scrollToViewWithinParent(o);
+      if (!Ie(t)) {
+        const i = se(t), l = this.times.findIndex((s) => s.value === i);
+        l > -1 && this.scrollToViewWithinParent(l);
         return;
       }
     }
   }
   generateTimes() {
     const e = [];
-    let t = K().set("hour", 0).set("minute", 0).set("second", 0);
-    this.minimumStartTime && (t = K(this.minimumStartTime, "hh:mma"));
-    const n = t.endOf("day").diff(t, "minutes"), a = Math.round(n / 15);
-    for (let o = 0; o < a + 1; o++) {
-      const s = t.add(o * 15, "minute");
-      if (o == a && s.format("hh:mma").includes("am"))
+    let t = Z().set("hour", 0).set("minute", 0).set("second", 0);
+    this.minimumStartTime && (t = Z(this.minimumStartTime, "hh:mma"));
+    const n = t.endOf("day").diff(t, "minutes"), i = Math.round(n / 15);
+    for (let l = 0; l < i + 1; l++) {
+      const s = t.add(l * 15, "minute");
+      if (l == i && s.format("hh:mma").includes("am"))
         break;
-      e.push({ id: o, value: s.format("hh:mma") });
+      e.push({ id: l, value: s.format("hh:mma") });
     }
     return e;
   }
@@ -1801,66 +1934,66 @@ const sn = class {
       if (this.ariaActivedescendant === "")
         this.ariaActivedescendant = this.times[0].id.toString(), this.focusOption(0);
       else {
-        const t = this.times.findIndex((a) => a.id.toString() === this.ariaActivedescendant), n = t + 1 < this.times.length ? t + 1 : 0;
+        const t = this.times.findIndex((i) => i.id.toString() === this.ariaActivedescendant), n = t + 1 < this.times.length ? t + 1 : 0;
         this.ariaActivedescendant = this.times[n].id.toString(), this.focusOption(n);
       }
     } else if (e.key === "ArrowUp")
       if (e.preventDefault(), this.ariaActivedescendant === "")
         this.ariaActivedescendant = this.times[this.times.length - 1].id.toString(), this.focusOption(this.times.length - 1);
       else {
-        const t = this.times.findIndex((a) => a.id.toString() === this.ariaActivedescendant), n = t - 1 >= 0 ? t - 1 : this.times.length - 1;
+        const t = this.times.findIndex((i) => i.id.toString() === this.ariaActivedescendant), n = t - 1 >= 0 ? t - 1 : this.times.length - 1;
         this.ariaActivedescendant = this.times[n].id.toString(), this.focusOption(n);
       }
     else
       e.key === "Escape" && (this.showTimes = !1, this.timeInput.focus());
   }
   handleListboxKeydown(e) {
-    const t = this.times, n = t.findIndex((a) => a.id.toString() === this.ariaActivedescendant);
+    const t = this.times, n = t.findIndex((i) => i.id.toString() === this.ariaActivedescendant);
     if (e.key === "ArrowDown" || e.key === "Tab" && !e.shiftKey) {
       e.preventDefault();
-      const a = n + 1 < t.length ? n + 1 : 0;
-      this.ariaActivedescendant = t[a].id.toString(), this.focusOption(a);
+      const i = n + 1 < t.length ? n + 1 : 0;
+      this.ariaActivedescendant = t[i].id.toString(), this.focusOption(i);
     } else if (e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey) {
       e.preventDefault();
-      const a = n - 1 >= 0 ? n - 1 : t.length - 1;
-      this.ariaActivedescendant = t[a].id.toString(), this.focusOption(a);
+      const i = n - 1 >= 0 ? n - 1 : t.length - 1;
+      this.ariaActivedescendant = t[i].id.toString(), this.focusOption(i);
     } else if (e.key === "Enter") {
       if (e.preventDefault(), this.ariaActivedescendant) {
-        const a = t[n];
-        this.handleTimeChange(e, a.value), this.showTimes = !1, this.ariaActivedescendant = "", this.timeInput.focus();
+        const i = t[n];
+        this.handleTimeChange(e, i.value), this.showTimes = !1, this.ariaActivedescendant = "", this.timeInput.focus();
       }
     } else
       e.key === "Escape" && (this.showTimes = !1, this.timeInput.focus());
   }
   scrollToViewWithinParent(e) {
-    var l;
-    const t = this.times[e], n = (l = this.el.shadowRoot) == null ? void 0 : l.getElementById(t.id.toString()), a = this.timeMenu;
+    var o;
+    const t = this.times[e], n = (o = this.el.shadowRoot) == null ? void 0 : o.getElementById(t.id.toString()), i = this.timeMenu;
     this.ariaActivedescendant = t.id.toString();
-    const o = n.getBoundingClientRect(), s = a.getBoundingClientRect();
-    o.top < s.top ? a.scrollTop -= s.top - o.top : o.bottom > s.bottom && (a.scrollTop += o.bottom - s.bottom), o.left < s.left ? a.scrollLeft -= s.left - o.left : o.right > s.right && (a.scrollLeft += o.right - s.right);
+    const l = n.getBoundingClientRect(), s = i.getBoundingClientRect();
+    l.top < s.top ? i.scrollTop -= s.top - l.top : l.bottom > s.bottom && (i.scrollTop += l.bottom - s.bottom), l.left < s.left ? i.scrollLeft -= s.left - l.left : l.right > s.right && (i.scrollLeft += l.right - s.right);
   }
   focusOption(e) {
-    var o;
+    var l;
     const t = this.times[e];
     if (!t)
       return;
-    const n = t.id.toString(), a = (o = this.el.shadowRoot) == null ? void 0 : o.getElementById(n);
-    a && (a.focus(), a.scrollIntoView({ behavior: "smooth", block: "nearest" }));
+    const n = t.id.toString(), i = (l = this.el.shadowRoot) == null ? void 0 : l.getElementById(n);
+    i && (i.focus(), i.scrollIntoView({ behavior: "smooth", block: "nearest" }));
   }
   render() {
-    return i(_, { key: "bb7dc42bbfdbad25bfcd419846582d470a2e9df9" }, i("div", { key: "26df571e17431fb0d27e8a0166334f30f19c3067", class: "time-picker", part: "time-picker" }, i("input", { key: "3391356d69af3205a3427bd791124af6a05d5524", type: "text", name: this.name, id: this.name, part: "time-input", class: {
+    return a(_, { key: "a6c2e840c56397a1365b3205e793df4157c734d0" }, a("div", { key: "d36acf9fb02fa1ae9337d02b161d51880a68422e", class: "time-picker", part: "time-picker" }, a("input", { key: "d574493f83e42ef66a64d14a21abaaf38f7926c3", 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 = !this.showTimes, 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 && i("div", { class: "invalid-time-icon" }), this.showTimes && i("div", { class: "times", part: "times", ref: (e) => this.timeMenu = e }, i("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (e) => this.handleListboxKeydown(e) }, this.times.map((e) => i("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 && i("p", { class: "error", id: "email-error" }, this.err)));
+    }, role: "option" }, `${e.value}`)))), !this.showTimes && this.err && a("p", { class: "error", id: "email-error" }, this.err)));
   }
   get el() {
-    return k(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -1868,28 +2001,157 @@ const sn = class {
     };
   }
 };
-sn.style = an;
+yn.style = mn;
+const gn = ':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-timeslot-interval{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-timeslot-interval .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-timeslot-interval .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-timeslot-interval .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-timeslot-interval .nylas-timeslot-interval__dropdown{padding:1rem;display:flex;flex-direction:column;gap:4px}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown span.label tooltip-component{display:flex}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown{margin-bottom:1.5rem}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-timeslot-interval .nylas-timeslot-interval__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-timeslot-interval .nylas-timeslot-interval__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}', vn = gn;
+var kn = function(e, t, n, i) {
+  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    s = Reflect.decorate(e, t, n, i);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (o = e[r]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
+  return l > 3 && s && Object.defineProperty(t, n, s), s;
+}, _e = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const q = 15, Ye = class {
+  constructor(e) {
+    var t, n, i, l, s, o;
+    b(this, e), this.valueChanged = k(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.selectedConfiguration = void 0, this.name = "timeslot-picker", this.eventDurationMinutes = ((n = (t = this.selectedConfiguration) == null ? void 0 : t.availability) == null ? void 0 : n.duration_minutes) ?? 5, this.defaultIntervalMinutes = ((l = (i = this.selectedConfiguration) == null ? void 0 : i.availability) == null ? void 0 : l.interval_minutes) ?? this.eventDurationMinutes, this.defaultRoundTo = ((o = (s = this.selectedConfiguration) == null ? void 0 : s.availability) == null ? void 0 : o.round_to) ?? void 0, this.selectedInterval = this.defaultIntervalMinutes, this.selectedRoundTo = !!(this.defaultRoundTo && this.defaultRoundTo === this.defaultIntervalMinutes);
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-timeslot-interval", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  selectedConfigurationChangedHandler(e) {
+    var t, n;
+    d("nylas-timeslot-interval", "selectedConfigurationChangedHandler", e), this.defaultIntervalMinutes = ((t = e.availability) == null ? void 0 : t.interval_minutes) ?? this.eventDurationMinutes, this.defaultRoundTo = ((n = e.availability) == null ? void 0 : n.round_to) ?? void 0, this.selectedInterval = this.defaultIntervalMinutes, this.selectedRoundTo = !!(this.defaultRoundTo && this.defaultRoundTo === this.defaultIntervalMinutes);
+  }
+  connectedCallback() {
+    d("nylas-timeslot-interval", "connectedCallback");
+  }
+  disconnectedCallback() {
+    d("nylas-timeslot-interval", "disconnectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-timeslot-interval", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    d("nylas-timeslot-interval", "componentDidLoad");
+  }
+  componentWillUpdate() {
+    d("nylas-timeslot-interval", "componentWillUpdate");
+  }
+  componentDidUpdate() {
+    d("nylas-timeslot-interval", "componentDidUpdate");
+  }
+  componentWillRender() {
+    d("nylas-timeslot-interval", "componentWillRender");
+  }
+  componentDidRender() {
+    d("nylas-timeslot-interval", "componentDidRender");
+  }
+  nylasFormDropdownChangedHandler(e) {
+    d("nylas-timeslot-interval", "nylasFormDropdownChangedHandler", e.detail), e.detail.value === "duration" ? this.selectedInterval = this.eventDurationMinutes : this.selectedInterval = parseInt(e.detail.value), console.log("nylasFormDropdownChanged selectedRoundTo", this.selectedRoundTo), this.valueChanged.emit({
+      value: JSON.stringify({
+        interval: this.selectedInterval,
+        roundTo: this.selectedRoundTo ? this.selectedInterval : q
+      }),
+      name: this.name
+    }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(JSON.stringify({ interval: this.selectedInterval, roundTo: this.selectedRoundTo ? this.selectedInterval : q }), this.name);
+  }
+  radioSelectionChangedHandler(e) {
+    d("nylas-timeslot-interval", "radioSelectionChangedHandler", e.detail), e.detail.value === "no-rounding" ? this.selectedRoundTo = !1 : this.selectedRoundTo = !0, console.log("selectedRoundTo", this.selectedRoundTo), this.valueChanged.emit({
+      value: JSON.stringify({
+        interval: this.selectedInterval,
+        roundTo: this.selectedRoundTo ? this.selectedInterval : q
+      }),
+      name: this.name
+    }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(JSON.stringify({ interval: this.selectedInterval, roundTo: this.selectedRoundTo ? this.selectedInterval : q }), this.name);
+  }
+  render() {
+    const e = [
+      { value: "duration", label: "Length of the booking" },
+      { value: "5", label: "5 mins" },
+      { value: "10", label: "10 mins" },
+      { value: "15", label: "15 mins" },
+      { value: "20", label: "20 mins" },
+      { value: "30", label: "30 mins" },
+      { value: "45", label: "45 mins" },
+      { value: "60", label: "60 mins" }
+    ];
+    return a(_, { key: "218908e5caee3df264532000ee406e888a7ae6b5" }, a("div", { key: "c7fbf0c98a0a1999541a2970eafa7ab3bb76181f", class: "nylas-timeslot-interval", part: "nti" }, a("div", { key: "2e434be03d0bf571a7dc9a984c8d7fd243faab2f", class: "header", part: "nti__header" }, a("h3", { key: "957af7f458ed3dde113b473e46f01c18636a26ff" }, "Time-slot interval preferences"), a("p", { key: "5d16f7c33bcba2e3e457f07b85c9a3159f5f28fc" }, "Choose your interval preference for time-slots.")), a("div", { key: "9e2a6327ae104b162ad1882ff42e3b39b634c7e4", class: "nylas-timeslot-interval__dropdown" }, a("span", { key: "70bec24786bdcfdf07356f91640be14ee5d2c147", class: "label", part: "nti__input-label" }, "Select interval preference", a("tooltip-component", { key: "a7d3a458106b07b1ae79517b2c7de11c9401033c" }, a("info-icon", { key: "2fef5cb6c3fe62f7034c3c43e51f2ade04261021", slot: "tooltip-icon" }), a("span", { key: "d321766e49f8487610267a964ffbecb84e352082", slot: "tooltip-content" }, "Set the interval preference for the time-slots."))), a("select-dropdown", { key: "77ba683ef75281101d5e677de21a45599d00d061", name: "booking-calendar", options: e, withSearch: !1, exportparts: "sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content", defaultSelectedOption: this.defaultIntervalMinutes == this.eventDurationMinutes ? e[0] : e.find((t) => t.value == this.defaultIntervalMinutes.toString()) ?? e[0] }), a("span", { key: "9bea159b0fd24c70214c1bc554d447e1a8c6e124", class: "label", part: "nti__input-label" }, "Select the type of time-slot rounding", a("tooltip-component", { key: "c0e5c9f89e0b48149f114214a299f6f85ddfd7fa" }, a("info-icon", { key: "b0c4588afabb822532fecce06d12045ad16c534b", slot: "tooltip-icon" }), a("span", { key: "7b0d4571043dc17ff35747cfa6e8b98c5742ac24", slot: "tooltip-content" }, "Select if you want to round the time slots to the nearest interval."))), a("radio-button-group", { key: "50eaa3d8675ddcba7d6b4d81324bc70668e9ad2f", name: "interval-preference", defaultSelectedValue: this.defaultRoundTo && this.defaultRoundTo === this.defaultIntervalMinutes ? "rounding" : "no-rounding", options: [
+      { value: "no-rounding", label: "Default", description: "Time-slots will be rounded to the nearest quarter-hour." },
+      {
+        value: "rounding",
+        label: "Interval rounding",
+        description: "Time-slots will begin at times rounded to the interval value."
+      }
+    ] }))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return w(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      selectedConfiguration: ["selectedConfigurationChangedHandler"]
+    };
+  }
+};
+kn([
+  C({
+    name: "nylas-timeslot-interval",
+    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
+    fireRegisterEvent: !0
+  }),
+  _e("design:type", Function),
+  _e("design:paramtypes", []),
+  _e("design:returntype", void 0)
+], Ye.prototype, "render", null);
+Ye.style = vn;
+const xn = ".radio-group{display:flex;flex-direction:column}.radio-group label{display:flex;font-family:var(--nylas-font-family);cursor:pointer}.radio-group label .radio-option{display:flex;align-items:flex-start;gap:0.5rem}.radio-group label .radio-option input[type=radio]{cursor:pointer}.radio-group label .radio-option input[type=radio i]{width:20px;height:20px;color:var(--nylas-primary);margin-top:16px}.radio-group label .radio-option p{display:flex;flex-direction:column;gap:0.5rem}.radio-group label .radio-option p .title{font-size:16px;font-weight:500;line-height:20px;color:var(--nylas-base-800)}.radio-group label .radio-option p .description{font-size:14px;font-weight:400;line-height:20px;color:var(--nylas-base-600)}", _n = xn, wn = class {
+  constructor(e) {
+    b(this, e), this.radioSelectionChanged = k(this, "radioSelectionChanged", 7), this.name = "radio-group", this.options = [], this.defaultSelectedValue = "", this.selectedValue = this.defaultSelectedValue;
+  }
+  handleChange(e) {
+    this.selectedValue = e, this.radioSelectionChanged.emit({
+      value: e,
+      name: this.name
+    });
+  }
+  render() {
+    return a("div", { key: "d407d08b8179a3370934e580c0971c00f323879a", class: "radio-group" }, this.options.map((e) => a("label", null, a("div", { class: "radio-option" }, a("input", { type: "radio", name: this.name, value: e.value, checked: this.selectedValue === e.value, onChange: () => this.handleChange(e.value) }), a("p", null, a("span", { class: "title" }, e.label), a("span", { class: "description" }, e.description))))));
+  }
+};
+wn.style = _n;
 export {
-  Ve as add_circle_icon,
-  Ge as button_component,
-  et as calendar_info_icon,
-  at as calendar_patterns_icon,
-  ot as flow_icon,
-  dt as input_dropdown,
-  ft as location_icon,
-  bt as location_off_icon,
-  gt as multi_select_dropdown,
-  Oe as nylas_availability_picker,
-  Te as nylas_booking_calendar_picker,
-  Ie as nylas_buffer_time,
-  De as nylas_calendar_picker,
-  Se as nylas_event_description,
-  Ee as nylas_event_duration,
-  Le as nylas_event_info,
-  $e as nylas_event_limits,
-  He as nylas_event_location,
-  Ae as nylas_event_title,
-  Me as nylas_limit_future_bookings,
-  Fe as nylas_min_cancellation_notice,
-  sn as nylas_time_window_picker
+  at as calendar_info_icon,
+  lt as calendar_patterns_icon,
+  dt as checkbox_component,
+  pt as flow_icon,
+  bt as location_icon,
+  gt as location_off_icon,
+  xt as multi_select_dropdown,
+  Ee as nylas_availability_picker,
+  $e as nylas_booking_calendar_picker,
+  He as nylas_buffer_time,
+  Le as nylas_calendar_picker,
+  Me as nylas_cancellation_policy,
+  Ae as nylas_customize_booking_settings,
+  Ne as nylas_event_description,
+  Fe as nylas_event_duration,
+  Re as nylas_event_info,
+  Pe as nylas_event_limits,
+  ze as nylas_event_location,
+  je as nylas_event_title,
+  Be as nylas_limit_future_bookings,
+  We as nylas_min_booking_notice,
+  Ue as nylas_min_cancellation_notice,
+  yn as nylas_time_window_picker,
+  Ye as nylas_timeslot_interval,
+  wn as radio_button_group
 };