@mieweb/ui 0.10.0-dev.29 → 0.10.0-dev.30

package/dist/components/Collapsible/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkS45EERW3_cjs = require('../../chunk-S45EERW3.cjs');
-require('../../chunk-6HFFWEM3.cjs');
+var chunk35Y4ILCU_cjs = require('../../chunk-35Y4ILCU.cjs');
+require('../../chunk-YW2AKBLS.cjs');
 require('../../chunk-IEY3ZJIT.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
@@ -10,15 +10,15 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "Collapsible", {
   enumerable: true,
-  get: function () { return chunkS45EERW3_cjs.Collapsible; }
+  get: function () { return chunk35Y4ILCU_cjs.Collapsible; }
 });
 Object.defineProperty(exports, "CollapsibleContent", {
   enumerable: true,
-  get: function () { return chunkS45EERW3_cjs.CollapsibleContent; }
+  get: function () { return chunk35Y4ILCU_cjs.CollapsibleContent; }
 });
 Object.defineProperty(exports, "CollapsibleTrigger", {
   enumerable: true,
-  get: function () { return chunkS45EERW3_cjs.CollapsibleTrigger; }
+  get: function () { return chunk35Y4ILCU_cjs.CollapsibleTrigger; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Collapsible/index.js

@@ -1,5 +1,5 @@
-export { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../chunk-SYRLCTDV.js';
-import '../../chunk-HB7C7NB5.js';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../chunk-7ZV67VZE.js';
+import '../../chunk-XDU65GLW.js';
 import '../../chunk-F4N67NAF.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';

package/dist/components/MediaEditor/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkAAYXCZMV_cjs = require('../../chunk-AAYXCZMV.cjs');
+var chunkNKV76R65_cjs = require('../../chunk-NKV76R65.cjs');
 require('../../chunk-MYAU2ZUC.cjs');
-require('../../chunk-N2CJJHHB.cjs');
+require('../../chunk-BUT6MF5K.cjs');
 require('../../chunk-7AECNMYV.cjs');
 require('../../chunk-NPKPCYAT.cjs');
 require('../../chunk-NUFUV43P.cjs');
-require('../../chunk-JYZW2PZS.cjs');
+require('../../chunk-254QK722.cjs');
 require('../../chunk-UPWIJC6I.cjs');
 require('../../chunk-T4L7Q5FA.cjs');
 require('../../chunk-I44YNYI6.cjs');
@@ -26,23 +26,23 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "FillerWordsModal", {
   enumerable: true,
-  get: function () { return chunkAAYXCZMV_cjs.FillerWordsModal; }
+  get: function () { return chunkNKV76R65_cjs.FillerWordsModal; }
 });
 Object.defineProperty(exports, "MediaEditor", {
   enumerable: true,
-  get: function () { return chunkAAYXCZMV_cjs.MediaEditor; }
+  get: function () { return chunkNKV76R65_cjs.MediaEditor; }
 });
 Object.defineProperty(exports, "SilenceSettingsModal", {
   enumerable: true,
-  get: function () { return chunkAAYXCZMV_cjs.SilenceSettingsModal; }
+  get: function () { return chunkNKV76R65_cjs.SilenceSettingsModal; }
 });
 Object.defineProperty(exports, "SpeedMarkerMenu", {
   enumerable: true,
-  get: function () { return chunkAAYXCZMV_cjs.SpeedMarkerMenu; }
+  get: function () { return chunkNKV76R65_cjs.SpeedMarkerMenu; }
 });
 Object.defineProperty(exports, "WordEditorModal", {
   enumerable: true,
-  get: function () { return chunkAAYXCZMV_cjs.WordEditorModal; }
+  get: function () { return chunkNKV76R65_cjs.WordEditorModal; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/MediaEditor/index.js

@@ -1,10 +1,10 @@
-export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from '../../chunk-P4VGVJVI.js';
+export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from '../../chunk-SD7ONW6S.js';
 import '../../chunk-2BPIVWAK.js';
-import '../../chunk-FBLVPM2K.js';
+import '../../chunk-2JICT4A2.js';
 import '../../chunk-753Z3NXL.js';
 import '../../chunk-UUI7WXI5.js';
 import '../../chunk-6CGM5H4J.js';
-import '../../chunk-SQHMGT4W.js';
+import '../../chunk-GW4RFJZ5.js';
 import '../../chunk-VCI2Y7ST.js';
 import '../../chunk-ENMXHZNE.js';
 import '../../chunk-6NZXWKUE.js';

package/dist/components/MediaFeed/index.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var chunkWXFGHDTV_cjs = require('../../chunk-WXFGHDTV.cjs');
+require('../../chunk-GLXTVCHN.cjs');
+require('../../chunk-BUT6MF5K.cjs');
+require('../../chunk-JEIW7BSV.cjs');
+require('../../chunk-254QK722.cjs');
+require('../../chunk-T4L7Q5FA.cjs');
+require('../../chunk-NNEFAUHV.cjs');
+require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-SCV7C55E.cjs');
+require('../../chunk-YW2AKBLS.cjs');
+require('../../chunk-X6A27RGO.cjs');
+require('../../chunk-DXEPYK3I.cjs');
+require('../../chunk-IEY3ZJIT.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "MediaFeed", {
+  enumerable: true,
+  get: function () { return chunkWXFGHDTV_cjs.MediaFeed; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,104 @@
+import * as React from 'react';
+
+/** A caller-owned media resource. Provider embeds can also use `renderMedia`. */
+interface MediaFeedMedia {
+    kind: 'image' | 'video' | 'audio' | 'youtube';
+    src: string;
+    poster?: string;
+    alt?: string;
+}
+interface MediaFeedAuthor {
+    name: string;
+    avatar?: string;
+}
+/** An explicit Play gesture, separate from item selection and automatic playback. */
+interface MediaFeedPlaybackRequest {
+    itemId: string;
+    /** Use a fresh token for each gesture, including repeated Play on the same item. */
+    requestId: string | number;
+}
+/** Custom players must stop playback whenever `active` is false. */
+interface MediaFeedRenderContext<T> {
+    item: T;
+    active: boolean;
+    autoPlay: boolean;
+    muted: boolean;
+    loop: boolean;
+    /** A pending manual Play token for this active item. Handle each token once. */
+    playbackRequestId?: string | number;
+}
+/** Every string authored by the feed can be localized by its host. */
+interface MediaFeedLabels {
+    feed: string;
+    loading: string;
+    empty: string;
+    error: string;
+    retry: string;
+    fullscreen: string;
+    close: string;
+    previous: string;
+    next: string;
+    play: string;
+    pause: string;
+    blockedAutoplay: string;
+    mediaError: string;
+    openSource: string;
+    youtubeNotice: string;
+    item: (position: number, total: number) => string;
+    position: (position: number, total: number) => string;
+}
+/** Keys match the feed's `data-slot` attributes. */
+interface MediaFeedClassNames {
+    root?: string;
+    viewport?: string;
+    item?: string;
+    media?: string;
+    details?: string;
+    author?: string;
+    title?: string;
+    caption?: string;
+    actions?: string;
+    status?: string;
+    controls?: string;
+    fullscreen?: string;
+}
+interface MediaFeedProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onError'> {
+    /** Records in presentation order. The feed never fetches or mutates them. */
+    items: readonly T[];
+    /** A stable, unique ID for each record. */
+    getId: (item: T) => string;
+    getMedia: (item: T) => MediaFeedMedia;
+    getTitle?: (item: T) => string;
+    getCaption?: (item: T) => React.ReactNode;
+    getAuthor?: (item: T) => MediaFeedAuthor;
+    /** Host-owned actions, such as reactions or opening a conversation. */
+    renderActions?: (item: T) => React.ReactNode;
+    /** 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. */
+    activeItemId?: string;
+    /** Initial selection for an uncontrolled feed. */
+    defaultActiveItemId?: string;
+    /** Fires for user navigation and visibility changes, with the original item. */
+    onActiveItemChange?: (item: T) => void;
+    /**
+     * Attempt explicit playback once the requested item is selected and visible.
+     * This bypasses reduced-motion/autoplay suppression for that gesture only;
+     * it does not change selection. Browsers can still require another gesture.
+     */
+    playbackRequest?: MediaFeedPlaybackRequest;
+    loading?: boolean;
+    error?: string | null;
+    onRetry?: () => void | Promise<void>;
+    /** Attempt visible playback unless reduced motion is preferred; a gesture may be required. */
+    autoPlay?: boolean;
+    /** Native playback begins muted by default. Native controls can unmute it. */
+    muted?: boolean;
+    loop?: boolean;
+    labels?: Partial<MediaFeedLabels>;
+    classNames?: MediaFeedClassNames;
+}
+
+declare const MediaFeed: <T>(props: MediaFeedProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
+
+export { MediaFeed, type MediaFeedAuthor, type MediaFeedClassNames, type MediaFeedLabels, type MediaFeedMedia, type MediaFeedPlaybackRequest, type MediaFeedProps, type MediaFeedRenderContext };

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

@@ -0,0 +1,104 @@
+import * as React from 'react';
+
+/** A caller-owned media resource. Provider embeds can also use `renderMedia`. */
+interface MediaFeedMedia {
+    kind: 'image' | 'video' | 'audio' | 'youtube';
+    src: string;
+    poster?: string;
+    alt?: string;
+}
+interface MediaFeedAuthor {
+    name: string;
+    avatar?: string;
+}
+/** An explicit Play gesture, separate from item selection and automatic playback. */
+interface MediaFeedPlaybackRequest {
+    itemId: string;
+    /** Use a fresh token for each gesture, including repeated Play on the same item. */
+    requestId: string | number;
+}
+/** Custom players must stop playback whenever `active` is false. */
+interface MediaFeedRenderContext<T> {
+    item: T;
+    active: boolean;
+    autoPlay: boolean;
+    muted: boolean;
+    loop: boolean;
+    /** A pending manual Play token for this active item. Handle each token once. */
+    playbackRequestId?: string | number;
+}
+/** Every string authored by the feed can be localized by its host. */
+interface MediaFeedLabels {
+    feed: string;
+    loading: string;
+    empty: string;
+    error: string;
+    retry: string;
+    fullscreen: string;
+    close: string;
+    previous: string;
+    next: string;
+    play: string;
+    pause: string;
+    blockedAutoplay: string;
+    mediaError: string;
+    openSource: string;
+    youtubeNotice: string;
+    item: (position: number, total: number) => string;
+    position: (position: number, total: number) => string;
+}
+/** Keys match the feed's `data-slot` attributes. */
+interface MediaFeedClassNames {
+    root?: string;
+    viewport?: string;
+    item?: string;
+    media?: string;
+    details?: string;
+    author?: string;
+    title?: string;
+    caption?: string;
+    actions?: string;
+    status?: string;
+    controls?: string;
+    fullscreen?: string;
+}
+interface MediaFeedProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onError'> {
+    /** Records in presentation order. The feed never fetches or mutates them. */
+    items: readonly T[];
+    /** A stable, unique ID for each record. */
+    getId: (item: T) => string;
+    getMedia: (item: T) => MediaFeedMedia;
+    getTitle?: (item: T) => string;
+    getCaption?: (item: T) => React.ReactNode;
+    getAuthor?: (item: T) => MediaFeedAuthor;
+    /** Host-owned actions, such as reactions or opening a conversation. */
+    renderActions?: (item: T) => React.ReactNode;
+    /** 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. */
+    activeItemId?: string;
+    /** Initial selection for an uncontrolled feed. */
+    defaultActiveItemId?: string;
+    /** Fires for user navigation and visibility changes, with the original item. */
+    onActiveItemChange?: (item: T) => void;
+    /**
+     * Attempt explicit playback once the requested item is selected and visible.
+     * This bypasses reduced-motion/autoplay suppression for that gesture only;
+     * it does not change selection. Browsers can still require another gesture.
+     */
+    playbackRequest?: MediaFeedPlaybackRequest;
+    loading?: boolean;
+    error?: string | null;
+    onRetry?: () => void | Promise<void>;
+    /** Attempt visible playback unless reduced motion is preferred; a gesture may be required. */
+    autoPlay?: boolean;
+    /** Native playback begins muted by default. Native controls can unmute it. */
+    muted?: boolean;
+    loop?: boolean;
+    labels?: Partial<MediaFeedLabels>;
+    classNames?: MediaFeedClassNames;
+}
+
+declare const MediaFeed: <T>(props: MediaFeedProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
+
+export { MediaFeed, type MediaFeedAuthor, type MediaFeedClassNames, type MediaFeedLabels, type MediaFeedMedia, type MediaFeedPlaybackRequest, type MediaFeedProps, type MediaFeedRenderContext };

package/dist/components/MediaFeed/index.js

@@ -0,0 +1,17 @@
+export { MediaFeed } from '../../chunk-BNH4SXJB.js';
+import '../../chunk-RISZWWEQ.js';
+import '../../chunk-2JICT4A2.js';
+import '../../chunk-HZ4MBUC3.js';
+import '../../chunk-GW4RFJZ5.js';
+import '../../chunk-ENMXHZNE.js';
+import '../../chunk-4SMSH4OY.js';
+import '../../chunk-T4ME7QCT.js';
+import '../../chunk-VSQF22GL.js';
+import '../../chunk-XDU65GLW.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
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/MediaPlayer/index.cjs

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

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

@@ -34,12 +34,30 @@ interface MediaPlayerProps extends VariantProps<typeof mediaPlayerVariants> {
     kind?: MediaKind;
     /** Whether to show native controls (default `true`). */
     controls?: boolean;
+    /** Begin muted; native controls can still change the volume. */
+    muted?: boolean;
+    /** Repeat playback when the media ends. */
+    loop?: boolean;
+    /** Video thumbnail displayed before playback. */
+    poster?: string;
+    /** Browser preload hint (default browser behavior when omitted). */
+    preload?: 'none' | 'metadata' | 'auto';
+    /** 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. */
+    labels?: {
+        error?: string;
+        retry?: string;
+    };
     /** 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 after the user requests a fresh media load on the error surface. */
+    onRetry?: () => void;
     /** Callback on time updates (milliseconds). */
     onTimeUpdate?: (currentTimeMs: number, durationMs: number) => void;
     /** Additional class name. */

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

@@ -34,12 +34,30 @@ interface MediaPlayerProps extends VariantProps<typeof mediaPlayerVariants> {
     kind?: MediaKind;
     /** Whether to show native controls (default `true`). */
     controls?: boolean;
+    /** Begin muted; native controls can still change the volume. */
+    muted?: boolean;
+    /** Repeat playback when the media ends. */
+    loop?: boolean;
+    /** Video thumbnail displayed before playback. */
+    poster?: string;
+    /** Browser preload hint (default browser behavior when omitted). */
+    preload?: 'none' | 'metadata' | 'auto';
+    /** 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. */
+    labels?: {
+        error?: string;
+        retry?: string;
+    };
     /** 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 after the user requests a fresh media load on the error surface. */
+    onRetry?: () => void;
     /** Callback on time updates (milliseconds). */
     onTimeUpdate?: (currentTimeMs: number, durationMs: number) => void;
     /** Additional class name. */

package/dist/components/MediaPlayer/index.js

@@ -1,6 +1,6 @@
 import '../../chunk-RISZWWEQ.js';
-export { MediaPlayer, inferMediaKind, mediaPlayerVariants } from '../../chunk-FBLVPM2K.js';
-import '../../chunk-SQHMGT4W.js';
+export { MediaPlayer, inferMediaKind, mediaPlayerVariants } from '../../chunk-2JICT4A2.js';
+import '../../chunk-GW4RFJZ5.js';
 import '../../chunk-7YO7DNUV.js';
 import '../../chunk-GVM6DTR5.js';
 import '../../chunk-TQONQSJO.js';

package/dist/components/RadialExplorer/index.cjs

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

package/dist/components/RadialExplorer/index.js

@@ -1,6 +1,6 @@
-export { RadialExplorer } from '../../chunk-2BARVD4C.js';
+export { RadialExplorer } from '../../chunk-3RXZWHCU.js';
 import '../../chunk-IQ4KQJAO.js';
-import '../../chunk-HB7C7NB5.js';
+import '../../chunk-XDU65GLW.js';
 import '../../chunk-7YO7DNUV.js';
 import '../../chunk-BMSG4NBH.js';
 import '../../chunk-GVM6DTR5.js';

package/dist/components/SliderCalculator/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkMWVW4APN_cjs = require('../../chunk-MWVW4APN.cjs');
+var chunk7UTBDFFL_cjs = require('../../chunk-7UTBDFFL.cjs');
 require('../../chunk-MYAU2ZUC.cjs');
-require('../../chunk-6HFFWEM3.cjs');
+require('../../chunk-YW2AKBLS.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -10,11 +10,11 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "AnimatedNumber", {
   enumerable: true,
-  get: function () { return chunkMWVW4APN_cjs.AnimatedNumber; }
+  get: function () { return chunk7UTBDFFL_cjs.AnimatedNumber; }
 });
 Object.defineProperty(exports, "SliderCalculator", {
   enumerable: true,
-  get: function () { return chunkMWVW4APN_cjs.SliderCalculator; }
+  get: function () { return chunk7UTBDFFL_cjs.SliderCalculator; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/SliderCalculator/index.js

@@ -1,6 +1,6 @@
-export { AnimatedNumber, SliderCalculator } from '../../chunk-PYJDVWXM.js';
+export { AnimatedNumber, SliderCalculator } from '../../chunk-NUB5HRKS.js';
 import '../../chunk-2BPIVWAK.js';
-import '../../chunk-HB7C7NB5.js';
+import '../../chunk-XDU65GLW.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map