@corti/dictation-web 0.0.0-test.571.2 → 0.0.0-test.7

package/dist/types.d.ts

@@ -1,7 +1,6 @@
 export type RecordingState = "initializing" | "recording" | "stopping" | "stopped";
-export type DictationMode = "toggle-to-talk" | "push-to-talk";
 export type Keybinding = string;
-export type ConfigurableSettings = "device" | "language" | "mode" | "keybinding";
+export type ConfigurableSettings = "device" | "language" | "keybinding";
 export type ProxyOptions = {
     url: string;
     protocols?: string[];

package/dist/types.js.map

@@ -1 +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 DictationMode = \"toggle-to-talk\" | \"push-to-talk\";\n\nexport type Keybinding = string;\n\nexport type ConfigurableSettings =\n  | \"device\"\n  | \"language\"\n  | \"mode\"\n  | \"keybinding\";\n\nexport type ProxyOptions = {\n  url: string;\n  protocols?: string[];\n  queryParameters?: Record<string, string>;\n};\n"]}
+{"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 Keybinding = string;\n\nexport type ConfigurableSettings = \"device\" | \"language\" | \"keybinding\";\n\nexport type ProxyOptions = {\n  url: string;\n  protocols?: string[];\n  queryParameters?: Record<string, string>;\n};\n"]}

package/dist/utils/events.d.ts

@@ -1,5 +1,5 @@
 import type { Corti } from "@corti/sdk";
