@nylas/react 1.3.6 → 1.4.1

package/dist/chevron-icon_3.entry-219b42e6.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-05630f15.cjs");require("react");require("react/jsx-runtime");require("react-dom");const c=".sc-chevron-icon-h{display:flex}",h=c,l=class{constructor(e){s.registerInstance(this,e),this.width="24",this.height="24"}render(){return s.h("svg",{key:"80c05a605d7afb1c678f8965b1abae5c5e25916c",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none"},s.h("path",{key:"f754fdf2b68716dac07523348b1db34d0529d9a8",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"}))}};l.style=h;const p=".sc-search-icon-h{display:flex}",f=p,i=class{constructor(e){s.registerInstance(this,e),this.width="15",this.height="15"}render(){return s.h("svg",{key:"abe389db8a08dafea15a406755825f128a896464",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.h("path",{key:"8d2f7bd05d16f7be81c8c58ea98ae7d5873b1357",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"}))}};i.style=f;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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}@media screen and (max-width: 768px){:host{position:unset}}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error)}.dropdown{display:inline-block;width:inherit}.dropbtn{color:var(--nylas-base-800);padding:14px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;justify-content:space-between;gap:0.5rem;background:transparent;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x)}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn:disabled{cursor:not-allowed;background:var(--nylas-base-100)}.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);width:100%;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:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align: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;color:var(--nylas-base-800)}',b=y,d=class{constructor(e){s.registerInstance(this,e),this.nylasFormDropdownChanged=s.createEvent(this,"nylasFormDropdownChanged",7),this.nylasFormDropdownDefaultSelected=s.createEvent(this,"nylasFormDropdownDefaultSelected",7),this.componentType="select-dropdown",this.name=void 0,this.options=[],this.defaultSelectedOption=null,this.withSearch=!0,this.label=void 0,this.required=!1,this.readOnly=!1,this.pluralizedLabel="",this.dropdownButtonText=void 0,this.withChevron=!0,this.emptyValue="Select an option",this.errorMessage="",this.selectedOption=void 0,this.isOpen=!1,this.searchValue="",this.filteredOptions=[...this.options],this.ariaActivedescendant="",this.error=""}optionsChangedHandler(e,t){e!==t&&(this.filteredOptions=e)}defaultSelectedOptionChangedHandler(e,t){typeof e>"u"||(e==null?void 0:e.label)===(t==null?void 0:t.label)||(this.selectedOption=e,this.nylasFormDropdownDefaultSelected.emit({value:(e==null?void 0:e.value)||"",name:this.name,error:this.error,label:this.label}))}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}componentDidLoad(){var e;this.filteredOptions=this.options,this.selectedOption=this.defaultSelectedOption,!this.selectedOption&&this.options.length>0&&(this.selectedOption=this.options[0]),this.nylasFormDropdownDefaultSelected.emit({value:((e=this.selectedOption)==null?void 0:e.value)||"",name:this.name,error:this.error,label:this.label})}handleBookingFormSubmitted(e){var t;this.validate(((t=this.selectedOption)==null?void 0:t.value)||""),this.error&&e.preventDefault()}handleFormSubmitted(e){var t;this.validate(((t=this.selectedOption)==null?void 0:t.value)||""),this.error&&e.preventDefault()}validate(e){this.required&&!e?this.error=this.errorMessage||`${this.label} is required.`:this.error=""}toggleDropdown(){this.isOpen=!this.isOpen}filterOptions(e){const t=e.target.value;this.searchValue=t,this.filteredOptions=this.options.filter(o=>o.label.toLowerCase().includes(t.toLowerCase()))}selectOption(e){this.error="",this.selectedOption=e,this.toggleDropdown(),e.value!==this.emptyValue&&this.nylasFormDropdownChanged.emit({value:e.value,name:this.name,error:this.error,label:this.label})}handleSelectButtonKeyDown(e){var t;switch(e.key){case"ArrowDown":case"Enter":e.preventDefault(),this.isOpen||this.toggleDropdown(),(t=this.inputRef)==null||t.focus();break;case"Escape":this.isOpen=!1;break}}handleListboxKeydown(e){var n,a;const t=this.filteredOptions,o=t.findIndex(r=>r.value===this.ariaActivedescendant);if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){if(e.preventDefault(),o===t.length-1){this.ariaActivedescendant="",(n=this.inputRef)==null||n.focus();return}const r=o+1<t.length?o+1:0;this.ariaActivedescendant=t[r].value,this.focusOption(r)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){if(e.preventDefault(),o===0){this.ariaActivedescendant="",(a=this.inputRef)==null||a.focus();return}const r=o-1>=0?o-1:t.length-1;this.ariaActivedescendant=t[r].value,this.focusOption(r)}else e.key==="Enter"?(e.preventDefault(),this.ariaActivedescendant&&this.selectOption(t[o])):e.key==="Escape"&&(this.isOpen=!1)}focusOption(e){var a;const t=this.filteredOptions[e];if(!t)return;const o=t.value,n=(a=this.el.shadowRoot)==null?void 0:a.getElementById(o);n&&(n.focus(),n.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)}generateButtonText(e,t){return t||(e!=null&&e.label?`${this.pluralizedLabel?this.pluralizedLabel:e==null?void 0:e.label}`:this.emptyValue)}handleOutsideClick(e){!e.composedPath().includes(this.el)&&this.isOpen&&(this.isOpen=!1)}render(){const e=this.generateButtonText(this.selectedOption,this.dropdownButtonText);return s.h("div",{key:"76f953d52f4899ece2ef69efcc79aba9b7989918",class:"dropdown",part:"sd_dropdown"},s.h("label",{key:"5d5080ede5628e09dca5823243a20e74399ec460",part:"sd_dropdown_label",class:{error:!!this.error}},this.label&&s.h("p",null,s.h("span",{class:"label"},this.label),this.required&&s.h("span",{class:"required"},"*")),s.h("button",{key:"0bf99a9fb258e7f2497a0b154b57f9822e202fb8",part:"sd_dropdown-button",class:{dropbtn:!0,open:this.isOpen,error:!!this.error},onClick:()=>this.toggleDropdown(),disabled:this.readOnly,"aria-haspopup":"listbox",title:this.readOnly?"read-only field":e,"aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:t=>this.handleSelectButtonKeyDown(t)},s.h("slot",{key:"60a6936c37966ef724eea0382b0bef577f5a807b",name:"select-icon","aria-hidden":"true"}),s.h("span",{key:"9917029151048ecb413cb2448fb2405d9228b1c7",class:"selected-option",part:"sd_dropdown-button-selected-label"},e),this.withChevron&&s.h("span",{class:{open:this.isOpen,closed:!this.isOpen,chevron:!0},"aria-hidden":"true"},s.h("chevron-icon",{width:"16",height:"16"}))),this.error&&s.h("span",{class:"error help-text"},this.error)),this.isOpen?s.h("div",{class:"dropdown-content",part:"sd_dropdown-content"},this.withSearch&&s.h("div",{class:{"search-box":!0,open:this.isOpen}},s.h("search-icon",{width:"15",height:"15",class:"icon"}),s.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)})),s.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:t=>this.handleListboxKeydown(t)},this.filteredOptions.map(t=>t.value.toString()?s.h("li",{tabindex:"0",key:t.value,id:t.value,part:`${this.name}-${t.label}`,onClick:()=>this.selectOption(t),role:"option"},t.labelHTML?s.h("div",{part:"sd_dropdown-labelhtml"},t.labelHTML):t.label):null))):null)}get el(){return s.getElement(this)}static get watchers(){return{options:["optionsChangedHandler"],defaultSelectedOption:["defaultSelectedOptionChangedHandler"]}}};d.style=b;exports.chevron_icon=l;exports.search_icon=i;exports.select_dropdown=d;

