@corti/dictation-web 0.3.0-rc → 0.4.0-rc

package/dist/src/icons/icons.js

@@ -0,0 +1,158 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* eslint-disable max-classes-per-file */
+import { LitElement, css, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let IconMicOn = class IconMicOn extends LitElement {
+    render() {
+        return html `
+      <div style="display: flex">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="20"
+          height="20"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          class="lucide lucide-mic"
+        >
+          <path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" />
+          <path d="M19 10v2a7 7 0 0 1-14 0v-2" />
+          <line x1="12" x2="12" y1="19" y2="22" />
+        </svg>
+      </div>
+    `;
+    }
+};
+IconMicOn = __decorate([
+    customElement('icon-mic-on')
+], IconMicOn);
+export { IconMicOn };
+let IconMicOff = class IconMicOff extends LitElement {
+    render() {
+        return html ` <div style="display: flex">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="20"
+        height="20"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="lucide lucide-mic-off"
+      >
+        <line x1="2" x2="22" y1="2" y2="22" />
+        <path d="M18.89 13.23A7.12 7.12 0 0 0 19 12v-2" />
+        <path d="M5 10v2a7 7 0 0 0 12 5" />
+        <path d="M15 9.34V5a3 3 0 0 0-5.68-1.33" />
+        <path d="M9 9v3a3 3 0 0 0 5.12 2.12" />
+        <line x1="12" x2="12" y1="19" y2="22" />
+      </svg>
+    </div>`;
+    }
+};
+IconMicOff = __decorate([
+    customElement('icon-mic-off')
+], IconMicOff);
+export { IconMicOff };
+let IconRecording = class IconRecording extends LitElement {
+    render() {
+        return html `
+      <div style="display: flex;">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="20"
+          height="20"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          class="lucide lucide-circle-stop"
+        >
+          <circle cx="12" cy="12" r="10" />
+          <rect x="9" y="9" width="6" height="6" rx="1" fill="currentColor" />
+        </svg>
+      </div>
+    `;
+    }
+};
+IconRecording = __decorate([
+    customElement('icon-recording')
+], IconRecording);
+export { IconRecording };
+let IconSettings = class IconSettings extends LitElement {
+    render() {
+        return html `<div style="display: flex">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="20"
+        height="20"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="lucide lucide-settings-2"
+      >
+        <path d="M20 7h-9" />
+        <path d="M14 17H5" />
+        <circle cx="17" cy="17" r="3" />
+        <circle cx="7" cy="7" r="3" />
+      </svg>
+    </div>`;
+    }
+};
+IconSettings = __decorate([
+    customElement('icon-settings')
+], IconSettings);
+export { IconSettings };
+let IconLoadingSpinner = class IconLoadingSpinner extends LitElement {
+    render() {
+        return html `<div style="display: flex">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="20"
+        height="20"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="lucide lucide-loader-circle spin"
+      >
+        <path d="M21 12a9 9 0 1 1-6.219-8.56" />
+      </svg>
+    </div>`;
+    }
+};
+IconLoadingSpinner.styles = css `
+    @keyframes spin {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+    .spin {
+      animation: spin 1s linear infinite;
+    }
+  `;
+IconLoadingSpinner = __decorate([
+    customElement('icon-loading-spinner')
+], IconLoadingSpinner);
+export { IconLoadingSpinner };
+//# sourceMappingURL=icons.js.map

package/dist/src/icons/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/icons/icons.ts"],"names":[],"mappings":";;;;;;AAAA,yCAAyC;AACzC,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG3C,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IACvC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;KAmBV,CAAC;IACJ,CAAC;CACF,CAAA;AAvBY,SAAS;IADrB,aAAa,CAAC,aAAa,CAAC;GAChB,SAAS,CAuBrB;;AAGM,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IACxC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;WAoBJ,CAAC;IACV,CAAC;CACF,CAAA;AAxBY,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAwBtB;;AAGM,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAC3C,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;KAkBV,CAAC;IACJ,CAAC;CACF,CAAA;AAtBY,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CAsBzB;;AAEM,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAC1C,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;WAkBJ,CAAC;IACV,CAAC;CACF,CAAA;AAtBY,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAsBxB;;AAGM,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAehD,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;WAeJ,CAAC;IACV,CAAC;;AA/BM,yBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;GAYlB,AAZY,CAYX;AAbS,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAiC9B","sourcesContent":["/* eslint-disable max-classes-per-file */\nimport { LitElement, css, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\n@customElement('icon-mic-on')\nexport class IconMicOn extends LitElement {\n  render() {\n    return html`\n      <div style=\"display: flex\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          class=\"lucide lucide-mic\"\n        >\n          <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\" />\n          <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" />\n          <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\" />\n        </svg>\n      </div>\n    `;\n  }\n}\n\n@customElement('icon-mic-off')\nexport class IconMicOff extends LitElement {\n  render() {\n    return html` <div style=\"display: flex\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"20\"\n        height=\"20\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        class=\"lucide lucide-mic-off\"\n      >\n        <line x1=\"2\" x2=\"22\" y1=\"2\" y2=\"22\" />\n        <path d=\"M18.89 13.23A7.12 7.12 0 0 0 19 12v-2\" />\n        <path d=\"M5 10v2a7 7 0 0 0 12 5\" />\n        <path d=\"M15 9.34V5a3 3 0 0 0-5.68-1.33\" />\n        <path d=\"M9 9v3a3 3 0 0 0 5.12 2.12\" />\n        <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\" />\n      </svg>\n    </div>`;\n  }\n}\n\n@customElement('icon-recording')\nexport class IconRecording extends LitElement {\n  render() {\n    return html`\n      <div style=\"display: flex;\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          class=\"lucide lucide-circle-stop\"\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"10\" />\n          <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\" rx=\"1\" fill=\"currentColor\" />\n        </svg>\n      </div>\n    `;\n  }\n}\n@customElement('icon-settings')\nexport class IconSettings extends LitElement {\n  render() {\n    return html`<div style=\"display: flex\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"20\"\n        height=\"20\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        class=\"lucide lucide-settings-2\"\n      >\n        <path d=\"M20 7h-9\" />\n        <path d=\"M14 17H5\" />\n        <circle cx=\"17\" cy=\"17\" r=\"3\" />\n        <circle cx=\"7\" cy=\"7\" r=\"3\" />\n      </svg>\n    </div>`;\n  }\n}\n\n@customElement('icon-loading-spinner')\nexport class IconLoadingSpinner extends LitElement {\n  static styles = css`\n    @keyframes spin {\n      0% {\n        transform: rotate(0deg);\n      }\n      100% {\n        transform: rotate(360deg);\n      }\n    }\n    .spin {\n      animation: spin 1s linear infinite;\n    }\n  `;\n\n  render() {\n    return html`<div style=\"display: flex\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"20\"\n        height=\"20\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        class=\"lucide lucide-loader-circle spin\"\n      >\n        <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n      </svg>\n    </div>`;\n  }\n}\n"]}

package/dist/src/styles/ComponentStyles.d.ts

@@ -0,0 +1,2 @@
+declare const ComponentStyles: import("lit").CSSResult;
+export default ComponentStyles;

package/dist/src/styles/ComponentStyles.js

@@ -0,0 +1,18 @@
+import { css } from 'lit';
+const ComponentStyles = css `
+  .wrapper {
+    background-color: var(--card-background, light-dark(#fff, #333));
+    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));
+    border-radius: var(--card-border-radius, 8px);
+    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));
+    padding: var(--card-padding, 4px);
+    display: flex;
+    gap: 4px;
+    height: 46px;
+    width: fit-content;
+    box-sizing: border-box;
+    overflow: hidden;
+  }
+`;
+export default ComponentStyles;
+//# sourceMappingURL=ComponentStyles.js.map

package/dist/src/styles/ComponentStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentStyles.js","sourceRoot":"","sources":["../../../src/styles/ComponentStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAc1B,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst ComponentStyles = css`\n  .wrapper {\n    background-color: var(--card-background, light-dark(#fff, #333));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    border-radius: var(--card-border-radius, 8px);\n    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));\n    padding: var(--card-padding, 4px);\n    display: flex;\n    gap: 4px;\n    height: 46px;\n    width: fit-content;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n`;\n\nexport default ComponentStyles;\n\n"]}

package/dist/src/styles/audio-visualiser.d.ts

@@ -0,0 +1,2 @@
+declare const AudioVisualiserStyles: import("lit").CSSResult;
+export default AudioVisualiserStyles;

package/dist/src/styles/audio-visualiser.js

@@ -0,0 +1,33 @@
+import { css } from "lit";
+const AudioVisualiserStyles = css `
+  :host {
+    height: 100%;
+  }
+
+  .container {
+    display: flex;
+    width: 8px;
+    flex-direction: column-reverse; /* Bottom-up stacking */
+    height: 100%;
+    gap: 1px;
+    opacity: 0.5;
+
+    &.active {
+      opacity: 1;
+    }
+  }
+
+  .segment {
+    flex: 1;
+    background-color: var(--action-accent-text-color, light-dark(#fff, #fff));
+    transition: background-color 0.25s;
+    border-radius: 1px;
+    opacity: 0.5;
+  }
+
+  .segment.active {
+    opacity: 1;
+  }
+`;
+export default AudioVisualiserStyles;
+//# sourceMappingURL=audio-visualiser.js.map

package/dist/src/styles/audio-visualiser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-visualiser.js","sourceRoot":"","sources":["../../../src/styles/audio-visualiser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BhC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nconst AudioVisualiserStyles = css`\n  :host {\n    height: 100%;\n  }\n\n  .container {\n    display: flex;\n    width: 8px;\n    flex-direction: column-reverse; /* Bottom-up stacking */\n    height: 100%;\n    gap: 1px;\n    opacity: 0.5;\n\n    &.active {\n      opacity: 1;\n    }\n  }\n\n  .segment {\n    flex: 1;\n    background-color: var(--action-accent-text-color, light-dark(#fff, #fff));\n    transition: background-color 0.25s;\n    border-radius: 1px;\n    opacity: 0.5;\n  }\n\n  .segment.active {\n    opacity: 1;\n  }\n`;\n\nexport default AudioVisualiserStyles;\n\n"]}

package/dist/src/styles/buttons.d.ts

@@ -0,0 +1,2 @@
+declare const ButtonStyles: import("lit").CSSResult;
+export default ButtonStyles;

package/dist/src/styles/buttons.js

@@ -0,0 +1,52 @@
+import { css } from 'lit';
+const ButtonStyles = css `
+  /* Default (plain) button styling */
+  button {
+    background: var(--action-plain-background, transparent);
+    /* border: 1px solid var(--action-plain-border-color); */
+    border: none;
+    color: var(--component-text-color, light-dark(#333, #eee));
+    cursor: pointer;
+    padding: 8px;
+    border-radius: var(--card-inner-border-radius, 6px);
+    display: inline-flex;
+    gap: 4px;
+    align-items: center;
+    justify-content: center;
+    transition: background 0.3s ease;
+    font-family: var(--component-font-family, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif);
+  }
+
+  button:hover {
+    background: var(--action-plain-background-hover, light-dark(#ddd, #444));
+  }
+
+  button:focus-visible {
+    outline: 2px solid var(--action-accent-background, light-dark(#007bff, #0056b3));
+    outline-offset: 2px;
+  }
+
+  /* Accent variant */
+  button.accent {
+    background: var(--action-accent-background, light-dark(#007bff, #0056b3));
+    color: var(--action-accent-text-color, #fff);
+    border: none;
+  }
+
+  button.accent:hover {
+    background: var(--action-accent-background-hover, light-dark(#0056b3, #003d80));
+  }
+
+  /* Red variant */
+  button.red {
+    background: var(--action-red-background, light-dark(#dc3545, #bd2130));
+    color: var(--action-red-text-color, #fff);
+    border: none;
+  }
+
+  button.red:hover {
+    background: var(--action-red-background-hover, light-dark(#bd2130, #a71c24));
+  }
+`;
+export default ButtonStyles;
+//# sourceMappingURL=buttons.js.map

package/dist/src/styles/buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../../src/styles/buttons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDvB,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst ButtonStyles = css`\n  /* Default (plain) button styling */\n  button {\n    background: var(--action-plain-background, transparent);\n    /* border: 1px solid var(--action-plain-border-color); */\n    border: none;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    cursor: pointer;\n    padding: 8px;\n    border-radius: var(--card-inner-border-radius, 6px);\n    display: inline-flex;\n    gap: 4px;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.3s ease;\n    font-family: var(--component-font-family, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif);\n  }\n\n  button:hover {\n    background: var(--action-plain-background-hover, light-dark(#ddd, #444));\n  }\n\n  button:focus-visible {\n    outline: 2px solid var(--action-accent-background, light-dark(#007bff, #0056b3));\n    outline-offset: 2px;\n  }\n\n  /* Accent variant */\n  button.accent {\n    background: var(--action-accent-background, light-dark(#007bff, #0056b3));\n    color: var(--action-accent-text-color, #fff);\n    border: none;\n  }\n\n  button.accent:hover {\n    background: var(--action-accent-background-hover, light-dark(#0056b3, #003d80));\n  }\n\n  /* Red variant */\n  button.red {\n    background: var(--action-red-background, light-dark(#dc3545, #bd2130));\n    color: var(--action-red-text-color, #fff);\n    border: none;\n  }\n\n  button.red:hover {\n    background: var(--action-red-background-hover, light-dark(#bd2130, #a71c24));\n  }\n`;\n\nexport default ButtonStyles;\n"]}

package/dist/src/styles/callout.d.ts

@@ -0,0 +1,2 @@
+declare const CalloutStyles: import("lit").CSSResult;
+export default CalloutStyles;

package/dist/src/styles/callout.js

@@ -0,0 +1,23 @@
+import { css } from 'lit';
+const CalloutStyles = css `
+  .callout {
+    background: var(--callout-info-background, light-dark(#007bff33, #0056b333));
+    border: 1px solid var(--callout-info-border, light-dark(#007bff99, #0056b399));
+    color: var(--callout-info-text, light-dark(#007bff, #0056b3));
+    padding: 8px;
+    border-radius: var(--card-inner-border-radius, 6px);
+    display: flex;
+    font-size: 0.9rem;
+    gap: 8px;
+    align-items: center;
+    max-width: 100%;
+    height: fit-content;
+    &.warn {
+      background: var(--callout-warn-background, light-dark(#fd7e1433, #e06c1233));
+      border: 1px solid var(--callout-warn-border, light-dark(#fd7e1499, #e06c1299));
+      color: var(--callout-warn-text, light-dark(#fd7e14, #e06c12));
+    }
+  }
+`;
+export default CalloutStyles;
+//# sourceMappingURL=callout.js.map

package/dist/src/styles/callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../../src/styles/callout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;CAmBxB,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst CalloutStyles = css`\n  .callout {\n    background: var(--callout-info-background, light-dark(#007bff33, #0056b333));\n    border: 1px solid var(--callout-info-border, light-dark(#007bff99, #0056b399));\n    color: var(--callout-info-text, light-dark(#007bff, #0056b3));\n    padding: 8px;\n    border-radius: var(--card-inner-border-radius, 6px);\n    display: flex;\n    font-size: 0.9rem;\n    gap: 8px;\n    align-items: center;\n    max-width: 100%;\n    height: fit-content;\n    &.warn {\n      background: var(--callout-warn-background, light-dark(#fd7e1433, #e06c1233));\n      border: 1px solid var(--callout-warn-border, light-dark(#fd7e1499, #e06c1299));\n      color: var(--callout-warn-text, light-dark(#fd7e14, #e06c12));\n    }\n  }\n`;\n\nexport default CalloutStyles;\n"]}

package/dist/src/styles/default-theme.d.ts

@@ -0,0 +1,2 @@
+declare const DefaultThemeStyles: import("lit").CSSResult;
+export default DefaultThemeStyles;

package/dist/src/styles/default-theme.js

@@ -0,0 +1,50 @@
+import { css } from "lit";
+const DefaultThemeStyles = css `
+  :host {
+    color-scheme: light dark;
+    /* Component Defaults */
+    --component-font-family:
+      -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,
+      helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial,
+      sans-serif;
+    --component-text-color: light-dark(#333, #eee);
+
+    /* Card Defaults */
+    --card-background: light-dark(#fff, #333);
+    --card-border-color: light-dark(#ddd, #555);
+    --card-padding: 4px;
+    --card-border-radius: 8px;
+    --card-inner-border-radius: 6px;
+    --card-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+
+    /* Actions Defaults */
+    --action-plain-border-color: light-dark(#ccc, #555);
+    --action-plain-background-hover: light-dark(#ddd, #444);
+
+    --action-accent-background: light-dark(#007bff, #0056b3);
+    --action-accent-background-hover: light-dark(#0056b3, #003d80);
+    --action-accent-text-color: #fff;
+
+    --action-red-background: light-dark(#dc3545, #bd2130);
+    --action-red-background-hover: light-dark(#bd2130, #a71c24);
+    --action-red-text-color: #fff;
+
+    /* Callout Defaults */
+    --callout-info-background: light-dark(#007bff33, #0056b333);
+    --callout-info-border: light-dark(#007bff99, #0056b399);
+    --callout-info-text: light-dark(#007bff, #0056b3);
+
+    --callout-error-background: light-dark(#dc354533, #bd213033);
+    --callout-error-border: light-dark(#dc354599, #bd213099);
+    --callout-error-text: light-dark(#dc3545, #bd2130);
+
+    --callout-warn-background: light-dark(#fd7e1433, #e06c1233);
+    --callout-warn-border: light-dark(#fd7e1499, #e06c1299);
+    --callout-warn-text: light-dark(#fd7e14, #e06c12);
+
+    /* Visualiser Defaults */
+    --visualiser-background: light-dark(#e0e0e0, #fff);
+  }
+`;
+export default DefaultThemeStyles;
+//# sourceMappingURL=default-theme.js.map

package/dist/src/styles/default-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-theme.js","sourceRoot":"","sources":["../../../src/styles/default-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8C7B,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nconst DefaultThemeStyles = css`\n  :host {\n    color-scheme: light dark;\n    /* Component Defaults */\n    --component-font-family:\n      -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,\n      helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial,\n      sans-serif;\n    --component-text-color: light-dark(#333, #eee);\n\n    /* Card Defaults */\n    --card-background: light-dark(#fff, #333);\n    --card-border-color: light-dark(#ddd, #555);\n    --card-padding: 4px;\n    --card-border-radius: 8px;\n    --card-inner-border-radius: 6px;\n    --card-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n\n    /* Actions Defaults */\n    --action-plain-border-color: light-dark(#ccc, #555);\n    --action-plain-background-hover: light-dark(#ddd, #444);\n\n    --action-accent-background: light-dark(#007bff, #0056b3);\n    --action-accent-background-hover: light-dark(#0056b3, #003d80);\n    --action-accent-text-color: #fff;\n\n    --action-red-background: light-dark(#dc3545, #bd2130);\n    --action-red-background-hover: light-dark(#bd2130, #a71c24);\n    --action-red-text-color: #fff;\n\n    /* Callout Defaults */\n    --callout-info-background: light-dark(#007bff33, #0056b333);\n    --callout-info-border: light-dark(#007bff99, #0056b399);\n    --callout-info-text: light-dark(#007bff, #0056b3);\n\n    --callout-error-background: light-dark(#dc354533, #bd213033);\n    --callout-error-border: light-dark(#dc354599, #bd213099);\n    --callout-error-text: light-dark(#dc3545, #bd2130);\n\n    --callout-warn-background: light-dark(#fd7e1433, #e06c1233);\n    --callout-warn-border: light-dark(#fd7e1499, #e06c1299);\n    --callout-warn-text: light-dark(#fd7e14, #e06c12);\n\n    /* Visualiser Defaults */\n    --visualiser-background: light-dark(#e0e0e0, #fff);\n  }\n`;\n\nexport default DefaultThemeStyles;\n"]}

package/dist/src/styles/recording-button.d.ts

@@ -0,0 +1,2 @@
+declare const RecordingButtonStyles: import("lit").CSSResult;
+export default RecordingButtonStyles;

package/dist/src/styles/recording-button.js

@@ -0,0 +1,8 @@
+import { css } from "lit";
+const RecordingButtonStyles = css `
+  :host {
+    display: inline-flex;
+  }
+`;
+export default RecordingButtonStyles;
+//# sourceMappingURL=recording-button.js.map

package/dist/src/styles/recording-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recording-button.js","sourceRoot":"","sources":["../../../src/styles/recording-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;CAIhC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nconst RecordingButtonStyles = css`\n  :host {\n    display: inline-flex;\n  }\n`;\n\nexport default RecordingButtonStyles;\n"]}

package/dist/src/styles/select.d.ts

@@ -0,0 +1,2 @@
+declare const SelectStyles: import("lit").CSSResult;
+export default SelectStyles;

package/dist/src/styles/select.js

@@ -0,0 +1,36 @@
+import { css } from "lit";
+const SelectStyles = css `
+  label {
+    display: block;
+    font-size: 0.8rem;
+    padding-bottom: 0.5rem;
+    font-weight: 500;
+    color: var(--component-text-color, light-dark(#333, #eee));
+    pointer-events: none;
+  }
+  select {
+    background: var(--card-background, light-dark(#fff, #333));
+    color: var(--component-text-color, light-dark(#333, #eee));
+    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));
+    padding: var(--card-padding, 4px);
+    border-radius: var(--card-inner-border-radius, 6px);
+    outline: none;
+    width: 100%;
+  }
+
+  select:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  select:hover {
+    background: var(--action-plain-background-hover, light-dark(#ddd, #444));
+  }
+
+  select:focus-visible {
+    outline: 2px solid var(--action-accent-background, light-dark(#007bff, #0056b3));
+    /* outline-offset: 2px; */
+  }
+`;
+export default SelectStyles;
+//# sourceMappingURL=select.js.map

package/dist/src/styles/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/styles/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCvB,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { css } from \"lit\";\n\nconst SelectStyles = css`\n  label {\n    display: block;\n    font-size: 0.8rem;\n    padding-bottom: 0.5rem;\n    font-weight: 500;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    pointer-events: none;\n  }\n  select {\n    background: var(--card-background, light-dark(#fff, #333));\n    color: var(--component-text-color, light-dark(#333, #eee));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    padding: var(--card-padding, 4px);\n    border-radius: var(--card-inner-border-radius, 6px);\n    outline: none;\n    width: 100%;\n  }\n\n  select:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  select:hover {\n    background: var(--action-plain-background-hover, light-dark(#ddd, #444));\n  }\n\n  select:focus-visible {\n    outline: 2px solid var(--action-accent-background, light-dark(#007bff, #0056b3));\n    /* outline-offset: 2px; */\n  }\n`;\n\nexport default SelectStyles;\n"]}

