@nylas/react 2.1.0 → 2.2.1

package/dist/nylas-date-component_2.entry-a869519f.js

@@ -1,310 +0,0 @@
-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[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"
-}, 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 = 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 = 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 = d(this.defaultValue || ""), this.value && this.validatePattern(this.value, !0), this.applyThemeConfig(this.themeConfig);
-  }
-  handleBookingFormSubmitted(t) {
-    this.validatePattern(this.value), this.error && t.preventDefault();
-  }
-  async handleFormSubmitted(t) {
-    this.validatePattern(this.value), this.error && t.preventDefault();
-  }
-  handleInput(t) {
-    this.error = "";
-    const e = t.target;
-    this.value = d(e.value), this.isDateValid = e.validity.valid, this.nylasFormInputChanged.emit({
-      value: this.value,
-      name: this.name,
-      label: this.label,
-      error: this.error,
-      type: "date"
-    });
-  }
-  handleBlur() {
-    this.nylasFormInputBlurred.emit({
-      value: this.value,
-      name: this.name
-    });
-  }
-  handleFocus() {
-    this.nylasFormInputFocused.emit({
-      value: this.value,
-      name: this.name
-    });
-  }
-  validatePattern(t, e = !1) {
-    if (this.error = "", !e && (this.required && !this.isDateValid || this.minDate && new Date(this.minDate) > new Date(t))) {
-      this.error = this.errorMessage || "Please enter a valid date", this.nylasFormInputChanged.emit({
-        value: this.value,
-        name: this.name,
-        label: this.label,
-        error: this.error,
-        type: "date"
-      });
-      return;
-    }
-    if (this.required && !t) {
-      this.error = this.requiredError || "This field is required.";
-      return;
-    }
-    !this.pattern || !t && !this.required || (this.pattern.test(t) ? this.error = "" : this.error = this.patternError || "Invalid format.");
-  }
-  render() {
-    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"],
-      themeConfig: ["themeConfigChangedHandler"]
-    };
-  }
-};
-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 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 = 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);
-  }
-  timeChangedHandler() {
-    this.validateTimeAgainstMinimum();
-  }
-  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 i = c.t("nylasTimeWindowPicker.errors.invalid");
-      e.isBefore(t) ? (this.err = i, this.timeWindowFormError.emit({
-        key: this.el.id,
-        message: i
-      })) : (this.err = "", this.timeWindowFormError.emit({
-        key: this.el.id,
-        message: ""
-      }));
-    } else
-      this.err = "", this.timeWindowFormError.emit({
-        key: this.el.id,
-        message: ""
-      });
-  }
-  componentDidLoad() {
-    this.validateTimeAgainstMinimum(), this.applyThemeConfig(this.themeConfig);
-  }
-  componentDidRender() {
-    if (this.showTimes && this.shouldAutoScroll) {
-      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 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: s
-      });
-    }
-    if (m(e))
-      this.err = "", this.timeWindowFormError.emit({
-        key: this.el.id,
-        message: ""
-      });
-    else {
-      const s = c.t("nylasTimeWindowPicker.errors.invalid");
-      this.err = s, this.timeWindowFormError.emit({
-        key: this.el.id,
-        message: s
-      });
-    }
-    this.err || this.timeChange.emit({
-      key: this.el.id,
-      value: e
-    });
-  }
-  handleTimeAutocomplete(t) {
-    var a;
-    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: s
-      });
-      return;
-    }
-    if (i === "") {
-      const r = u().format("hh:mma");
-      this.timeChange.emit({
-        key: this.el.id,
-        value: r
-      });
-      return;
-    }
-    if (!p(i)) {
-      const r = h(i);
-      this.timeChange.emit({
-        key: this.el.id,
-        value: r
-      });
-      return;
-    }
-    this.timeChange.emit({
-      key: this.el.id,
-      value: i
-    });
-  }
-  handleOnInput(t) {
-    var i;
-    const e = (i = t.target) == null ? void 0 : i.value;
-    if (m(e)) {
-      if (e === "") {
-        const s = u().format("hh:mma"), a = this.times.findIndex((r) => r.value === s);
-        a > -1 && this.scrollToViewWithinParent(a);
-        return;
-      }
-      if (!p(e)) {
-        const s = h(e), a = this.times.findIndex((r) => r.value === s);
-        a > -1 && this.scrollToViewWithinParent(a);
-        return;
-      }
-    }
-  }
-  generateTimes() {
-    const t = [];
-    let e = l().set("hour", 0).set("minute", 0).set("second", 0);
-    this.minimumStartTime && (e = l(this.minimumStartTime, "hh:mma"));
-    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 == s && r.format("hh:mma").includes("am"))
-        break;
-      t.push({ id: a, value: r.format("hh:mma") });
-    }
-    return t;
-  }
-  handleComboboxKeyDown(t) {
-    if (t.key === "ArrowDown") {
-      if (t.preventDefault(), !this.showTimes) {
-        this.showTimes = !0, this.shouldAutoScroll = !0;
-        return;
-      }
-      if (this.ariaActivedescendant === "")
-        this.ariaActivedescendant = this.times[0].id.toString(), this.focusOption(0);
-      else {
-        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((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, i = e.findIndex((s) => s.id.toString() === this.ariaActivedescendant);
-    if (t.key === "ArrowDown" || t.key === "Tab" && !t.shiftKey) {
-      t.preventDefault();
-      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 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 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], i = (y = this.el.shadowRoot) == null ? void 0 : y.getElementById(e.id.toString()), s = this.timeMenu;
-    this.ariaActivedescendant = e.id.toString();
-    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 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 !== 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: (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() {
-    return v(this);
-  }
-  static get watchers() {
-    return {
-      time: ["timeChangedHandler"],
-      minimumStartTime: ["minimumStartTimeChangedHandler"],
-      themeConfig: ["themeConfigChangedHandler"]
-    };
-  }
-};
-E.style = D;
-export {
-  F as nylas_date_component,
-  E as nylas_time_window_picker
-};

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

@@ -1,75 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1 +0,0 @@
-"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-f46e88e5.js

@@ -1,88 +0,0 @@
-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 {
-  constructor(o) {
-    t(this, o), this.ttl = 5e3, this.allowedCategories = ["component", "api", "validation", "invalid_session"], this.notifications = [];
-  }
-  onError(o) {
-    i(`[nylas-notification] Error: ${o.detail.notification.title}`), this.handleNotification(o);
-  }
-  onWarning(o) {
-    i(`[nylas-notification] Warning: ${o.detail.notification.title}`), this.handleNotification(o);
-  }
-  onInfo(o) {
-    i(`[nylas-notification] Info: ${o.detail.notification.title}`), this.handleNotification(o);
-  }
-  onSuccess(o) {
-    i(`[nylas-notification] Success: ${o.detail.notification.title}`), this.handleNotification(o);
-  }
-  onDismissNotification(o) {
-    this.dismissNotification(o.detail.id);
-  }
-  isChildOf(o) {
-    let a = this.host.parentNode;
-    for (; a; ) {
-      if (a === o)
-        return !0;
-      a instanceof ShadowRoot ? a = a.host : a = a.parentNode;
-    }
-    return !1;
-  }
-  handleNotification(o) {
-    const a = o.detail.host;
-    if (o.defaultPrevented) {
-      i("[nylas-notification] Event default prevented");
-      return;
-    }
-    if (a && !this.isChildOf(a)) {
-      i("[nylas-notification] Host not a parent");
-      return;
-    }
-    if (this.ttl === 0) {
-      i("[nylas-notification] TTL is 0");
-      return;
-    }
-    if (this.allowedCategories.length > 0 && !this.allowedCategories.includes(o.detail.notification.category)) {
-      i("[nylas-notification] Category not allowed");
-      return;
-    }
-    if (this.notifications.find((s) => s.id === o.detail.notification.id)) {
-      i("[nylas-notification] Notification already exists");
-      return;
-    }
-    if (this.notifications = [...this.notifications, { ...o.detail.notification }], o.detail.notification.ttl !== "none") {
-      const s = o.detail.notification.ttl ? o.detail.notification.ttl : this.ttl;
-      window.setTimeout(() => {
-        this.notifications = this.notifications.filter((e) => e.id !== o.detail.notification.id);
-      }, s);
-    }
-  }
-  dismissNotification(o) {
-    this.notifications = this.notifications.filter((a) => a.id !== o);
-  }
-  render() {
-    return n(r, { key: "f0e6fb311ba12bebf3970afb5850a7995c5bcd83" }, n(l, { key: "2f9bd098337a72908c4c292e03d1ddafa54f7c61" }, this.notifications.map((o) => n("div", { class: `notif ${o.type}`, key: o.id }, n("div", { class: "content" }, n("span", { class: `icon ${o.type}` }, (o.type === "error" || o.type === "warning") && n("warning-icon", null)), n("span", { class: "message" }, n("span", { class: "title" }, o.title), o.description && n("span", { class: "description" }, o.description))), n("button", { class: "dismiss-btn", onClick: () => this.dismissNotification(o.id) }, n("close-icon", null)))), n("slot", { key: "575b3ecb1b22b23c84c75a6900215795a5695fff" })));
-  }
-  get host() {
-    return c(this);
-  }
-};
-d.style = y;
-const b = ".sc-warning-icon-h{display:flex}", h = b, p = class {
-  constructor(o) {
-    t(this, o), this.width = "16", this.height = "16";
-  }
-  render() {
-    return n("svg", { key: "7934b2980705106a978e817555c1065704e626c7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, n("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" }));
-  }
-};
-p.style = h;
-export {
-  d as nylas_notification,
-  p as warning_icon
-};