package/dist/chevron-icon_3.entry-25533d13.js

@@ -0,0 +1,148 @@
+import { r as l, h as s, c as i, g as d } from "./index-78390f2e.js";
+import "react";
+import "react/jsx-runtime";
+import "react-dom";
+const c = ".sc-chevron-icon-h{display:flex}", h = c, p = class {
+  constructor(e) {
+    l(this, e), this.width = "24", this.height = "24";
+  }
+  render() {
+    return s("svg", { key: "80c05a605d7afb1c678f8965b1abae5c5e25916c", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, s("path", { key: "f754fdf2b68716dac07523348b1db34d0529d9a8", 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" }));
+  }
+};
+p.style = h;
+const f = ".sc-search-icon-h{display:flex}", y = f, b = class {
+  constructor(e) {
+    l(this, e), this.width = "15", this.height = "15";
+  }
+  render() {
+    return s("svg", { key: "abe389db8a08dafea15a406755825f128a896464", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, s("path", { key: "8d2f7bd05d16f7be81c8c58ea98ae7d5873b1357", 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" }));
+  }
+};
+b.style = y;
+const u = ':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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}@media screen and (max-width: 768px){:host{position:unset}}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error)}.dropdown{display:inline-block;width:inherit}.dropbtn{color:var(--nylas-base-800);padding:14px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;justify-content:space-between;gap:0.5rem;background:transparent;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x)}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn:disabled{cursor:not-allowed;background:var(--nylas-base-100)}.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);width:100%;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:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align: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;color:var(--nylas-base-800)}', g = u, x = class {
+  constructor(e) {
+    l(this, e), this.nylasFormDropdownChanged = i(this, "nylasFormDropdownChanged", 7), this.nylasFormDropdownDefaultSelected = i(this, "nylasFormDropdownDefaultSelected", 7), this.componentType = "select-dropdown", this.name = void 0, this.options = [], this.defaultSelectedOption = null, this.withSearch = !0, this.label = void 0, this.required = !1, this.readOnly = !1, this.pluralizedLabel = "", this.dropdownButtonText = void 0, this.withChevron = !0, this.emptyValue = "Select an option", this.errorMessage = "", this.selectedOption = void 0, this.isOpen = !1, this.searchValue = "", this.filteredOptions = [...this.options], this.ariaActivedescendant = "", this.error = "";
+  }
+  optionsChangedHandler(e, t) {
+    e !== t && (this.filteredOptions = e);
+  }
+  defaultSelectedOptionChangedHandler(e, t) {
+    typeof e > "u" || (e == null ? void 0 : e.label) === (t == null ? void 0 : t.label) || (this.selectedOption = e, this.nylasFormDropdownDefaultSelected.emit({
+      value: (e == null ? void 0 : e.value) || "",
+      name: this.name,
+      error: this.error,
+      label: this.label
+    }));
+  }
+  componentWillLoad() {
+    this.el.setAttribute("component-type", this.componentType);
+  }
+  componentDidLoad() {
+    var e;
+    this.filteredOptions = this.options, this.selectedOption = this.defaultSelectedOption, !this.selectedOption && this.options.length > 0 && (this.selectedOption = this.options[0]), this.nylasFormDropdownDefaultSelected.emit({
+      value: ((e = this.selectedOption) == null ? void 0 : e.value) || "",
+      name: this.name,
+      error: this.error,
+      label: this.label
+    });
+  }
+  handleBookingFormSubmitted(e) {
+    var t;
+    this.validate(((t = this.selectedOption) == null ? void 0 : t.value) || ""), this.error && e.preventDefault();
+  }
+  handleFormSubmitted(e) {
+    var t;
+    this.validate(((t = this.selectedOption) == null ? void 0 : t.value) || ""), this.error && e.preventDefault();
+  }
+  validate(e) {
+    this.required && !e ? this.error = this.errorMessage || `${this.label} is required.` : this.error = "";
+  }
+  toggleDropdown() {
+    this.isOpen = !this.isOpen;
+  }
+  filterOptions(e) {
+    const t = e.target.value;
+    this.searchValue = t, this.filteredOptions = this.options.filter((o) => o.label.toLowerCase().includes(t.toLowerCase()));
+  }
+  selectOption(e) {
+    this.error = "", this.selectedOption = e, this.toggleDropdown(), e.value !== this.emptyValue && this.nylasFormDropdownChanged.emit({
+      value: e.value,
+      name: this.name,
+      error: this.error,
+      label: this.label
+    });
+  }
+  handleSelectButtonKeyDown(e) {
+    var t;
+    switch (e.key) {
+      case "ArrowDown":
+      case "Enter":
+        e.preventDefault(), this.isOpen || this.toggleDropdown(), (t = this.inputRef) == null || t.focus();
+        break;
+      case "Escape":
+        this.isOpen = !1;
+        break;
+    }
+  }
+  handleListboxKeydown(e) {
+    var r, n;
+    const t = this.filteredOptions, o = t.findIndex((a) => a.value === this.ariaActivedescendant);
+    if (e.key === "ArrowDown" || e.key === "Tab" && !e.shiftKey) {
+      if (e.preventDefault(), o === t.length - 1) {
+        this.ariaActivedescendant = "", (r = this.inputRef) == null || r.focus();
+        return;
+      }
+      const a = o + 1 < t.length ? o + 1 : 0;
+      this.ariaActivedescendant = t[a].value, this.focusOption(a);
+    } else if (e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey) {
+      if (e.preventDefault(), o === 0) {
+        this.ariaActivedescendant = "", (n = this.inputRef) == null || n.focus();
+        return;
+      }
+      const a = o - 1 >= 0 ? o - 1 : t.length - 1;
+      this.ariaActivedescendant = t[a].value, this.focusOption(a);
+    } else
+      e.key === "Enter" ? (e.preventDefault(), this.ariaActivedescendant && this.selectOption(t[o])) : e.key === "Escape" && (this.isOpen = !1);
+  }
+  focusOption(e) {
+    var n;
+    const t = this.filteredOptions[e];
+    if (!t)
+      return;
+    const o = t.value, r = (n = this.el.shadowRoot) == null ? void 0 : n.getElementById(o);
+    r && (r.focus(), r.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);
+  }
+  generateButtonText(e, t) {
+    return t || (e != null && e.label ? `${this.pluralizedLabel ? this.pluralizedLabel : e == null ? void 0 : e.label}` : this.emptyValue);
+  }
+  handleOutsideClick(e) {
+    !e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
+  }
+  render() {
+    const e = this.generateButtonText(this.selectedOption, this.dropdownButtonText);
+    return s("div", { key: "76f953d52f4899ece2ef69efcc79aba9b7989918", class: "dropdown", part: "sd_dropdown" }, s("label", { key: "5d5080ede5628e09dca5823243a20e74399ec460", part: "sd_dropdown_label", class: { error: !!this.error } }, this.label && s("p", null, s("span", { class: "label" }, this.label), this.required && s("span", { class: "required" }, "*")), s("button", { key: "0bf99a9fb258e7f2497a0b154b57f9822e202fb8", part: "sd_dropdown-button", class: { dropbtn: !0, open: this.isOpen, error: !!this.error }, onClick: () => this.toggleDropdown(), disabled: this.readOnly, "aria-haspopup": "listbox", title: this.readOnly ? "read-only field" : e, "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (t) => this.handleSelectButtonKeyDown(t) }, s("slot", { key: "60a6936c37966ef724eea0382b0bef577f5a807b", name: "select-icon", "aria-hidden": "true" }), s("span", { key: "9917029151048ecb413cb2448fb2405d9228b1c7", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && s("span", { class: {
+      open: this.isOpen,
+      closed: !this.isOpen,
+      chevron: !0
+    }, "aria-hidden": "true" }, s("chevron-icon", { width: "16", height: "16" }))), this.error && s("span", { class: "error help-text" }, this.error)), this.isOpen ? s("div", { class: "dropdown-content", part: "sd_dropdown-content" }, this.withSearch && s("div", { class: { "search-box": !0, open: this.isOpen } }, s("search-icon", { width: "15", height: "15", class: "icon" }), s("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) })), s("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (t) => this.handleListboxKeydown(t) }, this.filteredOptions.map((t) => t.value.toString() ? s("li", { tabindex: "0", key: t.value, id: t.value, part: `${this.name}-${t.label}`, onClick: () => this.selectOption(t), role: "option" }, t.labelHTML ? s("div", { part: "sd_dropdown-labelhtml" }, t.labelHTML) : t.label) : null))) : null);
+  }
+  get el() {
+    return d(this);
+  }
+  static get watchers() {
+    return {
+      options: ["optionsChangedHandler"],
+      defaultSelectedOption: ["defaultSelectedOptionChangedHandler"]
+    };
+  }
+};
+x.style = g;
+export {
+  p as chevron_icon,
+  b as search_icon,
+  x as select_dropdown
+};

package/dist/clock-icon_4.entry-3917c667.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-05630f15.cjs");require("react");require("react/jsx-runtime");require("react-dom");const h=".sc-clock-icon-h{display:flex}",n=h,s=class{constructor(e){t.registerInstance(this,e),this.width="16",this.height="16"}render(){return t.h("svg",{key:"09a7ff48a6ab1b20ebd663b67b938d675d4acbb1",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"c379495dcdc72444fb22c19aad3ac79d6b578ea6",d:"M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5ZM8 1.4375C4.37563 1.4375 1.4375 4.37563 1.4375 8C1.4375 11.6244 4.37563 14.5625 8 14.5625C11.6244 14.5625 14.5625 11.6244 14.5625 8C14.5625 4.37563 11.6244 1.4375 8 1.4375ZM7.53125 3.3125C7.76137 3.3125 7.95276 3.47832 7.99245 3.69699L8 3.78125V8H10.3438C10.6026 8 10.8125 8.20987 10.8125 8.46875C10.8125 8.69887 10.6467 8.89026 10.428 8.92995L10.3438 8.9375H7.53125C7.30113 8.9375 7.10974 8.77168 7.07005 8.55301L7.0625 8.46875V3.78125C7.0625 3.52237 7.27237 3.3125 7.53125 3.3125Z",fill:"currentColor"}))}};s.style=n;const o=".sc-edit-icon-h{display:flex}",r=o,i=class{constructor(e){t.registerInstance(this,e),this.width="16",this.height="16"}render(){return t.h("svg",{key:"8491df3c0a8e0320a0032b19ed90c33d09f89f44",width:this.width,height:this.height,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"3be5d199db36f71ed40a953a9e6fdd2f3b4a3f26",d:"M11.245 0.817394C12.3318 -0.269413 14.0938 -0.269413 15.1806 0.817394C16.2222 1.85892 16.2656 3.5206 15.3108 4.6138L15.1806 4.75307L5.57482 14.3589C5.36973 14.564 5.12299 14.7215 4.85212 14.8213L4.68684 14.8742L0.631867 15.9801C0.285278 16.0746 -0.0347856 15.7861 0.00276241 15.4455L0.0179263 15.3662L1.12383 11.3112C1.20014 11.0314 1.33621 10.7722 1.52188 10.5511L1.63914 10.4232L11.245 0.817394ZM10.3848 3.09229L2.34625 11.1303C2.25396 11.2226 2.18093 11.3318 2.13086 11.4514L2.08859 11.5743L1.21196 14.785L4.42372 13.9094C4.50767 13.8865 4.5879 13.8529 4.66253 13.8096L4.77003 13.7375L4.86771 13.6518L12.9058 5.61329L10.3848 3.09229ZM14.4735 1.5245C13.8159 0.8669 12.7725 0.830367 12.072 1.4149L11.9521 1.5245L11.0918 2.38529L13.6128 4.90629L14.4735 4.04596C15.1311 3.38836 15.1677 2.34488 14.5831 1.64441L14.4735 1.5245Z",fill:"currentColor"}))}};i.style=r;const d=".sc-person-clipboard-icon-h{display:flex}",l=d,c=class{constructor(e){t.registerInstance(this,e),this.width="12",this.height="17"}render(){return t.h("svg",{key:"0f89f77101a9347469256e636f794c8f6333381f",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"699c6320f14688feacb6d26f214b99a37dc4511f",d:"M4 7.5C4 6.39543 4.89543 5.5 6 5.5C7.10457 5.5 8 6.39543 8 7.5C8 8.60457 7.10457 9.5 6 9.5C4.89543 9.5 4 8.60457 4 7.5ZM6 6.5C5.44772 6.5 5 6.94772 5 7.5C5 8.05228 5.44772 8.5 6 8.5C6.55228 8.5 7 8.05228 7 7.5C7 6.94772 6.55228 6.5 6 6.5ZM3.72077 10.5C3.10838 10.5 2.40961 10.9146 2.38992 11.6973C2.37693 12.2135 2.48426 12.9381 3.04816 13.5319C3.61451 14.1283 4.55301 14.5 6.00001 14.5C7.44702 14.5 8.38552 14.1283 8.95187 13.5319C9.51577 12.9381 9.6231 12.2135 9.61011 11.6973C9.59042 10.9146 8.89165 10.5 8.27925 10.5H3.72077ZM3.3896 11.7225C3.39099 11.6675 3.41262 11.6226 3.46275 11.582C3.51876 11.5366 3.6101 11.5 3.72077 11.5H8.27925C8.38993 11.5 8.48127 11.5366 8.53728 11.582C8.58741 11.6226 8.60904 11.6675 8.61042 11.7225C8.61975 12.0933 8.53969 12.5138 8.22676 12.8433C7.91628 13.1702 7.28849 13.5 6.00001 13.5C4.71154 13.5 4.08375 13.1702 3.77327 12.8433C3.46033 12.5138 3.38027 12.0933 3.3896 11.7225ZM5 0.5C3.89543 0.5 3 1.39543 3 2.5H1.5C0.671573 2.5 0 3.17157 0 4V15C0 15.8284 0.671572 16.5 1.5 16.5H10.5C11.3284 16.5 12 15.8284 12 15V4C12 3.17157 11.3284 2.5 10.5 2.5H9C9 1.39543 8.10457 0.5 7 0.5H5ZM8.73244 3.5H10.5C10.7761 3.5 11 3.72386 11 4V15C11 15.2761 10.7761 15.5 10.5 15.5H1.5C1.22386 15.5 1 15.2761 1 15V4C1 3.72386 1.22386 3.5 1.5 3.5H3.26756C3.61337 4.0978 4.25972 4.5 5 4.5H7C7.74028 4.5 8.38663 4.0978 8.73244 3.5ZM4 2.5C4 1.94772 4.44772 1.5 5 1.5H7C7.55228 1.5 8 1.94772 8 2.5C8 3.05228 7.55228 3.5 7 3.5H5C4.44772 3.5 4 3.05228 4 2.5Z",fill:"currentColor"}))}};c.style=l;const a=".sc-plus-icon-h{display:flex}",f=a,C=class{constructor(e){t.registerInstance(this,e),this.width="20",this.height="20"}render(){return t.h("svg",{key:"1dbd63a309d77cd139170d3a1e698e3e4eee53be",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"e9af7aa07751d96e797a7d122c687bdc6fd26bea",d:"M8.5 1C8.5 0.723858 8.27614 0.5 8 0.5C7.72386 0.5 7.5 0.723858 7.5 1V7.5H1C0.723858 7.5 0.5 7.72386 0.5 8C0.5 8.27614 0.723858 8.5 1 8.5H7.5V15C7.5 15.2761 7.72386 15.5 8 15.5C8.27614 15.5 8.5 15.2761 8.5 15V8.5H15C15.2761 8.5 15.5 8.27614 15.5 8C15.5 7.72386 15.2761 7.5 15 7.5H8.5V1Z",fill:"currentColor"}))}};C.style=f;exports.clock_icon=s;exports.edit_icon=i;exports.person_clipboard_icon=c;exports.plus_icon=C;

package/dist/{clock-icon_4.entry-0e809dcb.js → clock-icon_4.entry-76f29f7e.js}

@@ -1,12 +1,13 @@
-import { r as e, h as t } from "./index-7e7c24f1.js";
+import { r as e, h as t } from "./index-78390f2e.js";
 import "react";
+import "react/jsx-runtime";
 import "react-dom";
 const i = ".sc-clock-icon-h{display:flex}", C = i, c = class {
   constructor(s) {
     e(this, s), this.width = "16", this.height = "16";
   }
   render() {
-    return t("svg", { key: "9a65b1ce96adddef0c11c8039184a4ed76837d22", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "e478e22990cc1642d03e54e6614b2e9e0d3062ce", d: "M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5ZM8 1.4375C4.37563 1.4375 1.4375 4.37563 1.4375 8C1.4375 11.6244 4.37563 14.5625 8 14.5625C11.6244 14.5625 14.5625 11.6244 14.5625 8C14.5625 4.37563 11.6244 1.4375 8 1.4375ZM7.53125 3.3125C7.76137 3.3125 7.95276 3.47832 7.99245 3.69699L8 3.78125V8H10.3438C10.6026 8 10.8125 8.20987 10.8125 8.46875C10.8125 8.69887 10.6467 8.89026 10.428 8.92995L10.3438 8.9375H7.53125C7.30113 8.9375 7.10974 8.77168 7.07005 8.55301L7.0625 8.46875V3.78125C7.0625 3.52237 7.27237 3.3125 7.53125 3.3125Z", fill: "currentColor" }));
+    return t("svg", { key: "09a7ff48a6ab1b20ebd663b67b938d675d4acbb1", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "c379495dcdc72444fb22c19aad3ac79d6b578ea6", d: "M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5ZM8 1.4375C4.37563 1.4375 1.4375 4.37563 1.4375 8C1.4375 11.6244 4.37563 14.5625 8 14.5625C11.6244 14.5625 14.5625 11.6244 14.5625 8C14.5625 4.37563 11.6244 1.4375 8 1.4375ZM7.53125 3.3125C7.76137 3.3125 7.95276 3.47832 7.99245 3.69699L8 3.78125V8H10.3438C10.6026 8 10.8125 8.20987 10.8125 8.46875C10.8125 8.69887 10.6467 8.89026 10.428 8.92995L10.3438 8.9375H7.53125C7.30113 8.9375 7.10974 8.77168 7.07005 8.55301L7.0625 8.46875V3.78125C7.0625 3.52237 7.27237 3.3125 7.53125 3.3125Z", fill: "currentColor" }));
   }
 };
 c.style = C;
@@ -15,31 +16,31 @@ const o = ".sc-edit-icon-h{display:flex}", h = o, n = class {
     e(this, s), this.width = "16", this.height = "16";
   }
   render() {
-    return t("svg", { key: "6b8df67bd300da97fbc8209c222caada31a72460", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "b0a394a1da165617eb394920461e395ffbfa917c", d: "M11.245 0.817394C12.3318 -0.269413 14.0938 -0.269413 15.1806 0.817394C16.2222 1.85892 16.2656 3.5206 15.3108 4.6138L15.1806 4.75307L5.57482 14.3589C5.36973 14.564 5.12299 14.7215 4.85212 14.8213L4.68684 14.8742L0.631867 15.9801C0.285278 16.0746 -0.0347856 15.7861 0.00276241 15.4455L0.0179263 15.3662L1.12383 11.3112C1.20014 11.0314 1.33621 10.7722 1.52188 10.5511L1.63914 10.4232L11.245 0.817394ZM10.3848 3.09229L2.34625 11.1303C2.25396 11.2226 2.18093 11.3318 2.13086 11.4514L2.08859 11.5743L1.21196 14.785L4.42372 13.9094C4.50767 13.8865 4.5879 13.8529 4.66253 13.8096L4.77003 13.7375L4.86771 13.6518L12.9058 5.61329L10.3848 3.09229ZM14.4735 1.5245C13.8159 0.8669 12.7725 0.830367 12.072 1.4149L11.9521 1.5245L11.0918 2.38529L13.6128 4.90629L14.4735 4.04596C15.1311 3.38836 15.1677 2.34488 14.5831 1.64441L14.4735 1.5245Z", fill: "currentColor" }));
+    return t("svg", { key: "8491df3c0a8e0320a0032b19ed90c33d09f89f44", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "3be5d199db36f71ed40a953a9e6fdd2f3b4a3f26", d: "M11.245 0.817394C12.3318 -0.269413 14.0938 -0.269413 15.1806 0.817394C16.2222 1.85892 16.2656 3.5206 15.3108 4.6138L15.1806 4.75307L5.57482 14.3589C5.36973 14.564 5.12299 14.7215 4.85212 14.8213L4.68684 14.8742L0.631867 15.9801C0.285278 16.0746 -0.0347856 15.7861 0.00276241 15.4455L0.0179263 15.3662L1.12383 11.3112C1.20014 11.0314 1.33621 10.7722 1.52188 10.5511L1.63914 10.4232L11.245 0.817394ZM10.3848 3.09229L2.34625 11.1303C2.25396 11.2226 2.18093 11.3318 2.13086 11.4514L2.08859 11.5743L1.21196 14.785L4.42372 13.9094C4.50767 13.8865 4.5879 13.8529 4.66253 13.8096L4.77003 13.7375L4.86771 13.6518L12.9058 5.61329L10.3848 3.09229ZM14.4735 1.5245C13.8159 0.8669 12.7725 0.830367 12.072 1.4149L11.9521 1.5245L11.0918 2.38529L13.6128 4.90629L14.4735 4.04596C15.1311 3.38836 15.1677 2.34488 14.5831 1.64441L14.4735 1.5245Z", fill: "currentColor" }));
   }
 };
 n.style = h;
-const d = ".sc-person-clipboard-icon-h{display:flex}", l = d, r = class {
+const d = ".sc-person-clipboard-icon-h{display:flex}", r = d, l = class {
   constructor(s) {
     e(this, s), this.width = "12", this.height = "17";
   }
   render() {
-    return t("svg", { key: "c339794a491d77de3c5482524be059c78bf6a626", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "91396827e84c8bda655a95b5f854c1851d969d5e", d: "M4 7.5C4 6.39543 4.89543 5.5 6 5.5C7.10457 5.5 8 6.39543 8 7.5C8 8.60457 7.10457 9.5 6 9.5C4.89543 9.5 4 8.60457 4 7.5ZM6 6.5C5.44772 6.5 5 6.94772 5 7.5C5 8.05228 5.44772 8.5 6 8.5C6.55228 8.5 7 8.05228 7 7.5C7 6.94772 6.55228 6.5 6 6.5ZM3.72077 10.5C3.10838 10.5 2.40961 10.9146 2.38992 11.6973C2.37693 12.2135 2.48426 12.9381 3.04816 13.5319C3.61451 14.1283 4.55301 14.5 6.00001 14.5C7.44702 14.5 8.38552 14.1283 8.95187 13.5319C9.51577 12.9381 9.6231 12.2135 9.61011 11.6973C9.59042 10.9146 8.89165 10.5 8.27925 10.5H3.72077ZM3.3896 11.7225C3.39099 11.6675 3.41262 11.6226 3.46275 11.582C3.51876 11.5366 3.6101 11.5 3.72077 11.5H8.27925C8.38993 11.5 8.48127 11.5366 8.53728 11.582C8.58741 11.6226 8.60904 11.6675 8.61042 11.7225C8.61975 12.0933 8.53969 12.5138 8.22676 12.8433C7.91628 13.1702 7.28849 13.5 6.00001 13.5C4.71154 13.5 4.08375 13.1702 3.77327 12.8433C3.46033 12.5138 3.38027 12.0933 3.3896 11.7225ZM5 0.5C3.89543 0.5 3 1.39543 3 2.5H1.5C0.671573 2.5 0 3.17157 0 4V15C0 15.8284 0.671572 16.5 1.5 16.5H10.5C11.3284 16.5 12 15.8284 12 15V4C12 3.17157 11.3284 2.5 10.5 2.5H9C9 1.39543 8.10457 0.5 7 0.5H5ZM8.73244 3.5H10.5C10.7761 3.5 11 3.72386 11 4V15C11 15.2761 10.7761 15.5 10.5 15.5H1.5C1.22386 15.5 1 15.2761 1 15V4C1 3.72386 1.22386 3.5 1.5 3.5H3.26756C3.61337 4.0978 4.25972 4.5 5 4.5H7C7.74028 4.5 8.38663 4.0978 8.73244 3.5ZM4 2.5C4 1.94772 4.44772 1.5 5 1.5H7C7.55228 1.5 8 1.94772 8 2.5C8 3.05228 7.55228 3.5 7 3.5H5C4.44772 3.5 4 3.05228 4 2.5Z", fill: "currentColor" }));
+    return t("svg", { key: "0f89f77101a9347469256e636f794c8f6333381f", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "699c6320f14688feacb6d26f214b99a37dc4511f", d: "M4 7.5C4 6.39543 4.89543 5.5 6 5.5C7.10457 5.5 8 6.39543 8 7.5C8 8.60457 7.10457 9.5 6 9.5C4.89543 9.5 4 8.60457 4 7.5ZM6 6.5C5.44772 6.5 5 6.94772 5 7.5C5 8.05228 5.44772 8.5 6 8.5C6.55228 8.5 7 8.05228 7 7.5C7 6.94772 6.55228 6.5 6 6.5ZM3.72077 10.5C3.10838 10.5 2.40961 10.9146 2.38992 11.6973C2.37693 12.2135 2.48426 12.9381 3.04816 13.5319C3.61451 14.1283 4.55301 14.5 6.00001 14.5C7.44702 14.5 8.38552 14.1283 8.95187 13.5319C9.51577 12.9381 9.6231 12.2135 9.61011 11.6973C9.59042 10.9146 8.89165 10.5 8.27925 10.5H3.72077ZM3.3896 11.7225C3.39099 11.6675 3.41262 11.6226 3.46275 11.582C3.51876 11.5366 3.6101 11.5 3.72077 11.5H8.27925C8.38993 11.5 8.48127 11.5366 8.53728 11.582C8.58741 11.6226 8.60904 11.6675 8.61042 11.7225C8.61975 12.0933 8.53969 12.5138 8.22676 12.8433C7.91628 13.1702 7.28849 13.5 6.00001 13.5C4.71154 13.5 4.08375 13.1702 3.77327 12.8433C3.46033 12.5138 3.38027 12.0933 3.3896 11.7225ZM5 0.5C3.89543 0.5 3 1.39543 3 2.5H1.5C0.671573 2.5 0 3.17157 0 4V15C0 15.8284 0.671572 16.5 1.5 16.5H10.5C11.3284 16.5 12 15.8284 12 15V4C12 3.17157 11.3284 2.5 10.5 2.5H9C9 1.39543 8.10457 0.5 7 0.5H5ZM8.73244 3.5H10.5C10.7761 3.5 11 3.72386 11 4V15C11 15.2761 10.7761 15.5 10.5 15.5H1.5C1.22386 15.5 1 15.2761 1 15V4C1 3.72386 1.22386 3.5 1.5 3.5H3.26756C3.61337 4.0978 4.25972 4.5 5 4.5H7C7.74028 4.5 8.38663 4.0978 8.73244 3.5ZM4 2.5C4 1.94772 4.44772 1.5 5 1.5H7C7.55228 1.5 8 1.94772 8 2.5C8 3.05228 7.55228 3.5 7 3.5H5C4.44772 3.5 4 3.05228 4 2.5Z", fill: "currentColor" }));
   }
 };
