@nylas/react 1.3.6 → 1.4.1

package/dist/nylas-transcript.entry-b129565c.js

@@ -0,0 +1,128 @@
+import { a as C, b as p, u, r as b, h as r, g as y } from "./index-78390f2e.js";
+import { v as x } from "./notebook-store-b61693cd-0877e7a2.js";
+import "react";
+import "react/jsx-runtime";
+import "react-dom";
+const d = new CSSStyleSheet();
+d.replaceSync(`
+  :host {
+    font-family: Arial, sans-serif;
+  }
+`);
+const i = C({
+  style: d,
+  toolbarState: "default",
+  searchTerm: ""
+}), m = ({ width: t, height: e, fill: n }) => r(
+  "svg",
+  { viewBox: "0 0 16 16", width: t, height: e, xmlns: "http://www.w3.org/2000/svg" },
+  r("path", { d: "M9.30887 10.016C8.53903 10.6318 7.56252 11 6.5 11C4.01472 11 2 8.98531 2 6.50002C2 4.01473 4.01472 2 6.5 2C8.98528 2 11 4.01473 11 6.50002C11 7.56252 10.6318 8.53901 10.016 9.30885L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.6583 14.0488 13.3417 14.0488 13.1464 13.8536L9.30887 10.016ZM10 6.50002C10 4.56701 8.433 3 6.5 3C4.567 3 3 4.56701 3 6.50002C3 8.43302 4.567 10 6.5 10C8.433 10 10 8.43302 10 6.50002Z", fill: n })
+), h = ({ width: t, height: e, fill: n, className: s }) => r(
+  "svg",
+  { width: t, height: e, class: s, viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
+  r("path", { d: "M4.00029 4.08525L4 10.5C4 11.8255 5.03154 12.91 6.33562 12.9947L6.5 13L10.9144 13.0007C10.7083 13.5829 10.1528 14 9.5 14H6C4.34315 14 3 12.6569 3 11V5.5C3 4.84678 3.41754 4.29109 4.00029 4.08525ZM11.5 2C12.3284 2 13 2.67157 13 3.5V10.5C13 11.3284 12.3284 12 11.5 12H6.5C5.67157 12 5 11.3284 5 10.5V3.5C5 2.67157 5.67157 2 6.5 2H11.5ZM11.5 3H6.5C6.22386 3 6 3.22386 6 3.5V10.5C6 10.7761 6.22386 11 6.5 11H11.5C11.7761 11 12 10.7761 12 10.5V3.5C12 3.22386 11.7761 3 11.5 3Z", fill: n })
+), v = ({ width: t, height: e, fill: n }) => r(
+  "svg",
+  { width: t, height: e, viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
+  r("path", { d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z", fill: n })
+), g = i.get, o = i.set, l = (t, e) => g(t) === e;
+function w({ transcripts: t }) {
+  const e = () => {
+    o("searchTerm", ""), o("toolbarState", "default");
+  }, n = async () => {
+    const s = {
+      "text/plain": t.map((a) => `${a.ts} ${a.speaker}: ${a.text}`).join(`
+`)
+    }, c = new ClipboardItem(s);
+    await navigator.clipboard.write([c]);
+  };
+  return r(
+    "div",
+    { class: "toolbar" },
+    l("toolbarState", "default") && r(
+      "div",
+      { class: "controls" },
+      r(
+        "button",
+        { onClick: () => o("toolbarState", "search") },
+        r(m, { height: 16, fill: "#2C2C2C" }),
+        "Search"
+      ),
+      r(
+        "button",
+        { onClick: n },
+        r(h, { height: 16, fill: "#2C2C2C" }),
+        "Copy"
+      ),
+      r(
+        "button",
+        { onClick: () => o("toolbarState", "language") },
+        r(v, { height: 16, fill: "#2C2C2C" }),
+        "Language"
+      )
+    ),
+    l("toolbarState", "search") && r(
+      "div",
+      { class: "search" },
+      r("input", { type: "text", value: g("searchTerm"), onInput: (s) => o("searchTerm", s.target.value), onKeyDown: (s) => s.key === "Escape" && e(), placeholder: "Search transcript", autoFocus: !0 }),
+      r("button", { class: "clear", onClick: e }, "Cancel")
+    ),
+    l("toolbarState", "language") && r(
+      "div",
+      { class: "language" },
+      r(
+        "select",
+        null,
+        r("option", { value: "en" }, "English"),
+        r("option", { value: "fr" }, "French")
+      ),
+      r("button", { class: "regenerate" }, "Regenerate"),
+      r("button", { class: "clear", onClick: e }, "Done")
+    )
+  );
+}
+const S = ':host{--background:white;--font-family:"Inter", sans-serif;--border-radius:8px}.nylas-transcript{background-color:var(--background);border-radius:var(--border-radius);border:1px solid #e0e6f9;font-size:14px;font-family:var(--font-family);font-optical-sizing:auto}.nylas-transcript .toolbar{padding:20px 20px}.nylas-transcript .toolbar input,.nylas-transcript .toolbar select{border:1px solid #4169e1;padding:10px 20px;border-radius:6px;width:100%}.nylas-transcript .toolbar button.clear{background:none;border:none;cursor:pointer;font-size:14px;font-family:var(--font-family)}.nylas-transcript .toolbar .controls{display:flex;align-items:center;justify-content:stretch;gap:6px}.nylas-transcript .toolbar .controls button{font-family:var(--font-family);cursor:pointer;background-color:white;border:1px solid #c7dbf9;border-radius:8px;padding-top:12px;padding-bottom:12px;flex-grow:1;letter-spacing:-4%;display:flex;align-items:center;justify-content:center}.nylas-transcript .toolbar .controls button svg{margin-right:6px}.nylas-transcript .toolbar .controls button:active{background-color:#f0f4f9}.nylas-transcript .toolbar .search,.nylas-transcript .toolbar .language{display:flex;align-items:center;justify-content:space-between;gap:20px}.nylas-transcript .language button.regenerate{width:93px;border-radius:8px;padding:12px 8px;text-align:center;outline:0;border:none;background-color:#4169e1;color:white}.nylas-transcript .transcripts{max-height:50vh;overflow-y:auto;border-top:1px solid #ebeff6}.nylas-transcript .transcripts .no-results{padding:20px;text-align:center;color:rgba(0, 0, 0, 0.6)}.nylas-transcript .transcripts .transcripts-item{padding:16px 18px;gap:20px;display:flex;line-height:24px;border-bottom:1px solid #ebeff6;transition:0.5s background-color ease-in-out;font-size:14px}.nylas-transcript .transcripts .transcripts-item .highlight{background-color:yellow}.nylas-transcript .transcripts .transcripts-item .copy-btn{fill:#4b4b4b;cursor:pointer;width:24px;transition:0.3s transform ease-in-out}.nylas-transcript .transcripts .transcripts-item .copy-btn:active{fill:#9747ff;transform:scale(2)}.nylas-transcript .transcripts .transcripts-item .speaker{font-weight:500;font-size:16px;margin-bottom:0.5rem}.nylas-transcript .transcripts .transcripts-item.active{background-color:#ebeff6}.nylas-transcript .transcripts .transcripts-item .time{color:#9747ff;font-weight:600;min-width:60px}', k = S;
+p.extend(u);
+const H = ({ text: t, highlight: e }) => (e && (t = t.replace(new RegExp(e, "gi"), `<span class="highlight">${e}</span>`)), r("div", { innerHTML: t })), T = class {
+  constructor(t) {
+    b(this, t), this.focusedIndex = -1, this.autoscroll = !0, this.transcript = void 0;
+  }
+  componentDidLoad() {
+    i.onChange("style", (t) => {
+      console.log("Style change", t), this.el.shadowRoot && t && (this.el.shadowRoot.adoptedStyleSheets = [t]);
+    });
+  }
+  get transcripts() {
+    var c;
+    const t = x.get("videoTime"), e = i.get("searchTerm");
+    if (!this.transcript)
+      return [];
+    const n = this.transcript.findIndex((a) => a.start / 1e3 >= t) - 1;
+    n >= 0 && this.autoscroll && ((c = this.transcriptContainer.querySelector(".active")) == null || c.scrollIntoView({ behavior: "smooth", block: "center" }));
+    let s = this.transcript.map((a, f) => ({
+      ...a,
+      active: f === n,
+      ts: a.start ? this.secondsToStr(a.start) : null
+    }));
+    return e && (s = s.filter((a) => a.text.toLowerCase().includes(e.toLowerCase()))), s;
+  }
+  secondsToStr(t) {
+    return t < 36e5 ? p.utc(t).format("mm:ss") : p.utc(t).format("HH:mm:ss");
+  }
+  handleCopy(t) {
+    navigator.clipboard.writeText(`${t.ts} ${t.speaker}: ${t.text}`);
+  }
+  render() {
+    return r("div", { key: "690629131ffa02c83db097568bcb9d983934a52d", class: "nylas-transcript" }, r(w, { key: "e259b18c6f56c48881b305e87540ccf8752299ad", transcripts: this.transcripts }), r("div", { key: "e9fd658295e29bf38877e3bf30c324710e732b8a", class: "transcripts", ref: (t) => this.transcriptContainer = t }, !this.transcripts.length && r("div", { class: "no-results" }, "Transcript not available."), this.transcripts.map((t, e) => r("div", { class: {
+      "transcripts-item": !0,
+      active: t.active
+    }, onPointerEnter: () => this.focusedIndex = e, onPointerLeave: () => this.focusedIndex = -1 }, t.ts && r("div", { class: "time" }, this.focusedIndex === e ? r("span", { onClick: () => this.handleCopy(t) }, r(h, { className: "copy-btn" })) : t.ts), r("div", { class: "message" }, r("div", { class: "speaker" }, t.speaker), r(H, { text: t.text, highlight: i.get("searchTerm") }))))));
+  }
+  get el() {
+    return y(this);
+  }
+};
+T.style = k;
+export {
+  T as nylas_transcript
+};

package/dist/nylas-video-player.entry-9c7c9792.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-05630f15.cjs"),i=require("./notebook-store-b61693cd-a7b8ae37.cjs");require("react");require("react/jsx-runtime");require("react-dom");const r='.video-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;position:relative;box-sizing:border-box;border-radius:8px;font-family:"Inter", serif;font-optical-sizing:auto}.video-container video{width:100%;border-radius:8px}.video-container .controls-overlay{color:white;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));position:absolute;bottom:0;left:0;right:0;padding:30px 20px;padding-bottom:10px;opacity:1;transition:opacity 0.3s;border-bottom-right-radius:8px;border-bottom-left-radius:8px;display:none;}.video-container .controls-overlay .seek{width:100%}.video-container .controls-overlay input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.video-container .controls-overlay .info{padding-bottom:20px}.video-container .controls-overlay .info .title{font-size:20px}.video-container .controls-overlay .info .description{color:#bbbbbb;font-weight:400;font-size:14px}.video-container .controls-overlay .progress-bar{background-color:rgba(255, 255, 255, 0.5);height:2px;margin:10px 0;transition:width 0.1s}.video-container .controls-overlay .progress-bar .progress{background:white;height:2px}.video-container .controls-overlay .controls{display:flex;align-items:center;justify-content:space-between}.video-container .controls-overlay .controls button{background:none;border:none}.video-container .controls-overlay input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:15rem}.video-container .controls-overlay input[type=range]:focus{outline:none}.video-container .controls-overlay input[type=range]::-webkit-slider-runnable-track{background-color:#053a5f;border-radius:0.5rem;height:0.5rem}.video-container .controls-overlay input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-12px;background-color:#5cd5eb;height:2rem;width:1rem}.video-container .controls-overlay input[type=range]:focus::-webkit-slider-thumb{border:1px solid #053a5f;outline:3px solid #053a5f;outline-offset:0.125rem}.video-container .controls-overlay input[type=range]::-moz-range-track{background-color:#053a5f;border-radius:0.5rem;height:0.5rem}.video-container .controls-overlay input[type=range]::-moz-range-thumb{border:none;border-radius:0;background-color:#5cd5eb;height:2rem;width:1rem}.video-container .controls-overlay input[type=range]:focus::-moz-range-thumb{border:1px solid #053a5f;outline:3px solid #053a5f;outline-offset:0.125rem}',a=r,n=class{constructor(o){e.registerInstance(this,o),this.handleTimeUpdate=()=>{const t=this.videoElement;i.videoStore.set("videoTime",this.videoElement.currentTime),this.isSeeking||(this.seekElement.value=(t.currentTime/t.duration*100).toString())},this.handlePlay=()=>{this.isPlaying=!0,this.videoElement.play()},this.handlePause=()=>{this.isPlaying=!1,this.videoElement.pause()},this.videoUrl=void 0,this.isSeeking=!1,this.isPlaying=!1}inputSeek(o){this.isSeeking||(this.isSeeking=!0)}handleSeek(o){if(this.isSeeking=!1,!this.videoElement)return;const t=o.target;this.videoElement.currentTime=parseFloat(t.value)/100*this.videoElement.duration,this.videoElement.play()}get progressPercent(){return this.videoElement?i.videoStore.get("videoTime")/this.videoElement.duration*100:0}render(){return e.h("div",{key:"98a898e225274dac6fda72126de7eb3fbe3b73b0",class:"video-container"},e.h("video",{key:"6ff6bd22efd243b45f7ee92a8f01b4fbe392d4b1",ref:o=>this.videoElement=o,onPlay:this.handlePlay,onPause:this.handlePause,onTimeUpdate:this.handleTimeUpdate,controls:!0},this.videoUrl&&e.h("source",{src:this.videoUrl,type:"video/mp4"})),e.h("div",{key:"2297c46d4b6d7803a884bbcf7c157573702880ed",class:"controls-overlay"},e.h("div",{key:"5207532096947074e5906edddab4e4c573d69795",class:"info"},e.h("div",{key:"f0f27ec9f18528ecae5cb705dcdd8579aee92f50",class:"title"},"Ad Video from Google"),e.h("div",{key:"b6c13515720c5706f6f30d588df1371ef1d435ae",class:"description"},"Found on the web...")),e.h("div",{key:"677f8ea6cbac199f4c5a3452e597dc0991c79d7a",class:"progress-bar"},e.h("input",{key:"e31aa4501345fb0eb2f6bbb1ebdad5317d8bface",type:"range",ref:o=>this.seekElement=o,min:"0",max:"100",class:"seek",value:this.progressPercent,onChange:o=>this.handleSeek(o),onClickCapture:o=>this.inputSeek(o)})),e.h("div",{key:"bdca2a6746d05ac8bc42feaf8a30029fb00c6cf4",class:"controls"},e.h("div",{key:"6c9d084306cb984770b28dce6d31cf268b62073e",class:"left"},e.h("button",{key:"6d128a31878bf394103bfcfb75c194d5733b5b6a",onClick:()=>this.handlePlay()}),e.h("button",{key:"cc3d3a8fb98b3c74bb8536f43726f71255045d24",onClick:()=>this.handlePause()})),e.h("div",{key:"e940328caf2215b148b97de6d0770d49f3621a5d",class:"right"},e.h("button",{key:"7feb3b396dc1463945ab6e44b6bfbcfe8c0e0e48",onClick:()=>this.handlePause()})))))}get el(){return e.getElement(this)}};n.style=a;exports.nylas_video_player=n;

package/dist/nylas-video-player.entry-e208d443.js

@@ -0,0 +1,39 @@
+import { r as n, h as e, g as r } from "./index-78390f2e.js";
+import { v as i } from "./notebook-store-b61693cd-0877e7a2.js";
+import "react";
+import "react/jsx-runtime";
+import "react-dom";
+const a = '.video-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;position:relative;box-sizing:border-box;border-radius:8px;font-family:"Inter", serif;font-optical-sizing:auto}.video-container video{width:100%;border-radius:8px}.video-container .controls-overlay{color:white;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));position:absolute;bottom:0;left:0;right:0;padding:30px 20px;padding-bottom:10px;opacity:1;transition:opacity 0.3s;border-bottom-right-radius:8px;border-bottom-left-radius:8px;display:none;}.video-container .controls-overlay .seek{width:100%}.video-container .controls-overlay input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.video-container .controls-overlay .info{padding-bottom:20px}.video-container .controls-overlay .info .title{font-size:20px}.video-container .controls-overlay .info .description{color:#bbbbbb;font-weight:400;font-size:14px}.video-container .controls-overlay .progress-bar{background-color:rgba(255, 255, 255, 0.5);height:2px;margin:10px 0;transition:width 0.1s}.video-container .controls-overlay .progress-bar .progress{background:white;height:2px}.video-container .controls-overlay .controls{display:flex;align-items:center;justify-content:space-between}.video-container .controls-overlay .controls button{background:none;border:none}.video-container .controls-overlay input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:15rem}.video-container .controls-overlay input[type=range]:focus{outline:none}.video-container .controls-overlay input[type=range]::-webkit-slider-runnable-track{background-color:#053a5f;border-radius:0.5rem;height:0.5rem}.video-container .controls-overlay input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-12px;background-color:#5cd5eb;height:2rem;width:1rem}.video-container .controls-overlay input[type=range]:focus::-webkit-slider-thumb{border:1px solid #053a5f;outline:3px solid #053a5f;outline-offset:0.125rem}.video-container .controls-overlay input[type=range]::-moz-range-track{background-color:#053a5f;border-radius:0.5rem;height:0.5rem}.video-container .controls-overlay input[type=range]::-moz-range-thumb{border:none;border-radius:0;background-color:#5cd5eb;height:2rem;width:1rem}.video-container .controls-overlay input[type=range]:focus::-moz-range-thumb{border:1px solid #053a5f;outline:3px solid #053a5f;outline-offset:0.125rem}', s = a, d = class {
+  constructor(o) {
+    n(this, o), this.handleTimeUpdate = () => {
+      const t = this.videoElement;
+      i.set("videoTime", this.videoElement.currentTime), this.isSeeking || (this.seekElement.value = (t.currentTime / t.duration * 100).toString());
+    }, this.handlePlay = () => {
+      this.isPlaying = !0, this.videoElement.play();
+    }, this.handlePause = () => {
+      this.isPlaying = !1, this.videoElement.pause();
+    }, this.videoUrl = void 0, this.isSeeking = !1, this.isPlaying = !1;
+  }
+  inputSeek(o) {
+    this.isSeeking || (this.isSeeking = !0);
+  }
+  handleSeek(o) {
+    if (this.isSeeking = !1, !this.videoElement)
+      return;
+    const t = o.target;
+    this.videoElement.currentTime = parseFloat(t.value) / 100 * this.videoElement.duration, this.videoElement.play();
+  }
+  get progressPercent() {
+    return this.videoElement ? i.get("videoTime") / this.videoElement.duration * 100 : 0;
+  }
+  render() {
+    return e("div", { key: "98a898e225274dac6fda72126de7eb3fbe3b73b0", class: "video-container" }, e("video", { key: "6ff6bd22efd243b45f7ee92a8f01b4fbe392d4b1", ref: (o) => this.videoElement = o, onPlay: this.handlePlay, onPause: this.handlePause, onTimeUpdate: this.handleTimeUpdate, controls: !0 }, this.videoUrl && e("source", { src: this.videoUrl, type: "video/mp4" })), e("div", { key: "2297c46d4b6d7803a884bbcf7c157573702880ed", class: "controls-overlay" }, e("div", { key: "5207532096947074e5906edddab4e4c573d69795", class: "info" }, e("div", { key: "f0f27ec9f18528ecae5cb705dcdd8579aee92f50", class: "title" }, "Ad Video from Google"), e("div", { key: "b6c13515720c5706f6f30d588df1371ef1d435ae", class: "description" }, "Found on the web...")), e("div", { key: "677f8ea6cbac199f4c5a3452e597dc0991c79d7a", class: "progress-bar" }, e("input", { key: "e31aa4501345fb0eb2f6bbb1ebdad5317d8bface", type: "range", ref: (o) => this.seekElement = o, min: "0", max: "100", class: "seek", value: this.progressPercent, onChange: (o) => this.handleSeek(o), onClickCapture: (o) => this.inputSeek(o) })), e("div", { key: "bdca2a6746d05ac8bc42feaf8a30029fb00c6cf4", class: "controls" }, e("div", { key: "6c9d084306cb984770b28dce6d31cf268b62073e", class: "left" }, e("button", { key: "6d128a31878bf394103bfcfb75c194d5733b5b6a", onClick: () => this.handlePlay() }), e("button", { key: "cc3d3a8fb98b3c74bb8536f43726f71255045d24", onClick: () => this.handlePause() })), e("div", { key: "e940328caf2215b148b97de6d0770d49f3621a5d", class: "right" }, e("button", { key: "7feb3b396dc1463945ab6e44b6bfbcfe8c0e0e48", onClick: () => this.handlePause() })))));
+  }
+  get el() {
+    return r(this);
+  }
+};
+d.style = s;
+export {
+  d as nylas_video_player
+};

package/dist/nylas-video-preview.entry-a3f542ad.js

@@ -0,0 +1,16 @@
+import { r as o, h as e } from "./index-78390f2e.js";
+import "react";
+import "react/jsx-runtime";
+import "react-dom";
+const d = ".video-preview{border:1px solid #eee;background-color:white;border:1px solid #c7dbf9;border-radius:6px;box-sizing:border-box}.video-preview .image{position:relative;background-size:cover;height:152px}.video-preview .time{font-size:12px;padding:5px;position:absolute;top:15px;left:15px;background-color:rgba(0, 0, 0, 0.5);color:white}.video-preview .body{padding:10px}.video-preview .body .title{color:#2a282f;font-size:18px;font-weight:600;letter-spacing:-4%}.video-preview .body .description{font-weight:400;font-size:14px;line-height:16.94px;letter-spacing:-4%;color:#625f68}.video-preview .footer{display:flex;align-items:center;justify-content:end;padding:10px}.video-preview .footer button{padding:8px 22px;border-radius:6px;color:white;background-color:#4169e1;font-weight:500;font-size:16px;line-height:19.36px;letter-spacing:-4%;text-align:center;cursor:pointer}", t = d, r = "https://cdn.prod.website-files.com/606b1a109c3b857f6d84ad01/60b8fb956f01c6e5e16ec69f_Man_Waving_Facing%20Forward_Video_Call_750.jpg", a = class {
+  constructor(i) {
+    o(this, i);
+  }
+  render() {
+    return e("div", { key: "362c234e52b4516d863727880bf1d5f52875812c", class: "video-preview" }, e("div", { key: "ad63e9b3cfc9a0e52a08913a5a65ac0f32efb4d9", class: "image", style: { backgroundImage: `url(${r})` } }, e("div", { key: "9496ecdc42650371fd10abfa0741122cad57ad16", class: "time" }, "1:52:33")), e("div", { key: "3e1018bc6babff15bc917d03b887b8143d42345d", class: "body" }, e("div", { key: "290f289f8986b0e4f7d40363a6573fe416cf9a5c", class: "title" }, "Product Team Meet"), e("div", { key: "706f65d2b1a07adb97e8fc4bd245abdc6ecd1c8c", class: "description" }, "January 31, 2025")), e("div", { key: "b1e0390a0029677f8001cbdb164cc65fdef2e7a1", class: "footer" }, e("button", { key: "b1599944c75678a78a2295bca26ffe851b8bbfd7" }, "Watch")));
+  }
+};
+a.style = t;
+export {
+  a as nylas_video_preview
+};

package/dist/nylas-video-preview.entry-bd9bdda7.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-05630f15.cjs");require("react");require("react/jsx-runtime");require("react-dom");const d=".video-preview{border:1px solid #eee;background-color:white;border:1px solid #c7dbf9;border-radius:6px;box-sizing:border-box}.video-preview .image{position:relative;background-size:cover;height:152px}.video-preview .time{font-size:12px;padding:5px;position:absolute;top:15px;left:15px;background-color:rgba(0, 0, 0, 0.5);color:white}.video-preview .body{padding:10px}.video-preview .body .title{color:#2a282f;font-size:18px;font-weight:600;letter-spacing:-4%}.video-preview .body .description{font-weight:400;font-size:14px;line-height:16.94px;letter-spacing:-4%;color:#625f68}.video-preview .footer{display:flex;align-items:center;justify-content:end;padding:10px}.video-preview .footer button{padding:8px 22px;border-radius:6px;color:white;background-color:#4169e1;font-weight:500;font-size:16px;line-height:19.36px;letter-spacing:-4%;text-align:center;cursor:pointer}",r=d,t="https://cdn.prod.website-files.com/606b1a109c3b857f6d84ad01/60b8fb956f01c6e5e16ec69f_Man_Waving_Facing%20Forward_Video_Call_750.jpg",i=class{constructor(o){e.registerInstance(this,o)}render(){return e.h("div",{key:"362c234e52b4516d863727880bf1d5f52875812c",class:"video-preview"},e.h("div",{key:"ad63e9b3cfc9a0e52a08913a5a65ac0f32efb4d9",class:"image",style:{backgroundImage:`url(${t})`}},e.h("div",{key:"9496ecdc42650371fd10abfa0741122cad57ad16",class:"time"},"1:52:33")),e.h("div",{key:"3e1018bc6babff15bc917d03b887b8143d42345d",class:"body"},e.h("div",{key:"290f289f8986b0e4f7d40363a6573fe416cf9a5c",class:"title"},"Product Team Meet"),e.h("div",{key:"706f65d2b1a07adb97e8fc4bd245abdc6ecd1c8c",class:"description"},"January 31, 2025")),e.h("div",{key:"b1e0390a0029677f8001cbdb164cc65fdef2e7a1",class:"footer"},e.h("button",{key:"b1599944c75678a78a2295bca26ffe851b8bbfd7"},"Watch")))}};i.style=r;exports.nylas_video_preview=i;

package/dist/{person-icon.entry-85660f98.js → person-icon.entry-82fbc43e.js}

@@ -1,15 +1,16 @@
-import { r as s, 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 o = ".sc-person-icon-h{display:flex}", r = o, C = class {
-  constructor(e) {
-    s(this, e), this.width = "14", this.height = "16";
+const o = ".sc-person-icon-h{display:flex}", r = o, i = class {
+  constructor(s) {
+    e(this, s), this.width = "14", this.height = "16";
   }
   render() {
-    return t("svg", { key: "0a47e6585ae19ad96e3c57b2aec1547798fe7abc", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "5aba35e97caadb061d6948c4f5ffc9390b2cd223", d: "M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z", fill: "currentColor" }));
+    return t("svg", { key: "9db075e484742d36218193c8a44c9506f0a1421d", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "bff1ab3306ccb1b16e2424e273de57b93fb05375", d: "M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z", fill: "currentColor" }));
   }
 };
-C.style = r;
+i.style = r;
 export {
-  C as person_icon
+  i as person_icon
 };

package/dist/person-icon.entry-e4d11400.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-05630f15.cjs");require("react");require("react/jsx-runtime");require("react-dom");const s=".sc-person-icon-h{display:flex}",i=s,t=class{constructor(r){e.registerInstance(this,r),this.width="14",this.height="16"}render(){return e.h("svg",{key:"9db075e484742d36218193c8a44c9506f0a1421d",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"bff1ab3306ccb1b16e2424e273de57b93fb05375",d:"M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z",fill:"currentColor"}))}};t.style=i;exports.person_icon=t;

package/dist/play-icon.entry-68bc660a.js

@@ -0,0 +1,16 @@
+import { r as o, h as t } from "./index-78390f2e.js";
+import "react";
+import "react/jsx-runtime";
+import "react-dom";
+const s = ".sc-play-icon-h{display:flex}", i = s, r = class {
+  constructor(e) {
+    o(this, e), this.width = "15", this.height = "15";
+  }
+  render() {
+    return t("svg", { key: "5e2e5392833bfec80155b4277372432de97684a2", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "7758ae8bac3229614c2c20ce100f105481b63b31", d: "M21 12L3 21V3L21 12Z", stroke: "auto", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }));
+  }
+};
+r.style = i;
+export {
+  r as play_icon
+};

package/dist/play-icon.entry-9cab598b.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-05630f15.cjs");require("react");require("react/jsx-runtime");require("react-dom");const s=".sc-play-icon-h{display:flex}",r=s,t=class{constructor(i){e.registerInstance(this,i),this.width="15",this.height="15"}render(){return e.h("svg",{key:"5e2e5392833bfec80155b4277372432de97684a2",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"7758ae8bac3229614c2c20ce100f105481b63b31",d:"M21 12L3 21V3L21 12Z",stroke:"auto","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))}};t.style=r;exports.play_icon=t;

package/dist/radio-button-group.entry-6a2adf11.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-05630f15.cjs");require("react");require("react/jsx-runtime");require("react-dom");const r=':host{display:block;--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%}.radio-group{display:flex;flex-direction:column;gap:0.5rem}.radio-group slot[name=label]{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;font-size:16px}.radio-group slot[name=label].error{color:var(--nylas-error)}.radio-group slot[name=label] span.required{color:var(--nylas-error);padding:0 0.25rem}.radio-group slot[name=label] p{margin:0}.radio-group slot[name=label] p.error{color:var(--nylas-error)}.radio-group slot[name=label] .error{color:var(--nylas-error)}.radio-group span.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family)}.radio-group label{display:flex;font-family:var(--nylas-font-family);cursor:pointer}.radio-group label .radio-option{display:flex;align-items:flex-start;gap:0.5rem}.radio-group label .radio-option input[type=radio]{cursor:pointer}.radio-group label .radio-option input[type=radio i]{width:20px;height:20px;color:var(--nylas-primary)}.radio-group label .radio-option p{display:flex;flex-direction:column;gap:0.5rem;margin:0}.radio-group label .radio-option p .title{font-size:16px;font-weight:500;line-height:20px;color:var(--nylas-base-800)}.radio-group label .radio-option p .description{font-size:14px;font-weight:400;line-height:20px;color:var(--nylas-base-600)}',o=r,a=class{constructor(l){e.registerInstance(this,l),this.nylasFormRadioChanged=e.createEvent(this,"nylasFormRadioChanged",7),this.componentType="radio-group",this.name="radio-group",this.options=[],this.defaultSelectedValue="",this.label=void 0,this.required=!1,this.readOnly=!1,this.selectedValue=void 0,this.error=""}handleDefaultSelectedValueChange(l){this.selectedValue=l}componentDidLoad(){this.selectedValue=this.defaultSelectedValue}handleBookingFormSubmitted(l){if(this.required&&!this.selectedValue){this.error=`${this.label} is required.`;return}this.error&&l.preventDefault()}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}handleChange(l){this.error="",this.selectedValue=l,this.nylasFormRadioChanged.emit({value:l,name:this.name,label:this.label})}render(){return e.h("div",{key:"a2d7cfe24d154d4751c7f8c33a623eaf97b16247",class:"radio-group"},e.h("slot",{key:"f7139c15a39d9ccc9122caf96f6c471849cad847",name:"label"},this.label&&e.h("p",{class:{error:!!this.error}},e.h("span",{class:"label"},this.label),this.required&&e.h("span",{class:"required"},"*"))),this.options.map(l=>e.h("label",null,e.h("div",{class:"radio-option"},e.h("input",{type:"radio",disabled:this.readOnly,readOnly:this.readOnly,title:this.readOnly?"read-only field":void 0,name:this.name,value:l.value,checked:this.selectedValue===l.value,onChange:()=>this.handleChange(l.value)}),e.h("p",null,e.h("span",{class:"title"},l.label),e.h("span",{class:"description"},l.description))))),this.error&&e.h("span",{class:"error help-text"},this.error))}get el(){return e.getElement(this)}static get watchers(){return{defaultSelectedValue:["handleDefaultSelectedValueChange"]}}};a.style=o;exports.radio_button_group=a;

package/dist/radio-button-group.entry-f7679911.js

@@ -0,0 +1,47 @@
+import { r as a, c as r, h as l, g as o } from "./index-78390f2e.js";
+import "react";
+import "react/jsx-runtime";
+import "react-dom";
+const s = ':host{display:block;--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%}.radio-group{display:flex;flex-direction:column;gap:0.5rem}.radio-group slot[name=label]{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;font-size:16px}.radio-group slot[name=label].error{color:var(--nylas-error)}.radio-group slot[name=label] span.required{color:var(--nylas-error);padding:0 0.25rem}.radio-group slot[name=label] p{margin:0}.radio-group slot[name=label] p.error{color:var(--nylas-error)}.radio-group slot[name=label] .error{color:var(--nylas-error)}.radio-group span.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family)}.radio-group label{display:flex;font-family:var(--nylas-font-family);cursor:pointer}.radio-group label .radio-option{display:flex;align-items:flex-start;gap:0.5rem}.radio-group label .radio-option input[type=radio]{cursor:pointer}.radio-group label .radio-option input[type=radio i]{width:20px;height:20px;color:var(--nylas-primary)}.radio-group label .radio-option p{display:flex;flex-direction:column;gap:0.5rem;margin:0}.radio-group label .radio-option p .title{font-size:16px;font-weight:500;line-height:20px;color:var(--nylas-base-800)}.radio-group label .radio-option p .description{font-size:14px;font-weight:400;line-height:20px;color:var(--nylas-base-600)}', n = s, i = class {
+  constructor(e) {
+    a(this, e), this.nylasFormRadioChanged = r(this, "nylasFormRadioChanged", 7), this.componentType = "radio-group", this.name = "radio-group", this.options = [], this.defaultSelectedValue = "", this.label = void 0, this.required = !1, this.readOnly = !1, this.selectedValue = void 0, this.error = "";
+  }
+  handleDefaultSelectedValueChange(e) {
+    this.selectedValue = e;
+  }
+  componentDidLoad() {
+    this.selectedValue = this.defaultSelectedValue;
+  }
+  handleBookingFormSubmitted(e) {
+    if (this.required && !this.selectedValue) {
+      this.error = `${this.label} is required.`;
+      return;
+    }
+    this.error && e.preventDefault();
+  }
+  componentWillLoad() {
+    this.el.setAttribute("component-type", this.componentType);
+  }
+  handleChange(e) {
+    this.error = "", this.selectedValue = e, this.nylasFormRadioChanged.emit({
+      value: e,
+      name: this.name,
+      label: this.label
+    });
+  }
+  render() {
+    return l("div", { key: "a2d7cfe24d154d4751c7f8c33a623eaf97b16247", class: "radio-group" }, l("slot", { key: "f7139c15a39d9ccc9122caf96f6c471849cad847", name: "label" }, this.label && l("p", { class: { error: !!this.error } }, l("span", { class: "label" }, this.label), this.required && l("span", { class: "required" }, "*"))), this.options.map((e) => l("label", null, l("div", { class: "radio-option" }, l("input", { type: "radio", disabled: this.readOnly, readOnly: this.readOnly, title: this.readOnly ? "read-only field" : void 0, name: this.name, value: e.value, checked: this.selectedValue === e.value, onChange: () => this.handleChange(e.value) }), l("p", null, l("span", { class: "title" }, e.label), l("span", { class: "description" }, e.description))))), this.error && l("span", { class: "error help-text" }, this.error));
+  }
+  get el() {
+    return o(this);
+  }
+  static get watchers() {
+    return {
+      defaultSelectedValue: ["handleDefaultSelectedValueChange"]
+    };
+  }
+};
+i.style = n;
+export {
+  i as radio_button_group
+};

package/dist/react.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-81719cc6.cjs");require("react");require("react-dom");exports.AddCircleIcon=o.AddCircleIcon;exports.ArchiveIcon=o.ArchiveIcon;exports.ArrowIcon=o.ArrowIcon;exports.BoldIcon=o.BoldIcon;exports.ButtonComponent=o.ButtonComponent;exports.CalendarAgendaFillIcon=o.CalendarAgendaFillIcon;exports.CalendarAgendaIcon=o.CalendarAgendaIcon;exports.CalendarCancelIcon=o.CalendarCancelIcon;exports.CalendarCheckIcon=o.CalendarCheckIcon;exports.CalendarIcon=o.CalendarIcon;exports.CalendarInfoIcon=o.CalendarInfoIcon;exports.CalendarPatternsIcon=o.CalendarPatternsIcon;exports.CheckboxComponent=o.CheckboxComponent;exports.CheckmarkCircleIcon=o.CheckmarkCircleIcon;exports.CheckmarkIcon=o.CheckmarkIcon;exports.ChevronIcon=o.ChevronIcon;exports.ClockIcon=o.ClockIcon;exports.CloseIcon=o.CloseIcon;exports.CopyIcon=o.CopyIcon;exports.DeleteIcon=o.DeleteIcon;exports.DocumentRefreshIcon=o.DocumentRefreshIcon;exports.DragableIcon=o.DragableIcon;exports.EditIcon=o.EditIcon;exports.EnvelopeFillIcon=o.EnvelopeFillIcon;exports.EnvelopeIcon=o.EnvelopeIcon;exports.EyeIcon=o.EyeIcon;exports.FeedbackIcon=o.FeedbackIcon;exports.FlowIcon=o.FlowIcon;exports.FolderIcon=o.FolderIcon;exports.ForwardIcon=o.ForwardIcon;exports.GlobeIcon=o.GlobeIcon;exports.GoogleLogoIcon=o.GoogleLogoIcon;exports.GoogleMeetIcon=o.GoogleMeetIcon;exports.InboxIcon=o.InboxIcon;exports.InfoIcon=o.InfoIcon;exports.InputColorPicker=o.InputColorPicker;exports.InputComponent=o.InputComponent;exports.InputDropdown=o.InputDropdown;exports.InputImageUrl=o.InputImageUrl;exports.ItalicIcon=o.ItalicIcon;exports.LoadingIcon=o.LoadingIcon;exports.LocationIcon=o.LocationIcon;exports.LocationOffIcon=o.LocationOffIcon;exports.MicrosoftLogoIcon=o.MicrosoftLogoIcon;exports.MicrosoftTeamsIcon=o.MicrosoftTeamsIcon;exports.MultiSelectDropdown=o.MultiSelectDropdown;exports.NylasAdditionalParticipants=o.NylasAdditionalParticipants;exports.NylasAvailabilityPicker=o.NylasAvailabilityPicker;exports.NylasBookedEventCard=o.NylasBookedEventCard;exports.NylasBookingCalendarPicker=o.NylasBookingCalendarPicker;exports.NylasBookingConfirmationRedirect=o.NylasBookingConfirmationRedirect;exports.NylasBookingConfirmationType=o.NylasBookingConfirmationType;exports.NylasBookingForm=o.NylasBookingForm;exports.NylasBookingFormConfig=o.NylasBookingFormConfig;exports.NylasBufferTime=o.NylasBufferTime;exports.NylasCalendarPicker=o.NylasCalendarPicker;exports.NylasCancelBookingForm=o.NylasCancelBookingForm;exports.NylasCancellationPolicy=o.NylasCancellationPolicy;exports.NylasCancelledEventCard=o.NylasCancelledEventCard;exports.NylasConfirmationEmail=o.NylasConfirmationEmail;exports.NylasConfirmedEventCard=o.NylasConfirmedEventCard;exports.NylasConnectedCalendars=o.NylasConnectedCalendars;exports.NylasCustomBookingFlow=o.NylasCustomBookingFlow;exports.NylasCustomEventSlug=o.NylasCustomEventSlug;exports.NylasCustomizeBookingSettings=o.NylasCustomizeBookingSettings;exports.NylasDateComponent=o.NylasDateComponent;exports.NylasDatePicker=o.NylasDatePicker;exports.NylasDisableEmails=o.NylasDisableEmails;exports.NylasEditorTabs=o.NylasEditorTabs;exports.NylasEventDescription=o.NylasEventDescription;exports.NylasEventDuration=o.NylasEventDuration;exports.NylasEventInfo=o.NylasEventInfo;exports.NylasEventLimits=o.NylasEventLimits;exports.NylasEventLocation=o.NylasEventLocation;exports.NylasEventTitle=o.NylasEventTitle;exports.NylasFeedbackForm=o.NylasFeedbackForm;exports.NylasFormCard=o.NylasFormCard;exports.NylasIdentityRequestWrapper=o.NylasIdentityRequestWrapper;exports.NylasIfState=o.NylasIfState;exports.NylasLimitFutureBookings=o.NylasLimitFutureBookings;exports.NylasListConfigurations=o.NylasListConfigurations;exports.NylasLocaleSwitch=o.NylasLocaleSwitch;exports.NylasLogin=o.NylasLogin;exports.NylasLogo=o.NylasLogo;exports.NylasMinBookingNotice=o.NylasMinBookingNotice;exports.NylasMinCancellationNotice=o.NylasMinCancellationNotice;exports.NylasNotification=o.NylasNotification;exports.NylasOrganizerConfirmationCard=o.NylasOrganizerConfirmationCard;exports.NylasPageName=o.NylasPageName;exports.NylasPageStyling=o.NylasPageStyling;exports.NylasParticipantBookingCalendars=o.NylasParticipantBookingCalendars;exports.NylasParticipantsCustomAvailability=o.NylasParticipantsCustomAvailability;exports.NylasProvider=o.NylasProvider;exports.NylasReminderEmails=o.NylasReminderEmails;exports.NylasReminderTime=o.NylasReminderTime;exports.NylasSchedulerEditor=o.NylasSchedulerEditor;exports.NylasScheduling=o.NylasScheduling;exports.NylasSchedulingMethod=o.NylasSchedulingMethod;exports.NylasSelectedEventCard=o.NylasSelectedEventCard;exports.NylasTimeWindowPicker=o.NylasTimeWindowPicker;exports.NylasTimeslotInterval=o.NylasTimeslotInterval;exports.NylasTimeslotPicker=o.NylasTimeslotPicker;exports.PaintbrushFillIcon=o.PaintbrushFillIcon;exports.PaintbrushIcon=o.PaintbrushIcon;exports.PeopleIcon=o.PeopleIcon;exports.PersonClipboardIcon=o.PersonClipboardIcon;exports.PersonIcon=o.PersonIcon;exports.PlayIcon=o.PlayIcon;exports.PlusIcon=o.PlusIcon;exports.RadioButtonGroup=o.RadioButtonGroup;exports.RefreshIcon=o.RefreshIcon;exports.ReplyAllIcon=o.ReplyAllIcon;exports.ReplyIcon=o.ReplyIcon;exports.SearchIcon=o.SearchIcon;exports.SelectDropdown=o.SelectDropdown;exports.SentIcon=o.SentIcon;exports.SpamIcon=o.SpamIcon;exports.StarIcon=o.StarIcon;exports.StopIcon=o.StopIcon;exports.TextareaComponent=o.TextareaComponent;exports.TimePeriodSelector=o.TimePeriodSelector;exports.ToggleSwitch=o.ToggleSwitch;exports.TooltipComponent=o.TooltipComponent;exports.TranslateIcon=o.TranslateIcon;exports.TrashFillIcon=o.TrashFillIcon;exports.TrashIcon=o.TrashIcon;exports.UnderlineIcon=o.UnderlineIcon;exports.WarningIcon=o.WarningIcon;exports.ZoomIcon=o.ZoomIcon;exports.applyPolyfills=o.applyPolyfills;exports.defineCustomElements=o.defineCustomElements;exports.setNonce=o.setNonce;exports.useNylasMailboxElement=o.useNylasMailboxElement;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-05630f15.cjs");require("react");require("react/jsx-runtime");require("react-dom");exports.AddCircleIcon=o.AddCircleIcon;exports.ArchiveIcon=o.ArchiveIcon;exports.ArrowIcon=o.ArrowIcon;exports.BoldIcon=o.BoldIcon;exports.ButtonComponent=o.ButtonComponent;exports.CalendarAgendaFillIcon=o.CalendarAgendaFillIcon;exports.CalendarAgendaIcon=o.CalendarAgendaIcon;exports.CalendarCancelIcon=o.CalendarCancelIcon;exports.CalendarCheckIcon=o.CalendarCheckIcon;exports.CalendarIcon=o.CalendarIcon;exports.CalendarInfoIcon=o.CalendarInfoIcon;exports.CalendarPatternsIcon=o.CalendarPatternsIcon;exports.CheckboxComponent=o.CheckboxComponent;exports.CheckmarkCircleIcon=o.CheckmarkCircleIcon;exports.CheckmarkIcon=o.CheckmarkIcon;exports.ChevronIcon=o.ChevronIcon;exports.ClockIcon=o.ClockIcon;exports.CloseIcon=o.CloseIcon;exports.CopyIcon=o.CopyIcon;exports.DeleteIcon=o.DeleteIcon;exports.DocumentRefreshIcon=o.DocumentRefreshIcon;exports.DragableIcon=o.DragableIcon;exports.EditIcon=o.EditIcon;exports.EnvelopeFillIcon=o.EnvelopeFillIcon;exports.EnvelopeIcon=o.EnvelopeIcon;exports.EyeIcon=o.EyeIcon;exports.FeedbackIcon=o.FeedbackIcon;exports.FlowIcon=o.FlowIcon;exports.FolderIcon=o.FolderIcon;exports.ForwardIcon=o.ForwardIcon;exports.GlobeIcon=o.GlobeIcon;exports.GoogleLogoIcon=o.GoogleLogoIcon;exports.GoogleMeetIcon=o.GoogleMeetIcon;exports.InboxIcon=o.InboxIcon;exports.InfoIcon=o.InfoIcon;exports.InputColorPicker=o.InputColorPicker;exports.InputComponent=o.InputComponent;exports.InputDropdown=o.InputDropdown;exports.InputImageUrl=o.InputImageUrl;exports.ItalicIcon=o.ItalicIcon;exports.LoadingIcon=o.LoadingIcon;exports.LocationIcon=o.LocationIcon;exports.LocationOffIcon=o.LocationOffIcon;exports.MicrosoftLogoIcon=o.MicrosoftLogoIcon;exports.MicrosoftTeamsIcon=o.MicrosoftTeamsIcon;exports.MultiSelectDropdown=o.MultiSelectDropdown;exports.NylasAdditionalParticipants=o.NylasAdditionalParticipants;exports.NylasAvailabilityPicker=o.NylasAvailabilityPicker;exports.NylasBookedEventCard=o.NylasBookedEventCard;exports.NylasBookingCalendarPicker=o.NylasBookingCalendarPicker;exports.NylasBookingConfirmationRedirect=o.NylasBookingConfirmationRedirect;exports.NylasBookingConfirmationType=o.NylasBookingConfirmationType;exports.NylasBookingForm=o.NylasBookingForm;exports.NylasBookingFormConfig=o.NylasBookingFormConfig;exports.NylasBufferTime=o.NylasBufferTime;exports.NylasCalendarPicker=o.NylasCalendarPicker;exports.NylasCallSummary=o.NylasCallSummary;exports.NylasCancelBookingForm=o.NylasCancelBookingForm;exports.NylasCancellationPolicy=o.NylasCancellationPolicy;exports.NylasCancelledEventCard=o.NylasCancelledEventCard;exports.NylasConfirmationEmail=o.NylasConfirmationEmail;exports.NylasConfirmedEventCard=o.NylasConfirmedEventCard;exports.NylasConnectedCalendars=o.NylasConnectedCalendars;exports.NylasCustomBookingFlow=o.NylasCustomBookingFlow;exports.NylasCustomEventSlug=o.NylasCustomEventSlug;exports.NylasCustomizeBookingSettings=o.NylasCustomizeBookingSettings;exports.NylasDateComponent=o.NylasDateComponent;exports.NylasDatePicker=o.NylasDatePicker;exports.NylasDisableEmails=o.NylasDisableEmails;exports.NylasEditorTabs=o.NylasEditorTabs;exports.NylasEditorTabsGroup=o.NylasEditorTabsGroup;exports.NylasEventCalendar=o.NylasEventCalendar;exports.NylasEventCapacity=o.NylasEventCapacity;exports.NylasEventDescription=o.NylasEventDescription;exports.NylasEventDuration=o.NylasEventDuration;exports.NylasEventInfo=o.NylasEventInfo;exports.NylasEventLimits=o.NylasEventLimits;exports.NylasEventLocation=o.NylasEventLocation;exports.NylasEventTimeslot=o.NylasEventTimeslot;exports.NylasEventTitle=o.NylasEventTitle;exports.NylasFeedbackForm=o.NylasFeedbackForm;exports.NylasFormCard=o.NylasFormCard;exports.NylasIdentityRequestWrapper=o.NylasIdentityRequestWrapper;exports.NylasIfState=o.NylasIfState;exports.NylasKeyPoints=o.NylasKeyPoints;exports.NylasLimitFutureBookings=o.NylasLimitFutureBookings;exports.NylasListConfigurations=o.NylasListConfigurations;exports.NylasLocaleSwitch=o.NylasLocaleSwitch;exports.NylasLogin=o.NylasLogin;exports.NylasLogo=o.NylasLogo;exports.NylasMinBookingNotice=o.NylasMinBookingNotice;exports.NylasMinCancellationNotice=o.NylasMinCancellationNotice;exports.NylasNotification=o.NylasNotification;exports.NylasOrganizerConfirmationCard=o.NylasOrganizerConfirmationCard;exports.NylasPageName=o.NylasPageName;exports.NylasPageStyling=o.NylasPageStyling;exports.NylasParticipantBookingCalendars=o.NylasParticipantBookingCalendars;exports.NylasParticipantsCustomAvailability=o.NylasParticipantsCustomAvailability;exports.NylasProvider=o.NylasProvider;exports.NylasReminderEmails=o.NylasReminderEmails;exports.NylasReminderTime=o.NylasReminderTime;exports.NylasSchedulerEditor=o.NylasSchedulerEditor;exports.NylasScheduling=o.NylasScheduling;exports.NylasSchedulingMethod=o.NylasSchedulingMethod;exports.NylasSelectEventType=o.NylasSelectEventType;exports.NylasSelectedEventCard=o.NylasSelectedEventCard;exports.NylasTimeWindowPicker=o.NylasTimeWindowPicker;exports.NylasTimeslotInterval=o.NylasTimeslotInterval;exports.NylasTimeslotPicker=o.NylasTimeslotPicker;exports.NylasTranscript=o.NylasTranscript;exports.NylasVideoPlayer=o.NylasVideoPlayer;exports.NylasVideoPreview=o.NylasVideoPreview;exports.PaintbrushFillIcon=o.PaintbrushFillIcon;exports.PaintbrushIcon=o.PaintbrushIcon;exports.PeopleIcon=o.PeopleIcon;exports.PersonClipboardIcon=o.PersonClipboardIcon;exports.PersonIcon=o.PersonIcon;exports.PlayIcon=o.PlayIcon;exports.PlusIcon=o.PlusIcon;exports.RadioButtonGroup=o.RadioButtonGroup;exports.RefreshIcon=o.RefreshIcon;exports.ReplyAllIcon=o.ReplyAllIcon;exports.ReplyIcon=o.ReplyIcon;exports.SearchIcon=o.SearchIcon;exports.SelectDropdown=o.SelectDropdown;exports.SentIcon=o.SentIcon;exports.SpamIcon=o.SpamIcon;exports.StarIcon=o.StarIcon;exports.StopIcon=o.StopIcon;exports.TextareaComponent=o.TextareaComponent;exports.TimePeriodSelector=o.TimePeriodSelector;exports.ToggleSwitch=o.ToggleSwitch;exports.TooltipComponent=o.TooltipComponent;exports.TranslateIcon=o.TranslateIcon;exports.TrashFillIcon=o.TrashFillIcon;exports.TrashIcon=o.TrashIcon;exports.UnderlineIcon=o.UnderlineIcon;exports.WarningIcon=o.WarningIcon;exports.ZoomIcon=o.ZoomIcon;exports.defineCustomElements=o.defineCustomElements;exports.setNonce=o.setNonce;