-import type { DictationMode, RecordingState } from "../types.js";
+import type { RecordingState } from "../types.js";
 export type LanguagesChangedEventDetail = {
     languages: Corti.TranscribeSupportedLanguage[];
     selectedLanguage: string | undefined;
@@ -13,6 +13,8 @@ export type RecordingDevicesChangedEventDetail = {
 };
 export type RecordingStateChangedEventDetail = {
     state: RecordingState;
+    connection?: "CONNECTING" | "OPEN" | "CLOSING" | "CLOSED" | null;
+    processing?: boolean;
 };
 export type AudioLevelChangedEventDetail = {
     audioLevel: number;
@@ -29,11 +31,17 @@ export declare function languagesChangedEvent(languages: Corti.TranscribeSupport
  */
 export declare function languageChangedEvent(language: string): CustomEvent<LanguageChangedEventDetail>;
 export declare function recordingDevicesChangedEvent(devices: MediaDeviceInfo[], selectedDevice: MediaDeviceInfo | undefined): CustomEvent<RecordingDevicesChangedEventDetail>;
-export declare function recordingStateChangedEvent(state: RecordingState): CustomEvent<RecordingStateChangedEventDetail>;
+export declare function recordingStateChangedEvent(state: RecordingState, options?: Partial<{
+    connection: "CONNECTING" | "OPEN" | "CLOSING" | "CLOSED" | null;
+    processing: boolean;
+}>): CustomEvent<RecordingStateChangedEventDetail>;
 export declare function transcriptEvent(detail: TranscriptEventDetail): CustomEvent<TranscriptEventDetail>;
 export declare function commandEvent(detail: CommandEventDetail): CustomEvent<CommandEventDetail>;
 export declare function usageEvent(detail: UsageEventDetail): CustomEvent<UsageEventDetail>;
 export declare function errorEvent(error: unknown): CustomEvent<ErrorEventDetail>;
+/**
+ * @deprecated Use recording-state-changed event with detail.connection field instead.
+ */
 export declare function streamClosedEvent(detail: unknown): CustomEvent;
 export declare function readyEvent(): CustomEvent;
 export declare function audioLevelChangedEvent(audioLevel: number): CustomEvent<AudioLevelChangedEventDetail>;
@@ -42,16 +50,14 @@ export type NetworkActivityEventDetail = {
     data: unknown;
 };
 export declare function networkActivityEvent(direction: "sent" | "received", data: unknown): CustomEvent<NetworkActivityEventDetail>;
-export type ModeChangedEventDetail = {
-    mode: DictationMode;
-};
 export type KeybindingChangedEventDetail = {
     key: string | null | undefined;
     code: string | null | undefined;
+    keybinding: string | null;
+    type?: "push-to-talk" | "toggle-to-talk";
 };
 export type KeybindingActivatedEventDetail = {
     keyboardEvent: KeyboardEvent;
 };
-export declare function modeChangedEvent(mode: DictationMode): CustomEvent<ModeChangedEventDetail>;
-export declare function keybindingChangedEvent(key: string | null | undefined, code: string | null | undefined): CustomEvent<KeybindingChangedEventDetail>;
+export declare function keybindingChangedEvent(key: string | null | undefined, code: string | null | undefined, keybinding: string | null, type?: "push-to-talk" | "toggle-to-talk"): CustomEvent<KeybindingChangedEventDetail>;
 export declare function keybindingActivatedEvent(keyboardEvent: KeyboardEvent): CustomEvent<KeybindingActivatedEventDetail>;

package/dist/utils/events.js

@@ -22,11 +22,15 @@ export function recordingDevicesChangedEvent(devices, selectedDevice) {
         detail: { devices, selectedDevice },
     });
 }
-export function recordingStateChangedEvent(state) {
+export function recordingStateChangedEvent(state, options = {}) {
     return new CustomEvent("recording-state-changed", {
         bubbles: true,
         composed: true,
-        detail: { state },
+        detail: {
+            connection: options.connection,
+            processing: options.processing,
+            state,
+        },
     });
 }
 export function transcriptEvent(detail) {
@@ -50,14 +54,31 @@ export function usageEvent(detail) {
         detail,
     });
 }
+function errorToMessage(error) {
+    if (error instanceof Error) {
+        return error.message;
+    }
+    if (typeof error === "object" && error !== null) {
+        try {
+            return JSON.stringify(error);
+        }
+        catch {
+            return String(error);
+        }
+    }
+    return String(error);
+}
 export function errorEvent(error) {
-    const message = error instanceof Error && error.message ? error.message : String(error);
+    const message = errorToMessage(error);
     return new CustomEvent("error", {
         bubbles: false,
         composed: true,
         detail: { message },
     });
 }
+/**
+ * @deprecated Use recording-state-changed event with detail.connection field instead.
+ */
 export function streamClosedEvent(detail) {
     return new CustomEvent("stream-closed", {
         bubbles: true,
@@ -85,18 +106,11 @@ export function networkActivityEvent(direction, data) {
         detail: { data, direction },
     });
 }
-export function modeChangedEvent(mode) {
-    return new CustomEvent("mode-changed", {
-        bubbles: true,
-        composed: true,
-        detail: { mode },
-    });
-}
-export function keybindingChangedEvent(key, code) {
+export function keybindingChangedEvent(key, code, keybinding, type) {
     return new CustomEvent("keybinding-changed", {
         bubbles: true,
         composed: true,
-        detail: { code, key },
+        detail: { code, key, keybinding, type },
     });
 }
 export function keybindingActivatedEvent(keyboardEvent) {

package/dist/utils/events.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport type { DictationMode, RecordingState } from \"../types.js\";\n\nexport type LanguagesChangedEventDetail = {\n  languages: Corti.TranscribeSupportedLanguage[];\n  selectedLanguage: string | undefined;\n};\n\nexport type LanguageChangedEventDetail = {\n  language: string;\n};\n\nexport type RecordingDevicesChangedEventDetail = {\n  devices: MediaDeviceInfo[];\n  selectedDevice: MediaDeviceInfo | undefined;\n};\n\nexport type RecordingStateChangedEventDetail = {\n  state: RecordingState;\n};\n\nexport type AudioLevelChangedEventDetail = {\n  audioLevel: number;\n};\n\nexport type TranscriptEventDetail = Corti.TranscribeTranscriptMessage;\nexport type CommandEventDetail = Corti.TranscribeCommandMessage;\nexport type UsageEventDetail = Corti.TranscribeUsageMessage;\n\nexport type ErrorEventDetail = {\n  message: string;\n};\n\nexport function languagesChangedEvent(\n  languages: Corti.TranscribeSupportedLanguage[],\n  selectedLanguage: string | undefined,\n): CustomEvent<LanguagesChangedEventDetail> {\n  return new CustomEvent(\"languages-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { languages, selectedLanguage },\n  });\n}\n\n/**\n * @deprecated Use languagesChangedEvent instead. This event is kept for backward compatibility.\n */\nexport function languageChangedEvent(\n  language: string,\n): CustomEvent<LanguageChangedEventDetail> {\n  return new CustomEvent(\"language-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { language },\n  });\n}\n\nexport function recordingDevicesChangedEvent(\n  devices: MediaDeviceInfo[],\n  selectedDevice: MediaDeviceInfo | undefined,\n): CustomEvent<RecordingDevicesChangedEventDetail> {\n  return new CustomEvent(\"recording-devices-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { devices, selectedDevice },\n  });\n}\n\nexport function recordingStateChangedEvent(\n  state: RecordingState,\n): CustomEvent<RecordingStateChangedEventDetail> {\n  return new CustomEvent(\"recording-state-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { state },\n  });\n}\n\nexport function transcriptEvent(\n  detail: TranscriptEventDetail,\n): CustomEvent<TranscriptEventDetail> {\n  return new CustomEvent(\"transcript\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function commandEvent(\n  detail: CommandEventDetail,\n): CustomEvent<CommandEventDetail> {\n  return new CustomEvent(\"command\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function usageEvent(\n  detail: UsageEventDetail,\n): CustomEvent<UsageEventDetail> {\n  return new CustomEvent(\"usage\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function errorEvent(error: unknown): CustomEvent<ErrorEventDetail> {\n  const message =\n    error instanceof Error && error.message ? error.message : String(error);\n\n  return new CustomEvent(\"error\", {\n    bubbles: false,\n    composed: true,\n    detail: { message },\n  });\n}\n\nexport function streamClosedEvent(detail: unknown): CustomEvent {\n  return new CustomEvent(\"stream-closed\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function readyEvent(): CustomEvent {\n  return new CustomEvent(\"ready\", {\n    bubbles: true,\n    composed: true,\n  });\n}\n\nexport function audioLevelChangedEvent(\n  audioLevel: number,\n): CustomEvent<AudioLevelChangedEventDetail> {\n  return new CustomEvent(\"audio-level-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { audioLevel },\n  });\n}\n\nexport type NetworkActivityEventDetail = {\n  direction: \"sent\" | \"received\";\n  data: unknown;\n};\n\nexport function networkActivityEvent(\n  direction: \"sent\" | \"received\",\n  data: unknown,\n): CustomEvent<NetworkActivityEventDetail> {\n  return new CustomEvent(\"network-activity\", {\n    bubbles: true,\n    composed: true,\n    detail: { data, direction },\n  });\n}\n\nexport type ModeChangedEventDetail = {\n  mode: DictationMode;\n};\n\nexport type KeybindingChangedEventDetail = {\n  key: string | null | undefined;\n  code: string | null | undefined;\n};\n\nexport type KeybindingActivatedEventDetail = {\n  keyboardEvent: KeyboardEvent;\n};\n\nexport function modeChangedEvent(\n  mode: DictationMode,\n): CustomEvent<ModeChangedEventDetail> {\n  return new CustomEvent(\"mode-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { mode },\n  });\n}\n\nexport function keybindingChangedEvent(\n  key: string | null | undefined,\n  code: string | null | undefined,\n): CustomEvent<KeybindingChangedEventDetail> {\n  return new CustomEvent(\"keybinding-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { code, key },\n  });\n}\n\nexport function keybindingActivatedEvent(\n  keyboardEvent: KeyboardEvent,\n): CustomEvent<KeybindingActivatedEventDetail> {\n  return new CustomEvent(\"keybinding-activated\", {\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n    detail: { keyboardEvent },\n  });\n}\n"]}
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport type { RecordingState } from \"../types.js\";\n\nexport type LanguagesChangedEventDetail = {\n  languages: Corti.TranscribeSupportedLanguage[];\n  selectedLanguage: string | undefined;\n};\n\nexport type LanguageChangedEventDetail = {\n  language: string;\n};\n\nexport type RecordingDevicesChangedEventDetail = {\n  devices: MediaDeviceInfo[];\n  selectedDevice: MediaDeviceInfo | undefined;\n};\n\nexport type RecordingStateChangedEventDetail = {\n  state: RecordingState;\n  connection?: \"CONNECTING\" | \"OPEN\" | \"CLOSING\" | \"CLOSED\" | null;\n  processing?: boolean;\n};\n\nexport type AudioLevelChangedEventDetail = {\n  audioLevel: number;\n};\n\nexport type TranscriptEventDetail = Corti.TranscribeTranscriptMessage;\nexport type CommandEventDetail = Corti.TranscribeCommandMessage;\nexport type UsageEventDetail = Corti.TranscribeUsageMessage;\n\nexport type ErrorEventDetail = {\n  message: string;\n};\n\nexport function languagesChangedEvent(\n  languages: Corti.TranscribeSupportedLanguage[],\n  selectedLanguage: string | undefined,\n): CustomEvent<LanguagesChangedEventDetail> {\n  return new CustomEvent(\"languages-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { languages, selectedLanguage },\n  });\n}\n\n/**\n * @deprecated Use languagesChangedEvent instead. This event is kept for backward compatibility.\n */\nexport function languageChangedEvent(\n  language: string,\n): CustomEvent<LanguageChangedEventDetail> {\n  return new CustomEvent(\"language-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { language },\n  });\n}\n\nexport function recordingDevicesChangedEvent(\n  devices: MediaDeviceInfo[],\n  selectedDevice: MediaDeviceInfo | undefined,\n): CustomEvent<RecordingDevicesChangedEventDetail> {\n  return new CustomEvent(\"recording-devices-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { devices, selectedDevice },\n  });\n}\n\nexport function recordingStateChangedEvent(\n  state: RecordingState,\n  options: Partial<{\n    connection: \"CONNECTING\" | \"OPEN\" | \"CLOSING\" | \"CLOSED\" | null;\n    processing: boolean;\n  }> = {},\n): CustomEvent<RecordingStateChangedEventDetail> {\n  return new CustomEvent(\"recording-state-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: {\n      connection: options.connection,\n      processing: options.processing,\n      state,\n    },\n  });\n}\n\nexport function transcriptEvent(\n  detail: TranscriptEventDetail,\n): CustomEvent<TranscriptEventDetail> {\n  return new CustomEvent(\"transcript\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function commandEvent(\n  detail: CommandEventDetail,\n): CustomEvent<CommandEventDetail> {\n  return new CustomEvent(\"command\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function usageEvent(\n  detail: UsageEventDetail,\n): CustomEvent<UsageEventDetail> {\n  return new CustomEvent(\"usage\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nfunction errorToMessage(error: unknown): string {\n  if (error instanceof Error) {\n    return error.message;\n  }\n\n  if (typeof error === \"object\" && error !== null) {\n    try {\n      return JSON.stringify(error);\n    } catch {\n      return String(error);\n    }\n  }\n\n  return String(error);\n}\n\nexport function errorEvent(error: unknown): CustomEvent<ErrorEventDetail> {\n  const message = errorToMessage(error);\n\n  return new CustomEvent(\"error\", {\n    bubbles: false,\n    composed: true,\n    detail: { message },\n  });\n}\n\n/**\n * @deprecated Use recording-state-changed event with detail.connection field instead.\n */\nexport function streamClosedEvent(detail: unknown): CustomEvent {\n  return new CustomEvent(\"stream-closed\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function readyEvent(): CustomEvent {\n  return new CustomEvent(\"ready\", {\n    bubbles: true,\n    composed: true,\n  });\n}\n\nexport function audioLevelChangedEvent(\n  audioLevel: number,\n): CustomEvent<AudioLevelChangedEventDetail> {\n  return new CustomEvent(\"audio-level-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { audioLevel },\n  });\n}\n\nexport type NetworkActivityEventDetail = {\n  direction: \"sent\" | \"received\";\n  data: unknown;\n};\n\nexport function networkActivityEvent(\n  direction: \"sent\" | \"received\",\n  data: unknown,\n): CustomEvent<NetworkActivityEventDetail> {\n  return new CustomEvent(\"network-activity\", {\n    bubbles: true,\n    composed: true,\n    detail: { data, direction },\n  });\n}\n\nexport type KeybindingChangedEventDetail = {\n  key: string | null | undefined;\n  code: string | null | undefined;\n  keybinding: string | null;\n  type?: \"push-to-talk\" | \"toggle-to-talk\";\n};\n\nexport type KeybindingActivatedEventDetail = {\n  keyboardEvent: KeyboardEvent;\n};\n\nexport function keybindingChangedEvent(\n  key: string | null | undefined,\n  code: string | null | undefined,\n  keybinding: string | null,\n  type?: \"push-to-talk\" | \"toggle-to-talk\",\n): CustomEvent<KeybindingChangedEventDetail> {\n  return new CustomEvent(\"keybinding-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { code, key, keybinding, type },\n  });\n}\n\nexport function keybindingActivatedEvent(\n  keyboardEvent: KeyboardEvent,\n): CustomEvent<KeybindingActivatedEventDetail> {\n  return new CustomEvent(\"keybinding-activated\", {\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n    detail: { keyboardEvent },\n  });\n}\n"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@corti/dictation-web",
   "description": "Web component for Corti Dictation",
   "author": "Corti ApS",
-  "version": "0.0.0-test.571.2",
+  "version": "0.0.0-test.7",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.js",
@@ -44,7 +44,6 @@
     "build": "tsc && npm run analyze -- --exclude dist",
     "build:bundle": "esbuild dist/index.js --bundle --outfile=dist/bundle.js --format=esm --platform=browser",
     "release": "npm run build && npm run build:bundle && npm publish --access public",
-    "start": "npm run build && npm run build:bundle && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"web-dev-server\"",
     "prepublish": "tsc && npm run analyze -- --exclude dist",
     "lint": "biome check .",
     "format": "biome format --write .",
@@ -58,7 +57,7 @@
     "storybook:build": "tsc && tsc -p tsconfig.stories.json && npm run analyze -- --exclude dist && storybook build"
   },
   "dependencies": {
-    "@corti/sdk": "^0.8.0",
+    "@corti/sdk": "^0.10.1",
     "@lit/context": "^1.1.6",
     "lit": "^3.3.1"
   },
@@ -72,7 +71,6 @@
     "@storybook/web-components": "10.1.5",
     "@storybook/web-components-vite": "^10.1.5",
     "@types/mocha": "^10.0.7",
-    "@web/dev-server": "^0.4.6",
     "@web/storybook-builder": "^0.1.16",
     "@web/storybook-framework-web-components": "^0.1.2",
     "@web/test-runner": "^0.18.2",

package/dist/components/mode-selector.d.ts

@@ -1,14 +0,0 @@
-import { LitElement } from "lit";
-import type { DictationMode } from "../types.js";
-export declare class DictationModeSelector extends LitElement {
-    #private;
-    _mode: DictationMode;
-    disabled: boolean;
-    static styles: import("lit").CSSResult[];
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "dictation-mode-selector": DictationModeSelector;
-    }
-}

