@nylas/react 1.4.5 → 2.0.1

package/dist/abstract-provider-efe136bd-2041bdce.js

@@ -0,0 +1,187 @@
+import { b as e, n as E, o as T } from "./index-71f61ea9.js";
+class w {
+  constructor(t, o, d = !0, n) {
+    this.automaticComponentRegistration = !0, this.registeredComponents = {}, this.propStateRegistrations = /* @__PURE__ */ new Map(), this.eventListenerRegistrations = /* @__PURE__ */ new Map(), this.host = t, this.stores = o, this.automaticComponentRegistration = d, this.eventOverrides = n, e(`[${this.hostTagName}] Initializing (abstract) provider.`, { eventOverrides: n }), this.registerComponent = this.registerComponent.bind(this), this.getStore = this.getStore.bind(this), Object.keys(this.stores).forEach((s) => {
+      this.propStateRegistrations.set(s, /* @__PURE__ */ new Map());
+    });
+  }
+  async componentWillLoad(t) {
+    e(`[${this.hostTagName}] Will load`), this.setupStoreListeners(), this.nylasConnector = t;
+    const o = Array.from(this.host.querySelectorAll("*")).filter((n) => n.tagName.toLowerCase().startsWith("nylas-"));
+    e(`[${this.hostTagName}] Found ${o.length} child component(s).`, { childComponents: o });
+    const d = o.map(async (n) => {
+      const s = n;
+      if (!s) {
+        e(`[~${this.hostTagName}] (componentWillLoad) Component ${s.tagName} does not have a name. Skipping.`);
+        return;
+      }
+      if (!s.registerNylasComponent) {
+        e(`[~${this.hostTagName}] (componentWillLoad) Component ${s.tagName} is not a component that can be registered. Skipping.`, { component: s });
+        return;
+      }
+      const g = {
+        element: s,
+        name: s.tagName.toLowerCase(),
+        getStoresToProp: s.getStoresToProp,
+        storeToProps: s.storeToProps,
+        stateToProps: s.stateToProps,
+        authToProp: s.authToProp,
+        eventToProps: s.eventToProps,
+        connectorToProp: s.connectorToProp,
+        localPropsToProp: s.localPropsToProp
+      };
+      await this.registerComponent(g);
+    });
+    await Promise.all(d);
+  }
+  async componentDidLoad() {
+    e(`[~${this.hostTagName}] (componentDidLoad) Did load`);
+  }
+  async componentDisconnected() {
+    Object.values(this.stores).forEach((t) => {
+      t.dispose();
+    });
+  }
+  async registerComponentHandler(t) {
+    if (t.stopPropagation(), !this.automaticComponentRegistration) {
+      e(`~[${this.hostTagName}] (registerComponentHandler) Automatic component registration disabled. Skipping registration of ${t.detail.name}.`);
+      return;
+    }
+    await this.registerComponent(t.detail);
+  }
+  async unregisterComponentHandler(t) {
+    if (t.stopPropagation(), !this.automaticComponentRegistration) {
+      e(`~[${this.hostTagName}] (unregisterComponentHandler) Automatic component registration disabled. Skipping unregistration of ${t.detail.name}.`);
+      return;
+    }
+    this.unregisterComponent(t.detail);
+  }
+  async registerComponent(t) {
+    e(`~[${this.hostTagName}] (registerComponent) Registering component ${t.name}.`);
+    const o = t.element.dataset.nylasId;
+    o && this.registeredComponents[o] ? (e(`[${this.hostTagName}] (registerComponent) Component ${t.name} already registered. Updating registration.`), this.cleanupComponentRegistration(o, !1)) : t.element.dataset.nylasId = o || E();
+    const n = t.element.dataset.nylasId;
+    n && (this.registeredComponents[n] = t), e(`[${this.hostTagName}] (registerComponent) Waiting for "${t.element.localName}" component to be defined`, { component: t });
+    try {
+      await customElements.whenDefined(t.element.tagName.toLowerCase()), e(`[${this.hostTagName}] (registerComponent) Component "${t.element.localName}" is now defined`);
+    } catch (h) {
+      e(`[${this.hostTagName}] (registerComponent) Error waiting for component "${t.element.localName}" to be defined:`, h);
+    }
+    const s = this.eventOverrides, { stateToProps: g, getStoresToProp: a, eventToProps: p, storeToProps: c, connectorToProp: l, localPropsToProp: $, element: i } = t;
+    p == null || p.forEach((h, r) => {
+      var N;
+      const m = this.nylasConnector, S = async (f) => {
+        e(`[${this.hostTagName}] (registerComponent) Handling "${t.name}" prop "${String(r)}" event.`, { event: f }), r in s && (e(`[${this.hostTagName}] (registerComponent) Found event override for "${String(r)}" event. Calling override.`), await s[r](f, m)), f.defaultPrevented || await h(f, m);
+      }, u = t.element.dataset.nylasId;
+      u && !this.eventListenerRegistrations.has(u) && this.eventListenerRegistrations.set(u, []), u && ((N = this.eventListenerRegistrations.get(u)) == null || N.push([i, r, S])), e(`[${this.hostTagName}] (registerComponent) Setting "${t.name}" event "${String(r)}" to automcially call NylasConnector method.`);
+      const C = T(r.toString());
+      e(`[${this.hostTagName}] (registerComponent) Adding event listener for "${C}" on "${i.tagName}"`), i.addEventListener(C, S);
+    }), g == null || g.forEach((h, r) => {
+      var N, f, v, R;
+      const [m, S] = r.split("."), C = this.getStore(m).state[S];
+      if (!i.dataset.nylasId) {
+        e(`[${this.hostTagName}] (registerComponent) Component "${t.name}" not registered. Skipping.`, { component: t });
+        return;
+      }
+      this.propStateRegistrations.has(m) || this.propStateRegistrations.set(m, /* @__PURE__ */ new Map()), (N = this.propStateRegistrations.get(m)) != null && N.has(S) ? (R = (v = this.propStateRegistrations.get(m)) == null ? void 0 : v.get(S)) == null || R.push({
+        elementId: i.dataset.nylasId,
+        propKey: h
+      }) : (f = this.propStateRegistrations.get(m)) == null || f.set(S, [
+        {
+          elementId: i.dataset.nylasId,
+          propKey: h
+        }
+      ]), i[h.toString()] = C, e(`[${this.hostTagName}] Setting "${t.name}" prop "${h.toString()}" to "${r}" value.`, { stateValue: C });
+    }), $ == null || $.forEach((h, r) => {
+      const m = this.host[r];
+      i[h.toString()] = m, e(`[${this.hostTagName}] Setting "${t.name}" prop "${h.toString()}" to the value of "${r}" value.`, { value: r, mappedPropValue: m });
+    }), a && (i[a == null ? void 0 : a.toString()] = this.getStore, e(`[${this.hostTagName}] Setting "${t.name}" prop "${a.toString()}" to "getStore" method.`)), c == null || c.forEach((h, r) => {
+      const m = this.getStore(r);
+      i[h.toString()] = m, e(`[${this.hostTagName}] Setting "${t.name}" prop "${h.toString()}" to "${r}" store.`, { store: m });
+    }), l && (i[l == null ? void 0 : l.toString()] = this.nylasConnector, e(`[${this.hostTagName}] Setting "${t.name}" prop "${l.toString()}" to "nylasConnector" value.`, { connectorToProp: l })), typeof i.registerCallback == "function" && (e(`[${this.hostTagName}] (registerComponent) Calling registerCallback method for "${t.name}".`), await i.registerCallback()), e(`[${this.hostTagName}] (registerComponent) Component ${t.name} registered.`);
+  }
+  cleanupComponentRegistration(t, o = !0) {
+    const d = this.eventListenerRegistrations.get(t);
+    d && (d.forEach(([n, s, g]) => {
+      const a = T(s.toString());
+      e(`[${this.hostTagName}] (cleanupComponentRegistration) Removing event listener for "${a}" on "${n.tagName}"`), n.removeEventListener(a, g);
+    }), this.eventListenerRegistrations.delete(t)), this.propStateRegistrations.forEach((n, s) => {
+      n.forEach((g, a) => {
+        var c;
+        const p = g.filter((l) => l.elementId !== t);
+        p.length !== g.length && ((c = this.propStateRegistrations.get(s)) == null || c.set(a, p));
+      });
+    }), o && delete this.registeredComponents[t];
+  }
+  unregisterComponent(t) {
+    e(`[${this.hostTagName}] Unregistering component ${t.name}.`);
+    const o = t.element.dataset.nylasId;
+    if (!o) {
+      e(`[${this.hostTagName}] (unregisterComponent) Unregistering component ${t.name}.`);
+      return;
+    }
+    if (this.registeredComponents[o]) {
+      e(`[${this.hostTagName}] (unregisterComponent) Component ${t.name} not registered. Skipping.`);
+      return;
+    }
+    this.propStateRegistrations.forEach((n, s) => {
+      n.forEach((g, a) => {
+        var l, $;
+        const p = (l = this.propStateRegistrations.get(s)) == null ? void 0 : l.get(a), c = p == null ? void 0 : p.filter((i) => i.elementId !== o);
+        c && (($ = this.propStateRegistrations.get(s)) == null || $.set(a, c));
+      });
+    });
+    const d = this.eventListenerRegistrations.get(o);
+    d == null || d.forEach(([n, s, g]) => {
+      const a = T(s.toString());
+      e(`[${this.hostTagName}] (unregisterComponent) Removing event listener for "${a}" on "${n.tagName}"`), n.removeEventListener(a, g);
+    }), delete this.registeredComponents[o];
+  }
+  getStore(t) {
+    const o = this.stores[t];
+    if (!o)
+      throw new Error(`[${this.hostTagName}] Store "${t.toString()}" not found.`);
+    return o;
+  }
+  async setupStoreListeners() {
+    const t = this;
+    Object.entries(this.stores).forEach(([o, d]) => {
+      e(`[${t.hostTagName}] (setupStoreListeners) Listening for changes in "${o}" store.`), d.use({
+        set(n, s, g) {
+          var c;
+          if (e(`[${t.hostTagName}] (setupStoreListeners) Store "${o}" state "${n.toString()}" changed`, { newValue: s, oldValue: g }), s === g) {
+            e(`[${t.hostTagName}] (setupStoreListeners) Store "${o}" state "${n.toString()}" unchanged. Skipping.`);
+            return;
+          }
+          const a = t.registeredComponents;
+          if (!a) {
+            e(`[${t.hostTagName}] (setupStoreListeners) No registered components found. Skipping.`);
+            return;
+          }
+          const p = ((c = t.propStateRegistrations.get(o)) == null ? void 0 : c.get(n.toString())) || [];
+          e(`[${t.hostTagName}] (setupStoreListeners) Found ${p.length} prop(s) registered for "${n.toString()}" store.`, {
+            props: p,
+            propStateRegistrations: t.propStateRegistrations
+          }), p.forEach(({ elementId: l, propKey: $ }) => {
+            const i = a[l];
+            if (!i) {
+              e(`[${t.hostTagName}] (setupStoreListeners) Component "${l}" not found. Skipping.`, { component: i });
+              return;
+            }
+            const r = t.getStore(o).state[n];
+            i.element[$.toString()] = r, e(`[${t.hostTagName}] (setupStoreListeners) Setting "${i.name}" prop "${$.toString()}" to "${n.toString()}" value.`, { stateValue: r });
+          });
+        }
+      });
+    });
+  }
+  get hostTagName() {
+    var t, o;
+    return ((o = (t = this.host) == null ? void 0 : t.tagName) == null ? void 0 : o.toLowerCase()) ?? "nylas-provider";
+  }
+}
+class b extends w {
+}
+export {
+  b as N
+};

