@nylas/react 1.0.2-prealpha1 → 1.1.0-canary.10

package/dist/calendar-check-icon_2.entry-f75ef95e.js

@@ -0,0 +1,25 @@
+import { r as t, h as c } from "./index-fd39ea9d.js";
+import "react";
+import "react-dom";
+const h = ".sc-calendar-check-icon-h{display:flex}", i = h, s = class {
+  constructor(e) {
+    t(this, e), this.width = "20", this.height = "20";
+  }
+  render() {
+    return c("svg", { key: "128211c766d7f563df0549f5a3d15ed24c92824c", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, c("path", { key: "063233f8a8a8b823df7949caff2643c0fa5ea021", fill: "currentColor", d: "M14.75 0C16.5449 0 18 1.45507 18 3.25V9.02182C17.5368 8.72526 17.0335 8.48584 16.5 8.3135V5.5H1.5V14.75C1.5 15.7165 2.2835 16.5 3.25 16.5H8.3135C8.48584 17.0335 8.72526 17.5368 9.02182 18H3.25C1.45507 18 0 16.5449 0 14.75V3.25C0 1.45507 1.45507 0 3.25 0H14.75ZM14.75 1.5H3.25C2.2835 1.5 1.5 2.2835 1.5 3.25V4H16.5V3.25C16.5 2.2835 15.7165 1.5 14.75 1.5ZM20 14.5C20 17.5376 17.5376 20 14.5 20C11.4624 20 9 17.5376 9 14.5C9 11.4624 11.4624 9 14.5 9C17.5376 9 20 11.4624 20 14.5ZM17.8536 12.1464C17.6583 11.9512 17.3417 11.9512 17.1464 12.1464L13.5 15.7929L11.8536 14.1464C11.6583 13.9512 11.3417 13.9512 11.1464 14.1464C10.9512 14.3417 10.9512 14.6583 11.1464 14.8536L13.1464 16.8536C13.3417 17.0488 13.6583 17.0488 13.8536 16.8536L17.8536 12.8536C18.0488 12.6583 18.0488 12.3417 17.8536 12.1464Z" }));
+  }
+};
+s.style = i;
+const a = ".sc-checkmark-circle-icon-h{display:flex}", r = a, n = class {
+  constructor(e) {
+    t(this, e), this.width = "20", this.height = "20";
+  }
+  render() {
+    return c("svg", { key: "391cc64dd53e54e877a74042d20890c59b1a25a1", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, c("path", { key: "9fa7b6dd7971961e6129720a4ec73af505d5c188", fill: "currentColor", d: "M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm3.358 4.646a.5.5 0 0 1 .058.638l-.058.07-4.004 4.004a.5.5 0 0 1-.638.058l-.07-.058-2-2a.5.5 0 0 1 .638-.765l.07.058L9 11.298l3.651-3.652a.5.5 0 0 1 .707 0Z" }));
+  }
+};
+n.style = r;
+export {
+  s as calendar_check_icon,
+  n as checkmark_circle_icon
+};

package/dist/{calendar-icon.entry-8f38af4a.js → calendar-icon.entry-67aa69f5.js}

@@ -1,15 +1,15 @@
-import { r as e, h as C } from "./index-630f4e87.js";
+import { r as e, h as C } from "./index-fd39ea9d.js";
 import "react";
 import "react-dom";
-const s = ".sc-calendar-icon-h{display:flex}", i = s, r = class {
+const c = ".sc-calendar-icon-h{display:flex}", s = c, i = class {
   constructor(t) {
     e(this, t), this.width = "15", this.height = "15";
   }
   render() {
-    return C("svg", { key: "309b61e31a622ac764869905efdea0a370ee6c2d", width: this.width, height: this.height, fill: "none", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg" }, C("path", { key: "3b4723e6152789d985548826ca220a1060df4b08", fill: "currentColor", d: "M14.3073 0.692383C15.9641 0.692383 17.3073 2.03553 17.3073 3.69238V14.3078C17.3073 15.9646 15.9641 17.3078 14.3073 17.3078H3.6919C2.03504 17.3078 0.691895 15.9646 0.691895 14.3078V3.69238C0.691895 2.03553 2.03504 0.692383 3.6919 0.692383H14.3073ZM15.9227 5.76931H2.07651V14.3078C2.07651 15.1999 2.79974 15.9232 3.6919 15.9232H14.3073C15.1994 15.9232 15.9227 15.1999 15.9227 14.3078V5.76931ZM5.07651 11.3078C5.71376 11.3078 6.23036 11.8244 6.23036 12.4616C6.23036 13.0989 5.71376 13.6155 5.07651 13.6155C4.43926 13.6155 3.92266 13.0989 3.92266 12.4616C3.92266 11.8244 4.43926 11.3078 5.07651 11.3078ZM8.99959 11.3078C9.63684 11.3078 10.1534 11.8244 10.1534 12.4616C10.1534 13.0989 9.63684 13.6155 8.99959 13.6155C8.36234 13.6155 7.84574 13.0989 7.84574 12.4616C7.84574 11.8244 8.36234 11.3078 8.99959 11.3078ZM5.07651 7.61546C5.71376 7.61546 6.23036 8.13206 6.23036 8.76931C6.23036 9.40656 5.71376 9.92315 5.07651 9.92315C4.43926 9.92315 3.92266 9.40656 3.92266 8.76931C3.92266 8.13206 4.43926 7.61546 5.07651 7.61546ZM8.99959 7.61546C9.63684 7.61546 10.1534 8.13206 10.1534 8.76931C10.1534 9.40656 9.63684 9.92315 8.99959 9.92315C8.36234 9.92315 7.84574 9.40656 7.84574 8.76931C7.84574 8.13206 8.36234 7.61546 8.99959 7.61546ZM12.9227 7.61546C13.5599 7.61546 14.0765 8.13206 14.0765 8.76931C14.0765 9.40656 13.5599 9.92315 12.9227 9.92315C12.2854 9.92315 11.7688 9.40656 11.7688 8.76931C11.7688 8.13206 12.2854 7.61546 12.9227 7.61546ZM14.3073 2.077H3.6919C2.79974 2.077 2.07651 2.80023 2.07651 3.69238V4.38469H15.9227V3.69238C15.9227 2.80023 15.1994 2.077 14.3073 2.077Z" }));
+    return C("svg", { key: "3511648425d3fb5cb3df268c9647cf2590d28ab0", width: this.width, height: this.height, fill: "none", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg" }, C("path", { key: "32465f5a3184be89f1acdcc53a98158e757c22bb", fill: "currentColor", d: "M14.3073 0.692383C15.9641 0.692383 17.3073 2.03553 17.3073 3.69238V14.3078C17.3073 15.9646 15.9641 17.3078 14.3073 17.3078H3.6919C2.03504 17.3078 0.691895 15.9646 0.691895 14.3078V3.69238C0.691895 2.03553 2.03504 0.692383 3.6919 0.692383H14.3073ZM15.9227 5.76931H2.07651V14.3078C2.07651 15.1999 2.79974 15.9232 3.6919 15.9232H14.3073C15.1994 15.9232 15.9227 15.1999 15.9227 14.3078V5.76931ZM5.07651 11.3078C5.71376 11.3078 6.23036 11.8244 6.23036 12.4616C6.23036 13.0989 5.71376 13.6155 5.07651 13.6155C4.43926 13.6155 3.92266 13.0989 3.92266 12.4616C3.92266 11.8244 4.43926 11.3078 5.07651 11.3078ZM8.99959 11.3078C9.63684 11.3078 10.1534 11.8244 10.1534 12.4616C10.1534 13.0989 9.63684 13.6155 8.99959 13.6155C8.36234 13.6155 7.84574 13.0989 7.84574 12.4616C7.84574 11.8244 8.36234 11.3078 8.99959 11.3078ZM5.07651 7.61546C5.71376 7.61546 6.23036 8.13206 6.23036 8.76931C6.23036 9.40656 5.71376 9.92315 5.07651 9.92315C4.43926 9.92315 3.92266 9.40656 3.92266 8.76931C3.92266 8.13206 4.43926 7.61546 5.07651 7.61546ZM8.99959 7.61546C9.63684 7.61546 10.1534 8.13206 10.1534 8.76931C10.1534 9.40656 9.63684 9.92315 8.99959 9.92315C8.36234 9.92315 7.84574 9.40656 7.84574 8.76931C7.84574 8.13206 8.36234 7.61546 8.99959 7.61546ZM12.9227 7.61546C13.5599 7.61546 14.0765 8.13206 14.0765 8.76931C14.0765 9.40656 13.5599 9.92315 12.9227 9.92315C12.2854 9.92315 11.7688 9.40656 11.7688 8.76931C11.7688 8.13206 12.2854 7.61546 12.9227 7.61546ZM14.3073 2.077H3.6919C2.79974 2.077 2.07651 2.80023 2.07651 3.69238V4.38469H15.9227V3.69238C15.9227 2.80023 15.1994 2.077 14.3073 2.077Z" }));
   }
 };
-r.style = i;
+i.style = s;
 export {
-  r as calendar_icon
+  i as calendar_icon
 };

package/dist/{calendar-icon.entry-7bae38d7.cjs → calendar-icon.entry-a164e957.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-3b6f5cd5.cjs");require("react");require("react-dom");const i=".sc-calendar-icon-h{display:flex}",r=i,t=class{constructor(C){e.registerInstance(this,C),this.width="15",this.height="15"}render(){return e.h("svg",{key:"309b61e31a622ac764869905efdea0a370ee6c2d",width:this.width,height:this.height,fill:"none",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"3b4723e6152789d985548826ca220a1060df4b08",fill:"currentColor",d:"M14.3073 0.692383C15.9641 0.692383 17.3073 2.03553 17.3073 3.69238V14.3078C17.3073 15.9646 15.9641 17.3078 14.3073 17.3078H3.6919C2.03504 17.3078 0.691895 15.9646 0.691895 14.3078V3.69238C0.691895 2.03553 2.03504 0.692383 3.6919 0.692383H14.3073ZM15.9227 5.76931H2.07651V14.3078C2.07651 15.1999 2.79974 15.9232 3.6919 15.9232H14.3073C15.1994 15.9232 15.9227 15.1999 15.9227 14.3078V5.76931ZM5.07651 11.3078C5.71376 11.3078 6.23036 11.8244 6.23036 12.4616C6.23036 13.0989 5.71376 13.6155 5.07651 13.6155C4.43926 13.6155 3.92266 13.0989 3.92266 12.4616C3.92266 11.8244 4.43926 11.3078 5.07651 11.3078ZM8.99959 11.3078C9.63684 11.3078 10.1534 11.8244 10.1534 12.4616C10.1534 13.0989 9.63684 13.6155 8.99959 13.6155C8.36234 13.6155 7.84574 13.0989 7.84574 12.4616C7.84574 11.8244 8.36234 11.3078 8.99959 11.3078ZM5.07651 7.61546C5.71376 7.61546 6.23036 8.13206 6.23036 8.76931C6.23036 9.40656 5.71376 9.92315 5.07651 9.92315C4.43926 9.92315 3.92266 9.40656 3.92266 8.76931C3.92266 8.13206 4.43926 7.61546 5.07651 7.61546ZM8.99959 7.61546C9.63684 7.61546 10.1534 8.13206 10.1534 8.76931C10.1534 9.40656 9.63684 9.92315 8.99959 9.92315C8.36234 9.92315 7.84574 9.40656 7.84574 8.76931C7.84574 8.13206 8.36234 7.61546 8.99959 7.61546ZM12.9227 7.61546C13.5599 7.61546 14.0765 8.13206 14.0765 8.76931C14.0765 9.40656 13.5599 9.92315 12.9227 9.92315C12.2854 9.92315 11.7688 9.40656 11.7688 8.76931C11.7688 8.13206 12.2854 7.61546 12.9227 7.61546ZM14.3073 2.077H3.6919C2.79974 2.077 2.07651 2.80023 2.07651 3.69238V4.38469H15.9227V3.69238C15.9227 2.80023 15.1994 2.077 14.3073 2.077Z"}))}};t.style=r;exports.calendar_icon=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-5f0940e0.cjs");require("react");require("react-dom");const c=".sc-calendar-icon-h{display:flex}",i=c,t=class{constructor(C){e.registerInstance(this,C),this.width="15",this.height="15"}render(){return e.h("svg",{key:"3511648425d3fb5cb3df268c9647cf2590d28ab0",width:this.width,height:this.height,fill:"none",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"32465f5a3184be89f1acdcc53a98158e757c22bb",fill:"currentColor",d:"M14.3073 0.692383C15.9641 0.692383 17.3073 2.03553 17.3073 3.69238V14.3078C17.3073 15.9646 15.9641 17.3078 14.3073 17.3078H3.6919C2.03504 17.3078 0.691895 15.9646 0.691895 14.3078V3.69238C0.691895 2.03553 2.03504 0.692383 3.6919 0.692383H14.3073ZM15.9227 5.76931H2.07651V14.3078C2.07651 15.1999 2.79974 15.9232 3.6919 15.9232H14.3073C15.1994 15.9232 15.9227 15.1999 15.9227 14.3078V5.76931ZM5.07651 11.3078C5.71376 11.3078 6.23036 11.8244 6.23036 12.4616C6.23036 13.0989 5.71376 13.6155 5.07651 13.6155C4.43926 13.6155 3.92266 13.0989 3.92266 12.4616C3.92266 11.8244 4.43926 11.3078 5.07651 11.3078ZM8.99959 11.3078C9.63684 11.3078 10.1534 11.8244 10.1534 12.4616C10.1534 13.0989 9.63684 13.6155 8.99959 13.6155C8.36234 13.6155 7.84574 13.0989 7.84574 12.4616C7.84574 11.8244 8.36234 11.3078 8.99959 11.3078ZM5.07651 7.61546C5.71376 7.61546 6.23036 8.13206 6.23036 8.76931C6.23036 9.40656 5.71376 9.92315 5.07651 9.92315C4.43926 9.92315 3.92266 9.40656 3.92266 8.76931C3.92266 8.13206 4.43926 7.61546 5.07651 7.61546ZM8.99959 7.61546C9.63684 7.61546 10.1534 8.13206 10.1534 8.76931C10.1534 9.40656 9.63684 9.92315 8.99959 9.92315C8.36234 9.92315 7.84574 9.40656 7.84574 8.76931C7.84574 8.13206 8.36234 7.61546 8.99959 7.61546ZM12.9227 7.61546C13.5599 7.61546 14.0765 8.13206 14.0765 8.76931C14.0765 9.40656 13.5599 9.92315 12.9227 9.92315C12.2854 9.92315 11.7688 9.40656 11.7688 8.76931C11.7688 8.13206 12.2854 7.61546 12.9227 7.61546ZM14.3073 2.077H3.6919C2.79974 2.077 2.07651 2.80023 2.07651 3.69238V4.38469H15.9227V3.69238C15.9227 2.80023 15.1994 2.077 14.3073 2.077Z"}))}};t.style=i;exports.calendar_icon=t;

package/dist/chevron-icon_3.entry-7687ca7a.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-5f0940e0.cjs");require("react");require("react-dom");const c=".sc-chevron-icon-h{display:flex}",h=c,r=class{constructor(e){n.registerInstance(this,e),this.width="24",this.height="24"}render(){return n.h("svg",{key:"4237d5be45ec5b20c76f6132347abbbff3db30d3",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none"},n.h("path",{key:"3d68979af03e88ecb6725fefbd1a4d9af22aa727",fill:"currentColor",d:"M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z"}))}};r.style=h;const p=".sc-search-icon-h{display:flex}",f=p,l=class{constructor(e){n.registerInstance(this,e),this.width="15",this.height="15"}render(){return n.h("svg",{key:"b76a09acee253e0c56da191a277aeb941b7660ae",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.h("path",{key:"d93a8a5b63a57e7a62909e5039654d399424bb0c",fill:"currentColor",d:"M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z"}))}};l.style=f;const b=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}@media screen and (max-width: 768px){:host{position:unset}}.dropdown{display:inline-block}.dropbtn{color:var(--nylas-base-800);padding:10px;font-size:1rem;font-family:var(--nylas-font-family);cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);max-width:306px;width:max-content;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}',u=b,d=class{constructor(e){n.registerInstance(this,e),this.selectedOptionChanged=n.createEvent(this,"selectedOptionChanged",7),this.name=void 0,this.options=[],this.defaultSelectedOption=void 0,this.withSearch=!0,this.pluralizedLabel="",this.selectedOption=this.defaultSelectedOption||null,this.isOpen=!1,this.searchValue="",this.filteredOptions=[...this.options],this.ariaActivedescendant=""}optionsChangedHandler(e,s){e!==s&&(this.filteredOptions=e)}defaultSelectedOptionChangedHandler(e,s){e.label!==s.label&&(this.selectedOption=e)}componentWillLoad(){this.filteredOptions=this.options,!this.selectedOption&&this.defaultSelectedOption&&(this.selectedOption=this.defaultSelectedOption),!this.selectedOption&&this.options.length>0&&(this.selectedOption=this.options[0])}toggleDropdown(){this.isOpen=!this.isOpen}filterOptions(e){const s=e.target.value;this.searchValue=s,this.filteredOptions=this.options.filter(t=>t.label.toLowerCase().includes(s.toLowerCase()))}selectOption(e){this.selectedOption=e,this.toggleDropdown(),this.selectedOptionChanged.emit({value:e.value,name:this.name})}handleSelectButtonKeyDown(e){var s;switch(e.key){case"ArrowDown":case"Enter":e.preventDefault(),this.isOpen||this.toggleDropdown(),(s=this.inputRef)==null||s.focus();break;case"Escape":this.isOpen=!1;break}}handleListboxKeydown(e){var a,o;const s=this.filteredOptions,t=s.findIndex(i=>i.value===this.ariaActivedescendant);if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){if(e.preventDefault(),t===s.length-1){this.ariaActivedescendant="",(a=this.inputRef)==null||a.focus();return}const i=t+1<s.length?t+1:0;this.ariaActivedescendant=s[i].value,this.focusOption(i)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){if(e.preventDefault(),t===0){this.ariaActivedescendant="",(o=this.inputRef)==null||o.focus();return}const i=t-1>=0?t-1:s.length-1;this.ariaActivedescendant=s[i].value,this.focusOption(i)}else e.key==="Enter"?(e.preventDefault(),this.ariaActivedescendant&&this.selectOption(s[t])):e.key==="Escape"&&(this.isOpen=!1)}focusOption(e){var o;const s=this.filteredOptions[e];if(!s)return;const t=s.value,a=(o=this.el.shadowRoot)==null?void 0:o.getElementById(t);a&&(a.focus(),a.scrollIntoView({behavior:"smooth",block:"nearest"}))}handleComboboxKeyDown(e){e.key==="ArrowDown"||e.key=="Tab"&&!e.shiftKey?(e.preventDefault(),this.ariaActivedescendant=this.filteredOptions[0].value,this.focusOption(0)):e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey?(e.preventDefault(),this.ariaActivedescendant=this.filteredOptions[this.filteredOptions.length-1].value,this.focusOption(this.filteredOptions.length-1)):e.key==="Escape"&&(this.isOpen=!1)}handleOutsideClick(e){!e.composedPath().includes(this.el)&&this.isOpen&&(this.isOpen=!1)}render(){var e,s;return n.h("div",{key:"4b92f2c224e4cb1ec751c8dd46ff5bd16883110a",class:"dropdown",part:"sd_dropdown"},n.h("button",{key:"de1f96fe628dc11b3b7991f65065ec1ae55372fa",part:"sd_dropdown-button",class:{dropbtn:!0,open:this.isOpen},onClick:()=>this.toggleDropdown(),"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:t=>this.handleSelectButtonKeyDown(t)},n.h("slot",{key:"05166ff83a6f0cbf3a63d79e257570c996c2972d",name:"select-icon","aria-hidden":"true"}),n.h("span",{key:"99d79f6d8969fa6e88092af65ed7438d06c70693",class:"selected-option",part:"sd_dropdown-button-selected-label"},(e=this.selectedOption)!=null&&e.label?`${((s=this.selectedOption)==null?void 0:s.label)+this.pluralizedLabel}`:""),n.h("span",{key:"220bed22a19b8e73a0b5f420a95169b5593138a3",class:{open:this.isOpen,closed:!this.isOpen,chevron:!0},"aria-hidden":"true"},n.h("chevron-icon",{key:"6ed5947377584f0adaa466c5f2c189e4795e72e2",width:"16",height:"16"}))),this.isOpen?n.h("div",{class:"dropdown-content",part:"sd_dropdown-content"},this.withSearch&&n.h("div",{class:{"search-box":!0,open:this.isOpen}},n.h("search-icon",{width:"15",height:"15",class:"icon"}),n.h("input",{type:"text",role:"combobox",placeholder:"Search",value:this.searchValue,ref:t=>this.inputRef=t,onInput:t=>this.filterOptions(t),onKeyDown:t=>this.handleComboboxKeyDown(t)})),n.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:t=>this.handleListboxKeydown(t)},this.filteredOptions.map(t=>n.h("li",{tabindex:"0",key:t.value,id:t.value,onClick:()=>this.selectOption(t),role:"option"},t.labelHTML?t.labelHTML:t.label)))):null)}get el(){return n.getElement(this)}static get watchers(){return{options:["optionsChangedHandler"],defaultSelectedOption:["defaultSelectedOptionChangedHandler"]}}};d.style=u;exports.chevron_icon=r;exports.search_icon=l;exports.select_dropdown=d;

package/dist/chevron-icon_3.entry-81c68946.js

@@ -0,0 +1,117 @@
+import { r as l, h as i, c as r, g as d } from "./index-fd39ea9d.js";
+import "react";
+import "react-dom";
+const c = ".sc-chevron-icon-h{display:flex}", p = c, h = class {
+  constructor(e) {
+    l(this, e), this.width = "24", this.height = "24";
+  }
+  render() {
+    return i("svg", { key: "4237d5be45ec5b20c76f6132347abbbff3db30d3", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, i("path", { key: "3d68979af03e88ecb6725fefbd1a4d9af22aa727", fill: "currentColor", d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z" }));
+  }
+};
+h.style = p;
+const f = ".sc-search-icon-h{display:flex}", b = f, u = class {
+  constructor(e) {
+    l(this, e), this.width = "15", this.height = "15";
+  }
+  render() {
+    return i("svg", { key: "b76a09acee253e0c56da191a277aeb941b7660ae", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "d93a8a5b63a57e7a62909e5039654d399424bb0c", fill: "currentColor", d: "M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z" }));
+  }
+};
+u.style = b;
+const y = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}@media screen and (max-width: 768px){:host{position:unset}}.dropdown{display:inline-block}.dropbtn{color:var(--nylas-base-800);padding:10px;font-size:1rem;font-family:var(--nylas-font-family);cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);max-width:306px;width:max-content;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}', x = y, w = class {
+  constructor(e) {
+    l(this, e), this.selectedOptionChanged = r(this, "selectedOptionChanged", 7), this.name = void 0, this.options = [], this.defaultSelectedOption = void 0, this.withSearch = !0, this.pluralizedLabel = "", this.selectedOption = this.defaultSelectedOption || null, this.isOpen = !1, this.searchValue = "", this.filteredOptions = [...this.options], this.ariaActivedescendant = "";
+  }
+  optionsChangedHandler(e, s) {
+    e !== s && (this.filteredOptions = e);
+  }
+  defaultSelectedOptionChangedHandler(e, s) {
+    e.label !== s.label && (this.selectedOption = e);
+  }
+  componentWillLoad() {
+    this.filteredOptions = this.options, !this.selectedOption && this.defaultSelectedOption && (this.selectedOption = this.defaultSelectedOption), !this.selectedOption && this.options.length > 0 && (this.selectedOption = this.options[0]);
+  }
+  toggleDropdown() {
+    this.isOpen = !this.isOpen;
+  }
+  filterOptions(e) {
+    const s = e.target.value;
+    this.searchValue = s, this.filteredOptions = this.options.filter((t) => t.label.toLowerCase().includes(s.toLowerCase()));
+  }
+  selectOption(e) {
+    this.selectedOption = e, this.toggleDropdown(), this.selectedOptionChanged.emit({
+      value: e.value,
+      name: this.name
+    });
+  }
+  handleSelectButtonKeyDown(e) {
+    var s;
+    switch (e.key) {
+      case "ArrowDown":
+      case "Enter":
+        e.preventDefault(), this.isOpen || this.toggleDropdown(), (s = this.inputRef) == null || s.focus();
+        break;
+      case "Escape":
+        this.isOpen = !1;
+        break;
+    }
+  }
+  handleListboxKeydown(e) {
+    var a, o;
+    const s = this.filteredOptions, t = s.findIndex((n) => n.value === this.ariaActivedescendant);
+    if (e.key === "ArrowDown" || e.key === "Tab" && !e.shiftKey) {
+      if (e.preventDefault(), t === s.length - 1) {
+        this.ariaActivedescendant = "", (a = this.inputRef) == null || a.focus();
+        return;
+      }
+      const n = t + 1 < s.length ? t + 1 : 0;
+      this.ariaActivedescendant = s[n].value, this.focusOption(n);
+    } else if (e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey) {
+      if (e.preventDefault(), t === 0) {
+        this.ariaActivedescendant = "", (o = this.inputRef) == null || o.focus();
+        return;
+      }
+      const n = t - 1 >= 0 ? t - 1 : s.length - 1;
+      this.ariaActivedescendant = s[n].value, this.focusOption(n);
+    } else
+      e.key === "Enter" ? (e.preventDefault(), this.ariaActivedescendant && this.selectOption(s[t])) : e.key === "Escape" && (this.isOpen = !1);
+  }
+  focusOption(e) {
+    var o;
+    const s = this.filteredOptions[e];
+    if (!s)
+      return;
+    const t = s.value, a = (o = this.el.shadowRoot) == null ? void 0 : o.getElementById(t);
+    a && (a.focus(), a.scrollIntoView({ behavior: "smooth", block: "nearest" }));
+  }
+  handleComboboxKeyDown(e) {
+    e.key === "ArrowDown" || e.key == "Tab" && !e.shiftKey ? (e.preventDefault(), this.ariaActivedescendant = this.filteredOptions[0].value, this.focusOption(0)) : e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey ? (e.preventDefault(), this.ariaActivedescendant = this.filteredOptions[this.filteredOptions.length - 1].value, this.focusOption(this.filteredOptions.length - 1)) : e.key === "Escape" && (this.isOpen = !1);
+  }
+  handleOutsideClick(e) {
+    !e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
+  }
+  render() {
+    var e, s;
+    return i("div", { key: "4b92f2c224e4cb1ec751c8dd46ff5bd16883110a", class: "dropdown", part: "sd_dropdown" }, i("button", { key: "de1f96fe628dc11b3b7991f65065ec1ae55372fa", part: "sd_dropdown-button", class: { dropbtn: !0, open: this.isOpen }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (t) => this.handleSelectButtonKeyDown(t) }, i("slot", { key: "05166ff83a6f0cbf3a63d79e257570c996c2972d", name: "select-icon", "aria-hidden": "true" }), i("span", { key: "99d79f6d8969fa6e88092af65ed7438d06c70693", class: "selected-option", part: "sd_dropdown-button-selected-label" }, (e = this.selectedOption) != null && e.label ? `${((s = this.selectedOption) == null ? void 0 : s.label) + this.pluralizedLabel}` : ""), i("span", { key: "220bed22a19b8e73a0b5f420a95169b5593138a3", class: {
+      open: this.isOpen,
+      closed: !this.isOpen,
+      chevron: !0
+    }, "aria-hidden": "true" }, i("chevron-icon", { key: "6ed5947377584f0adaa466c5f2c189e4795e72e2", width: "16", height: "16" }))), this.isOpen ? i("div", { class: "dropdown-content", part: "sd_dropdown-content" }, this.withSearch && i("div", { class: { "search-box": !0, open: this.isOpen } }, i("search-icon", { width: "15", height: "15", class: "icon" }), i("input", { type: "text", role: "combobox", placeholder: "Search", value: this.searchValue, ref: (t) => this.inputRef = t, onInput: (t) => this.filterOptions(t), onKeyDown: (t) => this.handleComboboxKeyDown(t) })), i("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (t) => this.handleListboxKeydown(t) }, this.filteredOptions.map((t) => i("li", { tabindex: "0", key: t.value, id: t.value, onClick: () => this.selectOption(t), role: "option" }, t.labelHTML ? t.labelHTML : t.label)))) : null);
+  }
+  get el() {
+    return d(this);
+  }
+  static get watchers() {
+    return {
+      options: ["optionsChangedHandler"],
+      defaultSelectedOption: ["defaultSelectedOptionChangedHandler"]
+    };
+  }
+};
+w.style = x;
+export {
+  h as chevron_icon,
+  u as search_icon,
+  w as select_dropdown
+};

package/dist/close-icon.entry-147b4d47.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-5f0940e0.cjs");require("react");require("react-dom");const t=".sc-close-icon-h{display:flex}",s=t,a=class{constructor(c){e.registerInstance(this,c),this.width="16",this.height="16"}render(){return e.h("svg",{key:"e58d42880affc512eb7ae18a34099340a50dc6be",width:"21",height:"21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("g",{key:"122df83308958e375531cdaa9d057b78d36b08e3","clip-path":"url(#a)"},e.h("path",{key:"9b712ee4fa93a86f9a5609bea9233f17160bc23e",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:"761a14ba84069f692cad52f6eafa8cafc4a36489"},e.h("clipPath",{key:"6805481c67c08d9253c6a5bd7ece2688f6fe0e55",id:"a"},e.h("path",{key:"af3d03843001cd7418021a9dd216f2e2f126fc7f",fill:"#fff",transform:"translate(.148 .054)",d:"M0 0h20v20H0z"}))))}};a.style=s;exports.close_icon=a;

package/dist/close-icon.entry-3325a08e.js

@@ -0,0 +1,15 @@
+import { r as c, h as e } from "./index-fd39ea9d.js";
+import "react";
+import "react-dom";
+const t = ".sc-close-icon-h{display:flex}", s = t, f = class {
+  constructor(a) {
+    c(this, a), this.width = "16", this.height = "16";
+  }
+  render() {
+    return e("svg", { key: "e58d42880affc512eb7ae18a34099340a50dc6be", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, e("g", { key: "122df83308958e375531cdaa9d057b78d36b08e3", "clip-path": "url(#a)" }, e("path", { key: "9b712ee4fa93a86f9a5609bea9233f17160bc23e", 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: "761a14ba84069f692cad52f6eafa8cafc4a36489" }, e("clipPath", { key: "6805481c67c08d9253c6a5bd7ece2688f6fe0e55", id: "a" }, e("path", { key: "af3d03843001cd7418021a9dd216f2e2f126fc7f", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
+  }
+};
+f.style = s;
+export {
+  f as close_icon
+};