package/dist/components/mode-selector.js

@@ -1,73 +0,0 @@
-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;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _DictationModeSelector_instances, _DictationModeSelector_handleModeChange;
-import { consume } from "@lit/context";
-import { html, LitElement } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-import { modeContext } from "../contexts/dictation-context.js";
-import ModeSelectorStyles from "../styles/mode-selector.js";
-import { modeChangedEvent } from "../utils/events.js";
-let DictationModeSelector = class DictationModeSelector extends LitElement {
-    constructor() {
-        super(...arguments);
-        _DictationModeSelector_instances.add(this);
-        this._mode = "toggle-to-talk";
-        this.disabled = false;
-    }
-    render() {
-        return html `
-      <div>
-        <label>Dictation Mode</label>
-        <div class="mode-selector-tabs">
-          <button
-            class=${classMap({
-            active: this._mode === "toggle-to-talk",
-            "mode-selector-tab": true,
-        })}
-            @click=${() => __classPrivateFieldGet(this, _DictationModeSelector_instances, "m", _DictationModeSelector_handleModeChange).call(this, "toggle-to-talk")}
-            ?disabled=${this.disabled}
-          >
-            Toggle-to-Talk
-          </button>
-          <button
-            class=${classMap({
-            active: this._mode === "push-to-talk",
-            "mode-selector-tab": true,
-        })}
-            @click=${() => __classPrivateFieldGet(this, _DictationModeSelector_instances, "m", _DictationModeSelector_handleModeChange).call(this, "push-to-talk")}
-            ?disabled=${this.disabled}
-          >
-            Push-to-Talk
-          </button>
-        </div>
-      </div>
-    `;
-    }
-};
-_DictationModeSelector_instances = new WeakSet();
-_DictationModeSelector_handleModeChange = function _DictationModeSelector_handleModeChange(mode) {
-    this.dispatchEvent(modeChangedEvent(mode));
-};
-DictationModeSelector.styles = ModeSelectorStyles;
-__decorate([
-    consume({ context: modeContext, subscribe: true }),
-    state()
-], DictationModeSelector.prototype, "_mode", void 0);
-__decorate([
-    property({ type: Boolean })
-], DictationModeSelector.prototype, "disabled", void 0);
-DictationModeSelector = __decorate([
-    customElement("dictation-mode-selector")
-], DictationModeSelector);
-export { DictationModeSelector };
-//# sourceMappingURL=mode-selector.js.map