package/dist/abstract-provider-efe136bd-b4663c02.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./index-f769bc2a.cjs");class R{constructor(t,o,l=!0,n){this.automaticComponentRegistration=!0,this.registeredComponents={},this.propStateRegistrations=new Map,this.eventListenerRegistrations=new Map,this.host=t,this.stores=o,this.automaticComponentRegistration=l,this.eventOverrides=n,e.debug(`[${this.hostTagName}] Initializing (abstract) provider.`,{eventOverrides:n}),this.registerComponent=this.registerComponent.bind(this),this.getStore=this.getStore.bind(this),Object.keys(this.stores).forEach(s=>{this.propStateRegistrations.set(s,new Map)})}async componentWillLoad(t){e.debug(`[${this.hostTagName}] Will load`),this.setupStoreListeners(),this.nylasConnector=t;const o=Array.from(this.host.querySelectorAll("*")).filter(n=>n.tagName.toLowerCase().startsWith("nylas-"));e.debug(`[${this.hostTagName}] Found ${o.length} child component(s).`,{childComponents:o});const l=o.map(async n=>{const s=n;if(!s){e.debug(`[~${this.hostTagName}] (componentWillLoad) Component ${s.tagName} does not have a name. Skipping.`);return}if(!s.registerNylasComponent){e.debug(`[~${this.hostTagName}] (componentWillLoad) Component ${s.tagName} is not a component that can be registered. Skipping.`,{component:s});return}const g={element:s,name:s.tagName.toLowerCase(),getStoresToProp:s.getStoresToProp,storeToProps:s.storeToProps,stateToProps:s.stateToProps,authToProp:s.authToProp,eventToProps:s.eventToProps,connectorToProp:s.connectorToProp,localPropsToProp:s.localPropsToProp};await this.registerComponent(g)});await Promise.all(l)}async componentDidLoad(){e.debug(`[~${this.hostTagName}] (componentDidLoad) Did load`)}async componentDisconnected(){Object.values(this.stores).forEach(t=>{t.dispose()})}async registerComponentHandler(t){if(t.stopPropagation(),!this.automaticComponentRegistration){e.debug(`~[${this.hostTagName}] (registerComponentHandler) Automatic component registration disabled. Skipping registration of ${t.detail.name}.`);return}await this.registerComponent(t.detail)}async unregisterComponentHandler(t){if(t.stopPropagation(),!this.automaticComponentRegistration){e.debug(`~[${this.hostTagName}] (unregisterComponentHandler) Automatic component registration disabled. Skipping unregistration of ${t.detail.name}.`);return}this.unregisterComponent(t.detail)}async registerComponent(t){e.debug(`~[${this.hostTagName}] (registerComponent) Registering component ${t.name}.`);const o=t.element.dataset.nylasId;o&&this.registeredComponents[o]?(e.debug(`[${this.hostTagName}] (registerComponent) Component ${t.name} already registered. Updating registration.`),this.cleanupComponentRegistration(o,!1)):t.element.dataset.nylasId=o||e.uniqueID();const n=t.element.dataset.nylasId;n&&(this.registeredComponents[n]=t),e.debug(`[${this.hostTagName}] (registerComponent) Waiting for "${t.element.localName}" component to be defined`,{component:t});try{await customElements.whenDefined(t.element.tagName.toLowerCase()),e.debug(`[${this.hostTagName}] (registerComponent) Component "${t.element.localName}" is now defined`)}catch(h){e.debug(`[${this.hostTagName}] (registerComponent) Error waiting for component "${t.element.localName}" to be defined:`,h)}const s=this.eventOverrides,{stateToProps:g,getStoresToProp:a,eventToProps:d,storeToProps:u,connectorToProp:p,localPropsToProp:c,element:i}=t;d==null||d.forEach((h,r)=>{var N;const m=this.nylasConnector,$=async S=>{e.debug(`[${this.hostTagName}] (registerComponent) Handling "${t.name}" prop "${String(r)}" event.`,{event:S}),r in s&&(e.debug(`[${this.hostTagName}] (registerComponent) Found event override for "${String(r)}" event. Calling override.`),await s[r](S,m)),S.defaultPrevented||await h(S,m)},f=t.element.dataset.nylasId;f&&!this.eventListenerRegistrations.has(f)&&this.eventListenerRegistrations.set(f,[]),f&&((N=this.eventListenerRegistrations.get(f))==null||N.push([i,r,$])),e.debug(`[${this.hostTagName}] (registerComponent) Setting "${t.name}" event "${String(r)}" to automcially call NylasConnector method.`);const C=e.formatEventName(r.toString());e.debug(`[${this.hostTagName}] (registerComponent) Adding event listener for "${C}" on "${i.tagName}"`),i.addEventListener(C,$)}),g==null||g.forEach((h,r)=>{var N,S,b,T;const[m,$]=r.split("."),C=this.getStore(m).state[$];if(!i.dataset.nylasId){e.debug(`[${this.hostTagName}] (registerComponent) Component "${t.name}" not registered. Skipping.`,{component:t});return}this.propStateRegistrations.has(m)||this.propStateRegistrations.set(m,new Map),(N=this.propStateRegistrations.get(m))!=null&&N.has($)?(T=(b=this.propStateRegistrations.get(m))==null?void 0:b.get($))==null||T.push({elementId:i.dataset.nylasId,propKey:h}):(S=this.propStateRegistrations.get(m))==null||S.set($,[{elementId:i.dataset.nylasId,propKey:h}]),i[h.toString()]=C,e.debug(`[${this.hostTagName}] Setting "${t.name}" prop "${h.toString()}" to "${r}" value.`,{stateValue:C})}),c==null||c.forEach((h,r)=>{const m=this.host[r];i[h.toString()]=m,e.debug(`[${this.hostTagName}] Setting "${t.name}" prop "${h.toString()}" to the value of "${r}" value.`,{value:r,mappedPropValue:m})}),a&&(i[a==null?void 0:a.toString()]=this.getStore,e.debug(`[${this.hostTagName}] Setting "${t.name}" prop "${a.toString()}" to "getStore" method.`)),u==null||u.forEach((h,r)=>{const m=this.getStore(r);i[h.toString()]=m,e.debug(`[${this.hostTagName}] Setting "${t.name}" prop "${h.toString()}" to "${r}" store.`,{store:m})}),p&&(i[p==null?void 0:p.toString()]=this.nylasConnector,e.debug(`[${this.hostTagName}] Setting "${t.name}" prop "${p.toString()}" to "nylasConnector" value.`,{connectorToProp:p})),typeof i.registerCallback=="function"&&(e.debug(`[${this.hostTagName}] (registerComponent) Calling registerCallback method for "${t.name}".`),await i.registerCallback()),e.debug(`[${this.hostTagName}] (registerComponent) Component ${t.name} registered.`)}cleanupComponentRegistration(t,o=!0){const l=this.eventListenerRegistrations.get(t);l&&(l.forEach(([n,s,g])=>{const a=e.formatEventName(s.toString());e.debug(`[${this.hostTagName}] (cleanupComponentRegistration) Removing event listener for "${a}" on "${n.tagName}"`),n.removeEventListener(a,g)}),this.eventListenerRegistrations.delete(t)),this.propStateRegistrations.forEach((n,s)=>{n.forEach((g,a)=>{var u;const d=g.filter(p=>p.elementId!==t);d.length!==g.length&&((u=this.propStateRegistrations.get(s))==null||u.set(a,d))})}),o&&delete this.registeredComponents[t]}unregisterComponent(t){e.debug(`[${this.hostTagName}] Unregistering component ${t.name}.`);const o=t.element.dataset.nylasId;if(!o){e.debug(`[${this.hostTagName}] (unregisterComponent) Unregistering component ${t.name}.`);return}if(this.registeredComponents[o]){e.debug(`[${this.hostTagName}] (unregisterComponent) Component ${t.name} not registered. Skipping.`);return}this.propStateRegistrations.forEach((n,s)=>{n.forEach((g,a)=>{var p,c;const d=(p=this.propStateRegistrations.get(s))==null?void 0:p.get(a),u=d==null?void 0:d.filter(i=>i.elementId!==o);u&&((c=this.propStateRegistrations.get(s))==null||c.set(a,u))})});const l=this.eventListenerRegistrations.get(o);l==null||l.forEach(([n,s,g])=>{const a=e.formatEventName(s.toString());e.debug(`[${this.hostTagName}] (unregisterComponent) Removing event listener for "${a}" on "${n.tagName}"`),n.removeEventListener(a,g)}),delete this.registeredComponents[o]}getStore(t){const o=this.stores[t];if(!o)throw new Error(`[${this.hostTagName}] Store "${t.toString()}" not found.`);return o}async setupStoreListeners(){const t=this;Object.entries(this.stores).forEach(([o,l])=>{e.debug(`[${t.hostTagName}] (setupStoreListeners) Listening for changes in "${o}" store.`),l.use({set(n,s,g){var u;if(e.debug(`[${t.hostTagName}] (setupStoreListeners) Store "${o}" state "${n.toString()}" changed`,{newValue:s,oldValue:g}),s===g){e.debug(`[${t.hostTagName}] (setupStoreListeners) Store "${o}" state "${n.toString()}" unchanged. Skipping.`);return}const a=t.registeredComponents;if(!a){e.debug(`[${t.hostTagName}] (setupStoreListeners) No registered components found. Skipping.`);return}const d=((u=t.propStateRegistrations.get(o))==null?void 0:u.get(n.toString()))||[];e.debug(`[${t.hostTagName}] (setupStoreListeners) Found ${d.length} prop(s) registered for "${n.toString()}" store.`,{props:d,propStateRegistrations:t.propStateRegistrations}),d.forEach(({elementId:p,propKey:c})=>{const i=a[p];if(!i){e.debug(`[${t.hostTagName}] (setupStoreListeners) Component "${p}" not found. Skipping.`,{component:i});return}const r=t.getStore(o).state[n];i.element[c.toString()]=r,e.debug(`[${t.hostTagName}] (setupStoreListeners) Setting "${i.name}" prop "${c.toString()}" to "${n.toString()}" value.`,{stateValue:r})})}})})}get hostTagName(){var t,o;return((o=(t=this.host)==null?void 0:t.tagName)==null?void 0:o.toLowerCase())??"nylas-provider"}}class L extends R{}exports.NylasBaseProvider=L;

