@mieweb/ui 0.10.0-dev.2 → 0.10.0-dev.21

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

@@ -1,9 +1,78 @@
 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-Cg7uSW-C.cjs';
 import { MediaKind, MediaPlayerRef } from '../MediaPlayer/index.cjs';
-import { S as SilenceThresholdCount } from '../../useTranscriptEdits-CGzlemHT.cjs';
+
+/**
+ * Transcript schema for @mieweb/ui media components.
+ *
+ * Provider-agnostic and persistence-agnostic. Canonical time unit is
+ * **milliseconds** (consumers with seconds-based data, e.g. osheet, adapt
+ * at the boundary).
+ *
+ * Shared by TranscriptView, MediaEditor, and useTranscriptEdits.
+ */
+/** Type of transcript word - 'word' for spoken content, 'silence' for detected gaps, 'silence-newline' for longer pauses */
+type WordType = 'word' | 'silence' | 'silence-newline';
+interface TranscriptWord {
+    text: string;
+    startMs: number;
+    endMs: number;
+    /** References Speaker.id when diarization is available */
+    speakerId?: string;
+    confidence?: number;
+    /** Type of word: 'word' for spoken content, 'silence' for detected gaps. Defaults to 'word' */
+    wordType?: WordType;
+}
+/** A diarized segment of contiguous speech (osheet-style granularity) */
+interface TranscriptSegment {
+    text: string;
+    startMs: number;
+    endMs: number;
+    /** References Speaker.id when diarization is available */
+    speakerId?: string;
+    words: TranscriptWord[];
+}
+interface Speaker {
+    id: string;
+    /** Display name (e.g. 'Clinician', 'Patient'). Hosts may remap via speakerLabels props. */
+    name?: string;
+}
+interface Transcript {
+    durationMs: number;
+    speakers?: Speaker[];
+    words: TranscriptWord[];
+    segments?: TranscriptSegment[];
+}
+/**
+ * An editable word that references the original transcript word.
+ * Used in the edited timeline to track deletions and reordering.
+ */
+interface EditableWord {
+    /** Index into the SILENCE-INSERTED baseline timeline (transcript.words
+     *  with detected silence pseudo-words interleaved) — NOT into
+     *  transcript.words. -1 for split/inserted entries with no baseline slot.
+     *  Consumers persisting edits should key by this timeline. */
+    originalIndex: number;
+    /** The word data (from original transcript) */
+    word: TranscriptWord;
+    /** Whether this word is marked as deleted */
+    deleted: boolean;
+    /** Whether this word was inserted (pasted from clipboard) */
+    inserted?: boolean;
+}
+/** Available playback speed multipliers */
+type PlaybackSpeed = 0.5 | 0.75 | 1 | 1.25 | 1.5 | 1.75 | 2;
+/**
+ * A speed marker applied to a word in the transcript.
+ * The speed applies from this word until the next speed marker or end of transcript.
+ */
+interface SpeedMarker {
+    /** Index in the editedWords array where the speed marker is placed */
+    wordIndex: number;
+    /** The playback speed multiplier */
+    speed: PlaybackSpeed;
+}
 
 interface MediaEditorProps extends VariantProps<typeof mediaEditorVariants> {
     /** Media URL */
@@ -85,6 +154,26 @@ declare const mediaEditorVariants: (props?: ({
  */
 declare const MediaEditor: React.ForwardRefExoticComponent<MediaEditorProps & React.RefAttributes<HTMLDivElement>>;
 
+/**
+ * useTranscriptEdits — headless transcript-editing state hook.
+ *
+ * Extracted from pulseclip's TranscriptViewer for @mieweb/ui. Holds the
+ * edited word timeline (deletions, insertions, text edits, silence
+ * splitting), a single-level undo stack, an internal clipboard, speed
+ * markers, and derived playback/statistics data.
+ *
+ * Controlled + persistence-agnostic: no DOM, no fetches. Selection lives in
+ * the UI layer — mutations take explicit indices. State flows out via
+ * `onChange` and back in via `initialEditedWords` / `initialUndoStack`.
+ */
+
+/** Count and total duration of silences above a given threshold (seconds) */
+interface SilenceThresholdCount {
+    threshold: number;
+    count: number;
+    durationMs: number;
+}
+
 /**
  * FillerWordsModal — select filler words (and long silences) to mark deleted.
  *

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

@@ -1,9 +1,78 @@
 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-Cg7uSW-C.js';
 import { MediaKind, MediaPlayerRef } from '../MediaPlayer/index.js';
-import { S as SilenceThresholdCount } from '../../useTranscriptEdits-D32bLs0l.js';
+
+/**
+ * Transcript schema for @mieweb/ui media components.
+ *
+ * Provider-agnostic and persistence-agnostic. Canonical time unit is
+ * **milliseconds** (consumers with seconds-based data, e.g. osheet, adapt
+ * at the boundary).
+ *
+ * Shared by TranscriptView, MediaEditor, and useTranscriptEdits.
+ */
+/** Type of transcript word - 'word' for spoken content, 'silence' for detected gaps, 'silence-newline' for longer pauses */
+type WordType = 'word' | 'silence' | 'silence-newline';
+interface TranscriptWord {
+    text: string;
+    startMs: number;
+    endMs: number;
+    /** References Speaker.id when diarization is available */
+    speakerId?: string;
+    confidence?: number;
+    /** Type of word: 'word' for spoken content, 'silence' for detected gaps. Defaults to 'word' */
+    wordType?: WordType;
+}
+/** A diarized segment of contiguous speech (osheet-style granularity) */
+interface TranscriptSegment {
+    text: string;
+    startMs: number;
+    endMs: number;
+    /** References Speaker.id when diarization is available */
+    speakerId?: string;
+    words: TranscriptWord[];
+}
+interface Speaker {
+    id: string;
+    /** Display name (e.g. 'Clinician', 'Patient'). Hosts may remap via speakerLabels props. */
+    name?: string;
+}
+interface Transcript {
+    durationMs: number;
+    speakers?: Speaker[];
+    words: TranscriptWord[];
+    segments?: TranscriptSegment[];
+}
+/**
+ * An editable word that references the original transcript word.
+ * Used in the edited timeline to track deletions and reordering.
+ */
+interface EditableWord {
+    /** Index into the SILENCE-INSERTED baseline timeline (transcript.words
+     *  with detected silence pseudo-words interleaved) — NOT into
+     *  transcript.words. -1 for split/inserted entries with no baseline slot.
+     *  Consumers persisting edits should key by this timeline. */
+    originalIndex: number;
+    /** The word data (from original transcript) */
+    word: TranscriptWord;
+    /** Whether this word is marked as deleted */
+    deleted: boolean;
+    /** Whether this word was inserted (pasted from clipboard) */
+    inserted?: boolean;
+}
+/** Available playback speed multipliers */
+type PlaybackSpeed = 0.5 | 0.75 | 1 | 1.25 | 1.5 | 1.75 | 2;
+/**
+ * A speed marker applied to a word in the transcript.
+ * The speed applies from this word until the next speed marker or end of transcript.
+ */
+interface SpeedMarker {
+    /** Index in the editedWords array where the speed marker is placed */
+    wordIndex: number;
+    /** The playback speed multiplier */
+    speed: PlaybackSpeed;
+}
 
 interface MediaEditorProps extends VariantProps<typeof mediaEditorVariants> {
     /** Media URL */
@@ -85,6 +154,26 @@ declare const mediaEditorVariants: (props?: ({
  */
 declare const MediaEditor: React.ForwardRefExoticComponent<MediaEditorProps & React.RefAttributes<HTMLDivElement>>;
 
+/**
+ * useTranscriptEdits — headless transcript-editing state hook.
+ *
+ * Extracted from pulseclip's TranscriptViewer for @mieweb/ui. Holds the
+ * edited word timeline (deletions, insertions, text edits, silence
+ * splitting), a single-level undo stack, an internal clipboard, speed
+ * markers, and derived playback/statistics data.
+ *
+ * Controlled + persistence-agnostic: no DOM, no fetches. Selection lives in
+ * the UI layer — mutations take explicit indices. State flows out via
+ * `onChange` and back in via `initialEditedWords` / `initialUndoStack`.
+ */
+
+/** Count and total duration of silences above a given threshold (seconds) */
+interface SilenceThresholdCount {
+    threshold: number;
+    count: number;
+    durationMs: number;
+}
+
 /**
  * FillerWordsModal — select filler words (and long silences) to mark deleted.
  *

package/dist/components/MediaEditor/index.js

@@ -1,6 +1,6 @@
-export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from '../../chunk-ENKFJJZX.js';
+export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from '../../chunk-G45FBKKV.js';
 import '../../chunk-2BPIVWAK.js';
-import '../../chunk-VKELAMAZ.js';
+import '../../chunk-FBLVPM2K.js';
 import '../../chunk-753Z3NXL.js';
 import '../../chunk-UUI7WXI5.js';
 import '../../chunk-6CGM5H4J.js';
@@ -10,12 +10,13 @@ import '../../chunk-6NZXWKUE.js';
 import '../../chunk-3IMM2PM4.js';
 import '../../chunk-62ZOA6PX.js';
 import '../../chunk-WSNMQQ4P.js';
-import '../../chunk-5JJ2DAE4.js';
+import '../../chunk-ENMXHZNE.js';
 import '../../chunk-4SMSH4OY.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-VSQF22GL.js';
-import '../../chunk-GOALNQZ2.js';
-import '../../chunk-XCP454Q6.js';
+import '../../chunk-7YO7DNUV.js';
+import '../../chunk-GVM6DTR5.js';
+import '../../chunk-F4N67NAF.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/MediaPlayer/index.cjs

@@ -1,9 +1,10 @@
 'use strict';
 
 require('../../chunk-GLXTVCHN.cjs');
-var chunkXEAT7XJG_cjs = require('../../chunk-XEAT7XJG.cjs');
+var chunkN2CJJHHB_cjs = require('../../chunk-N2CJJHHB.cjs');
 require('../../chunk-JYZW2PZS.cjs');
-require('../../chunk-VNYW4C4J.cjs');
+require('../../chunk-X6A27RGO.cjs');
+require('../../chunk-DXEPYK3I.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -11,15 +12,15 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "MediaPlayer", {
   enumerable: true,
-  get: function () { return chunkXEAT7XJG_cjs.MediaPlayer; }
+  get: function () { return chunkN2CJJHHB_cjs.MediaPlayer; }
 });
 Object.defineProperty(exports, "inferMediaKind", {
   enumerable: true,
-  get: function () { return chunkXEAT7XJG_cjs.inferMediaKind; }
+  get: function () { return chunkN2CJJHHB_cjs.inferMediaKind; }
 });
 Object.defineProperty(exports, "mediaPlayerVariants", {
   enumerable: true,
-  get: function () { return chunkXEAT7XJG_cjs.mediaPlayerVariants; }
+  get: function () { return chunkN2CJJHHB_cjs.mediaPlayerVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

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

@@ -53,7 +53,7 @@ interface MediaPlayerProps extends VariantProps<typeof mediaPlayerVariants> {
     mediaElementRef?: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;
 }
 declare const mediaPlayerVariants: (props?: ({
-    variant?: "card" | "plain" | null | undefined;
+    variant?: "plain" | "card" | 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;

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

@@ -53,7 +53,7 @@ interface MediaPlayerProps extends VariantProps<typeof mediaPlayerVariants> {
     mediaElementRef?: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;
 }
 declare const mediaPlayerVariants: (props?: ({
-    variant?: "card" | "plain" | null | undefined;
+    variant?: "plain" | "card" | 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;

package/dist/components/MediaPlayer/index.js

@@ -1,7 +1,8 @@
 import '../../chunk-RISZWWEQ.js';
-export { MediaPlayer, inferMediaKind, mediaPlayerVariants } from '../../chunk-VKELAMAZ.js';
+export { MediaPlayer, inferMediaKind, mediaPlayerVariants } from '../../chunk-FBLVPM2K.js';
 import '../../chunk-SQHMGT4W.js';
-import '../../chunk-GOALNQZ2.js';
+import '../../chunk-7YO7DNUV.js';
+import '../../chunk-GVM6DTR5.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/MegaMenu/index.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunk5GUOOLPR_cjs = require('../../chunk-5GUOOLPR.cjs');
-require('../../chunk-VNYW4C4J.cjs');
+var chunkP5CMZZRZ_cjs = require('../../chunk-P5CMZZRZ.cjs');
+require('../../chunk-X6A27RGO.cjs');
+require('../../chunk-DXEPYK3I.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -9,15 +10,15 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "MegaMenu", {
   enumerable: true,
-  get: function () { return chunk5GUOOLPR_cjs.MegaMenu; }
+  get: function () { return chunkP5CMZZRZ_cjs.MegaMenu; }
 });
 Object.defineProperty(exports, "MegaMenuBar", {
   enumerable: true,
-  get: function () { return chunk5GUOOLPR_cjs.MegaMenuBar; }
+  get: function () { return chunkP5CMZZRZ_cjs.MegaMenuBar; }
 });
 Object.defineProperty(exports, "normalizePath", {
   enumerable: true,
-  get: function () { return chunk5GUOOLPR_cjs.normalizePath; }
+  get: function () { return chunkP5CMZZRZ_cjs.normalizePath; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/MegaMenu/index.js

@@ -1,5 +1,6 @@
-export { MegaMenu, MegaMenuBar, normalizePath } from '../../chunk-2IZLKPUW.js';
-import '../../chunk-GOALNQZ2.js';
+export { MegaMenu, MegaMenuBar, normalizePath } from '../../chunk-THLIL6PY.js';
+import '../../chunk-7YO7DNUV.js';
+import '../../chunk-GVM6DTR5.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Modal/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunk7ZDPD5ZX_cjs = require('../../chunk-7ZDPD5ZX.cjs');
+var chunkT4L7Q5FA_cjs = require('../../chunk-T4L7Q5FA.cjs');
 require('../../chunk-NNEFAUHV.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-SCV7C55E.cjs');
-require('../../chunk-NV2CWBI2.cjs');
+require('../../chunk-IEY3ZJIT.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -12,35 +12,35 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () { return chunk7ZDPD5ZX_cjs.Modal; }
+  get: function () { return chunkT4L7Q5FA_cjs.Modal; }
 });
 Object.defineProperty(exports, "ModalBody", {
   enumerable: true,
-  get: function () { return chunk7ZDPD5ZX_cjs.ModalBody; }
+  get: function () { return chunkT4L7Q5FA_cjs.ModalBody; }
 });
 Object.defineProperty(exports, "ModalClose", {
   enumerable: true,
-  get: function () { return chunk7ZDPD5ZX_cjs.ModalClose; }
+  get: function () { return chunkT4L7Q5FA_cjs.ModalClose; }
 });
 Object.defineProperty(exports, "ModalFooter", {
   enumerable: true,
-  get: function () { return chunk7ZDPD5ZX_cjs.ModalFooter; }
+  get: function () { return chunkT4L7Q5FA_cjs.ModalFooter; }
 });
 Object.defineProperty(exports, "ModalHeader", {
   enumerable: true,
-  get: function () { return chunk7ZDPD5ZX_cjs.ModalHeader; }
+  get: function () { return chunkT4L7Q5FA_cjs.ModalHeader; }
 });
 Object.defineProperty(exports, "ModalTitle", {
   enumerable: true,
-  get: function () { return chunk7ZDPD5ZX_cjs.ModalTitle; }
+  get: function () { return chunkT4L7Q5FA_cjs.ModalTitle; }
 });
 Object.defineProperty(exports, "modalContentVariants", {
   enumerable: true,
-  get: function () { return chunk7ZDPD5ZX_cjs.modalContentVariants; }
+  get: function () { return chunkT4L7Q5FA_cjs.modalContentVariants; }
 });
 Object.defineProperty(exports, "modalOverlayVariants", {
   enumerable: true,
-  get: function () { return chunk7ZDPD5ZX_cjs.modalOverlayVariants; }
+  get: function () { return chunkT4L7Q5FA_cjs.modalOverlayVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Modal/index.js

@@ -1,8 +1,8 @@
-export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from '../../chunk-5JJ2DAE4.js';
+export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from '../../chunk-ENMXHZNE.js';
 import '../../chunk-4SMSH4OY.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-VSQF22GL.js';
-import '../../chunk-XCP454Q6.js';
+import '../../chunk-F4N67NAF.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

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

@@ -3,7 +3,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const paginationButtonVariants: (props?: ({
-    variant?: "default" | "ghost" | "outline" | null | undefined;
+    variant?: "default" | "outline" | "ghost" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface PaginationProps extends VariantProps<typeof paginationButtonVariants> {

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

@@ -3,7 +3,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const paginationButtonVariants: (props?: ({
-    variant?: "default" | "ghost" | "outline" | null | undefined;
+    variant?: "default" | "outline" | "ghost" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface PaginationProps extends VariantProps<typeof paginationButtonVariants> {

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

@@ -1,8 +1,41 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { InputProps } from '../Input/index.cjs';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    hasError?: boolean | null | undefined;
+    labelVariant?: "stacked" | "floating" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, Omit<VariantProps<typeof inputVariants>, 'labelVariant'> {
+    /** Error message to display below the input */
+    error?: string;
+    /** Helper text to display below the input */
+    helperText?: string;
+    /** Label for the input */
+    label?: string;
+    /**
+     * How the label is rendered.
+     * - `stacked` (default): label above the input.
+     * - `floating`: label rests inside the input like a placeholder and floats
+     *   to the top of the field (staying inside it) when focused or filled.
+     *   Ignores `placeholder`; when `hideLabel` is set, falls back to a
+     *   visually-hidden stacked label.
+     */
+    labelVariant?: 'stacked' | 'floating';
+    /** Whether the label should be visually hidden (still accessible) */
+    hideLabel?: boolean;
+    /** Whether the input is required */
+    required?: boolean;
+    /**
+     * Color of the required asterisk.
+     * - `default`: destructive (hard requirement).
+     * - `warning`: warning color (soft requirement / recommended).
+     */
+    requiredVariant?: RequiredMarkVariant;
+}
+type RequiredMarkVariant = 'default' | 'warning';
 
 interface PhoneInputProps extends Omit<InputProps, 'type' | 'onChange' | 'value'> {
     /** The phone number value (can be formatted or unformatted) */

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

@@ -1,8 +1,41 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { InputProps } from '../Input/index.js';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    hasError?: boolean | null | undefined;
+    labelVariant?: "stacked" | "floating" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, Omit<VariantProps<typeof inputVariants>, 'labelVariant'> {
+    /** Error message to display below the input */
+    error?: string;
+    /** Helper text to display below the input */
+    helperText?: string;
+    /** Label for the input */
+    label?: string;
+    /**
+     * How the label is rendered.
+     * - `stacked` (default): label above the input.
+     * - `floating`: label rests inside the input like a placeholder and floats
+     *   to the top of the field (staying inside it) when focused or filled.
+     *   Ignores `placeholder`; when `hideLabel` is set, falls back to a
+     *   visually-hidden stacked label.
+     */
+    labelVariant?: 'stacked' | 'floating';
+    /** Whether the label should be visually hidden (still accessible) */
+    hideLabel?: boolean;
+    /** Whether the input is required */
+    required?: boolean;
+    /**
+     * Color of the required asterisk.
+     * - `default`: destructive (hard requirement).
+     * - `warning`: warning color (soft requirement / recommended).
+     */
+    requiredVariant?: RequiredMarkVariant;
+}
+type RequiredMarkVariant = 'default' | 'warning';
 
 interface PhoneInputProps extends Omit<InputProps, 'type' | 'onChange' | 'value'> {
     /** The phone number value (can be formatted or unformatted) */

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

@@ -6,7 +6,7 @@ declare const progressBarTrackVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const progressBarFillVariants: (props?: ({
-    variant?: "default" | "danger" | "warning" | "success" | null | undefined;
+    variant?: "default" | "success" | "warning" | "danger" | null | undefined;
     animated?: boolean | null | undefined;
     striped?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

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

@@ -6,7 +6,7 @@ declare const progressBarTrackVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const progressBarFillVariants: (props?: ({
-    variant?: "default" | "danger" | "warning" | "success" | null | undefined;
+    variant?: "default" | "success" | "warning" | "danger" | null | undefined;
     animated?: boolean | null | undefined;
     striped?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

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

@@ -1,8 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { AgentConfigGeneratorProps, QConfig, QSchema } from '@mieweb/q';
 export { AgentConfigGenerator, AgentConfigGeneratorProps, ConfigEditor, ConfigEditorProps, FormBuilder, FormBuilderProps, GENERIC_TOOLS, Header, HeaderProps, QConfig, QDownloadMode, QSchema, TIMEZONES, ToolBuilder, ToolBuilderProps, configToQuestionnaire, configToYaml, copyToClipboard, defaultSchema, deriveDefaultConfig, downloadConfig, questionnaireToConfig, validateConfig, yamlToConfig } from '@mieweb/q';
 export { UniversalAgentConfigGenerator, UniversalAgentConfigGeneratorOptions, brands, generateBrandCSS } from '@mieweb/q/universal';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
 
 interface QProps extends AgentConfigGeneratorProps {
     /** Additional class name for the Q container. */

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

@@ -1,8 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { AgentConfigGeneratorProps, QConfig, QSchema } from '@mieweb/q';
 export { AgentConfigGenerator, AgentConfigGeneratorProps, ConfigEditor, ConfigEditorProps, FormBuilder, FormBuilderProps, GENERIC_TOOLS, Header, HeaderProps, QConfig, QDownloadMode, QSchema, TIMEZONES, ToolBuilder, ToolBuilderProps, configToQuestionnaire, configToYaml, copyToClipboard, defaultSchema, deriveDefaultConfig, downloadConfig, questionnaireToConfig, validateConfig, yamlToConfig } from '@mieweb/q';
 export { UniversalAgentConfigGenerator, UniversalAgentConfigGeneratorOptions, brands, generateBrandCSS } from '@mieweb/q/universal';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
 
 interface QProps extends AgentConfigGeneratorProps {
     /** Additional class name for the Q container. */

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

@@ -3,7 +3,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 
 declare const quickActionIconVariants: (props?: ({
-    color?: "primary" | "blue" | "green" | "orange" | "purple" | "red" | "amber" | "neutral" | null | undefined;
+    color?: "primary" | "green" | "purple" | "orange" | "blue" | "red" | "amber" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const quickActionVariants: (props?: ({
     disabled?: boolean | null | undefined;

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

@@ -3,7 +3,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 
 declare const quickActionIconVariants: (props?: ({
-    color?: "primary" | "blue" | "green" | "orange" | "purple" | "red" | "amber" | "neutral" | null | undefined;
+    color?: "primary" | "green" | "purple" | "orange" | "blue" | "red" | "amber" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const quickActionVariants: (props?: ({
     disabled?: boolean | null | undefined;

package/dist/components/RadialExplorer/index.cjs

@@ -1,10 +1,11 @@
 'use strict';
 
-var chunk6EN3IQQI_cjs = require('../../chunk-6EN3IQQI.cjs');
+var chunkI4LXSHKO_cjs = require('../../chunk-I4LXSHKO.cjs');
 require('../../chunk-VBWRH4UW.cjs');
 require('../../chunk-6HFFWEM3.cjs');
 require('../../chunk-YVL3XATO.cjs');
-require('../../chunk-VNYW4C4J.cjs');
+require('../../chunk-X6A27RGO.cjs');
+require('../../chunk-DXEPYK3I.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -12,7 +13,7 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "RadialExplorer", {
   enumerable: true,
-  get: function () { return chunk6EN3IQQI_cjs.RadialExplorer; }
+  get: function () { return chunkI4LXSHKO_cjs.RadialExplorer; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/RadialExplorer/index.js

@@ -1,8 +1,9 @@
-export { RadialExplorer } from '../../chunk-Y5HFM7LO.js';
+export { RadialExplorer } from '../../chunk-2BARVD4C.js';
 import '../../chunk-IQ4KQJAO.js';
 import '../../chunk-HB7C7NB5.js';
 import '../../chunk-BMSG4NBH.js';
-import '../../chunk-GOALNQZ2.js';
+import '../../chunk-7YO7DNUV.js';
+import '../../chunk-GVM6DTR5.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

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

@@ -47,7 +47,7 @@ interface RecordButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonEl
     mimeType?: string;
 }
 declare const recordButtonVariants: (props?: ({
-    variant?: "default" | "ghost" | "outline" | "minimal" | null | undefined;
+    variant?: "default" | "outline" | "ghost" | "minimal" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function formatDuration(seconds: number): string;