package/dist/components/mode-selector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mode-selector.js","sourceRoot":"","sources":["../../src/components/mode-selector.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,kBAAkB,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAG/C,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;;QAGL,UAAK,GAAkB,gBAAgB,CAAC;QAGxC,aAAQ,GAAY,KAAK,CAAC;IAqC5B,CAAC;IA7BC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;oBAKK,QAAQ,CAAC;YACf,MAAM,EAAE,IAAI,CAAC,KAAK,KAAK,gBAAgB;YACvC,mBAAmB,EAAE,IAAI;SAC1B,CAAC;qBACO,GAAG,EAAE,CAAC,uBAAA,IAAI,iFAAkB,MAAtB,IAAI,EAAmB,gBAAgB,CAAC;wBAC3C,IAAI,CAAC,QAAQ;;;;;oBAKjB,QAAQ,CAAC;YACf,MAAM,EAAE,IAAI,CAAC,KAAK,KAAK,cAAc;YACrC,mBAAmB,EAAE,IAAI;SAC1B,CAAC;qBACO,GAAG,EAAE,CAAC,uBAAA,IAAI,iFAAkB,MAAtB,IAAI,EAAmB,cAAc,CAAC;wBACzC,IAAI,CAAC,QAAQ;;;;;;KAMhC,CAAC;IACJ,CAAC;;;2FAhCiB,IAAmB;IACnC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7C,CAAC;AAJM,4BAAM,GAAG,kBAAkB,AAArB,CAAsB;AALnC;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAClD,KAAK,EAAE;oDACgC;AAGxC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDACF;AANf,qBAAqB;IADjC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,qBAAqB,CA2CjC","sourcesContent":["import { consume } from \"@lit/context\";\nimport { html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { modeContext } from \"../contexts/dictation-context.js\";\nimport ModeSelectorStyles from \"../styles/mode-selector.js\";\nimport type { DictationMode } from \"../types.js\";\nimport { modeChangedEvent } from \"../utils/events.js\";\n\n@customElement(\"dictation-mode-selector\")\nexport class DictationModeSelector extends LitElement {\n  @consume({ context: modeContext, subscribe: true })\n  @state()\n  _mode: DictationMode = \"toggle-to-talk\";\n\n  @property({ type: Boolean })\n  disabled: boolean = false;\n\n  static styles = ModeSelectorStyles;\n\n  #handleModeChange(mode: DictationMode): void {\n    this.dispatchEvent(modeChangedEvent(mode));\n  }\n\n  render() {\n    return html`\n      <div>\n        <label>Dictation Mode</label>\n        <div class=\"mode-selector-tabs\">\n          <button\n            class=${classMap({\n              active: this._mode === \"toggle-to-talk\",\n              \"mode-selector-tab\": true,\n            })}\n            @click=${() => this.#handleModeChange(\"toggle-to-talk\")}\n            ?disabled=${this.disabled}\n          >\n            Toggle-to-Talk\n          </button>\n          <button\n            class=${classMap({\n              active: this._mode === \"push-to-talk\",\n              \"mode-selector-tab\": true,\n            })}\n            @click=${() => this.#handleModeChange(\"push-to-talk\")}\n            ?disabled=${this.disabled}\n          >\n            Push-to-Talk\n          </button>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"dictation-mode-selector\": DictationModeSelector;\n  }\n}\n"]}