package/dist/add-circle-icon_2.entry-5204c48a.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-f769bc2a.cjs");require("react");require("react/jsx-runtime");require("react-dom");const s=".sc-add-circle-icon-h{display:flex}",d=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=d;const i=".sc-close-icon-h{display:flex}",h=i,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=h;exports.add_circle_icon=t;exports.close_icon=a;

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

@@ -0,0 +1,26 @@
+import { r as t, h as e } from "./index-71f61ea9.js";
+import "react";
+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}", l = i, o = 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" }))));
+  }
+};
+o.style = l;
+export {
+  d as add_circle_icon,
+  o as close_icon
+};

package/dist/archive-icon.entry-0b585dff.js

@@ -0,0 +1,16 @@
+import { r as o, h as t } from "./index-71f61ea9.js";
+import "react";
+import "react/jsx-runtime";
+import "react-dom";
+const s = ".sc-archive-icon-h{display:flex}", i = s, a = 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" }));
+  }
+};
+a.style = i;
+export {
+  a as archive_icon
+};

package/dist/archive-icon.entry-c2c66bca.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-f769bc2a.cjs");require("react");require("react/jsx-runtime");require("react-dom");const h=".sc-archive-icon-h{display:flex}",r=h,t=class{constructor(i){e.registerInstance(this,i),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=r;exports.archive_icon=t;

