@nylas/react 2.0.4 → 2.1.0

package/dist/{nylas-date-component_2.entry-6a98a5bf.js → nylas-date-component_2.entry-a869519f.js}

@@ -1,20 +1,31 @@
-import { r as g, a as o, y as h, h as n, g as v, d as l, i as d, W as m, X as f, L as x, Y as u, Z as p, M as b, H as w } from "./index-2084ffd9.js";
-import { L as c } from "./constants-f51538ef-e0a5f026.js";
-import { c as k } from "./customParseFormat-8be9be1b-2464f2ba.js";
+import { r as g, c as o, h as n, g as v, H as x } from "./index-025be398.js";
+import { q as d, a as l, i as c, O as h, P as m, E as w, Q as u, R as p, F as b } from "./utils-31933f5d-15041585.js";
+import { L as f } from "./constants-f51538ef-e0a5f026.js";
+import { c as k } from "./customParseFormat-b5d95b34-ce80820c.js";
+import "@nylas/web-elements";
 import "react";
+import "@nylas/connect";
 import "react/jsx-runtime";
 import "react-dom";
-const T = ':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error);border-color:var(--nylas-error)}.input_wrapper{display:flex;align-items:center;gap:1rem}input[type=date]{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:100%;width:-moz-available;width:-webkit-fill-available;font-family:var(--nylas-font-family);padding:0 8px;cursor:pointer}input[type=date]:focus{outline-color:var(--nylas-primary)}input[type=date].error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}input[type=date].error::placeholder{font-weight:400}input[type=date]::placeholder{color:var(--nylas-base-300)}input:read-only{background-color:var(--nylas-base-100);cursor:not-allowed}', I = T, F = {
+const T = ':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error);border-color:var(--nylas-error)}.input_wrapper{display:flex;align-items:center;gap:1rem}input[type=date]{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:100%;width:-moz-available;width:-webkit-fill-available;font-family:var(--nylas-font-family);padding:0 8px;cursor:pointer}input[type=date]:focus{outline-color:var(--nylas-primary)}input[type=date].error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}input[type=date].error::placeholder{font-weight:400}input[type=date]::placeholder{color:var(--nylas-base-300)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(37%) sepia(51%) saturate(6324%) hue-rotate(215deg) brightness(94%) contrast(95%);cursor:pointer}input:read-only{background-color:var(--nylas-base-100);cursor:not-allowed}', C = T, I = {
   date: "YYYY-MM-DD"
-}, A = class {
+}, F = class {
   constructor(t) {
-    g(this, t), this.nylasFormInputChanged = o(this, "nylasFormInputChanged", 7), this.nylasFormInputFocused = o(this, "nylasFormInputFocused", 7), this.nylasFormInputBlurred = o(this, "nylasFormInputBlurred", 7), this.name = "input", this.defaultValue = void 0, this.label = "", this.placeholder = F.date, this.required = !1, this.readOnly = !1, this.autoFocus = !1, this.pattern = void 0, this.maxLength = 255, this.patternError = "", this.requiredError = "", this.minDate = void 0, this.hasError = !1, this.value = void 0, this.error = "", this.isDateValid = !0;
+    g(this, t), this.nylasFormInputChanged = o(this, "nylasFormInputChanged", 7), this.nylasFormInputFocused = o(this, "nylasFormInputFocused", 7), this.nylasFormInputBlurred = o(this, "nylasFormInputBlurred", 7), this.name = "input", this.defaultValue = void 0, this.label = "", this.placeholder = I.date, this.required = !1, this.readOnly = !1, this.autoFocus = !1, this.pattern = void 0, this.maxLength = 255, this.patternError = "", this.requiredError = "", this.errorMessage = "", this.minDate = void 0, this.hasError = !1, this.themeConfig = void 0, this.value = void 0, this.error = "", this.isDateValid = !0;
   }
   handleDefaultValueChange(t) {
-    this.value = h(t), this.value && this.validatePattern(this.value, !0);
+    this.value = d(t), this.value && this.validatePattern(this.value, !0);
+  }
+  themeConfigChangedHandler(t, e) {
+    t !== e && this.applyThemeConfig(t);
+  }
+  applyThemeConfig(t) {
+    if (t)
+      for (const [e, i] of Object.entries(t))
+        this.el.style.setProperty(`${e}`, i);
   }
   componentDidLoad() {
-    this.value = h(this.defaultValue || ""), this.value && this.validatePattern(this.value, !0);
+    this.value = d(this.defaultValue || ""), this.value && this.validatePattern(this.value, !0), this.applyThemeConfig(this.themeConfig);
   }
   handleBookingFormSubmitted(t) {
     this.validatePattern(this.value), this.error && t.preventDefault();
@@ -25,7 +36,7 @@ const T = ':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-error
   handleInput(t) {
     this.error = "";
     const e = t.target;
-    this.value = h(e.value), this.isDateValid = e.validity.valid, this.nylasFormInputChanged.emit({
+    this.value = d(e.value), this.isDateValid = e.validity.valid, this.nylasFormInputChanged.emit({
       value: this.value,
       name: this.name,
       label: this.label,
@@ -47,7 +58,7 @@ const T = ':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-error
   }
   validatePattern(t, e = !1) {
     if (this.error = "", !e && (this.required && !this.isDateValid || this.minDate && new Date(this.minDate) > new Date(t))) {
-      this.error = "Please enter a valid date", this.nylasFormInputChanged.emit({
+      this.error = this.errorMessage || "Please enter a valid date", this.nylasFormInputChanged.emit({
         value: this.value,
         name: this.name,
         label: this.label,
@@ -63,23 +74,24 @@ const T = ':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-error
     !this.pattern || !t && !this.required || (this.pattern.test(t) ? this.error = "" : this.error = this.patternError || "Invalid format.");
   }
   render() {
-    return n("label", { key: "5b1b9d5bd627971fab0ae9450dfffbc4b4d7c5e0", part: "ic__label", class: { error: !!this.error || this.hasError } }, this.label && n("p", null, n("span", { class: "label" }, this.label), this.required && n("span", { class: "required" }, "*")), n("div", { key: "62a760f2aaf894ecd7701d2f9d7318d3ed81ddd3", part: "ic__input_wrapper", class: "input_wrapper" }, n("input", { key: "b34364549bdb557423a5bcae0f6958c797d2e265", type: "date", name: this.name, part: "ic__date", title: this.readOnly ? "read-only field" : void 0, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, min: this.minDate, maxLength: this.maxLength, placeholder: this.placeholder, class: { error: !!this.error || this.hasError }, onInput: (t) => this.handleInput(t), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), n("slot", { key: "e1af09a4f2e6557b3b5b42c08d4ac54478981c9f", name: "additional-input" })), this.error && n("span", { class: "error help-text" }, this.error));
+    return n("label", { key: "19e91d1f34df671a8c3fb97ca4cb9361baccaeb3", part: "ic__label", class: { error: !!this.error || this.hasError } }, this.label && n("p", null, n("span", { class: "label" }, this.label), this.required && n("span", { class: "required" }, "*")), n("div", { key: "fd3f370a7469135b82c876938a5c1df1faedfd31", part: "ic__input_wrapper", class: "input_wrapper" }, n("input", { key: "a27ac166f7512464ed9e2caf10539ae60e0df92a", type: "date", name: this.name, part: "ic__date", title: this.readOnly ? "read-only field" : void 0, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, min: this.minDate, maxLength: this.maxLength, placeholder: this.placeholder, class: { error: !!this.error || this.hasError }, onInput: (t) => this.handleInput(t), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), n("slot", { key: "2d3806006d35fecaa9b48a878eb4216249cdc80f", name: "additional-input" })), this.error && n("span", { class: "error help-text" }, this.error));
   }
   get el() {
     return v(this);
   }
   static get watchers() {
     return {
-      defaultValue: ["handleDefaultValueChange"]
+      defaultValue: ["handleDefaultValueChange"],
+      themeConfig: ["themeConfigChangedHandler"]
     };
   }
 };
-A.style = I;
-const C = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.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:var(--nylas-base-900);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}', D = C;
+F.style = C;
+const A = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.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;color:var(--nylas-base-900);cursor:pointer;background:var(--nylas-base-0);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:var(--nylas-base-0)}.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:var(--nylas-base-900);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}', D = A;
 l.extend(k);
-const S = class {
+const E = class {
   constructor(t) {
-    g(this, t), this.timeChange = o(this, "timeChange", 7), this.timeWindowFormError = o(this, "timeWindowFormError", 7), this.time = void 0, this.minimumStartTime = null, this.placeholder = "hh:mmam/pm", this.name = void 0, this.hasError = !1, this.language = c.en, this.err = "", this.showTimes = !1, this.ariaActivedescendant = "", this.times = this.generateTimes(), this.shouldAutoScroll = !1;
+    g(this, t), this.timeChange = o(this, "timeChange", 7), this.timeWindowFormError = o(this, "timeWindowFormError", 7), this.time = void 0, this.minimumStartTime = null, this.placeholder = "hh:mmam/pm", this.name = void 0, this.hasError = !1, this.language = f.en, this.themeConfig = void 0, this.err = "", this.showTimes = !1, this.ariaActivedescendant = "", this.times = this.generateTimes(), this.shouldAutoScroll = !1;
   }
   handleOutsideClick(t) {
     !t.composedPath().includes(this.el) && this.showTimes && (this.showTimes = !1);
@@ -90,14 +102,22 @@ const S = class {
   minimumStartTimeChangedHandler() {
     this.validateTimeAgainstMinimum();
   }
+  themeConfigChangedHandler(t, e) {
+    this.applyThemeConfig(t);
+  }
+  applyThemeConfig(t) {
+    if (t)
+      for (const [e, i] of Object.entries(t))
+        this.el.style.setProperty(`${e}`, i);
+  }
   validateTimeAgainstMinimum() {
     if (this.minimumStartTime) {
       const t = l(this.minimumStartTime, "hh:mma"), e = l(this.time, "hh:mma");
       this.times = this.generateTimes();
-      const s = d.t("nylasTimeWindowPicker.errors.invalid");
-      e.isBefore(t) ? (this.err = s, this.timeWindowFormError.emit({
+      const i = c.t("nylasTimeWindowPicker.errors.invalid");
+      e.isBefore(t) ? (this.err = i, this.timeWindowFormError.emit({
         key: this.el.id,
-        message: s
+        message: i
       })) : (this.err = "", this.timeWindowFormError.emit({
         key: this.el.id,
         message: ""
@@ -109,34 +129,34 @@ const S = class {
       });
   }
   componentDidLoad() {
-    this.validateTimeAgainstMinimum();
+    this.validateTimeAgainstMinimum(), this.applyThemeConfig(this.themeConfig);
   }
   componentDidRender() {
     if (this.showTimes && this.shouldAutoScroll) {
-      const t = m(this.time), e = this.times.findIndex((s) => s.value === t);
+      const t = h(this.time), e = this.times.findIndex((i) => i.value === t);
       e > -1 && (this.shouldAutoScroll = !1, this.scrollToViewWithinParent(e));
       return;
     }
   }
   handleTimeChange(t, e) {
-    const s = e.split(":");
-    if (s[0] === "00" && s[1].slice(-2) == "pm") {
-      const i = d.t("nylasTimeWindowPicker.errors.invalid");
-      this.err = i, this.timeWindowFormError.emit({
+    const i = e.split(":");
+    if (i[0] === "00" && i[1].slice(-2) == "pm") {
+      const s = c.t("nylasTimeWindowPicker.errors.invalid");
+      this.err = s, this.timeWindowFormError.emit({
         key: this.el.id,
-        message: i
+        message: s
       });
     }
-    if (f(e))
+    if (m(e))
       this.err = "", this.timeWindowFormError.emit({
         key: this.el.id,
         message: ""
       });
     else {
-      const i = d.t("nylasTimeWindowPicker.errors.invalid");
-      this.err = i, this.timeWindowFormError.emit({
+      const s = c.t("nylasTimeWindowPicker.errors.invalid");
+      this.err = s, this.timeWindowFormError.emit({
         key: this.el.id,
-        message: i
+        message: s
       });
     }
     this.err || this.timeChange.emit({
@@ -146,15 +166,15 @@ const S = class {
   }
   handleTimeAutocomplete(t) {
     var a;
-    const e = (a = t.target) == null ? void 0 : a.value, s = this.language === c.de || this.language === c.fr ? x(e) : e, i = d.t("nylasTimeWindowPicker.errors.invalid");
-    if (!f(s)) {
-      this.err = i, this.timeWindowFormError.emit({
+    const e = (a = t.target) == null ? void 0 : a.value, i = this.language !== f.en ? w(e) : e, s = c.t("nylasTimeWindowPicker.errors.invalid");
+    if (!m(i)) {
+      this.err = s, this.timeWindowFormError.emit({
         key: this.el.id,
-        message: i
+        message: s
       });
       return;
     }
-    if (s === "") {
+    if (i === "") {
       const r = u().format("hh:mma");
       this.timeChange.emit({
         key: this.el.id,
@@ -162,8 +182,8 @@ const S = class {
       });
       return;
     }
-    if (!p(s)) {
-      const r = m(s);
+    if (!p(i)) {
+      const r = h(i);
       this.timeChange.emit({
         key: this.el.id,
         value: r
@@ -172,20 +192,20 @@ const S = class {
     }
     this.timeChange.emit({
       key: this.el.id,
-      value: s
+      value: i
     });
   }
   handleOnInput(t) {
-    var s;
-    const e = (s = t.target) == null ? void 0 : s.value;
-    if (f(e)) {
+    var i;
+    const e = (i = t.target) == null ? void 0 : i.value;
+    if (m(e)) {
       if (e === "") {
-        const i = u().format("hh:mma"), a = this.times.findIndex((r) => r.value === i);
+        const s = u().format("hh:mma"), a = this.times.findIndex((r) => r.value === s);
         a > -1 && this.scrollToViewWithinParent(a);
         return;
       }
       if (!p(e)) {
-        const i = m(e), a = this.times.findIndex((r) => r.value === i);
+        const s = h(e), a = this.times.findIndex((r) => r.value === s);
         a > -1 && this.scrollToViewWithinParent(a);
         return;
       }
@@ -195,10 +215,10 @@ const S = class {
     const t = [];
     let e = l().set("hour", 0).set("minute", 0).set("second", 0);
     this.minimumStartTime && (e = l(this.minimumStartTime, "hh:mma"));
-    const s = e.endOf("day").diff(e, "minutes"), i = Math.round(s / 15);
-    for (let a = 0; a < i + 1; a++) {
+    const i = e.endOf("day").diff(e, "minutes"), s = Math.round(i / 15);
+    for (let a = 0; a < s + 1; a++) {
       const r = e.add(a * 15, "minute");
-      if (a == i && r.format("hh:mma").includes("am"))
+      if (a == s && r.format("hh:mma").includes("am"))
         break;
       t.push({ id: a, value: r.format("hh:mma") });
     }
@@ -213,63 +233,63 @@ const S = class {
       if (this.ariaActivedescendant === "")
         this.ariaActivedescendant = this.times[0].id.toString(), this.focusOption(0);
       else {
-        const e = this.times.findIndex((i) => i.id.toString() === this.ariaActivedescendant), s = e + 1 < this.times.length ? e + 1 : 0;
-        this.ariaActivedescendant = this.times[s].id.toString(), this.focusOption(s);
+        const e = this.times.findIndex((s) => s.id.toString() === this.ariaActivedescendant), i = e + 1 < this.times.length ? e + 1 : 0;
+        this.ariaActivedescendant = this.times[i].id.toString(), this.focusOption(i);
       }
     } else if (t.key === "ArrowUp")
       if (t.preventDefault(), this.ariaActivedescendant === "")
         this.ariaActivedescendant = this.times[this.times.length - 1].id.toString(), this.focusOption(this.times.length - 1);
       else {
-        const e = this.times.findIndex((i) => i.id.toString() === this.ariaActivedescendant), s = e - 1 >= 0 ? e - 1 : this.times.length - 1;
-        this.ariaActivedescendant = this.times[s].id.toString(), this.focusOption(s);
+        const e = this.times.findIndex((s) => s.id.toString() === this.ariaActivedescendant), i = e - 1 >= 0 ? e - 1 : this.times.length - 1;
+        this.ariaActivedescendant = this.times[i].id.toString(), this.focusOption(i);
       }
     else
       t.key === "Escape" && (this.showTimes = !1, this.timeInput.focus());
   }
   handleListboxKeydown(t) {
-    const e = this.times, s = e.findIndex((i) => i.id.toString() === this.ariaActivedescendant);
+    const e = this.times, i = e.findIndex((s) => s.id.toString() === this.ariaActivedescendant);
     if (t.key === "ArrowDown" || t.key === "Tab" && !t.shiftKey) {
       t.preventDefault();
-      const i = s + 1 < e.length ? s + 1 : 0;
-      this.ariaActivedescendant = e[i].id.toString(), this.focusOption(i);
+      const s = i + 1 < e.length ? i + 1 : 0;
+      this.ariaActivedescendant = e[s].id.toString(), this.focusOption(s);
     } else if (t.key === "ArrowUp" || t.key === "Tab" && t.shiftKey) {
       t.preventDefault();
-      const i = s - 1 >= 0 ? s - 1 : e.length - 1;
-      this.ariaActivedescendant = e[i].id.toString(), this.focusOption(i);
+      const s = i - 1 >= 0 ? i - 1 : e.length - 1;
+      this.ariaActivedescendant = e[s].id.toString(), this.focusOption(s);
     } else if (t.key === "Enter") {
       if (t.preventDefault(), this.ariaActivedescendant) {
-        const i = e[s];
-        this.handleTimeChange(t, i.value), this.showTimes = !1, this.ariaActivedescendant = "", this.timeInput.focus();
+        const s = e[i];
+        this.handleTimeChange(t, s.value), this.showTimes = !1, this.ariaActivedescendant = "", this.timeInput.focus();
       }
     } else
       t.key === "Escape" && (this.showTimes = !1, this.timeInput.focus());
   }
   scrollToViewWithinParent(t) {
     var y;
-    const e = this.times[t], s = (y = this.el.shadowRoot) == null ? void 0 : y.getElementById(e.id.toString()), i = this.timeMenu;
+    const e = this.times[t], i = (y = this.el.shadowRoot) == null ? void 0 : y.getElementById(e.id.toString()), s = this.timeMenu;
     this.ariaActivedescendant = e.id.toString();
-    const a = s.getBoundingClientRect(), r = i.getBoundingClientRect();
-    a.top < r.top ? i.scrollTop -= r.top - a.top : a.bottom > r.bottom && (i.scrollTop += a.bottom - r.bottom), a.left < r.left ? i.scrollLeft -= r.left - a.left : a.right > r.right && (i.scrollLeft += a.right - r.right);
+    const a = i.getBoundingClientRect(), r = s.getBoundingClientRect();
+    a.top < r.top ? s.scrollTop -= r.top - a.top : a.bottom > r.bottom && (s.scrollTop += a.bottom - r.bottom), a.left < r.left ? s.scrollLeft -= r.left - a.left : a.right > r.right && (s.scrollLeft += a.right - r.right);
   }
   focusOption(t) {
     var a;
     const e = this.times[t];
     if (!e)
       return;
-    const s = e.id.toString(), i = (a = this.el.shadowRoot) == null ? void 0 : a.getElementById(s);
-    i && (i.focus(), i.scrollIntoView({ behavior: "smooth", block: "nearest" }));
+    const i = e.id.toString(), s = (a = this.el.shadowRoot) == null ? void 0 : a.getElementById(i);
+    s && (s.focus(), s.scrollIntoView({ behavior: "smooth", block: "nearest" }));
   }
   render() {
-    const t = this.language !== c.en;
-    return n(w, { key: "2ea2238a26b4a44e504865e92090b9d716473533" }, n("div", { key: "d8ddac7954270a5dee206634df9fd09c0fb9d62c", class: "time-picker", part: "time-picker" }, n("input", { key: "fa1b036199c0ca41de24a6bde9f26afbef084d5b", type: "text", name: this.name, id: this.name, part: "time-input", class: {
+    const t = this.language !== f.en;
+    return n(x, { key: "748ab1dcf12c2e1284ca11883dcaade689d3150f" }, n("div", { key: "77369574660ea9e48f8ed77c4b4cc51cf328690a", class: "time-picker", part: "time-picker" }, n("input", { key: "09fd3119ae7763a492068860d9a20ed06e1bf0ac", 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: t ? b(this.time) : 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 && n("div", { class: "invalid-time-icon" }), this.showTimes && n("div", { class: "times", part: "times", ref: (e) => this.timeMenu = e }, n("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (e) => this.handleListboxKeydown(e) }, this.times.map((e) => n("li", { tabindex: "0", key: e.id, id: e.id.toString(), class: {
       focused: this.ariaActivedescendant === e.id.toString()
-    }, onClick: (s) => {
-      this.handleTimeChange(s, e.value), this.showTimes = !1, this.timeInput.focus();
+    }, onClick: (i) => {
+      this.handleTimeChange(i, e.value), this.showTimes = !1, this.timeInput.focus();
     }, role: "option" }, `${t ? b(e.value) : e.value}`)))), !this.showTimes && this.err && n("p", { class: "error", id: "email-error" }, this.err)));
   }
   get el() {
@@ -278,12 +298,13 @@ const S = class {
   static get watchers() {
     return {
       time: ["timeChangedHandler"],
-      minimumStartTime: ["minimumStartTimeChangedHandler"]
+      minimumStartTime: ["minimumStartTimeChangedHandler"],
+      themeConfig: ["themeConfigChangedHandler"]
     };
   }
 };
-S.style = D;
+E.style = D;
 export {
-  A as nylas_date_component,
-  S as nylas_time_window_picker
+  F as nylas_date_component,
+  E as nylas_time_window_picker
 };

package/dist/nylas-form-card.entry-5390459f.js

@@ -0,0 +1,75 @@
+import { r as b, h as o, H as i, g as m } from "./index-025be398.js";
+import { R as p } from "./register-component-3acd57e7-cb09c05e.js";
+import { b as t, H as u } from "./utils-31933f5d-15041585.js";
+import "@nylas/web-elements";
+import "react";
+import "@nylas/connect";
+import "react/jsx-runtime";
+import "react-dom";
+const g = '.sc-nylas-form-card-h{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-form-card.sc-nylas-form-card{width:100%;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-form-card__header.sc-nylas-form-card{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}', h = g;
+var C = function(e, a, r, s) {
+  var n = arguments.length, l = n < 3 ? a : s === null ? s = Object.getOwnPropertyDescriptor(a, r) : s, c;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    l = Reflect.decorate(e, a, r, s);
+  else
+    for (var f = e.length - 1; f >= 0; f--)
+      (c = e[f]) && (l = (n < 3 ? c(l) : n > 3 ? c(a, r, l) : c(a, r)) || l);
+  return n > 3 && l && Object.defineProperty(a, r, l), l;
+}, y = function(e, a) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, a);
+};
+const d = class {
+  constructor(e) {
+    b(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.themeConfig = void 0;
+  }
+  themeConfigChangedHandler(e, a) {
+    e !== a && this.applyThemeConfig(e);
+  }
+  connectedCallback() {
+    t("nylas-event-card", "connectedCallback");
+  }
+  componentWillLoad() {
+    t("nylas-event-card", "componentWillLoad");
+  }
+  componentDidLoad() {
+    t("nylas-event-card", "componentDidLoad");
+  }
+  disconnectedCallback() {
+    t("nylas-event-card", "disconnectedCallback"), u(["header-title", "header-subtitle", "content"], this.host);
+  }
+  applyThemeConfig(e) {
+    if (e)
+      for (const [a, r] of Object.entries(e))
+        this.host.style.setProperty(`${a}`, r);
+  }
+  render() {
+    return o(i, { key: "0d0f6136744aedaf66d3bfe00f9bf66d96f5336d" }, o("div", { key: "eb5d1170925c2dd6655e65c5d3786e58e20a1730", class: "nylas-form-card", part: "nfc" }, o("div", { key: "61ae5c7304c8fe85e1b80857847adf264dc15f86", class: "nylas-form-card__header", part: "nfc__header" }, o("slot", { key: "e032d408b48ba463b2418df8ea6ec74c9751e6cd", name: "header-title" }), o("slot", { key: "b4c80b7aeee06feeb7feb61ec34e475de0bd89c5", name: "header-subtitle" })), o("div", { key: "37ab63f782ee8ceea9cb6d2673facb7a479ff528", class: "nylas-form-card__content" }, o("slot", { key: "8a9b455a4f6b12ddd2df6144186feea96a11199c", name: "content" }))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return m(this);
+  }
+  static get watchers() {
+    return {
+      themeConfig: ["themeConfigChangedHandler"]
+    };
+  }
+};
+C([
+  p({
+    name: "nylas-form-card",
+    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.themeConfig", "themeConfig"]]),
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  y("design:type", Function),
+  y("design:paramtypes", []),
+  y("design:returntype", void 0)
+], d.prototype, "render", null);
+d.style = h;
+export {
+  d as nylas_form_card
+};

package/dist/nylas-form-card.entry-c2f34d73.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-f42fe591.cjs"),b=require("./register-component-3acd57e7-5a79a90a.cjs"),o=require("./utils-31933f5d-1d4c81ab.cjs");require("@nylas/web-elements");require("react");require("@nylas/connect");require("react/jsx-runtime");require("react-dom");const i='.sc-nylas-form-card-h{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-form-card.sc-nylas-form-card{width:100%;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-form-card__header.sc-nylas-form-card{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}',u=i;var m=function(e,a,n,s){var c=arguments.length,l=c<3?a:s===null?s=Object.getOwnPropertyDescriptor(a,n):s,t;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(e,a,n,s);else for(var y=e.length-1;y>=0;y--)(t=e[y])&&(l=(c<3?t(l):c>3?t(a,n,l):t(a,n))||l);return c>3&&l&&Object.defineProperty(a,n,l),l},f=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const d=class{constructor(e){r.registerInstance(this,e),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.themeConfig=void 0}themeConfigChangedHandler(e,a){e!==a&&this.applyThemeConfig(e)}connectedCallback(){o.debug("nylas-event-card","connectedCallback")}componentWillLoad(){o.debug("nylas-event-card","componentWillLoad")}componentDidLoad(){o.debug("nylas-event-card","componentDidLoad")}disconnectedCallback(){o.debug("nylas-event-card","disconnectedCallback");const e=["header-title","header-subtitle","content"];o.checkForMissingSlots(e,this.host)}applyThemeConfig(e){if(e)for(const[a,n]of Object.entries(e))this.host.style.setProperty(`${a}`,n)}render(){return r.h(r.Host,{key:"0d0f6136744aedaf66d3bfe00f9bf66d96f5336d"},r.h("div",{key:"eb5d1170925c2dd6655e65c5d3786e58e20a1730",class:"nylas-form-card",part:"nfc"},r.h("div",{key:"61ae5c7304c8fe85e1b80857847adf264dc15f86",class:"nylas-form-card__header",part:"nfc__header"},r.h("slot",{key:"e032d408b48ba463b2418df8ea6ec74c9751e6cd",name:"header-title"}),r.h("slot",{key:"b4c80b7aeee06feeb7feb61ec34e475de0bd89c5",name:"header-subtitle"})),r.h("div",{key:"37ab63f782ee8ceea9cb6d2673facb7a479ff528",class:"nylas-form-card__content"},r.h("slot",{key:"8a9b455a4f6b12ddd2df6144186feea96a11199c",name:"content"}))))}static get formAssociated(){return!0}get host(){return r.getElement(this)}static get watchers(){return{themeConfig:["themeConfigChangedHandler"]}}};m([b.RegisterComponent({name:"nylas-form-card",stateToProps:new Map([["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:!0}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],d.prototype,"render",null);d.style=u;exports.nylas_form_card=d;

package/dist/nylas-notification_2.entry-054392cf.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-f42fe591.cjs"),e=require("./utils-31933f5d-1d4c81ab.cjs");require("@nylas/web-elements");require("react");require("@nylas/connect");require("react/jsx-runtime");require("react-dom");const r=':host{display:block;margin-bottom:-12px;width:100%;z-index:1;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.notif{display:flex;padding:17px;align-items:flex-start;justify-content:space-between;gap:16px;border-radius:var(--nylas-border-radius-2x);border:1.5px solid var(--nylas-error);background:var(--nylas-base-0)}@media screen and (max-width: 768px){.notif{width:auto}}.notif .content{display:flex;flex-direction:row;gap:8px}.notif .content .message{font-size:14px;font-weight:400;color:var(--nylas-base-800)}.notif .content .message .title{font-size:16px;font-weight:600;color:var(--nylas-base-950);display:block}.notif .content .message .description{font-size:14px;font-weight:400;color:var(--nylas-base-800);display:block;word-break:break-word}.notif .content .icon.error{color:var(--nylas-error)}.notif.error{border-color:var(--nylas-error);background:rgb(255, 248, 248)}.notif.warning{border-color:var(--nylas-warning)}.notif.info{border-color:var(--nylas-info)}.notif.success{border-color:var(--nylas-success)}.notif .dismiss-btn{background:none;border:none;color:var(--nylas-base-950);cursor:pointer}',c=r,s=class{constructor(o){n.registerInstance(this,o),this.ttl=5e3,this.allowedCategories=["component","api","validation","invalid_session"],this.notifications=[]}onError(o){e.debug(`[nylas-notification] Error: ${o.detail.notification.title}`),this.handleNotification(o)}onWarning(o){e.debug(`[nylas-notification] Warning: ${o.detail.notification.title}`),this.handleNotification(o)}onInfo(o){e.debug(`[nylas-notification] Info: ${o.detail.notification.title}`),this.handleNotification(o)}onSuccess(o){e.debug(`[nylas-notification] Success: ${o.detail.notification.title}`),this.handleNotification(o)}onDismissNotification(o){this.dismissNotification(o.detail.id)}isChildOf(o){let i=this.host.parentNode;for(;i;){if(i===o)return!0;i instanceof ShadowRoot?i=i.host:i=i.parentNode}return!1}handleNotification(o){const i=o.detail.host;if(o.defaultPrevented){e.debug("[nylas-notification] Event default prevented");return}if(i&&!this.isChildOf(i)){e.debug("[nylas-notification] Host not a parent");return}if(this.ttl===0){e.debug("[nylas-notification] TTL is 0");return}if(this.allowedCategories.length>0&&!this.allowedCategories.includes(o.detail.notification.category)){e.debug("[nylas-notification] Category not allowed");return}if(this.notifications.find(a=>a.id===o.detail.notification.id)){e.debug("[nylas-notification] Notification already exists");return}if(this.notifications=[...this.notifications,{...o.detail.notification}],o.detail.notification.ttl!=="none"){const a=o.detail.notification.ttl?o.detail.notification.ttl:this.ttl;window.setTimeout(()=>{this.notifications=this.notifications.filter(l=>l.id!==o.detail.notification.id)},a)}}dismissNotification(o){this.notifications=this.notifications.filter(i=>i.id!==o)}render(){return n.h(n.Host,{key:"f0e6fb311ba12bebf3970afb5850a7995c5bcd83"},n.h(n.Fragment,{key:"2f9bd098337a72908c4c292e03d1ddafa54f7c61"},this.notifications.map(o=>n.h("div",{class:`notif ${o.type}`,key:o.id},n.h("div",{class:"content"},n.h("span",{class:`icon ${o.type}`},(o.type==="error"||o.type==="warning")&&n.h("warning-icon",null)),n.h("span",{class:"message"},n.h("span",{class:"title"},o.title),o.description&&n.h("span",{class:"description"},o.description))),n.h("button",{class:"dismiss-btn",onClick:()=>this.dismissNotification(o.id)},n.h("close-icon",null)))),n.h("slot",{key:"575b3ecb1b22b23c84c75a6900215795a5695fff"})))}get host(){return n.getElement(this)}};s.style=c;const f=".sc-warning-icon-h{display:flex}",y=f,t=class{constructor(o){n.registerInstance(this,o),this.width="16",this.height="16"}render(){return n.h("svg",{key:"7934b2980705106a978e817555c1065704e626c7",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.h("path",{key:"3942fd2b948a46bd0fb8c7322b6b0c7db439b66e",d:"M7.68551 1.35232L1.12678 13.2773C0.576954 14.277 1.3002 15.5002 2.4411 15.5002H15.5586C16.6995 15.5002 17.4227 14.277 16.8729 13.2773L10.3142 1.35232C9.74426 0.316153 8.2554 0.316157 7.68551 1.35232ZM8.99982 5.25016C9.41403 5.25016 9.74982 5.58595 9.74982 6.00016V10.0002C9.74982 10.4144 9.41403 10.7502 8.99982 10.7502C8.5856 10.7502 8.24982 10.4144 8.24982 10.0002V6.00016C8.24982 5.58595 8.5856 5.25016 8.99982 5.25016ZM9.74982 12.2502C9.74982 12.6644 9.41403 13.0002 8.99982 13.0002C8.5856 13.0002 8.24982 12.6644 8.24982 12.2502C8.24982 11.8359 8.5856 11.5002 8.99982 11.5002C9.41403 11.5002 9.74982 11.8359 9.74982 12.2502Z",fill:"currentColor"}))}};t.style=y;exports.nylas_notification=s;exports.warning_icon=t;

package/dist/{nylas-notification_2.entry-320a5a65.js → nylas-notification_2.entry-f46e88e5.js}

@@ -1,5 +1,8 @@
-import { r as t, b as i, h as n, F as l, H as r, g as c } from "./index-2084ffd9.js";
+import { r as t, h as n, F as l, H as r, g as c } from "./index-025be398.js";
+import { b as i } from "./utils-31933f5d-15041585.js";
+import "@nylas/web-elements";
 import "react";
+import "@nylas/connect";
 import "react/jsx-runtime";
 import "react-dom";
 const f = ':host{display:block;margin-bottom:-12px;width:100%;z-index:1;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.notif{display:flex;padding:17px;align-items:flex-start;justify-content:space-between;gap:16px;border-radius:var(--nylas-border-radius-2x);border:1.5px solid var(--nylas-error);background:var(--nylas-base-0)}@media screen and (max-width: 768px){.notif{width:auto}}.notif .content{display:flex;flex-direction:row;gap:8px}.notif .content .message{font-size:14px;font-weight:400;color:var(--nylas-base-800)}.notif .content .message .title{font-size:16px;font-weight:600;color:var(--nylas-base-950);display:block}.notif .content .message .description{font-size:14px;font-weight:400;color:var(--nylas-base-800);display:block;word-break:break-word}.notif .content .icon.error{color:var(--nylas-error)}.notif.error{border-color:var(--nylas-error);background:rgb(255, 248, 248)}.notif.warning{border-color:var(--nylas-warning)}.notif.info{border-color:var(--nylas-info)}.notif.success{border-color:var(--nylas-success)}.notif .dismiss-btn{background:none;border:none;color:var(--nylas-base-950);cursor:pointer}', y = f, d = class {