@mieweb/ui 0.11.0-dev.35 → 0.11.0-dev.37

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

@@ -2,6 +2,95 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
+type MediaTransportState = 'idle' | 'loading' | 'playing' | 'paused' | 'error';
+interface UseMediaTransportReturn {
+    /**
+     * Callback ref for the `<audio>`/`<video>` element to control. Pass this to
+     * the element's `ref` (or call it imperatively). Transport listeners attach
+     * when an element mounts and detach when it unmounts.
+     */
+    setMediaElement: (element: HTMLMediaElement | null) => void;
+    /** The currently attached media element, or `null`. */
+    mediaElement: HTMLMediaElement | null;
+    /** Derived transport state. */
+    state: MediaTransportState;
+    /** Current playback position in milliseconds. */
+    currentTimeMs: number;
+    /** Media duration in milliseconds (`0` until known / non-finite). */
+    durationMs: number;
+    /** Current playback rate. */
+    playbackRate: number;
+    /** `true` while `state === 'playing'`. */
+    isPlaying: boolean;
+    /** `true` while `state === 'loading'`. */
+    isLoading: boolean;
+    /** Start playback. */
+    play: () => void;
+    /** Pause playback. */
+    pause: () => void;
+    /** Toggle between play and pause. */
+    togglePlay: () => void;
+    /** Seek to a position in milliseconds. */
+    seekToMs: (timeMs: number) => void;
+    /** Set the playback rate multiplier. */
+    setPlaybackRate: (rate: number) => void;
+    /** Read the current position in milliseconds. */
+    getCurrentTimeMs: () => number;
+    /** Read the duration in milliseconds (`0` when unknown). */
+    getDurationMs: () => number;
+    /** Whether playback is currently paused (reads the element directly). */
+    isPaused: () => boolean;
+}
+
+/** Every string the controls show or announce, for the host to localize. */
+interface MediaControlsLabels {
+    play: string;
+    pause: string;
+    mute: string;
+    unmute: string;
+    seek: string;
+    fullscreen: string;
+    exitFullscreen: string;
+    pictureInPicture: string;
+    exitPictureInPicture: string;
+    /** The elapsed and total time, already formatted (`1:05`, `4:30`). */
+    time: (current: string, duration: string) => string;
+    /** The speed button's text for a rate (`1.5×`). */
+    rate: (rate: number) => string;
+    /** The speed button's accessible name, given its text. */
+    speed: (rate: string) => string;
+    showCaptions: string;
+    hideCaptions: string;
+}
+interface MediaControlsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The transport attached to the `<video>` these controls drive. */
+    transport: UseMediaTransportReturn;
+    /**
+     * The box that goes full screen with the controls (the video and these
+     * controls' shared parent). Where the browser can't take an element full
+     * screen (an iPhone), the video opens in the system's own player instead.
+     */
+    fullscreenTarget?: React.RefObject<HTMLElement | null>;
+    /** Localized text for every control; English by default. */
+    labels?: Partial<MediaControlsLabels>;
+    /** The speeds the speed button cycles through (default `[1, 1.5, 2]`). */
+    playbackRates?: readonly number[];
+}
+/**
+ * Touch-first controls laid over a `<video>`, in place of the browser's own.
+ * A tap on the picture plays or pauses it, a round ▶ shows while it's paused,
+ * and a bar along the bottom has play/pause, the time, a seek bar, playback
+ * speed, captions on/off when the video has a caption track, mute, and
+ * picture in picture and full screen where the browser supports them.
+ *
+ * `MediaPlayer` renders it for `controlsStyle="overlay"`. To use it directly,
+ * render it in a positioned box with the video, attach
+ * `transport.setMediaElement` to the video's `ref` and give the video
+ * `playsInline` (without it, an iPhone plays it in the system player, away
+ * from these controls).
+ */
+declare const MediaControls: React.ForwardRefExoticComponent<MediaControlsProps & React.RefAttributes<HTMLDivElement>>;
+
 type MediaPlayerState = 'idle' | 'loading' | 'playing' | 'paused' | 'error';
 type MediaKind = 'video' | 'audio';
 /** Ref handle for controlling {@link MediaPlayer} programmatically. */