package/dist/package.json

@@ -1,94 +0,0 @@
-{
-  "name": "@corti/dictation-web",
-  "description": "Web component for Corti Dictation",
-  "author": "Corti ApS",
-  "version": "0.0.0-test.571.1",
-  "license": "MIT",
-  "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "browser": "./dist/bundle.js",
-      "default": "./dist/bundle.js"
-    }
-  },
-  "jsdelivr": "./dist/bundle.js",
-  "browser": "./dist/bundle.js",
-  "files": [
-    "dist"
-  ],
-  "bugs": {
-    "url": "https://docs.corti.ai",
-    "email": "help@corti.ai"
-  },
-  "repository": "github:corticph/dictation-web",
-  "homepage": "https://docs.corti.ai/stt/dictation-web",
-  "keywords": [
-    "corti",
-    "dictation",
-    "web",
-    "sdk",
-    "speech",
-    "recognition",
-    "transcription",
-    "audio",
-    "medical",
-    "healthcare"
-  ],
-  "scripts": {
-    "analyze": "cem analyze --litelement",
-    "build": "tsc && npm run analyze -- --exclude dist",
-    "build:bundle": "esbuild dist/index.js --bundle --outfile=dist/bundle.js --format=esm --platform=browser",
-    "release": "npm run build && npm run build:bundle && npm publish --access public",
-    "start": "npm run build && npm run build:bundle && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"web-dev-server\"",
-    "prepublish": "tsc && npm run analyze -- --exclude dist",
-    "lint": "biome check .",
-    "format": "biome format --write .",
-    "biome:check": "biome check .",
-    "biome:format": "biome format --write .",
-    "biome:fix": "biome check --write .",
-    "prepare": "husky && husky install",
-    "test": "tsc && wtr --coverage",
-    "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
-    "storybook": "npm run analyze -- --exclude dist && storybook dev -p 8080",
-    "storybook:build": "tsc && tsc -p tsconfig.stories.json && npm run analyze -- --exclude dist && storybook build"
-  },
-  "dependencies": {
-    "@corti/sdk": "^0.8.0",
-    "@lit/context": "^1.1.6",
-    "lit": "^3.3.1"
-  },
-  "devDependencies": {
-    "@biomejs/biome": "^2.3.6",
-    "@custom-elements-manifest/analyzer": "^0.10.3",
-    "@open-wc/testing": "^4.0.0",
-    "@storybook/addon-a11y": "10.1.5",
-    "@storybook/addon-docs": "^10.1.5",
-    "@storybook/addon-links": "10.1.5",
-    "@storybook/web-components": "10.1.5",
-    "@storybook/web-components-vite": "^10.1.5",
-    "@types/mocha": "^10.0.7",
-    "@web/dev-server": "^0.4.6",
-    "@web/storybook-builder": "^0.1.16",
-    "@web/storybook-framework-web-components": "^0.1.2",
-    "@web/test-runner": "^0.18.2",
-    "concurrently": "^8.2.2",
-    "esbuild": "^0.25.0",
-    "husky": "^8.0.0",
-    "lint-staged": "^15.2.7",
-    "sinon": "^19.0.2",
-    "storybook": "10.1.5",
-    "tslib": "^2.6.3",
-    "typescript": "^5.5.3"
-  },
-  "customElements": "custom-elements.json",
-  "lint-staged": {
-    "*.ts": [
-      "biome check --write"
-    ]
-  }
-}

