@mieweb/ui 0.6.1 → 0.7.0-dev.178

package/dist/components/MediaEditor/index.d.cts

@@ -0,0 +1,151 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { T as Transcript, E as EditableWord, S as SpeedMarker, P as PlaybackSpeed } from '../../transcript-oaWqY3yr.cjs';
+import { MediaKind, MediaPlayerRef } from '../MediaPlayer/index.cjs';
+import { S as SilenceThresholdCount } from '../../useTranscriptEdits-BUylQFg0.cjs';
+
+interface MediaEditorProps extends VariantProps<typeof mediaEditorVariants> {
+    /** Media URL */
+    src: string;
+    /** Force the media kind; inferred from the src extension when omitted */
+    kind?: MediaKind;
+    /** The source transcript (canonical, immutable) */
+    transcript: Transcript;
+    /** Initial edited words (from saved edits) */
+    initialEditedWords?: EditableWord[];
+    /** Initial undo stack (from saved edits) */
+    initialUndoStack?: EditableWord[][];
+    /** Fired after every edit mutation (for persistence) */
+    onEditorStateChange?: (editedWords: EditableWord[], undoStack: EditableWord[][]) => void;
+    /** Fired when the hasEdits flag changes */
+    onHasEditsChange?: (hasEdits: boolean) => void;
+    /** Fired when the cursor moves (start time of the cursor word in ms, or null) */
+    onCursorTimestampChange?: (timestampMs: number | null) => void;
+    /** Fired whenever the edited words change — lets the host build raw-data views */
+    onEditedWordsRender?: (editedWords: EditableWord[]) => void;
+    /** Optional ref to the internal MediaPlayer (host escape hatch, e.g. thumbnail capture) */
+    playerRef?: React.Ref<MediaPlayerRef>;
+    /** Additional class name */
+    className?: string;
+    /**
+     * 'horizontal' (default): media stacked above the transcript.
+     * 'vertical': media and transcript side by side.
+     */
+    splitLayout?: 'horizontal' | 'vertical';
+}
+declare const mediaEditorVariants: (props?: ({
+    splitLayout?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Media editor: MediaPlayer on top, an editable word-mode transcript below,
+ * and a toolbar with speed control, filler removal, and edit statistics.
+ *
+ * Interactions (ported from pulseclip's TranscriptViewer):
+ * - Click a word: seek and play just that word
+ * - Double-click: set a range anchor; click another word to select the range
+ * - Mouse-down + drag: select a range; long-press (500ms) opens the editor
+ * - Right-click: speed marker menu
+ * - Keyboard: arrows (+Shift to select), Home/End, Backspace/Delete toggle
+ *   delete, Cmd/Ctrl+X/C/V cut/copy/paste, Cmd/Ctrl+Z undo, Space plays the
+ *   edited timeline from the cursor, Enter opens the word editor
+ */
+declare const MediaEditor: React.ForwardRefExoticComponent<MediaEditorProps & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * FillerWordsModal — select filler words (and long silences) to mark deleted.
+ *
+ * Ported from pulseclip's TranscriptViewer for @mieweb/ui. Pure UI: match
+ * counts/durations come in via props (see useTranscriptEdits.fillerAnalysis);
+ * the selection is reported through onApply.
+ */
+
+interface FillerWordsModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    /** Apply removal: selected filler words + optional silence threshold (seconds) */
+    onApply: (fillerWords: string[], removeSilenceAboveSec: number | null) => void;
+    /** Occurrence count per normalized word */
+    matchingCounts: Map<string, number>;
+    /** Total duration (ms) per filler word */
+    fillerDurations: Map<string, number>;
+    /** Count and total duration of silences at each threshold */
+    silenceCounts: SilenceThresholdCount[];
+    /** Current total edited duration in ms */
+    currentDurationMs: number;
+}
+/** Modal for selecting filler words to remove from the edited transcript */
+declare const FillerWordsModal: React.FC<FillerWordsModalProps>;
+
+/**
+ * WordEditorModal — edit a word's text or split a silence into segments.
+ *
+ * Ported from pulseclip's TranscriptViewer for @mieweb/ui. For silences,
+ * space-separated durations (e.g. "1 1 4 1") split the silence; the
+ * remainder becomes the final segment.
+ */
+
+interface WordEditorModalProps {
+    isOpen: boolean;
+    editableWord: EditableWord | null;
+    onClose: () => void;
+    /** Save a new text for the word */
+    onSave: (newText: string) => void;
+    /** Split a silence into segments with the given durations (seconds) */
+    onSplitSilence: (durations: number[]) => void;
+    /** Toggle the word's deleted state */
+    onDelete: () => void;
+}
+/**
+ * Modal for editing a word or splitting a silence.
+ * For silences, enter space-separated durations (e.g., "1 1 4 1") to split.
+ */
+declare const WordEditorModal: React.FC<WordEditorModalProps>;
+
+/**
+ * SilenceSettingsModal — configure silence detection thresholds.
+ *
+ * Ported from pulseclip's TranscriptViewer for @mieweb/ui. The paragraph
+ * break threshold is clamped to be >= the minimum silence duration.
+ */
+
+interface SilenceSettingsModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    /** Current minimum silence duration (ms) */
+    minSilenceMs: number;
+    /** Current paragraph break threshold (ms) */
+    nlSilenceMs: number;
+    /** Apply new thresholds (both in ms) */
+    onApply: (minSilenceMs: number, nlSilenceMs: number) => void;
+}
+/** Modal for configuring silence detection settings */
+declare const SilenceSettingsModal: React.FC<SilenceSettingsModalProps>;
+
+/**
+ * SpeedMarkerMenu — context-menu popup for setting per-word speed markers.
+ *
+ * Ported from pulseclip's TranscriptViewer for @mieweb/ui. Hand-built (plain
+ * elements + tokens): a positioned context menu has no @mieweb/ui primitive.
+ */
+
+interface SpeedMarkerMenuProps {
+    isOpen: boolean;
+    /** Viewport coordinates for the menu (already clamped by the caller) */
+    position: {
+        x: number;
+        y: number;
+    } | null;
+    /** The edited-word index the menu applies to */
+    wordIndex: number | null;
+    /** Existing marker at that word, if any */
+    currentMarker: SpeedMarker | undefined;
+    defaultSpeed: PlaybackSpeed;
+    onSetSpeed: (speed: PlaybackSpeed) => void;
+    onRemoveMarker: () => void;
+    onClose: () => void;
+}
+/** Popup menu for setting speed markers on a word */
+declare const SpeedMarkerMenu: React.FC<SpeedMarkerMenuProps>;
+
+export { FillerWordsModal, type FillerWordsModalProps, MediaEditor, type MediaEditorProps, SilenceSettingsModal, type SilenceSettingsModalProps, SpeedMarkerMenu, type SpeedMarkerMenuProps, WordEditorModal, type WordEditorModalProps };

package/dist/components/MediaEditor/index.d.ts

@@ -0,0 +1,151 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { T as Transcript, E as EditableWord, S as SpeedMarker, P as PlaybackSpeed } from '../../transcript-oaWqY3yr.js';
+import { MediaKind, MediaPlayerRef } from '../MediaPlayer/index.js';
+import { S as SilenceThresholdCount } from '../../useTranscriptEdits-CWYnjbGP.js';
+
+interface MediaEditorProps extends VariantProps<typeof mediaEditorVariants> {
+    /** Media URL */
+    src: string;
+    /** Force the media kind; inferred from the src extension when omitted */
+    kind?: MediaKind;
+    /** The source transcript (canonical, immutable) */
+    transcript: Transcript;
+    /** Initial edited words (from saved edits) */
+    initialEditedWords?: EditableWord[];
+    /** Initial undo stack (from saved edits) */
+    initialUndoStack?: EditableWord[][];
+    /** Fired after every edit mutation (for persistence) */
+    onEditorStateChange?: (editedWords: EditableWord[], undoStack: EditableWord[][]) => void;
+    /** Fired when the hasEdits flag changes */
+    onHasEditsChange?: (hasEdits: boolean) => void;
+    /** Fired when the cursor moves (start time of the cursor word in ms, or null) */
+    onCursorTimestampChange?: (timestampMs: number | null) => void;
+    /** Fired whenever the edited words change — lets the host build raw-data views */
+    onEditedWordsRender?: (editedWords: EditableWord[]) => void;
+    /** Optional ref to the internal MediaPlayer (host escape hatch, e.g. thumbnail capture) */
+    playerRef?: React.Ref<MediaPlayerRef>;
+    /** Additional class name */
+    className?: string;
+    /**
+     * 'horizontal' (default): media stacked above the transcript.
+     * 'vertical': media and transcript side by side.
+     */
+    splitLayout?: 'horizontal' | 'vertical';
+}
+declare const mediaEditorVariants: (props?: ({
+    splitLayout?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Media editor: MediaPlayer on top, an editable word-mode transcript below,
+ * and a toolbar with speed control, filler removal, and edit statistics.
+ *
+ * Interactions (ported from pulseclip's TranscriptViewer):
+ * - Click a word: seek and play just that word
+ * - Double-click: set a range anchor; click another word to select the range
+ * - Mouse-down + drag: select a range; long-press (500ms) opens the editor
+ * - Right-click: speed marker menu
+ * - Keyboard: arrows (+Shift to select), Home/End, Backspace/Delete toggle
+ *   delete, Cmd/Ctrl+X/C/V cut/copy/paste, Cmd/Ctrl+Z undo, Space plays the
+ *   edited timeline from the cursor, Enter opens the word editor
+ */
+declare const MediaEditor: React.ForwardRefExoticComponent<MediaEditorProps & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * FillerWordsModal — select filler words (and long silences) to mark deleted.
+ *
+ * Ported from pulseclip's TranscriptViewer for @mieweb/ui. Pure UI: match
+ * counts/durations come in via props (see useTranscriptEdits.fillerAnalysis);
+ * the selection is reported through onApply.
+ */
+
+interface FillerWordsModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    /** Apply removal: selected filler words + optional silence threshold (seconds) */
+    onApply: (fillerWords: string[], removeSilenceAboveSec: number | null) => void;
+    /** Occurrence count per normalized word */
+    matchingCounts: Map<string, number>;
+    /** Total duration (ms) per filler word */
+    fillerDurations: Map<string, number>;
+    /** Count and total duration of silences at each threshold */
+    silenceCounts: SilenceThresholdCount[];
+    /** Current total edited duration in ms */
+    currentDurationMs: number;
+}
+/** Modal for selecting filler words to remove from the edited transcript */
+declare const FillerWordsModal: React.FC<FillerWordsModalProps>;
+
+/**
+ * WordEditorModal — edit a word's text or split a silence into segments.
+ *
+ * Ported from pulseclip's TranscriptViewer for @mieweb/ui. For silences,
+ * space-separated durations (e.g. "1 1 4 1") split the silence; the
+ * remainder becomes the final segment.
+ */
+
+interface WordEditorModalProps {
+    isOpen: boolean;
+    editableWord: EditableWord | null;
+    onClose: () => void;
+    /** Save a new text for the word */
+    onSave: (newText: string) => void;
+    /** Split a silence into segments with the given durations (seconds) */
+    onSplitSilence: (durations: number[]) => void;
+    /** Toggle the word's deleted state */
+    onDelete: () => void;
+}
+/**
+ * Modal for editing a word or splitting a silence.
+ * For silences, enter space-separated durations (e.g., "1 1 4 1") to split.
+ */
+declare const WordEditorModal: React.FC<WordEditorModalProps>;
+
+/**
+ * SilenceSettingsModal — configure silence detection thresholds.
+ *
+ * Ported from pulseclip's TranscriptViewer for @mieweb/ui. The paragraph
+ * break threshold is clamped to be >= the minimum silence duration.
+ */
+
+interface SilenceSettingsModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    /** Current minimum silence duration (ms) */
+    minSilenceMs: number;
+    /** Current paragraph break threshold (ms) */
+    nlSilenceMs: number;
+    /** Apply new thresholds (both in ms) */
+    onApply: (minSilenceMs: number, nlSilenceMs: number) => void;
+}
+/** Modal for configuring silence detection settings */
+declare const SilenceSettingsModal: React.FC<SilenceSettingsModalProps>;
+
+/**
+ * SpeedMarkerMenu — context-menu popup for setting per-word speed markers.
+ *
+ * Ported from pulseclip's TranscriptViewer for @mieweb/ui. Hand-built (plain
+ * elements + tokens): a positioned context menu has no @mieweb/ui primitive.
+ */
+
+interface SpeedMarkerMenuProps {
+    isOpen: boolean;
+    /** Viewport coordinates for the menu (already clamped by the caller) */
+    position: {
+        x: number;
+        y: number;
+    } | null;
+    /** The edited-word index the menu applies to */
+    wordIndex: number | null;
+    /** Existing marker at that word, if any */
+    currentMarker: SpeedMarker | undefined;
+    defaultSpeed: PlaybackSpeed;
+    onSetSpeed: (speed: PlaybackSpeed) => void;
+    onRemoveMarker: () => void;
+    onClose: () => void;
+}
+/** Popup menu for setting speed markers on a word */
+declare const SpeedMarkerMenu: React.FC<SpeedMarkerMenuProps>;
+
+export { FillerWordsModal, type FillerWordsModalProps, MediaEditor, type MediaEditorProps, SilenceSettingsModal, type SilenceSettingsModalProps, SpeedMarkerMenu, type SpeedMarkerMenuProps, WordEditorModal, type WordEditorModalProps };

package/dist/components/MediaEditor/index.js

@@ -0,0 +1,19 @@
+export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from '../../chunk-YVLP3ATI.js';
+import '../../chunk-J7KWQJOB.js';
+import '../../chunk-JBB25LFB.js';
+import '../../chunk-S6Z3KDEM.js';
+import '../../chunk-XCLQZ4FV.js';
+import '../../chunk-J7Z7467B.js';
+import '../../chunk-IUFDGB5O.js';
+import '../../chunk-PVUDXJAI.js';
+import '../../chunk-ZVSW2KS6.js';
+import '../../chunk-NTYGCBCL.js';
+import '../../chunk-SQHMGT4W.js';
+import '../../chunk-4SMSH4OY.js';
+import '../../chunk-T4ME7QCT.js';
+import '../../chunk-62ZOA6PX.js';
+import '../../chunk-QA6ZDHFP.js';
+import '../../chunk-F3SOEIN2.js';
+import '../../chunk-VSQF22GL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/MediaEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/MediaPlayer/index.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+require('../../chunk-GLXTVCHN.cjs');
+var chunk7QXG5BBB_cjs = require('../../chunk-7QXG5BBB.cjs');
+require('../../chunk-A2QVQF54.cjs');
+require('../../chunk-JYZW2PZS.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "MediaPlayer", {
+  enumerable: true,
+  get: function () { return chunk7QXG5BBB_cjs.MediaPlayer; }
+});
+Object.defineProperty(exports, "inferMediaKind", {
+  enumerable: true,
+  get: function () { return chunk7QXG5BBB_cjs.inferMediaKind; }
+});
+Object.defineProperty(exports, "mediaPlayerVariants", {
+  enumerable: true,
+  get: function () { return chunk7QXG5BBB_cjs.mediaPlayerVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/MediaPlayer/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/MediaPlayer/index.d.cts

@@ -0,0 +1,71 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+type MediaPlayerState = 'idle' | 'loading' | 'playing' | 'paused' | 'error';
+type MediaKind = 'video' | 'audio';
+/** Ref handle for controlling {@link MediaPlayer} programmatically. */
+interface MediaPlayerRef {
+    /** Seek to a specific time in milliseconds. */
+    seekToMs: (timeMs: number) => void;
+    /** Start playback. */
+    play: () => void;
+    /** Pause playback. */
+    pause: () => void;
+    /** Get current playback time in milliseconds. */
+    getCurrentTimeMs: () => number;
+    /** Get total duration in milliseconds. */
+    getDurationMs: () => number;
+    /** Whether playback is currently paused. */
+    isPaused: () => boolean;
+    /** Set playback speed multiplier. */
+    setPlaybackRate: (rate: number) => void;
+    /**
+     * The underlying media element.
+     * Escape hatch for host integrations (e.g. thumbnail capture); prefer the
+     * typed methods above for playback control.
+     */
+    mediaElement: HTMLVideoElement | HTMLAudioElement | null;
+}
+interface MediaPlayerProps extends VariantProps<typeof mediaPlayerVariants> {
+    /** Media source URL. */
+    src: string;
+    /** Force the media kind; when omitted it is inferred from the src extension. */
+    kind?: MediaKind;
+    /** Whether to show native controls (default `true`). */
+    controls?: boolean;
+    /** Callback when playback state changes. */
+    onStateChange?: (state: MediaPlayerState) => void;
+    /** Callback when playback ends. */
+    onEnded?: () => void;
+    /** Callback when an error occurs. */
+    onError?: (error: Error) => void;
+    /** Callback on time updates (milliseconds). */
+    onTimeUpdate?: (currentTimeMs: number, durationMs: number) => void;
+    /** Additional class name. */
+    className?: string;
+    /** Accessible label for the media element. */
+    'aria-label'?: string;
+    /**
+     * Transitional: exposes the raw media element to legacy consumers.
+     * Prefer {@link MediaPlayerRef} for playback control.
+     */
+    mediaElementRef?: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;
+}
+declare const mediaPlayerVariants: (props?: ({
+    variant?: "card" | "plain" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/** Infer media kind from a URL's file extension; defaults to audio. */
+declare function inferMediaKind(src: string): MediaKind;
+/**
+ * Media playback surface for audio and video with a shared imperative handle.
+ *
+ * Renders a native `<video>` or `<audio>` element (kind inferred from the src
+ * extension unless forced) with themed error/retry handling. Playback state and
+ * controls come from the shared {@link useMediaTransport} hook and are exposed
+ * through {@link MediaPlayerRef} (all times in milliseconds) — consumers should
+ * not reach into the DOM element directly.
+ */
+declare const MediaPlayer: React.ForwardRefExoticComponent<MediaPlayerProps & React.RefAttributes<MediaPlayerRef>>;
+
+export { type MediaKind, MediaPlayer, type MediaPlayerProps, type MediaPlayerRef, type MediaPlayerState, inferMediaKind, mediaPlayerVariants };

package/dist/components/MediaPlayer/index.d.ts

@@ -0,0 +1,71 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+type MediaPlayerState = 'idle' | 'loading' | 'playing' | 'paused' | 'error';
+type MediaKind = 'video' | 'audio';
+/** Ref handle for controlling {@link MediaPlayer} programmatically. */
+interface MediaPlayerRef {
+    /** Seek to a specific time in milliseconds. */
+    seekToMs: (timeMs: number) => void;
+    /** Start playback. */
+    play: () => void;
+    /** Pause playback. */
+    pause: () => void;
+    /** Get current playback time in milliseconds. */
+    getCurrentTimeMs: () => number;
+    /** Get total duration in milliseconds. */
+    getDurationMs: () => number;
+    /** Whether playback is currently paused. */
+    isPaused: () => boolean;
+    /** Set playback speed multiplier. */
+    setPlaybackRate: (rate: number) => void;
+    /**
+     * The underlying media element.
+     * Escape hatch for host integrations (e.g. thumbnail capture); prefer the
+     * typed methods above for playback control.
+     */
+    mediaElement: HTMLVideoElement | HTMLAudioElement | null;
+}
+interface MediaPlayerProps extends VariantProps<typeof mediaPlayerVariants> {
+    /** Media source URL. */
+    src: string;
+    /** Force the media kind; when omitted it is inferred from the src extension. */
+    kind?: MediaKind;
+    /** Whether to show native controls (default `true`). */
+    controls?: boolean;
+    /** Callback when playback state changes. */
+    onStateChange?: (state: MediaPlayerState) => void;
+    /** Callback when playback ends. */
+    onEnded?: () => void;
+    /** Callback when an error occurs. */
+    onError?: (error: Error) => void;
+    /** Callback on time updates (milliseconds). */
+    onTimeUpdate?: (currentTimeMs: number, durationMs: number) => void;
+    /** Additional class name. */
+    className?: string;
+    /** Accessible label for the media element. */
+    'aria-label'?: string;
+    /**
+     * Transitional: exposes the raw media element to legacy consumers.
+     * Prefer {@link MediaPlayerRef} for playback control.
+     */
+    mediaElementRef?: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;
+}
+declare const mediaPlayerVariants: (props?: ({
+    variant?: "card" | "plain" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/** Infer media kind from a URL's file extension; defaults to audio. */
+declare function inferMediaKind(src: string): MediaKind;
+/**
+ * Media playback surface for audio and video with a shared imperative handle.
+ *
+ * Renders a native `<video>` or `<audio>` element (kind inferred from the src
+ * extension unless forced) with themed error/retry handling. Playback state and
+ * controls come from the shared {@link useMediaTransport} hook and are exposed
+ * through {@link MediaPlayerRef} (all times in milliseconds) — consumers should
+ * not reach into the DOM element directly.
+ */
+declare const MediaPlayer: React.ForwardRefExoticComponent<MediaPlayerProps & React.RefAttributes<MediaPlayerRef>>;
+
+export { type MediaKind, MediaPlayer, type MediaPlayerProps, type MediaPlayerRef, type MediaPlayerState, inferMediaKind, mediaPlayerVariants };

package/dist/components/MediaPlayer/index.js

@@ -0,0 +1,7 @@
+import '../../chunk-RISZWWEQ.js';
+export { MediaPlayer, inferMediaKind, mediaPlayerVariants } from '../../chunk-S6Z3KDEM.js';
+import '../../chunk-ZVSW2KS6.js';
+import '../../chunk-SQHMGT4W.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/MediaPlayer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/RecordButton/index.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var chunkK7IGBNZA_cjs = require('../../chunk-K7IGBNZA.cjs');
+var chunkTR2OJKQ4_cjs = require('../../chunk-TR2OJKQ4.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "RecordButton", {
   enumerable: true,
-  get: function () { return chunkK7IGBNZA_cjs.RecordButton; }
+  get: function () { return chunkTR2OJKQ4_cjs.RecordButton; }
 });
 Object.defineProperty(exports, "formatDuration", {
   enumerable: true,
-  get: function () { return chunkK7IGBNZA_cjs.formatDuration; }
+  get: function () { return chunkTR2OJKQ4_cjs.formatDuration; }
 });
 Object.defineProperty(exports, "recordButtonVariants", {
   enumerable: true,
-  get: function () { return chunkK7IGBNZA_cjs.recordButtonVariants; }
+  get: function () { return chunkTR2OJKQ4_cjs.recordButtonVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/RecordButton/index.js

@@ -1,4 +1,4 @@
-export { RecordButton, formatDuration, recordButtonVariants } from '../../chunk-QVJBUWJQ.js';
+export { RecordButton, formatDuration, recordButtonVariants } from '../../chunk-STPK44AU.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/RichTextEditor/index.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var chunkBLPCYP4D_cjs = require('../../chunk-BLPCYP4D.cjs');
+require('../../chunk-OXYFTCRW.cjs');
+require('../../chunk-MZPF2QGM.cjs');
+require('../../chunk-MSRU3XBH.cjs');
+require('../../chunk-A2QVQF54.cjs');
+require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-FSGEDDF2.cjs');
+require('../../chunk-ZDEYV373.cjs');
+var chunkC7RVKV25_cjs = require('../../chunk-C7RVKV25.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "RichTextEditor", {
+  enumerable: true,
+  get: function () { return chunkBLPCYP4D_cjs.RichTextEditor; }
+});
+Object.defineProperty(exports, "convertAngleBracketsToMustache", {
+  enumerable: true,
+  get: function () { return chunkBLPCYP4D_cjs.convertAngleBracketsToMustache; }
+});
+Object.defineProperty(exports, "processDictation", {
+  enumerable: true,
+  get: function () { return chunkBLPCYP4D_cjs.processDictation; }
+});
+Object.defineProperty(exports, "isHtmlEmpty", {
+  enumerable: true,
+  get: function () { return chunkC7RVKV25_cjs.isHtmlEmpty; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/RichTextEditor/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/RichTextEditor/index.d.cts

@@ -0,0 +1,62 @@
+import * as React from 'react';
+export { i as isHtmlEmpty } from '../../html-MdxqSzjD.cjs';
+
+interface RichTextVariable {
+    /** Human-readable label shown in the variable menu. */
+    label: string;
+    /** The token displayed for the variable (e.g. `{{employee.name}}`). */
+    value: string;
+    /** Optional text inserted instead of `value` (e.g. an expanded group). */
+    insertValue?: string;
+}
+interface RichTextVariableGroup {
+    /** Group heading shown in the variable menu. */
+    label: string;
+    /** Variables belonging to the group. */
+    variables: RichTextVariable[];
+}
+interface RichTextEditorProps {
+    /** Current HTML value of the editor. */
+    value: string;
+    /** Called with the updated HTML whenever the content changes. */
+    onChange: (value: string) => void;
+    /** Placeholder shown when the editor is empty. */
+    placeholder?: string;
+    /** Additional class for the editor wrapper. */
+    className?: string;
+    /**
+     * Variable groups for the "Insert variable" menu. When omitted the variable
+     * menu and the `<< >>` → `{{ }}` convert button are hidden.
+     */
+    variableGroups?: RichTextVariableGroup[];
+    /** Enable the speech-to-text dictation button. Defaults to true. */
+    enableDictation?: boolean;
+    /** Called when dictation cannot start (replaces native alerts). */
+    onDictationError?: (message: string) => void;
+    /** Disable editing and toolbar actions. */
+    disabled?: boolean;
+    /** Accessible label for the editable region. */
+    'aria-label'?: string;
+}
+/**
+ * A presentational rich-text editor with formatting, template-variable
+ * insertion and optional speech-to-text dictation. Content is supplied and
+ * surfaced via `value`/`onChange` so it can be wired to any store. The variable
+ * menu is data-agnostic — pass `variableGroups` to populate it.
+ */
+declare const RichTextEditor: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Converts spoken punctuation words (e.g. "period", "comma") into the
+ * corresponding characters, using lightweight context heuristics so that words
+ * like "time period" or "the colon" are left intact. Pure and side-effect free
+ * so it can be unit tested independently of the editor.
+ */
+declare function processDictation(text: string): string;
+/**
+ * Converts `<<field>>` (and the HTML-encoded `&lt;&lt;field&gt;&gt;`) syntax
+ * into mustache `{{field}}` syntax. Pure helper operating on an HTML string.
+ */
+declare function convertAngleBracketsToMustache(html: string): string;
+
+export { RichTextEditor, type RichTextEditorProps, type RichTextVariable, type RichTextVariableGroup, convertAngleBracketsToMustache, processDictation };