-r.style = l;
+l.style = r;
 const a = ".sc-plus-icon-h{display:flex}", f = a, w = class {
   constructor(s) {
     e(this, s), this.width = "20", this.height = "20";
   }
   render() {
-    return t("svg", { key: "7d8491efeecd10d51b6e7ddefe2a9889402daf13", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "51086a93ef1651164187d97cf7f8841ffd2ff675", d: "M8.5 1C8.5 0.723858 8.27614 0.5 8 0.5C7.72386 0.5 7.5 0.723858 7.5 1V7.5H1C0.723858 7.5 0.5 7.72386 0.5 8C0.5 8.27614 0.723858 8.5 1 8.5H7.5V15C7.5 15.2761 7.72386 15.5 8 15.5C8.27614 15.5 8.5 15.2761 8.5 15V8.5H15C15.2761 8.5 15.5 8.27614 15.5 8C15.5 7.72386 15.2761 7.5 15 7.5H8.5V1Z", fill: "currentColor" }));
+    return t("svg", { key: "1dbd63a309d77cd139170d3a1e698e3e4eee53be", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "e9af7aa07751d96e797a7d122c687bdc6fd26bea", d: "M8.5 1C8.5 0.723858 8.27614 0.5 8 0.5C7.72386 0.5 7.5 0.723858 7.5 1V7.5H1C0.723858 7.5 0.5 7.72386 0.5 8C0.5 8.27614 0.723858 8.5 1 8.5H7.5V15C7.5 15.2761 7.72386 15.5 8 15.5C8.27614 15.5 8.5 15.2761 8.5 15V8.5H15C15.2761 8.5 15.5 8.27614 15.5 8C15.5 7.72386 15.2761 7.5 15 7.5H8.5V1Z", fill: "currentColor" }));
   }
 };
 w.style = f;
 export {
   c as clock_icon,
   n as edit_icon,
-  r as person_clipboard_icon,
+  l as person_clipboard_icon,
   w as plus_icon
 };

