@nylas/react 2.1.0 → 2.2.1

package/dist/lib/elements.d.ts

@@ -0,0 +1 @@
+export * from "./elements/components";

package/dist/lib/index.d.ts

@@ -1,6 +1,3 @@
-import { NylasIdentityRequestWrapper } from "@nylas/web-elements";
-export { defineCustomElements, setNonce } from "@nylas/web-elements/loader";
-export { NylasIdentityRequestWrapper };
-export * from "./connect/index";
-export * from "./elements/index";
-export * from "./notetaker/index";
+export * from "./elements";
+export * from "./notetaker";
+export * from "./utils";

package/dist/lib/notetaker.d.ts

@@ -0,0 +1 @@
+export * from "./notetaker/index";

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+export { NylasIdentityRequestWrapper } from "@nylas/web-elements/components";
+export type { LANGUAGE_CODE } from "@nylas/web-elements/components";

package/dist/notetaker.d.ts

@@ -0,0 +1 @@
+export * from './lib/notetaker'

package/dist/utils.d.ts

@@ -0,0 +1 @@
+export * from './lib/utils'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nylas/react",
-  "version": "2.1.0",
+  "version": "2.2.1",
   "type": "module",
   "repository": {
     "type": "git",
@@ -14,41 +14,63 @@
   ],
   "exports": {
     ".": {
-      "import": "./dist/react.js",
-      "require": "./dist/react.cjs",
+      "import": "./dist/es/index.js",
+      "require": "./dist/cjs/index.js",
       "types": "./dist/index.d.ts",
       "style": "./dist/style.css"
     },
+    "./connect": {
+      "import": "./dist/es/connect.js",
+      "require": "./dist/cjs/connect.js",
+      "types": "./dist/connect.d.ts"
+    },
+    "./elements": {
+      "import": "./dist/es/elements.js",
+      "require": "./dist/cjs/elements.js",
+      "types": "./dist/elements.d.ts"
+    },
+    "./notetaker": {
+      "import": "./dist/es/notetaker.js",
+      "require": "./dist/cjs/notetaker.js",
+      "types": "./dist/notetaker.d.ts"
+    },
+    "./utils": {
+      "import": "./dist/es/utils.js",
+      "require": "./dist/cjs/utils.js",
+      "types": "./dist/utils.d.ts"
+    },
     "./style.css": {
       "default": "./dist/style.css"
     }
   },
-  "main": "dist/react.cjs",
+  "main": "dist/cjs/index.js",
   "style": "./dist/style.css",
-  "module": "dist/react.js",
+  "module": "dist/es/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
+    "@stencil/react-output-target": "^1.2.0",
     "axios": "^1.7.7",
     "dayjs": "1.11.7",
     "lucide-react": "^0.453.0",
     "tailwind-variants": "^1.0.0",
     "zustand": "^5.0.3",
+    "@nylas/web-elements": "^2.2.1",
     "@nylas/connect": "^0.0.1",
-    "@nylas/core": "^1.2.0",
-    "@nylas/web-elements": "^2.1.0"
+    "@nylas/core": "^1.2.0"
   },
   "peerDependencies": {
-    "react": ">=18.2.0 <20.0.0",
-    "react-dom": ">=18.2.0 <20.0.0"
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.0.3",
+    "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^13.4.0",
+    "@testing-library/react": "^16.0.0",
     "@types/jsdom": "^21.1.7",
-    "@types/node": "^20.8.10",
-    "@types/react": "^18.2.15",
-    "@types/react-dom": "^18.2.7",
+    "@types/node": "^22.13.10",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7",
     "@types/testing-library__jest-dom": "^6.0.0",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",
@@ -60,8 +82,6 @@
     "jsdom": "^26.0.0",
     "markdown-table": "^3.0.4",
     "prettier": "^3.5.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
     "tailwindcss": "^4.1.7",
     "tslib": "^2.6.2",
     "typedoc": "^0.28.3",
@@ -69,7 +89,7 @@
     "typescript": "^5.3.3",
     "vite": "^4.5.2",
     "vite-plugin-dts": "^3.6.3",
-    "vitest": "^2.1.8"
+    "vitest": "^3.2.4"
   },
   "scripts": {
     "dev": "vite build --watch --emptyOutDir=false",

package/dist/add-circle-icon_2.entry-8c3bb0bb.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-f42fe591.cjs");require("@nylas/web-elements");require("react");require("@nylas/connect");require("react/jsx-runtime");require("react-dom");const s=".sc-add-circle-icon-h{display:flex}",i=s,t=class{constructor(c){e.registerInstance(this,c),this.width="24",this.height="25"}render(){return e.h("svg",{key:"f3f2fb57d9face731fdc2dcb2610bdfe4d8695d4",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"461ceb94da94f79aece2e208da886ec860b65e14",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 d=".sc-close-icon-h{display:flex}",r=d,a=class{constructor(c){e.registerInstance(this,c),this.width="16",this.height="16"}render(){return e.h("svg",{key:"6ba2e8326762d40fed5697c52411e130381cae5e",width:"21",height:"21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("g",{key:"b99abf46a9ac3e143d261c4a72a8d034072c52e5","clip-path":"url(#a)"},e.h("path",{key:"54b09b0c0d251cc982ab03a66c9c496fb63ea280",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:"f70a23bb36f8b0f4abbdd8ace2ac2ccf2e570b30"},e.h("clipPath",{key:"37837d0973c51120ef7a8841d885d5edce2b112d",id:"a"},e.h("path",{key:"094391e019662666ac5a51cda34878dbfdeaba8e",fill:"#fff",transform:"translate(.148 .054)",d:"M0 0h20v20H0z"}))))}};a.style=r;exports.add_circle_icon=t;exports.close_icon=a;