package/dist/src/styles/settings-menu.d.ts

@@ -0,0 +1,2 @@
+declare const SettingsMenuStyles: import("lit").CSSResult;
+export default SettingsMenuStyles;

package/dist/src/styles/settings-menu.js

@@ -0,0 +1,34 @@
+import { css } from "lit";
+const SettingsMenuStyles = css `
+  :host {
+    display: block;
+  }
+  /* Retain the anchor-name styling for this component */
+  #settings-popover-button {
+    anchor-name: --settings_popover_btn;
+  }
+  [popover] {
+    margin: 0;
+    padding: 16px;
+    background: var(--card-background, light-dark(#fff, #333));
+    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));
+    border-radius: var(--card-border-radius, 8px);
+    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));
+    z-index: 1000;
+    max-width: 260px;
+    width: 100%;
+    min-width: 200px;
+    position-anchor: --settings_popover_btn;
+    position-area: bottom span-right;
+    position-visibility: always;
+    position-try-fallbacks: flip-inline;
+    overflow-x: hidden;
+  }
+  .settings-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+  }
+`;
+export default SettingsMenuStyles;
+//# sourceMappingURL=settings-menu.js.map

package/dist/src/styles/settings-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-menu.js","sourceRoot":"","sources":["../../../src/styles/settings-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8B7B,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nconst SettingsMenuStyles = css`\n  :host {\n    display: block;\n  }\n  /* Retain the anchor-name styling for this component */\n  #settings-popover-button {\n    anchor-name: --settings_popover_btn;\n  }\n  [popover] {\n    margin: 0;\n    padding: 16px;\n    background: var(--card-background, light-dark(#fff, #333));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    border-radius: var(--card-border-radius, 8px);\n    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));\n    z-index: 1000;\n    max-width: 260px;\n    width: 100%;\n    min-width: 200px;\n    position-anchor: --settings_popover_btn;\n    position-area: bottom span-right;\n    position-visibility: always;\n    position-try-fallbacks: flip-inline;\n    overflow-x: hidden;\n  }\n  .settings-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n`;\n\nexport default SettingsMenuStyles;\n"]}