package/dist/styles/mode-selector.d.ts

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

package/dist/styles/mode-selector.js

@@ -1,56 +0,0 @@
-import { css } from "lit";
-import { LabelStyles } from "./component-styles.js";
-const ModeSelectorStyles = [
-    LabelStyles,
-    css `
-  :host {
-    display: block;
-  }
-  .mode-selector-tabs {
-    display: flex;
-    background: var(--muted-background, light-dark(#fafafa, #2a2a2a));
-    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));
-    border-radius: var(--card-inner-border-radius, 6px);
-    padding: 0;
-    overflow: hidden;
-    align-items: center;
-    justify-content: center;
-    text-wrap: nowrap;
-    gap: 2px;
-  }
-  .mode-selector-tab {
-    flex: 1;
-    padding: 4px 8px;
-    border: 1px solid transparent;
-    background: transparent;
-    font-size: 14px;
-    font-weight: 500;
-    line-height: 24px;
-    color: var(--component-text-color, light-dark(#333, #eee));
-    opacity: 0.6;
-    cursor: pointer;
-    transition: all 0.2s;
-    height: 32px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: var(--card-inner-border-radius, 6px);
-    margin: -1px;
-  }
-  .mode-selector-tab:hover:not(:disabled) {
-    opacity: 1;
-  }
-  .mode-selector-tab.active {
-    background: var(--card-background, light-dark(#fff, #333));
-    border-color: var(--card-border-color, light-dark(#ddd, #555));
-    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));
-    opacity: 1;
-  }
-  .mode-selector-tab:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-`,
-];
-export default ModeSelectorStyles;
-//# sourceMappingURL=mode-selector.js.map