package/dist/{constants-6da0ede7-49c32ba7.js → constants-3d8016e3-3c080f00.js}

@@ -2,17 +2,32 @@ var r;
 (function(a) {
   a.en = "en", a.es = "es", a.fr = "fr", a.de = "de", a.sv = "sv", a.zh = "zh", a.ja = "ja", a.nl = "nl", a.ko = "ko";
 })(r || (r = {}));
-const n = {
+const A = [
+  { label: "hour", value: "hour" },
+  { label: "day", value: "day" },
+  { label: "week", value: "week" },
+  { label: "month", value: "month" },
+  { label: "year", value: "year" }
+];
+var c;
+(function(a) {
+  a.group_events = "group_events";
+})(c || (c = {}));
+var n;
+(function(a) {
+  a.one_on_one = "one-on-one", a.collective = "collective", a.max_fairness = "max-fairness", a.max_availability = "max-availability", a.group = "group";
+})(n || (n = {}));
+const t = {
   en: "English",
   es: "Español",
   fr: "Français",
-  de: "Deutsche",
+  de: "Deutsch",
   sv: "Svenska",
   zh: "中文",
   ja: "日本語",
   nl: "Nederlands",
   ko: "한국어"
-}, A = {
+}, s = {
   en: "en-US",
   es: "es-ES",
   fr: "fr-FR",
@@ -22,17 +37,7 @@ const n = {
   ja: "ja-JP",
   nl: "nl-NL",
   ko: "ko-KR"
-}, o = {
-  en: "en",
-  es: "es",
-  fr: "fr",
-  de: "de",
-  sv: "sv",
-  zh: "zh",
-  ja: "ja",
-  nl: "nl",
-  ko: "ko"
-}, t = {
+}, l = {
   "Africa/Abidjan": "Africa / Abidjan",
   "Africa/Accra": "Africa / Accra",
   "Africa/Addis_Ababa": "Africa / Addis Ababa",
@@ -629,7 +634,7 @@ const n = {
   "W-SU": "W-SU",
   WET: "WET",
   Zulu: "Zulu"
-}, s = [
+}, u = [
   {
     token: "$invitee",
     value: "${invitee}",
@@ -645,7 +650,7 @@ const n = {
     value: "${duration}",
     description: "The length in time of the event."
   }
-], u = [
+], m = [
   {
     days: [1, 2, 3, 4, 5],
     ex_dates: [],
@@ -653,15 +658,15 @@ const n = {
     start: "09:00",
     end: "17:00"
   }
-], c = {
+], o = {
   google: "Google Meet",
   zoom: "Zoom Meeting",
   microsoft: "Microsoft Teams"
-}, l = {
+}, d = {
   "Google Meet": "google",
   "Zoom Meeting": "zoom",
   "Microsoft Teams": "microsoft"
-}, m = [
+}, f = [
   {
     label: "Email",
     value: "email"
@@ -702,14 +707,15 @@ const n = {
     label: "Multi Select",
     value: "multi_select"
   }
-], d = [
+], p = [
   {
     type: "email",
     typeLabel: "Email",
     label: "Additional email",
     key: "additional_email",
     isOpen: !1,
-    required: !1
+    required: !1,
+    fieldLabelKey: "email"
   },
   {
     type: "phone_number",
@@ -717,7 +723,8 @@ const n = {
     label: "Phone Number Label",
     key: "phone_number",
     isOpen: !1,
-    required: !1
+    required: !1,
+    fieldLabelKey: "phone_number"
   },
   {
     type: "dropdown",
@@ -726,7 +733,8 @@ const n = {
     key: "dropdown",
     isOpen: !1,
     required: !1,
-    options: ["", ""]
+    options: ["", ""],
+    fieldLabelKey: "dropdown"
   },
   {
     type: "text",
@@ -734,7 +742,8 @@ const n = {
     label: "Short Text Label",
     key: "short_text",
     isOpen: !1,
-    required: !1
+    required: !1,
+    fieldLabelKey: "text"
   },
   {
     type: "multi_line_text",
@@ -742,7 +751,8 @@ const n = {
     label: "Long text Label",
     key: "long_text",
     isOpen: !1,
-    required: !1
+    required: !1,
+    fieldLabelKey: "multi_line_text"
   },
   {
     type: "checkbox",
@@ -750,7 +760,8 @@ const n = {
     label: "Checkbox Label",
     key: "checkbox",
     isOpen: !1,
-    required: !1
+    required: !1,
+    fieldLabelKey: "checkbox"
   },
   {
     type: "radio_button",
@@ -759,7 +770,8 @@ const n = {
     key: "radio_button",
     isOpen: !1,
     required: !1,
-    options: ["", ""]
+    options: ["", ""],
+    fieldLabelKey: "radio_button"
   },
   {
     type: "metadata",
@@ -767,7 +779,8 @@ const n = {
     label: "Metadata Label",
     key: "metadata",
     isOpen: !1,
-    required: !1
+    required: !1,
+    fieldLabelKey: "metadata"
   },
   {
     type: "date",
@@ -775,7 +788,8 @@ const n = {
     label: "Date Label",
     key: "date",
     isOpen: !1,
-    required: !1
+    required: !1,
+    fieldLabelKey: "date"
   },
   {
     type: "multi_select",
@@ -784,10 +798,11 @@ const n = {
     key: "multi_select",
     isOpen: !1,
     required: !1,
-    options: ["", ""]
+    options: ["", ""],
+    fieldLabelKey: "multi_select"
   }
 ];
-Object.keys(c).map((a) => a);
+Object.keys(o).map((a) => a);
 [
   { value: 1, label: "1" },
   ...Array.from({ length: 90 / 5 + 1 }, (a, i) => {
@@ -797,16 +812,70 @@ Object.keys(c).map((a) => a);
 ].sort((a, i) => a.value - i.value);
 Array.from({ length: 23 }, (a, i) => ({ value: i + 1, label: (i + 1).toString() }));
 Array.from({ length: 7 }, (a, i) => ({ value: i + 1, label: (i + 1).toString() }));
+const E = [
+  "title",
+  "description",
+  "duration",
+  "availability",
+  "participants",
+  "booking-calendar",
+  "participant-booking-calendars",
+  "location",
+  "conference",
+  "confirmation-type",
+  "buffer-time",
+  "limit-future-bookings",
+  "min-cancellation-notice",
+  "min-booking-notice",
+  "cancellation-policy",
+  "timeslot-interval",
+  "customize-booking-settings",
+  "participant-custom-availability",
+  "additional-fields",
+  "connected-calendars",
+  "confirmation-email-template",
+  "disable-emails",
+  "reminder-overrides",
+  "confirmation-redirect",
+  "availability-method",
+  "custom-event-slug",
+  "page-styling",
+  "page-name"
+], g = [
+  "title",
+  "description",
+  "location",
+  "conference",
+  "confirmation-type",
+  "min-cancellation-notice",
+  "cancellation-policy",
+  "customize-booking-settings",
+  "booking-calendar",
+  "event-capacity",
+  "additional-fields",
+  "confirmation-email-template",
+  "reminder-overrides",
+  "confirmation-redirect",
+  "custom-event-slug",
+  "page-styling",
+  "page-name",
+  "participants",
+  "event-timeslot"
+];
 export {
-  l as C,
-  u as D,
-  s as E,
-  d as F,
+  n as C,
+  m as D,
+  c as E,
+  p as F,
   r as L,
-  c as P,
-  t as T,
-  n as a,
-  o as b,
-  A as c,
-  m as d
+  o as P,
+  l as T,
+  t as a,
+  g as b,
+  s as c,
+  f as d,
+  E as e,
+  u as f,
+  d as g,
+  A as h
 };