@mieweb/ui 0.11.0-dev.36 → 0.11.0-dev.38

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

@@ -40,6 +40,24 @@ interface MediaFeedLabels {
     next: string;
     play: string;
     pause: string;
+    /** The player's own controls in the `overlay` layout. */
+    mute: string;
+    unmute: string;
+    seek: string;
+    playerFullscreen: string;
+    exitPlayerFullscreen: string;
+    pictureInPicture: string;
+    exitPictureInPicture: string;
+    /** The player's elapsed and total time, already formatted. */
+    time: (current: string, duration: string) => string;
+    /** The player's speed button: its text for a rate, and its name. */
+    playerRate: (rate: number) => string;
+    playerSpeed: (rate: string) => string;
+    showCaptions: string;
+    hideCaptions: string;
+    /** The overlay's toggle for a title or caption that doesn't fit. */
+    showMore: string;
+    showLess: string;
     blockedAutoplay: string;
     mediaError: string;
     openSource: string;
@@ -73,6 +91,21 @@ interface MediaFeedProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, '
     getAuthor?: (item: T) => MediaFeedAuthor;
     /** Host-owned actions, such as reactions or opening a conversation. */
     renderActions?: (item: T) => React.ReactNode;
+    /**
+     * `stacked` (default): each item is a card, its details under the media.
+     * `overlay`: the media fills each item edge to edge on a dark stage, with
+     * the details at its foot as short-video apps place them (author, title and
+     * caption at the start, actions in a column at the end), Previous/Next on
+     * the end edge, and the player's touch-first overlay controls. Suits a phone
+     * or a full-height pane, upright or sideways.
+     */
+    layout?: 'stacked' | 'overlay';
+    /**
+     * Offer the full-screen viewer, an expand button on each item. Defaults to
+     * `true` for `stacked` and `false` for `overlay`, where the feed already
+     * fills its space and the player has its own full screen.
+     */
+    allowFullscreen?: boolean;
     /** Replace the built-in player, respecting its active playback boundary. */
     renderMedia?: (media: MediaFeedMedia, context: MediaFeedRenderContext<T>) => React.ReactNode;
     /** Controlled selection. Changes scroll the selected record into view. */

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

@@ -40,6 +40,24 @@ interface MediaFeedLabels {
     next: string;
     play: string;
     pause: string;
+    /** The player's own controls in the `overlay` layout. */
+    mute: string;
+    unmute: string;
+    seek: string;
+    playerFullscreen: string;
+    exitPlayerFullscreen: string;
+    pictureInPicture: string;
+    exitPictureInPicture: string;
+    /** The player's elapsed and total time, already formatted. */
+    time: (current: string, duration: string) => string;
+    /** The player's speed button: its text for a rate, and its name. */
+    playerRate: (rate: number) => string;
+    playerSpeed: (rate: string) => string;
+    showCaptions: string;
+    hideCaptions: string;
+    /** The overlay's toggle for a title or caption that doesn't fit. */
+    showMore: string;
+    showLess: string;
     blockedAutoplay: string;
     mediaError: string;
     openSource: string;
@@ -73,6 +91,21 @@ interface MediaFeedProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, '
     getAuthor?: (item: T) => MediaFeedAuthor;
     /** Host-owned actions, such as reactions or opening a conversation. */
     renderActions?: (item: T) => React.ReactNode;
+    /**
+     * `stacked` (default): each item is a card, its details under the media.
+     * `overlay`: the media fills each item edge to edge on a dark stage, with
+     * the details at its foot as short-video apps place them (author, title and
+     * caption at the start, actions in a column at the end), Previous/Next on
+     * the end edge, and the player's touch-first overlay controls. Suits a phone
+     * or a full-height pane, upright or sideways.
+     */
+    layout?: 'stacked' | 'overlay';
+    /**
+     * Offer the full-screen viewer, an expand button on each item. Defaults to
+     * `true` for `stacked` and `false` for `overlay`, where the feed already
+     * fills its space and the player has its own full screen.
+     */
+    allowFullscreen?: boolean;
     /** Replace the built-in player, respecting its active playback boundary. */
     renderMedia?: (media: MediaFeedMedia, context: MediaFeedRenderContext<T>) => React.ReactNode;
     /** Controlled selection. Changes scroll the selected record into view. */

package/dist/components/MediaFeed/index.js

@@ -1,7 +1,9 @@
-export { MediaFeed } from '../../chunk-AIO2GCTL.js';
-import '../../chunk-RISZWWEQ.js';
-import '../../chunk-R5P7NAJQ.js';
-import '../../chunk-TUYWCUKH.js';
+export { MediaFeed } from '../../chunk-JUY2JLFL.js';
+import '../../chunk-SCGXD334.js';
+import '../../chunk-JCIQIR5V.js';
+import '../../chunk-CRR7AE5D.js';
+import '../../chunk-CKECOCYJ.js';
+import '../../chunk-4LKAZW2W.js';
 import '../../chunk-H2Y7HZV5.js';
 import '../../chunk-DVDT7TX7.js';
 import '../../chunk-TI3TQQ7F.js';
@@ -10,6 +12,7 @@ import '../../chunk-4SMSH4OY.js';
 import '../../chunk-VSQF22GL.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-XDU65GLW.js';
+import '../../chunk-YVKBXNPK.js';
 import '../../chunk-N5JDL4VE.js';
 import '../../chunk-WX2XB6FP.js';
 import '../../chunk-VP3XNLUL.js';

package/dist/components/MediaPlayer/index.cjs

@@ -1,8 +1,11 @@
 'use strict';
 
-require('../../chunk-GLXTVCHN.cjs');
-var chunkECKIFQSD_cjs = require('../../chunk-ECKIFQSD.cjs');
-require('../../chunk-QHCAWDMG.cjs');
+require('../../chunk-D3FNZMOB.cjs');
+var chunkTZKBW4GA_cjs = require('../../chunk-TZKBW4GA.cjs');
+require('../../chunk-NZUQL42A.cjs');
+require('../../chunk-LTCHD3K5.cjs');
+require('../../chunk-HDZQLTBP.cjs');
+require('../../chunk-Z3WMDVMR.cjs');
 require('../../chunk-EACNRR3C.cjs');
 require('../../chunk-FSARTLUE.cjs');
 require('../../chunk-HGJHWI7W.cjs');
@@ -11,17 +14,21 @@ require('../../chunk-EUAMEVVI.cjs');
 
 
 
+Object.defineProperty(exports, "MediaControls", {
+  enumerable: true,
+  get: function () { return chunkTZKBW4GA_cjs.MediaControls; }
+});
 Object.defineProperty(exports, "MediaPlayer", {
   enumerable: true,
-  get: function () { return chunkECKIFQSD_cjs.MediaPlayer; }
+  get: function () { return chunkTZKBW4GA_cjs.MediaPlayer; }
 });
 Object.defineProperty(exports, "inferMediaKind", {
   enumerable: true,
-  get: function () { return chunkECKIFQSD_cjs.inferMediaKind; }
+  get: function () { return chunkTZKBW4GA_cjs.inferMediaKind; }
 });
 Object.defineProperty(exports, "mediaPlayerVariants", {
   enumerable: true,
-  get: function () { return chunkECKIFQSD_cjs.mediaPlayerVariants; }
+  get: function () { return chunkTZKBW4GA_cjs.mediaPlayerVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

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

@@ -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.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/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,15 +1,17 @@
 '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 chunkOGFSFUIX_cjs = require('../../chunk-OGFSFUIX.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');
@@ -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(
-                chunkOGFSFUIX_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,