package/dist/src/types.d.ts

@@ -0,0 +1,7 @@
+export type RecordingState = "initializing" | "recording" | "stopping" | "stopped";
+export type ConfigurableSettings = "device" | "language";
+export type ProxyOptions = {
+    url: string;
+    protocols?: string[];
+    queryParameters?: Record<string, string>;
+};

package/dist/src/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export type RecordingState =\n  | \"initializing\"\n  | \"recording\"\n  | \"stopping\"\n  | \"stopped\";\n\nexport type ConfigurableSettings = \"device\" | \"language\";\n\nexport type ProxyOptions = {\n  url: string;\n  protocols?: string[];\n  queryParameters?: Record<string, string>;\n};\n"]}

package/dist/src/utils/auth.d.ts

@@ -0,0 +1,9 @@
+import type { Corti } from "@corti/sdk";
+/**
+ * Extracts the initial access token from auth config
+ * @throws Error if token is missing or invalid
+ */
+export declare function getInitialToken(config: Corti.BearerOptions): Promise<{
+    accessToken: string;
+    refreshToken?: string;
+}>;

package/dist/src/utils/auth.js

@@ -0,0 +1,21 @@
+/**
+ * Extracts the initial access token from auth config
+ * @throws Error if token is missing or invalid
+ */
+export async function getInitialToken(config) {
+    const initialToken = "accessToken" in config
+        ? {
+            accessToken: config.accessToken,
+            refreshToken: config.refreshToken,
+        }
+        : await config.refreshAccessToken();
+    if (!initialToken?.accessToken ||
+        typeof initialToken.accessToken !== "string") {
+        throw new Error("Access token is required and must be a string");
+    }
+    return {
+        accessToken: initialToken.accessToken,
+        refreshToken: initialToken.refreshToken,
+    };
+}
+//# sourceMappingURL=auth.js.map