package/dist/{arrow-icon.entry-5bb183c1.js → arrow-icon.entry-2e61394e.js}

@@ -1,16 +1,16 @@
-import { r as o, h as t } from "./index-6e735f92.js";
+import { r as o, h as t } from "./index-71f61ea9.js";
 import "react";
 import "react/jsx-runtime";
 import "react-dom";
-const e = ".sc-arrow-icon-h{display:flex}", c = e, s = class {
+const e = ".sc-arrow-icon-h{display:flex}", s = e, i = class {
   constructor(r) {
     o(this, r), this.width = "15", this.height = "15";
   }
   render() {
-    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" }));
+    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 = c;
+i.style = s;
 export {
-  s as arrow_icon
+  i as arrow_icon
 };

package/dist/arrow-icon.entry-9d471162.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-f769bc2a.cjs");require("react");require("react/jsx-runtime");require("react-dom");const o=".sc-arrow-icon-h{display:flex}",i=o,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=i;exports.arrow_icon=r;

package/dist/{bold-icon.entry-c919c71d.cjs → bold-icon.entry-5c37622f.cjs}

@@ -1 +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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-f769bc2a.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:"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=r;exports.bold_icon=t;

package/dist/{bold-icon.entry-e0010c60.js → bold-icon.entry-8ef1b653.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t } from "./index-6e735f92.js";
+import { r as e, h as t } from "./index-71f61ea9.js";
 import "react";
 import "react/jsx-runtime";
 import "react-dom";
@@ -7,7 +7,7 @@ const s = ".sc-bold-icon-h{display:flex}", i = s, r = class {
     e(this, o), this.width = "15", this.height = "15";
   }
   render() {
-    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" }));
+    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" }));
   }
 };
 r.style = i;

package/dist/{button-component_2.entry-078ee06a.cjs → button-component_2.entry-8335ee1e.cjs}

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-f769bc2a.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:"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)}}",d=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=d;exports.button_component=o;exports.loading_icon=e;

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

@@ -1,27 +1,27 @@
-import { r as o, h as t } from "./index-6e735f92.js";
+import { r as o, h as t } from "./index-71f61ea9.js";
 import "react";
 import "react/jsx-runtime";
 import "react-dom";
-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 {
+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}", r = a, 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: "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" }));
+    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" }));
   }
 };
-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 {
+e.style = r;
+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: "f57596041d2b245a61e68b619e1611b562ac0ea9", class: "wave" }, t("div", { key: "ee8a655c6584adfa4f0f89c50d4b60959067573c", class: "dot" }), t("div", { key: "f619f493ca925ed91134aba6feadaba916517739", class: "dot" }), t("div", { key: "a8fd3592f3452bd5b4f5f0e64c55e56075a78a61", class: "dot" }));
+    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" }));
   }
 };
-c.style = i;
+i.style = d;
 export {
-  r as button_component,
-  c as loading_icon
+  e as button_component,
+  i as loading_icon
 };