package/dist/add-circle-icon_2.entry-a3daf6c4.js

@@ -1,28 +0,0 @@
-import { r as t, h as e } from "./index-025be398.js";
-import "@nylas/web-elements";
-import "react";
-import "@nylas/connect";
-import "react/jsx-runtime";
-import "react-dom";
-const a = ".sc-add-circle-icon-h{display:flex}", s = a, d = class {
-  constructor(c) {
-    t(this, c), this.width = "24", this.height = "25";
-  }
-  render() {
-    return e("svg", { key: "f3f2fb57d9face731fdc2dcb2610bdfe4d8695d4", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, e("path", { key: "461ceb94da94f79aece2e208da886ec860b65e14", 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" }));
-  }
-};
-d.style = s;
-const i = ".sc-close-icon-h{display:flex}", o = i, l = class {
-  constructor(c) {
-    t(this, c), this.width = "16", this.height = "16";
-  }
-  render() {
-    return e("svg", { key: "6ba2e8326762d40fed5697c52411e130381cae5e", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, e("g", { key: "b99abf46a9ac3e143d261c4a72a8d034072c52e5", "clip-path": "url(#a)" }, e("path", { key: "54b09b0c0d251cc982ab03a66c9c496fb63ea280", 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: "f70a23bb36f8b0f4abbdd8ace2ac2ccf2e570b30" }, e("clipPath", { key: "37837d0973c51120ef7a8841d885d5edce2b112d", id: "a" }, e("path", { key: "094391e019662666ac5a51cda34878dbfdeaba8e", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
-  }
-};
-l.style = o;
-export {
-  d as add_circle_icon,
-  l as close_icon
-};

package/dist/archive-icon.entry-46ad0ff3.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-f42fe591.cjs");require("@nylas/web-elements");require("react");require("@nylas/connect");require("react/jsx-runtime");require("react-dom");const i=".sc-archive-icon-h{display:flex}",h=i,t=class{constructor(r){e.registerInstance(this,r),this.width="15",this.height="15"}render(){return e.h("svg",{key:"846883e64fce20852b939ad69b17c50e4a1de305",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"faccfb69f1e2fad408be2c93f9debba7e5bed44f",d:"M3 6H5H21",stroke:"auto","stroke-width":"1.5"}),e.h("path",{key:"0a67df705c7bb41f38b3a9f46ba00cf39236d833",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:"7845f5af5bb6a7db830df4576ea7e7979de4ca6c",d:"M10 11V17",stroke:"auto","stroke-width":"1.5"}),e.h("path",{key:"b8cb556c7133dd3427ad41574121599411f9d741",d:"M14 11V17",stroke:"auto","stroke-width":"1.5"}))}};t.style=h;exports.archive_icon=t;

package/dist/archive-icon.entry-d5141486.js

@@ -1,18 +0,0 @@
-import { r as o, h as t } from "./index-025be398.js";
-import "@nylas/web-elements";
-import "react";
-import "@nylas/connect";
-import "react/jsx-runtime";
-import "react-dom";
-const i = ".sc-archive-icon-h{display:flex}", s = i, r = class {
-  constructor(e) {
-    o(this, e), this.width = "15", this.height = "15";
-  }
-  render() {
-    return t("svg", { key: "846883e64fce20852b939ad69b17c50e4a1de305", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "faccfb69f1e2fad408be2c93f9debba7e5bed44f", d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), t("path", { key: "0a67df705c7bb41f38b3a9f46ba00cf39236d833", 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: "7845f5af5bb6a7db830df4576ea7e7979de4ca6c", d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), t("path", { key: "b8cb556c7133dd3427ad41574121599411f9d741", d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" }));
-  }
-};
-r.style = s;
-export {
-  r as archive_icon
-};

package/dist/arrow-icon.entry-1b89ce78.js

@@ -1,18 +0,0 @@
-import { r as o, h as t } from "./index-025be398.js";
-import "@nylas/web-elements";
-import "react";
-import "@nylas/connect";
-import "react/jsx-runtime";
-import "react-dom";
-const e = ".sc-arrow-icon-h{display:flex}", i = e, s = class {
-  constructor(r) {
-    o(this, r), this.width = "15", this.height = "15";
-  }
-  render() {
-    return t("svg", { key: "9a7f6c18c66e1046fff0bb0d814080e8961762f9", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "5a2ebac5fcecfa06026aa74c24cfdd787e933d6d", d: "M5 12H19M12 5L19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }));
-  }
-};
-s.style = i;
-export {
-  s as arrow_icon
-};

package/dist/arrow-icon.entry-f696de4f.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-f42fe591.cjs");require("@nylas/web-elements");require("react");require("@nylas/connect");require("react/jsx-runtime");require("react-dom");const i=".sc-arrow-icon-h{display:flex}",o=i,r=class{constructor(t){e.registerInstance(this,t),this.width="15",this.height="15"}render(){return e.h("svg",{key:"9a7f6c18c66e1046fff0bb0d814080e8961762f9",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"5a2ebac5fcecfa06026aa74c24cfdd787e933d6d",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/bold-icon.entry-7827cd4e.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-f42fe591.cjs");require("@nylas/web-elements");require("react");require("@nylas/connect");require("react/jsx-runtime");require("react-dom");const i=".sc-bold-icon-h{display:flex}",o=i,t=class{constructor(r){e.registerInstance(this,r),this.width="15",this.height="15"}render(){return e.h("svg",{key:"a511c82949b76f6663e528b0e05009e9e0275a0a",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"51849bb1f9701140b87c0869291fe4b486b17ff6",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=o;exports.bold_icon=t;

package/dist/bold-icon.entry-c117b4cf.js

@@ -1,18 +0,0 @@
-import { r as e, h as t } from "./index-025be398.js";
-import "@nylas/web-elements";
-import "react";
-import "@nylas/connect";
-import "react/jsx-runtime";
-import "react-dom";
-const i = ".sc-bold-icon-h{display:flex}", r = i, s = class {
-  constructor(o) {
-    e(this, o), this.width = "15", this.height = "15";
-  }
-  render() {
-    return t("svg", { key: "a511c82949b76f6663e528b0e05009e9e0275a0a", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "51849bb1f9701140b87c0869291fe4b486b17ff6", 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" }));
-  }
-};
-s.style = r;
-export {
-  s as bold_icon
-};

package/dist/button-component_2.entry-8cd4c5f3.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-f42fe591.cjs");require("@nylas/web-elements");require("react");require("@nylas/connect");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:"9fdcadbf82b1be992b6835bd4c4ac6cf69847512",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:"0168b50eac062d43d8a184d70fd5c80932f3e2ea"}))}};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:"cb855fdd798e64637d245045e56a97f016f8b74f",class:"wave"},t.h("div",{key:"41591d61b8eda97e3abdd2ca83f82aada7d67edc",class:"dot"}),t.h("div",{key:"096aa4e8c6f1d9cb5a5d1d24cda06298fd0366b1",class:"dot"}),t.h("div",{key:"d2dd6942fe7b1a8ca68102e9dea7dae88e341824",class:"dot"}))}};e.style=i;exports.button_component=o;exports.loading_icon=e;

package/dist/button-component_2.entry-e68caa9b.js

@@ -1,29 +0,0 @@
-import { r as o, h as t } from "./index-025be398.js";
-import "@nylas/web-elements";
-import "react";
-import "@nylas/connect";
-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}", a = r, e = 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: "9fdcadbf82b1be992b6835bd4c4ac6cf69847512", 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: "0168b50eac062d43d8a184d70fd5c80932f3e2ea" }));
-  }
-};
-e.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)}}", d = s, i = class {
-  constructor(n) {
-    o(this, n), this.width = "15", this.height = "15";
-  }
-  render() {
-    return t("div", { key: "cb855fdd798e64637d245045e56a97f016f8b74f", class: "wave" }, t("div", { key: "41591d61b8eda97e3abdd2ca83f82aada7d67edc", class: "dot" }), t("div", { key: "096aa4e8c6f1d9cb5a5d1d24cda06298fd0366b1", class: "dot" }), t("div", { key: "d2dd6942fe7b1a8ca68102e9dea7dae88e341824", class: "dot" }));
-  }
-};
-i.style = d;
-export {
-  e as button_component,
-  i as loading_icon
-};