package/dist/src/utils/auth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.js","sourceRoot":"","sources":["../../../src/utils/auth.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe,CACnC,MAA2B;IAE3B,MAAM,YAAY,GAChB,aAAa,IAAI,MAAM;QACrB,CAAC,CAAC;YACE,WAAW,EAAE,MAAM,CAAC,WAAW;YAC/B,YAAY,EAAE,MAAM,CAAC,YAAY;SAClC;QACH,CAAC,CAAC,MAAM,MAAM,CAAC,kBAAkB,EAAE,CAAC;IAExC,IACE,CAAC,YAAY,EAAE,WAAW;QAC1B,OAAO,YAAY,CAAC,WAAW,KAAK,QAAQ,EAC5C,CAAC;QACD,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IACnE,CAAC;IAED,OAAO;QACL,WAAW,EAAE,YAAY,CAAC,WAAW;QACrC,YAAY,EAAE,YAAY,CAAC,YAAY;KACxC,CAAC;AACJ,CAAC","sourcesContent":["import type { Corti } from \"@corti/sdk\";\n\n/**\n * Extracts the initial access token from auth config\n * @throws Error if token is missing or invalid\n */\nexport async function getInitialToken(\n  config: Corti.BearerOptions,\n): Promise<{ accessToken: string; refreshToken?: string }> {\n  const initialToken =\n    \"accessToken\" in config\n      ? {\n          accessToken: config.accessToken,\n          refreshToken: config.refreshToken,\n        }\n      : await config.refreshAccessToken();\n\n  if (\n    !initialToken?.accessToken ||\n    typeof initialToken.accessToken !== \"string\"\n  ) {\n    throw new Error(\"Access token is required and must be a string\");\n  }\n\n  return {\n    accessToken: initialToken.accessToken,\n    refreshToken: initialToken.refreshToken,\n  };\n}\n"]}

