@nylas/react 1.4.3 → 1.4.5

package/README.md

@@ -9,6 +9,13 @@ React components for Nylas Scheduler
 - [Node.js](https://nodejs.org/en/) v20 or higher
 - [React.js](https://react.dev/) v18 or higher
 
+## Compatibility Notice
+
+> **Note:** This package is not compatible with Turbopack. Stencil uses custom elements,
+> decorators, and mixed module formats to build React wrappers, which Turbopack's
+> strict ESM processing cannot properly handle. Please use Webpack or another
+> bundler instead.
+
 ## Installation
 
 Install Nylas React Components via npm:

package/dist/{add-circle-icon_2.entry-12cddf69.js → add-circle-icon_2.entry-55361a03.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e } from "./index-5179ba9a.js";
+import { r as t, h as e } from "./index-6e735f92.js";
 import "react";
 import "react/jsx-runtime";
 import "react-dom";
@@ -7,7 +7,7 @@ const a = ".sc-add-circle-icon-h{display:flex}", s = a, i = class {
     t(this, c), this.width = "24", this.height = "25";
   }
   render() {
-    return e("svg", { key: "9f00a9c1c97d72e0a49c1f79274a14ca3f67e22e", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, e("path", { key: "71a47955d61fca91363e737a7d8247081c56be08", d: "M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z", fill: "currentColor" }));
+    return e("svg", { key: "9f125acd265edd23296a9f0fffc299514b80243d", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, e("path", { key: "ea79df5238b3eb4cb0305c1e65c7becf526d8187", d: "M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z", fill: "currentColor" }));
   }
 };
 i.style = s;
@@ -16,7 +16,7 @@ const d = ".sc-close-icon-h{display:flex}", l = d, o = class {
     t(this, c), this.width = "16", this.height = "16";
   }
   render() {
-    return e("svg", { key: "28b63dc683e151ba8d496edece5b55e4169a86e1", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, e("g", { key: "87aed5e6ba2770490a97a421e6267ebb82a02280", "clip-path": "url(#a)" }, e("path", { key: "baf24a96bbbefb6c61a48e76906cb95dca360492", d: "M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z", fill: "currentColor" })), e("defs", { key: "79356d8b3079f1b824c9952c50b1938dd29d8c6b" }, e("clipPath", { key: "392f288e2d4a3941623bb67f0b649cc27603dd23", id: "a" }, e("path", { key: "3b1e46b9950dd2c6ca9f51ec89139be2dd1c2809", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
+    return e("svg", { key: "8c588cb34c8e834a5fa4bc0b4c677c1e44723fee", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, e("g", { key: "2a0c968755966779f42e75f6c9eed733b3fd7f8e", "clip-path": "url(#a)" }, e("path", { key: "1723f91c026a17c279d24adef0ea9aace474890c", d: "M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z", fill: "currentColor" })), e("defs", { key: "a3d657a8d3fe6523db89cd7ba6be4efd6503e08b" }, e("clipPath", { key: "066108607aca4366de715418353804e95a418ebf", id: "a" }, e("path", { key: "97a435e87556734381f370d0952316da051a45e6", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
   }
 };
 o.style = l;

package/dist/add-circle-icon_2.entry-75a3df95.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-3b0366ac.cjs");require("react");require("react/jsx-runtime");require("react-dom");const a=".sc-add-circle-icon-h{display:flex}",i=a,t=class{constructor(c){e.registerInstance(this,c),this.width="24",this.height="25"}render(){return e.h("svg",{key:"9f125acd265edd23296a9f0fffc299514b80243d",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"ea79df5238b3eb4cb0305c1e65c7becf526d8187",d:"M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z",fill:"currentColor"}))}};t.style=i;const h=".sc-close-icon-h{display:flex}",r=h,s=class{constructor(c){e.registerInstance(this,c),this.width="16",this.height="16"}render(){return e.h("svg",{key:"8c588cb34c8e834a5fa4bc0b4c677c1e44723fee",width:"21",height:"21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("g",{key:"2a0c968755966779f42e75f6c9eed733b3fd7f8e","clip-path":"url(#a)"},e.h("path",{key:"1723f91c026a17c279d24adef0ea9aace474890c",d:"M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z",fill:"currentColor"})),e.h("defs",{key:"a3d657a8d3fe6523db89cd7ba6be4efd6503e08b"},e.h("clipPath",{key:"066108607aca4366de715418353804e95a418ebf",id:"a"},e.h("path",{key:"97a435e87556734381f370d0952316da051a45e6",fill:"#fff",transform:"translate(.148 .054)",d:"M0 0h20v20H0z"}))))}};s.style=r;exports.add_circle_icon=t;exports.close_icon=s;

package/dist/archive-icon.entry-3c4e4b28.js

@@ -0,0 +1,16 @@
+import { r as d, h as t } from "./index-6e735f92.js";
+import "react";
+import "react/jsx-runtime";
+import "react-dom";
+const o = ".sc-archive-icon-h{display:flex}", s = o, i = class {
+  constructor(e) {
+    d(this, e), this.width = "15", this.height = "15";
+  }
+  render() {
+    return t("svg", { key: "c90657137810712474546b7df924f325d768a09f", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "861d7e33eb0db0b238cd562efe3d98d640a16dc2", d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), t("path", { key: "85d1444119233db994bdc5857ff61b518771d844", d: "M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z", stroke: "auto", "stroke-width": "1.5" }), t("path", { key: "c43e382be1d60db694e2c988ec05d6be7a82354d", d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), t("path", { key: "fb6520a7586db8bf3edddceaf668362e26efe665", d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" }));
+  }
+};
+i.style = s;
+export {
+  i as archive_icon
+};

package/dist/archive-icon.entry-8aa151fd.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-3b0366ac.cjs");require("react");require("react/jsx-runtime");require("react-dom");const i=".sc-archive-icon-h{display:flex}",h=i,t=class{constructor(d){e.registerInstance(this,d),this.width="15",this.height="15"}render(){return e.h("svg",{key:"c90657137810712474546b7df924f325d768a09f",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"861d7e33eb0db0b238cd562efe3d98d640a16dc2",d:"M3 6H5H21",stroke:"auto","stroke-width":"1.5"}),e.h("path",{key:"85d1444119233db994bdc5857ff61b518771d844",d:"M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z",stroke:"auto","stroke-width":"1.5"}),e.h("path",{key:"c43e382be1d60db694e2c988ec05d6be7a82354d",d:"M10 11V17",stroke:"auto","stroke-width":"1.5"}),e.h("path",{key:"fb6520a7586db8bf3edddceaf668362e26efe665",d:"M14 11V17",stroke:"auto","stroke-width":"1.5"}))}};t.style=h;exports.archive_icon=t;

package/dist/arrow-icon.entry-2cef5ca1.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-3b0366ac.cjs");require("react");require("react/jsx-runtime");require("react-dom");const c=".sc-arrow-icon-h{display:flex}",o=c,r=class{constructor(t){e.registerInstance(this,t),this.width="15",this.height="15"}render(){return e.h("svg",{key:"fed9a45c6880d6cfefba5d70ab0e0c3f0e6c5c5c",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"cf58d5ba2c49aac7bb558c7f5c823773cf2c669e",d:"M5 12H19M12 5L19 12L12 19",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}};r.style=o;exports.arrow_icon=r;

package/dist/{arrow-icon.entry-66125a01.js → arrow-icon.entry-5bb183c1.js}

@@ -1,16 +1,16 @@
-import { r as o, h as t } from "./index-5179ba9a.js";
+import { r as o, h as t } from "./index-6e735f92.js";
 import "react";
 import "react/jsx-runtime";
 import "react-dom";
-const e = ".sc-arrow-icon-h{display:flex}", s = e, i = class {
+const e = ".sc-arrow-icon-h{display:flex}", c = e, s = class {
   constructor(r) {
     o(this, r), this.width = "15", this.height = "15";
   }
   render() {
-    return t("svg", { key: "e8ea85d745a1a0ae2007a06a255287d53213fe69", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "30123754134ff49a0c0812d17f686bcde2707210", d: "M5 12H19M12 5L19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }));
+    return t("svg", { key: "fed9a45c6880d6cfefba5d70ab0e0c3f0e6c5c5c", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "cf58d5ba2c49aac7bb558c7f5c823773cf2c669e", d: "M5 12H19M12 5L19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }));
   }
 };
-i.style = s;
+s.style = c;
 export {
-  i as arrow_icon
+  s as arrow_icon
 };

package/dist/{bold-icon.entry-4e0f124a.cjs → bold-icon.entry-c919c71d.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-22f83f6f.cjs");require("react");require("react/jsx-runtime");require("react-dom");const i=".sc-bold-icon-h{display:flex}",r=i,t=class{constructor(o){e.registerInstance(this,o),this.width="15",this.height="15"}render(){return e.h("svg",{key:"d6ac0888197ddbf0dca1b563a2b83d10a93ad2b7",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"b6789905e3c43aba76fbf8ac2e0bdc8a0f59a9b8",d:"M6 4V20M9.5 4H15.5C17.7091 4 19.5 5.79086 19.5 8C19.5 10.2091 17.7091 12 15.5 12H9.5H16.5C18.7091 12 20.5 13.7909 20.5 16C20.5 18.2091 18.7091 20 16.5 20H9.5M9.5 4V20M9.5 4H4M9.5 20H4",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}};t.style=r;exports.bold_icon=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-3b0366ac.cjs");require("react");require("react/jsx-runtime");require("react-dom");const i=".sc-bold-icon-h{display:flex}",r=i,t=class{constructor(o){e.registerInstance(this,o),this.width="15",this.height="15"}render(){return e.h("svg",{key:"ead5efde091bb403800ddc1a842b5d34021d3d95",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"59e022b66f14d32eec1c10747b3ada397532910c",d:"M6 4V20M9.5 4H15.5C17.7091 4 19.5 5.79086 19.5 8C19.5 10.2091 17.7091 12 15.5 12H9.5H16.5C18.7091 12 20.5 13.7909 20.5 16C20.5 18.2091 18.7091 20 16.5 20H9.5M9.5 4V20M9.5 4H4M9.5 20H4",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}};t.style=r;exports.bold_icon=t;

package/dist/{bold-icon.entry-96b5c7c9.js → bold-icon.entry-e0010c60.js}

@@ -1,13 +1,13 @@
-import { r as s, h as t } from "./index-5179ba9a.js";
+import { r as e, h as t } from "./index-6e735f92.js";
 import "react";
 import "react/jsx-runtime";
 import "react-dom";
-const e = ".sc-bold-icon-h{display:flex}", i = e, r = class {
+const s = ".sc-bold-icon-h{display:flex}", i = s, r = class {
   constructor(o) {
-    s(this, o), this.width = "15", this.height = "15";
+    e(this, o), this.width = "15", this.height = "15";
   }
   render() {
-    return t("svg", { key: "d6ac0888197ddbf0dca1b563a2b83d10a93ad2b7", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "b6789905e3c43aba76fbf8ac2e0bdc8a0f59a9b8", d: "M6 4V20M9.5 4H15.5C17.7091 4 19.5 5.79086 19.5 8C19.5 10.2091 17.7091 12 15.5 12H9.5H16.5C18.7091 12 20.5 13.7909 20.5 16C20.5 18.2091 18.7091 20 16.5 20H9.5M9.5 4V20M9.5 4H4M9.5 20H4", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }));
+    return t("svg", { key: "ead5efde091bb403800ddc1a842b5d34021d3d95", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "59e022b66f14d32eec1c10747b3ada397532910c", d: "M6 4V20M9.5 4H15.5C17.7091 4 19.5 5.79086 19.5 8C19.5 10.2091 17.7091 12 15.5 12H9.5H16.5C18.7091 12 20.5 13.7909 20.5 16C20.5 18.2091 18.7091 20 16.5 20H9.5M9.5 4V20M9.5 4H4M9.5 20H4", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }));
   }
 };
 r.style = i;

package/dist/{button-component_2.entry-537ef8cf.cjs → button-component_2.entry-078ee06a.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-22f83f6f.cjs");require("react");require("react/jsx-runtime");require("react-dom");const r="button.sc-button-component{display:flex;align-items:center;justify-content:center;gap:0.75rem;height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:16px;line-height:24px;padding:0 1rem;cursor:pointer;font-family:var(--nylas-font-family);font-weight:600;width:100%}@media screen and (max-width: 768px){button.sc-button-component{width:100%}}button.button-primary.sc-button-component{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:16px;line-height:24px;padding:0 1rem;cursor:pointer}button.button-primary.sc-button-component:hover{background:var(--nylas-base-600)}button.button-primary.sc-button-component:active{background:var(--nylas-base-800)}button.button-primary.sc-button-component:disabled{background:var(--nylas-base-300);cursor:not-allowed}button.button-basic.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-base-700);background:transparent}button.button-basic.sc-button-component:hover{background:transparent;border-color:var(--nylas-primary)}button.button-basic.sc-button-component:active{background:transparent;border-color:var(--nylas-base-600);border-width:2px}button.button-basic.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-destructive.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-error);background:transparent}button.button-destructive.sc-button-component:hover{background:transparent;border-color:var(--nylas-error)}button.button-destructive.sc-button-component:active{background:transparent;border-color:var(--nylas-error-pressed);border-width:2px;color:var(--nylas-error-pressed)}button.button-destructive.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-invisible.sc-button-component{background:transparent;color:var(--nylas-base-800);border:none}button.button-invisible.sc-button-component:hover{background:var(--nylas-base-50);color:var(--nylas-primary)}button.button-invisible.sc-button-component:active{background:var(--nylas-base-50);color:var(--nylas-base-850)}button.button-invisible.sc-button-component:disabled{background:transparent;color:var(--nylas-base-300);cursor:not-allowed}",a=r,o=class{constructor(n){t.registerInstance(this,n),this.variant="primary",this.disabled=!1,this.type="button",this.tooltip="",this.isLoading=!1,this.clickHandler=void 0,this.mouseOverHandler=void 0,this.mouseOutHandler=void 0,this.focusHandler=void 0,this.blurHandler=void 0}render(){const n=`button-${this.variant}`+(this.disabled?" disabled":"");return t.h("button",{key:"0d4e2bd6da64d91dc45672f11baf5ab9e2952788",class:n,disabled:this.disabled,type:"type",title:this.tooltip,onClick:this.clickHandler,onMouseOver:this.mouseOverHandler,onMouseOut:this.mouseOutHandler,onFocus:this.focusHandler,onBlur:this.blurHandler},!!this.isLoading&&t.h("loading-icon",{slot:"icon"}),t.h("slot",{key:"f92c1e76e0bd689686f269411bae2762c57028ac"}))}};o.style=a;const s=".wave{display:flex;align-items:center;justify-content:center}.dot{width:4px;height:4px;background-color:var(--dot-color, white);border-radius:50%;margin:0 2px;animation:wave 1.5s infinite ease-in-out}.dot:nth-child(2){animation-delay:0.2s}.dot:nth-child(3){animation-delay:0.4s}@keyframes wave{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}",i=s,e=class{constructor(n){t.registerInstance(this,n),this.width="15",this.height="15"}render(){return t.h("div",{key:"67b94e41ae5d951d0ea39a99f254d07986608022",class:"wave"},t.h("div",{key:"ed5c95df7f15cc63db316c0a473030ce75855b82",class:"dot"}),t.h("div",{key:"19e6e124abdd8df77d9cd68efe5fff9c8d8489cb",class:"dot"}),t.h("div",{key:"647c436d13aaa729b940435cc0196d290ac84815",class:"dot"}))}};e.style=i;exports.button_component=o;exports.loading_icon=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-3b0366ac.cjs");require("react");require("react/jsx-runtime");require("react-dom");const r="button.sc-button-component{display:flex;align-items:center;justify-content:center;gap:0.75rem;height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:16px;line-height:24px;padding:0 1rem;cursor:pointer;font-family:var(--nylas-font-family);font-weight:600;width:100%}@media screen and (max-width: 768px){button.sc-button-component{width:100%}}button.button-primary.sc-button-component{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:16px;line-height:24px;padding:0 1rem;cursor:pointer}button.button-primary.sc-button-component:hover{background:var(--nylas-base-600)}button.button-primary.sc-button-component:active{background:var(--nylas-base-800)}button.button-primary.sc-button-component:disabled{background:var(--nylas-base-300);cursor:not-allowed}button.button-basic.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-base-700);background:transparent}button.button-basic.sc-button-component:hover{background:transparent;border-color:var(--nylas-primary)}button.button-basic.sc-button-component:active{background:transparent;border-color:var(--nylas-base-600);border-width:2px}button.button-basic.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-destructive.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-error);background:transparent}button.button-destructive.sc-button-component:hover{background:transparent;border-color:var(--nylas-error)}button.button-destructive.sc-button-component:active{background:transparent;border-color:var(--nylas-error-pressed);border-width:2px;color:var(--nylas-error-pressed)}button.button-destructive.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-invisible.sc-button-component{background:transparent;color:var(--nylas-base-800);border:none}button.button-invisible.sc-button-component:hover{background:var(--nylas-base-50);color:var(--nylas-primary)}button.button-invisible.sc-button-component:active{background:var(--nylas-base-50);color:var(--nylas-base-850)}button.button-invisible.sc-button-component:disabled{background:transparent;color:var(--nylas-base-300);cursor:not-allowed}",a=r,o=class{constructor(n){t.registerInstance(this,n),this.variant="primary",this.disabled=!1,this.type="button",this.tooltip="",this.isLoading=!1,this.clickHandler=void 0,this.mouseOverHandler=void 0,this.mouseOutHandler=void 0,this.focusHandler=void 0,this.blurHandler=void 0}render(){const n=`button-${this.variant}`+(this.disabled?" disabled":"");return t.h("button",{key:"973651e25a99e16b81693de95f208aae1e6a1e47",class:n,disabled:this.disabled,type:"type",title:this.tooltip,onClick:this.clickHandler,onMouseOver:this.mouseOverHandler,onMouseOut:this.mouseOutHandler,onFocus:this.focusHandler,onBlur:this.blurHandler},!!this.isLoading&&t.h("loading-icon",{slot:"icon"}),t.h("slot",{key:"ec3237cf57dddf8fdd2a9343b3f19c0632ee5c27"}))}};o.style=a;const s=".wave{display:flex;align-items:center;justify-content:center}.dot{width:4px;height:4px;background-color:var(--dot-color, white);border-radius:50%;margin:0 2px;animation:wave 1.5s infinite ease-in-out}.dot:nth-child(2){animation-delay:0.2s}.dot:nth-child(3){animation-delay:0.4s}@keyframes wave{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}",i=s,e=class{constructor(n){t.registerInstance(this,n),this.width="15",this.height="15"}render(){return t.h("div",{key:"f57596041d2b245a61e68b619e1611b562ac0ea9",class:"wave"},t.h("div",{key:"ee8a655c6584adfa4f0f89c50d4b60959067573c",class:"dot"}),t.h("div",{key:"f619f493ca925ed91134aba6feadaba916517739",class:"dot"}),t.h("div",{key:"a8fd3592f3452bd5b4f5f0e64c55e56075a78a61",class:"dot"}))}};e.style=i;exports.button_component=o;exports.loading_icon=e;

package/dist/{button-component_2.entry-02ec97e5.js → button-component_2.entry-1dd1b8d6.js}

@@ -1,27 +1,27 @@
-import { r as o, h as t } from "./index-5179ba9a.js";
+import { r as o, h as t } from "./index-6e735f92.js";
 import "react";
 import "react/jsx-runtime";
 import "react-dom";
-const r = "button.sc-button-component{display:flex;align-items:center;justify-content:center;gap:0.75rem;height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:16px;line-height:24px;padding:0 1rem;cursor:pointer;font-family:var(--nylas-font-family);font-weight:600;width:100%}@media screen and (max-width: 768px){button.sc-button-component{width:100%}}button.button-primary.sc-button-component{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:16px;line-height:24px;padding:0 1rem;cursor:pointer}button.button-primary.sc-button-component:hover{background:var(--nylas-base-600)}button.button-primary.sc-button-component:active{background:var(--nylas-base-800)}button.button-primary.sc-button-component:disabled{background:var(--nylas-base-300);cursor:not-allowed}button.button-basic.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-base-700);background:transparent}button.button-basic.sc-button-component:hover{background:transparent;border-color:var(--nylas-primary)}button.button-basic.sc-button-component:active{background:transparent;border-color:var(--nylas-base-600);border-width:2px}button.button-basic.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-destructive.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-error);background:transparent}button.button-destructive.sc-button-component:hover{background:transparent;border-color:var(--nylas-error)}button.button-destructive.sc-button-component:active{background:transparent;border-color:var(--nylas-error-pressed);border-width:2px;color:var(--nylas-error-pressed)}button.button-destructive.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-invisible.sc-button-component{background:transparent;color:var(--nylas-base-800);border:none}button.button-invisible.sc-button-component:hover{background:var(--nylas-base-50);color:var(--nylas-primary)}button.button-invisible.sc-button-component:active{background:var(--nylas-base-50);color:var(--nylas-base-850)}button.button-invisible.sc-button-component:disabled{background:transparent;color:var(--nylas-base-300);cursor:not-allowed}", e = r, a = class {
+const a = "button.sc-button-component{display:flex;align-items:center;justify-content:center;gap:0.75rem;height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:16px;line-height:24px;padding:0 1rem;cursor:pointer;font-family:var(--nylas-font-family);font-weight:600;width:100%}@media screen and (max-width: 768px){button.sc-button-component{width:100%}}button.button-primary.sc-button-component{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:16px;line-height:24px;padding:0 1rem;cursor:pointer}button.button-primary.sc-button-component:hover{background:var(--nylas-base-600)}button.button-primary.sc-button-component:active{background:var(--nylas-base-800)}button.button-primary.sc-button-component:disabled{background:var(--nylas-base-300);cursor:not-allowed}button.button-basic.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-base-700);background:transparent}button.button-basic.sc-button-component:hover{background:transparent;border-color:var(--nylas-primary)}button.button-basic.sc-button-component:active{background:transparent;border-color:var(--nylas-base-600);border-width:2px}button.button-basic.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-destructive.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-error);background:transparent}button.button-destructive.sc-button-component:hover{background:transparent;border-color:var(--nylas-error)}button.button-destructive.sc-button-component:active{background:transparent;border-color:var(--nylas-error-pressed);border-width:2px;color:var(--nylas-error-pressed)}button.button-destructive.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-invisible.sc-button-component{background:transparent;color:var(--nylas-base-800);border:none}button.button-invisible.sc-button-component:hover{background:var(--nylas-base-50);color:var(--nylas-primary)}button.button-invisible.sc-button-component:active{background:var(--nylas-base-50);color:var(--nylas-base-850)}button.button-invisible.sc-button-component:disabled{background:transparent;color:var(--nylas-base-300);cursor:not-allowed}", e = a, r = class {
   constructor(n) {
     o(this, n), this.variant = "primary", this.disabled = !1, this.type = "button", this.tooltip = "", this.isLoading = !1, this.clickHandler = void 0, this.mouseOverHandler = void 0, this.mouseOutHandler = void 0, this.focusHandler = void 0, this.blurHandler = void 0;
   }
   render() {
     const n = `button-${this.variant}` + (this.disabled ? " disabled" : "");
-    return t("button", { key: "0d4e2bd6da64d91dc45672f11baf5ab9e2952788", class: n, disabled: this.disabled, type: "type", title: this.tooltip, onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, !!this.isLoading && t("loading-icon", { slot: "icon" }), t("slot", { key: "f92c1e76e0bd689686f269411bae2762c57028ac" }));
+    return t("button", { key: "973651e25a99e16b81693de95f208aae1e6a1e47", class: n, disabled: this.disabled, type: "type", title: this.tooltip, onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, !!this.isLoading && t("loading-icon", { slot: "icon" }), t("slot", { key: "ec3237cf57dddf8fdd2a9343b3f19c0632ee5c27" }));
   }
 };
-a.style = e;
-const s = ".wave{display:flex;align-items:center;justify-content:center}.dot{width:4px;height:4px;background-color:var(--dot-color, white);border-radius:50%;margin:0 2px;animation:wave 1.5s infinite ease-in-out}.dot:nth-child(2){animation-delay:0.2s}.dot:nth-child(3){animation-delay:0.4s}@keyframes wave{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}", i = s, d = class {
+r.style = e;
+const s = ".wave{display:flex;align-items:center;justify-content:center}.dot{width:4px;height:4px;background-color:var(--dot-color, white);border-radius:50%;margin:0 2px;animation:wave 1.5s infinite ease-in-out}.dot:nth-child(2){animation-delay:0.2s}.dot:nth-child(3){animation-delay:0.4s}@keyframes wave{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}", i = s, c = class {
   constructor(n) {
     o(this, n), this.width = "15", this.height = "15";
   }
   render() {
-    return t("div", { key: "67b94e41ae5d951d0ea39a99f254d07986608022", class: "wave" }, t("div", { key: "ed5c95df7f15cc63db316c0a473030ce75855b82", class: "dot" }), t("div", { key: "19e6e124abdd8df77d9cd68efe5fff9c8d8489cb", class: "dot" }), t("div", { key: "647c436d13aaa729b940435cc0196d290ac84815", class: "dot" }));
+    return t("div", { key: "f57596041d2b245a61e68b619e1611b562ac0ea9", class: "wave" }, t("div", { key: "ee8a655c6584adfa4f0f89c50d4b60959067573c", class: "dot" }), t("div", { key: "f619f493ca925ed91134aba6feadaba916517739", class: "dot" }), t("div", { key: "a8fd3592f3452bd5b4f5f0e64c55e56075a78a61", class: "dot" }));
   }
 };
-d.style = i;
+c.style = i;
 export {
-  a as button_component,
-  d as loading_icon
+  r as button_component,
+  c as loading_icon
 };