package/dist/styles/mode-selector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mode-selector.js","sourceRoot":"","sources":["../../src/styles/mode-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,kBAAkB,GAAG;IACzB,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDJ;CACA,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { css } from \"lit\";\nimport { LabelStyles } from \"./component-styles.js\";\n\nconst ModeSelectorStyles = [\n  LabelStyles,\n  css`\n  :host {\n    display: block;\n  }\n  .mode-selector-tabs {\n    display: flex;\n    background: var(--muted-background, light-dark(#fafafa, #2a2a2a));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    border-radius: var(--card-inner-border-radius, 6px);\n    padding: 0;\n    overflow: hidden;\n    align-items: center;\n    justify-content: center;\n    text-wrap: nowrap;\n    gap: 2px;\n  }\n  .mode-selector-tab {\n    flex: 1;\n    padding: 4px 8px;\n    border: 1px solid transparent;\n    background: transparent;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    opacity: 0.6;\n    cursor: pointer;\n    transition: all 0.2s;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: var(--card-inner-border-radius, 6px);\n    margin: -1px;\n  }\n  .mode-selector-tab:hover:not(:disabled) {\n    opacity: 1;\n  }\n  .mode-selector-tab.active {\n    background: var(--card-background, light-dark(#fff, #333));\n    border-color: var(--card-border-color, light-dark(#ddd, #555));\n    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));\n    opacity: 1;\n  }\n  .mode-selector-tab:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n`,\n];\n\nexport default ModeSelectorStyles;\n"]}