package/dist/src/utils/converters.d.ts

@@ -0,0 +1,4 @@
+export declare const commaSeparatedConverter: {
+    fromAttribute: (value: string | null) => string[] | undefined;
+    toAttribute: (value: string[] | undefined) => string | undefined;
+};

package/dist/src/utils/converters.js

@@ -0,0 +1,8 @@
+export const commaSeparatedConverter = {
+    fromAttribute: (value) => value
+        ?.split(",")
+        .map((s) => s.trim())
+        .filter(Boolean),
+    toAttribute: (value) => value?.join(","),
+};
+//# sourceMappingURL=converters.js.map

package/dist/src/utils/converters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"converters.js","sourceRoot":"","sources":["../../../src/utils/converters.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,aAAa,EAAE,CAAC,KAAoB,EAAE,EAAE,CACtC,KAAK;QACH,EAAE,KAAK,CAAC,GAAG,CAAC;SACX,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;SACpB,MAAM,CAAC,OAAO,CAAC;IACpB,WAAW,EAAE,CAAC,KAA2B,EAAE,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC;CAC/D,CAAC","sourcesContent":["export const commaSeparatedConverter = {\n  fromAttribute: (value: string | null) =>\n    value\n      ?.split(\",\")\n      .map((s) => s.trim())\n      .filter(Boolean),\n  toAttribute: (value: string[] | undefined) => value?.join(\",\"),\n};\n"]}

package/dist/src/utils/devices.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Requests access to the microphone.
+ *
+ * This function checks if the microphone permission is in "prompt" state, then requests
+ * access and stops any active tracks immediately.
+ *
+ * @returns A promise that resolves when the permission request is complete.
+ * @throws Error if microphone access is denied or unavailable.
+ */
+export declare function requestMicAccess(): Promise<void>;
+/**
+ * Retrieves available audio input devices.
+ *
+ * This function uses the mediaDevices API to enumerate devices and filters out those
+ * which are audio inputs. In some browsers, you may need to request user media before
+ * device labels are populated.
+ *
+ * @returns A promise that resolves with an object containing:
+ *  - `devices`: an array of MediaDeviceInfo objects for audio inputs.
+ *  - `defaultDevice`: the first audio input device, if available.
+ * @throws Error if mediaDevices API is unavailable or device enumeration fails.
+ */
+export declare function getAudioDevices(): Promise<{
+    devices: MediaDeviceInfo[];
+    defaultDevice?: MediaDeviceInfo;
+}>;