@@ -32,9 +121,16 @@ interface MediaPlayerProps extends VariantProps<typeof mediaPlayerVariants> {
     src: string;
     /** Force the media kind; when omitted it is inferred from the src extension. */
     kind?: MediaKind;
-    /** Whether to show native controls (default `true`). */
+    /** Whether to show controls (default `true`). */
     controls?: boolean;
-    /** Begin muted; native controls can still change the volume. */
+    /**
+     * Which controls a video gets (default `'native'`, the browser's own).
+     * `'overlay'` lays touch-first controls over it ({@link MediaControls}),
+     * the same in every browser and in a mobile app's web view. Audio always uses
+     * the browser's.
+     */
+    controlsStyle?: 'native' | 'overlay';
+    /** Begin muted; the controls can still unmute it. */
     muted?: boolean;
     /** Repeat playback when the media ends. */
     loop?: boolean;
@@ -45,11 +141,13 @@ interface MediaPlayerProps extends VariantProps<typeof mediaPlayerVariants> {
     /** Caption/subtitle `<track>` elements. The `src` attribute is always set
      * on the media element, so alternative `<source>` children are ignored. */
     children?: React.ReactNode;
-    /** Localized load-error and retry text. */
+    /** The speeds the overlay controls' speed button cycles through (default `[1, 1.5, 2]`). */
+    playbackRates?: readonly number[];
+    /** Localized load-error and retry text, and the overlay controls' labels. */
     labels?: {
         error?: string;
         retry?: string;
-    };
+    } & Partial<MediaControlsLabels>;
     /** Callback when playback state changes. */
     onStateChange?: (state: MediaPlayerState) => void;
     /** Callback when playback ends. */
@@ -86,4 +184,4 @@ declare function inferMediaKind(src: string): MediaKind;
  */
 declare const MediaPlayer: React.ForwardRefExoticComponent<MediaPlayerProps & React.RefAttributes<MediaPlayerRef>>;
 
-export { type MediaKind, MediaPlayer, type MediaPlayerProps, type MediaPlayerRef, type MediaPlayerState, inferMediaKind, mediaPlayerVariants };
+export { MediaControls, type MediaControlsLabels, type MediaControlsProps, type MediaKind, MediaPlayer, type MediaPlayerProps, type MediaPlayerRef, type MediaPlayerState, inferMediaKind, mediaPlayerVariants };

package/dist/components/MediaPlayer/index.js

@@ -1,6 +1,9 @@
-import '../../chunk-RISZWWEQ.js';
-export { MediaPlayer, inferMediaKind, mediaPlayerVariants } from '../../chunk-R5P7NAJQ.js';
-import '../../chunk-TUYWCUKH.js';
+import '../../chunk-SCGXD334.js';
+export { MediaControls, MediaPlayer, inferMediaKind, mediaPlayerVariants } from '../../chunk-JCIQIR5V.js';
+import '../../chunk-CRR7AE5D.js';
+import '../../chunk-CKECOCYJ.js';
+import '../../chunk-4LKAZW2W.js';
+import '../../chunk-YVKBXNPK.js';
 import '../../chunk-N5JDL4VE.js';
 import '../../chunk-WX2XB6FP.js';
 import '../../chunk-VP3XNLUL.js';

package/dist/components/Modal/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkXEHD2HA5_cjs = require('../../chunk-XEHD2HA5.cjs');
+var chunkFRPELUI5_cjs = require('../../chunk-FRPELUI5.cjs');
 require('../../chunk-NNEFAUHV.cjs');
-require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-SCV7C55E.cjs');
+require('../../chunk-FHY3K6PL.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 chunkXEHD2HA5_cjs.Modal; }
+  get: function () { return chunkFRPELUI5_cjs.Modal; }
 });
 Object.defineProperty(exports, "ModalBody", {
   enumerable: true,
-  get: function () { return chunkXEHD2HA5_cjs.ModalBody; }
+  get: function () { return chunkFRPELUI5_cjs.ModalBody; }
 });
 Object.defineProperty(exports, "ModalClose", {
   enumerable: true,
-  get: function () { return chunkXEHD2HA5_cjs.ModalClose; }
+  get: function () { return chunkFRPELUI5_cjs.ModalClose; }
 });
 Object.defineProperty(exports, "ModalFooter", {
   enumerable: true,
-  get: function () { return chunkXEHD2HA5_cjs.ModalFooter; }
+  get: function () { return chunkFRPELUI5_cjs.ModalFooter; }
 });
 Object.defineProperty(exports, "ModalHeader", {
   enumerable: true,
-  get: function () { return chunkXEHD2HA5_cjs.ModalHeader; }
+  get: function () { return chunkFRPELUI5_cjs.ModalHeader; }
 });
 Object.defineProperty(exports, "ModalTitle", {
   enumerable: true,
-  get: function () { return chunkXEHD2HA5_cjs.ModalTitle; }
+  get: function () { return chunkFRPELUI5_cjs.ModalTitle; }
 });
 Object.defineProperty(exports, "modalContentVariants", {
   enumerable: true,
-  get: function () { return chunkXEHD2HA5_cjs.modalContentVariants; }
+  get: function () { return chunkFRPELUI5_cjs.modalContentVariants; }
 });
 Object.defineProperty(exports, "modalOverlayVariants", {
   enumerable: true,
-  get: function () { return chunkXEHD2HA5_cjs.modalOverlayVariants; }
+  get: function () { return chunkFRPELUI5_cjs.modalOverlayVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Modal/index.js

@@ -1,7 +1,7 @@
-export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from '../../chunk-VMEVLBI3.js';
+export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from '../../chunk-GKMMDKYY.js';
 import '../../chunk-4SMSH4OY.js';
-import '../../chunk-T4ME7QCT.js';
 import '../../chunk-VSQF22GL.js';
+import '../../chunk-T4ME7QCT.js';
 import '../../chunk-F4N67NAF.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';

package/dist/components/RadialExplorer/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunk4VSK3EE5_cjs = require('../../chunk-4VSK3EE5.cjs');
+var chunkL77XJPKC_cjs = require('../../chunk-L77XJPKC.cjs');
 require('../../chunk-VBWRH4UW.cjs');
-require('../../chunk-YW2AKBLS.cjs');
 require('../../chunk-7E46YDOT.cjs');
+require('../../chunk-YW2AKBLS.cjs');
 require('../../chunk-EACNRR3C.cjs');
 require('../../chunk-FSARTLUE.cjs');
 require('../../chunk-HGJHWI7W.cjs');
@@ -14,7 +14,7 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "RadialExplorer", {
   enumerable: true,
-  get: function () { return chunk4VSK3EE5_cjs.RadialExplorer; }
+  get: function () { return chunkL77XJPKC_cjs.RadialExplorer; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/RadialExplorer/index.js

@@ -1,7 +1,7 @@
-export { RadialExplorer } from '../../chunk-33Y3KQWL.js';
+export { RadialExplorer } from '../../chunk-IGRHPZOJ.js';
 import '../../chunk-IQ4KQJAO.js';
-import '../../chunk-XDU65GLW.js';
 import '../../chunk-522WJIVI.js';
+import '../../chunk-XDU65GLW.js';
 import '../../chunk-N5JDL4VE.js';
 import '../../chunk-WX2XB6FP.js';
 import '../../chunk-VP3XNLUL.js';

package/dist/components/RecordHeader/index.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunk2OXNJJHJ_cjs = require('../../chunk-2OXNJJHJ.cjs');
+var chunkTERHGQ73_cjs = require('../../chunk-TERHGQ73.cjs');
 require('../../chunk-GKDHMNUA.cjs');
+require('../../chunk-7E46YDOT.cjs');
 require('../../chunk-PINIBEIU.cjs');
 require('../../chunk-I44YNYI6.cjs');
 require('../../chunk-Z5S5JEJD.cjs');
@@ -9,7 +10,6 @@ require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-FSGEDDF2.cjs');
 require('../../chunk-AOHJILLU.cjs');
 require('../../chunk-Z3WMDVMR.cjs');
-require('../../chunk-7E46YDOT.cjs');
 require('../../chunk-FSARTLUE.cjs');
 require('../../chunk-HGJHWI7W.cjs');
 require('../../chunk-IEY3ZJIT.cjs');
@@ -20,11 +20,11 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "RecordHeader", {
   enumerable: true,
-  get: function () { return chunk2OXNJJHJ_cjs.RecordHeader; }
+  get: function () { return chunkTERHGQ73_cjs.RecordHeader; }
 });
 Object.defineProperty(exports, "defaultRecordHeaderLabels", {
   enumerable: true,
-  get: function () { return chunk2OXNJJHJ_cjs.defaultRecordHeaderLabels; }
+  get: function () { return chunkTERHGQ73_cjs.defaultRecordHeaderLabels; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/RecordHeader/index.js

@@ -1,5 +1,6 @@
-export { RecordHeader, defaultRecordHeaderLabels } from '../../chunk-PLBWZW4F.js';
+export { RecordHeader, defaultRecordHeaderLabels } from '../../chunk-KAQNYX7B.js';
 import '../../chunk-TI3TQQ7F.js';
+import '../../chunk-522WJIVI.js';
 import '../../chunk-OYUIEJPN.js';
 import '../../chunk-6NZXWKUE.js';
 import '../../chunk-3IMM2PM4.js';
@@ -7,7 +8,6 @@ import '../../chunk-T4ME7QCT.js';
 import '../../chunk-62ZOA6PX.js';
 import '../../chunk-WSNMQQ4P.js';
 import '../../chunk-YVKBXNPK.js';
-import '../../chunk-522WJIVI.js';
 import '../../chunk-WX2XB6FP.js';
 import '../../chunk-VP3XNLUL.js';
 import '../../chunk-F4N67NAF.js';

package/dist/components/RecordLayout/index.cjs

@@ -3,8 +3,8 @@
 var chunkPWXDRFJL_cjs = require('../../chunk-PWXDRFJL.cjs');
 require('../../chunk-S7AMZ4RD.cjs');
 require('../../chunk-7WJ6MBF5.cjs');
-require('../../chunk-Z3WMDVMR.cjs');
 require('../../chunk-7E46YDOT.cjs');
+require('../../chunk-Z3WMDVMR.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 

package/dist/components/RecordLayout/index.js

@@ -1,8 +1,8 @@
 export { RecordLayout, defaultRecordLayoutLabels } from '../../chunk-EGPDT7SM.js';
 import '../../chunk-ME7EVT6F.js';
 import '../../chunk-CVNPNZMX.js';
-import '../../chunk-YVKBXNPK.js';
 import '../../chunk-522WJIVI.js';
+import '../../chunk-YVKBXNPK.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Sheet/index.cjs

@@ -2,8 +2,8 @@
 
 var chunkRS5VA6QU_cjs = require('../../chunk-RS5VA6QU.cjs');
 require('../../chunk-NNEFAUHV.cjs');
-require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-SCV7C55E.cjs');
+require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 

package/dist/components/Sheet/index.js

@@ -1,7 +1,7 @@
 export { Sheet, SheetBody, SheetClose, SheetDescription, SheetFooter, SheetHeader, SheetTitle, sheetContentVariants, sheetOverlayVariants } from '../../chunk-LMBXJZLG.js';
 import '../../chunk-4SMSH4OY.js';
-import '../../chunk-T4ME7QCT.js';
 import '../../chunk-VSQF22GL.js';
+import '../../chunk-T4ME7QCT.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Slider/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkGDKOYVX3_cjs = require('../../chunk-GDKOYVX3.cjs');
+var chunkNZUQL42A_cjs = require('../../chunk-NZUQL42A.cjs');
 require('../../chunk-Z3WMDVMR.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
@@ -9,19 +9,19 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
-  get: function () { return chunkGDKOYVX3_cjs.Slider; }
+  get: function () { return chunkNZUQL42A_cjs.Slider; }
 });
 Object.defineProperty(exports, "sliderRangeVariants", {
   enumerable: true,
-  get: function () { return chunkGDKOYVX3_cjs.sliderRangeVariants; }
+  get: function () { return chunkNZUQL42A_cjs.sliderRangeVariants; }
 });
 Object.defineProperty(exports, "sliderThumbVariants", {
   enumerable: true,
-  get: function () { return chunkGDKOYVX3_cjs.sliderThumbVariants; }
+  get: function () { return chunkNZUQL42A_cjs.sliderThumbVariants; }
 });
 Object.defineProperty(exports, "sliderTrackVariants", {
   enumerable: true,
-  get: function () { return chunkGDKOYVX3_cjs.sliderTrackVariants; }
+  get: function () { return chunkNZUQL42A_cjs.sliderTrackVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

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

@@ -23,6 +23,12 @@ interface SliderProps extends VariantProps<typeof sliderTrackVariants>, VariantP
     max?: number;
     /** Step increment */
     step?: number;
+    /**
+     * How far an arrow key moves the value (default `step`). Use it when the
+     * pointer needs fine steps but the keyboard should move in bigger ones,
+     * e.g. a media seek bar.
+     */
+    keyboardStep?: number;
     /** Callback when value changes */
     onValueChange?: (value: number) => void;
     /** Callback when interaction ends (mouseup / touchend) */

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

@@ -23,6 +23,12 @@ interface SliderProps extends VariantProps<typeof sliderTrackVariants>, VariantP
     max?: number;
     /** Step increment */
     step?: number;
+    /**
+     * How far an arrow key moves the value (default `step`). Use it when the
+     * pointer needs fine steps but the keyboard should move in bigger ones,
+     * e.g. a media seek bar.
+     */
+    keyboardStep?: number;
     /** Callback when value changes */
     onValueChange?: (value: number) => void;
     /** Callback when interaction ends (mouseup / touchend) */

package/dist/components/Slider/index.js

@@ -1,4 +1,4 @@
-export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from '../../chunk-V5VPECJI.js';
+export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from '../../chunk-CRR7AE5D.js';
 import '../../chunk-YVKBXNPK.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';

package/dist/components/SliderCalculator/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk2S76TRBJ_cjs = require('../../chunk-2S76TRBJ.cjs');
-require('../../chunk-GDKOYVX3.cjs');
+var chunkJUYBJLPI_cjs = require('../../chunk-JUYBJLPI.cjs');
+require('../../chunk-NZUQL42A.cjs');
 require('../../chunk-YW2AKBLS.cjs');
 require('../../chunk-Z3WMDVMR.cjs');
 require('../../chunk-S5RVSXDV.cjs');
@@ -11,11 +11,11 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "AnimatedNumber", {
   enumerable: true,
-  get: function () { return chunk2S76TRBJ_cjs.AnimatedNumber; }
+  get: function () { return chunkJUYBJLPI_cjs.AnimatedNumber; }
 });
 Object.defineProperty(exports, "SliderCalculator", {
   enumerable: true,
-  get: function () { return chunk2S76TRBJ_cjs.SliderCalculator; }
+  get: function () { return chunkJUYBJLPI_cjs.SliderCalculator; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/SliderCalculator/index.js

@@ -1,5 +1,5 @@
-export { AnimatedNumber, SliderCalculator } from '../../chunk-DT3X3RBM.js';
-import '../../chunk-V5VPECJI.js';
+export { AnimatedNumber, SliderCalculator } from '../../chunk-7U7SONM5.js';
+import '../../chunk-CRR7AE5D.js';
 import '../../chunk-XDU65GLW.js';
 import '../../chunk-YVKBXNPK.js';
 import '../../chunk-TQONQSJO.js';

package/dist/components/SuperChat/index.cjs

@@ -1,33 +1,35 @@
 'use strict';
 
 var chunkJFLC7SHM_cjs = require('../../chunk-JFLC7SHM.cjs');
-var chunkZK2R6UGF_cjs = require('../../chunk-ZK2R6UGF.cjs');
+var chunkDCV34MEF_cjs = require('../../chunk-DCV34MEF.cjs');
 var chunk2GBVJHWN_cjs = require('../../chunk-2GBVJHWN.cjs');
-var chunk4M2KE4O5_cjs = require('../../chunk-4M2KE4O5.cjs');
-require('../../chunk-GLXTVCHN.cjs');
-var chunkECKIFQSD_cjs = require('../../chunk-ECKIFQSD.cjs');
-require('../../chunk-AKMTPCLC.cjs');
+var chunkAHYDJN4H_cjs = require('../../chunk-AHYDJN4H.cjs');
+require('../../chunk-D3FNZMOB.cjs');
+var chunkTZKBW4GA_cjs = require('../../chunk-TZKBW4GA.cjs');
+require('../../chunk-NZUQL42A.cjs');
+require('../../chunk-QAEAC7HO.cjs');
+require('../../chunk-LTCHD3K5.cjs');
 require('../../chunk-VBWRH4UW.cjs');
 var chunkVPTASZ2O_cjs = require('../../chunk-VPTASZ2O.cjs');
-require('../../chunk-QHCAWDMG.cjs');
+require('../../chunk-HDZQLTBP.cjs');
 require('../../chunk-P22YCUVM.cjs');
 require('../../chunk-Q3YVLO52.cjs');
 var chunkGKDHMNUA_cjs = require('../../chunk-GKDHMNUA.cjs');
 var chunkSV6YGK4U_cjs = require('../../chunk-SV6YGK4U.cjs');
+require('../../chunk-FRPELUI5.cjs');
+require('../../chunk-NNEFAUHV.cjs');
+require('../../chunk-SCV7C55E.cjs');
+var chunk7E46YDOT_cjs = require('../../chunk-7E46YDOT.cjs');
 require('../../chunk-ZNUMOJOI.cjs');
 var chunkPINIBEIU_cjs = require('../../chunk-PINIBEIU.cjs');
-require('../../chunk-XEHD2HA5.cjs');
 require('../../chunk-I44YNYI6.cjs');
 require('../../chunk-Z5S5JEJD.cjs');
-require('../../chunk-NNEFAUHV.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-FSGEDDF2.cjs');
 require('../../chunk-AOHJILLU.cjs');
-require('../../chunk-SCV7C55E.cjs');
 require('../../chunk-L7L5S2HO.cjs');
 var chunkYW2AKBLS_cjs = require('../../chunk-YW2AKBLS.cjs');
 require('../../chunk-Z3WMDVMR.cjs');
-var chunk7E46YDOT_cjs = require('../../chunk-7E46YDOT.cjs');
 require('../../chunk-EACNRR3C.cjs');
 var chunkFSARTLUE_cjs = require('../../chunk-FSARTLUE.cjs');
 require('../../chunk-HGJHWI7W.cjs');
@@ -98,7 +100,7 @@ function MessageMedia({
           // An opaque themed surface: the player's semi-transparent states
           // (error, loading) must never compose onto a colored chat bubble.
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-background overflow-hidden rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkECKIFQSD_cjs.MediaPlayer,
+            chunkTZKBW4GA_cjs.MediaPlayer,
             {
               src: attachment.src,
               kind: attachment.kind,
@@ -227,7 +229,7 @@ function ParticipantAvatar({
       src: participant?.avatar,
       alt: "",
       name: participant?.name ?? "?",
-      fallback: isAgent ? /* @__PURE__ */ jsxRuntime.jsx(chunkZK2R6UGF_cjs.SparklesIcon, { size: "sm" }) : void 0,
+      fallback: isAgent ? /* @__PURE__ */ jsxRuntime.jsx(chunkDCV34MEF_cjs.SparklesIcon, { size: "sm" }) : void 0,
       style: { backgroundColor },
       "aria-hidden": "true",
       className: "shrink-0"
@@ -763,7 +765,7 @@ ${block.text}
                     isSelf ? "flex-row-reverse" : "flex-row"
                   ),
                   children: /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkZK2R6UGF_cjs.ChatBubble,
+                    chunkDCV34MEF_cjs.ChatBubble,
                     {
                       ref: bubbleRef,
                       "data-slot": "superchat-bubble",
@@ -827,7 +829,7 @@ ${block.text}
                       ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                         message.content?.map((block, i) => {
                           if (block.type === "tool_use" && block.toolCall) {
-                            return /* @__PURE__ */ jsxRuntime.jsx(chunkZK2R6UGF_cjs.MCPToolCallDisplay, { toolCall: block.toolCall }, i);
+                            return /* @__PURE__ */ jsxRuntime.jsx(chunkDCV34MEF_cjs.MCPToolCallDisplay, { toolCall: block.toolCall }, i);
                           }
                           if ((block.type === "text" || block.type === "thinking") && block.text) {
                             return /* @__PURE__ */ jsxRuntime.jsx(
@@ -880,7 +882,7 @@ ${block.text}
                           },
                           attachment.id
                         )),
-                        streaming && !hasBody && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkZK2R6UGF_cjs.AITypingIndicator, {}) })
+                        streaming && !hasBody && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkDCV34MEF_cjs.AITypingIndicator, {}) })
                       ] })
                     }
                   )
@@ -1763,7 +1765,7 @@ function SuperChat({
                   onClick: () => onConversationClosed(conversation),
                   "aria-label": "Close conversation",
                   className: "rounded-md p-1 text-neutral-400 hover:bg-neutral-100 dark:hover:bg-neutral-800",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkZK2R6UGF_cjs.CloseIcon, {})
+                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkDCV34MEF_cjs.CloseIcon, {})
                 }
               )
             ]
@@ -1796,7 +1798,7 @@ function SuperChat({
                 }
               ) }) }),
               /* @__PURE__ */ React3.createElement(
-                chunk4M2KE4O5_cjs.MediaFeed,
+                chunkAHYDJN4H_cjs.MediaFeed,
                 {
                   ...mediaFeedProps,
                   ref: mediaFeedRef,
@@ -1884,7 +1886,7 @@ function SuperChat({
                   mode: "presence",
                   className: "absolute inset-x-0 bottom-0 z-20",
                   children: /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkZK2R6UGF_cjs.JumpToBottomButton,
+                    chunkDCV34MEF_cjs.JumpToBottomButton,
                     {
                       dataSlot: "superchat-jump-to-bottom",
                       hasNewMessages: hasNewBelow,