@wix/patterns-fields 1.38.0 → 1.39.0

package/dist/esm/components/audio/audio-player/audio-player-store.js

@@ -0,0 +1,45 @@
+import React, { Suspense, useEffect, useState } from 'react';
+const FloatingAudioPlayer = React.lazy(() => import('./audio-player').then((m) => ({ default: m.FloatingAudioPlayer })));
+let currentSrc = null;
+const listeners = new Set();
+const subscribe = (listener) => {
+    listeners.add(listener);
+    return () => {
+        listeners.delete(listener);
+    };
+};
+const emit = () => {
+    listeners.forEach((l) => l());
+};
+/**
+ * Reads the current floating audio source. Subscribes the calling component
+ * to store updates so it re-renders when the source changes.
+ */
+export const useAudioPlayerSrc = () => {
+    const [src, setSrc] = useState(currentSrc);
+    useEffect(() => subscribe(() => setSrc(currentSrc)), []);
+    return src;
+};
+/**
+ * Sets (or clears) the global floating audio source. Cells call this with
+ * the wix:audio:// URI when the user hits "Play"; the mounted
+ * <GlobalAudioPlayer/> picks the change up and renders the floating card.
+ */
+export const setAudioPlayerSrc = (src) => {
+    currentSrc = src;
+    emit();
+};
+/**
+ * Subscribes to the audio-player store and renders the floating card. Mount
+ * once at a stable parent (e.g., once per EditableTable) so playback survives
+ * cell focus changes — matches CMS-web's pattern where the player is global.
+ */
+export const GlobalAudioPlayer = () => {
+    const src = useAudioPlayerSrc();
+    if (!src) {
+        return null;
+    }
+    return (React.createElement(Suspense, { fallback: null },
+        React.createElement(FloatingAudioPlayer, { source: src, onClose: () => setAudioPlayerSrc(null) })));
+};
+//# sourceMappingURL=audio-player-store.js.map

package/dist/esm/components/audio/audio-player/audio-player-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-player-store.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-player/audio-player-store.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAC1C,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAC3E,CAAC;AAIF,IAAI,UAAU,GAAkB,IAAI,CAAC;AACrC,MAAM,SAAS,GAAG,IAAI,GAAG,EAAY,CAAC;AAEtC,MAAM,SAAS,GAAG,CAAC,QAAkB,EAAE,EAAE;IACvC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACxB,OAAO,GAAG,EAAE;QACV,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,GAAG,EAAE;IAChB,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChC,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAkB,EAAE;IACnD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAgB,UAAU,CAAC,CAAC;IAC1D,SAAS,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACzD,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,GAAkB,EAAQ,EAAE;IAC5D,UAAU,GAAG,GAAG,CAAC;IACjB,IAAI,EAAE,CAAC;AACT,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAa,GAAG,EAAE;IAC9C,MAAM,GAAG,GAAG,iBAAiB,EAAE,CAAC;IAChC,IAAI,CAAC,GAAG,EAAE;QACR,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI;QACtB,oBAAC,mBAAmB,IAClB,MAAM,EAAE,GAAG,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,GACtC,CACO,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/audio/audio-player/audio-player.js

@@ -1,20 +1,15 @@
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 import { getMediaURL } from '../../../auto-field-types';
 import { Box, AudioPlayer, Card, Text, CloseButton } from '@wix/design-system';
 import { getMediaTitle } from '../../../utils';
 import { classes } from './audio-player.st.css.js';
 export const FloatingAudioPlayer = ({ source, onClose, }) => {
-    const [audioSrc, setAudioSrc] = useState(source);
-    useEffect(() => {
-        setAudioSrc(null);
-        onClose?.();
-    }, [onClose]);
-    if (!audioSrc) {
+    if (!source) {
         return null;
     }
     return (React.createElement(Card, { className: classes.root, showShadow: true, controls: React.createElement(CloseButton, { size: "medium", onClick: onClose }) },
         React.createElement(Box, { direction: "vertical", paddingLeft: "SP6", paddingRight: "SP6", paddingTop: "SP5", paddingBottom: "SP5", width: "369px", gap: "SP3" },
-            React.createElement(Text, { secondary: true }, getMediaTitle(audioSrc)),
-            React.createElement(AudioPlayer, { autoplay: true, src: getMediaURL(audioSrc) }))));
+            React.createElement(Text, { secondary: true }, getMediaTitle(source)),
+            React.createElement(AudioPlayer, { autoplay: true, src: getMediaURL(source) }))));
 };
 //# sourceMappingURL=audio-player.js.map

package/dist/esm/components/audio/audio-player/audio-player.js.map

@@ -1 +1 @@
-{"version":3,"file":"audio-player.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-player/audio-player.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE/E,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAMnD,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAChE,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,UAAU,QACV,QAAQ,EAAE,oBAAC,WAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,GAAI;QAEzD,oBAAC,GAAG,IACF,SAAS,EAAC,UAAU,EACpB,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,UAAU,EAAC,KAAK,EAChB,aAAa,EAAC,KAAK,EACnB,KAAK,EAAC,OAAO,EACb,GAAG,EAAC,KAAK;YAET,oBAAC,IAAI,IAAC,SAAS,UAAE,aAAa,CAAC,QAAQ,CAAC,CAAQ;YAChD,oBAAC,WAAW,IAAC,QAAQ,QAAC,GAAG,EAAE,WAAW,CAAC,QAAQ,CAAC,GAAI,CAChD,CACD,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"audio-player.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-player/audio-player.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE/E,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAOnD,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAChE,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,UAAU,QACV,QAAQ,EAAE,oBAAC,WAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,GAAI;QAEzD,oBAAC,GAAG,IACF,SAAS,EAAC,UAAU,EACpB,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,UAAU,EAAC,KAAK,EAChB,aAAa,EAAC,KAAK,EACnB,KAAK,EAAC,OAAO,EACb,GAAG,EAAC,KAAK;YAET,oBAAC,IAAI,IAAC,SAAS,UAAE,aAAa,CAAC,MAAM,CAAC,CAAQ;YAC9C,oBAAC,WAAW,IAAC,QAAQ,QAAC,GAAG,EAAE,WAAW,CAAC,MAAM,CAAC,GAAI,CAC9C,CACD,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/audio/audio-player/audio-player.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "audioplayer1489254281";
+var _namespace_ = "audioplayer710309147";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "audioplayer1489254281__root" };
+export var classes = { "root": "audioplayer710309147__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/audio/audio-player/audio-player.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"audio-player.st.css.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-player/audio-player.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,CAAC;AAC5D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"audio-player.st.css.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-player/audio-player.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/audio/audio-player/index.js

@@ -1,2 +1,3 @@
 export * from './audio-player';
+export * from './audio-player-store';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/audio/audio-player/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-player/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-player/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC"}

package/dist/esm/components/audio/cell-audio-edit.js

@@ -0,0 +1,57 @@
+import React, { useCallback } from 'react';
+import { Box, IconButton, Tag, Tooltip } from '@wix/design-system';
+import { Add, MoreSmall, MusicSmall } from '@wix/wix-ui-icons-common';
+import { MEDIA_TYPES, getMediaTitle } from '../../utils';
+import { useTranslations } from '../../hooks';
+import { useCellMediaEdit, CellMediaEditShell, MediaFieldType, } from '../media-control';
+import { ActionsMenu } from './actions/actions-menu';
+import { buildAudioActions } from './actions/audio-actions';
+import { setAudioPlayerSrc } from './audio-player';
+export const CellAudioEdit = ({ value, onChange, onCommit, onCancel, onStartEdit, inputRef, dataHook, }) => {
+    const { t } = useTranslations();
+    const mediaEdit = useCellMediaEdit({
+        mediaType: MEDIA_TYPES.AUDIO,
+        value,
+        onChange,
+        onCommit,
+        onCancel,
+        onStartEdit,
+        inputRef,
+    });
+    const handlePlay = useCallback(() => {
+        if (value) {
+            setAudioPlayerSrc(value);
+        }
+    }, [value]);
+    const actions = buildAudioActions({
+        labels: {
+            replace: t('CMS.audio.button.replace'),
+            download: t('CMS.audio.button.download'),
+            delete: t('CMS.audio.button.delete'),
+        },
+        dataHooks: {
+            replace: 'audio-edit-action-replace',
+            download: 'audio-edit-action-download',
+            delete: 'audio-edit-action-delete',
+        },
+        onReplace: mediaEdit.handleCallMedia,
+        onDownload: () => value && mediaEdit.downloadMedia(value),
+        onDelete: mediaEdit.handleDelete,
+        play: {
+            label: t('CMS.audio.button.play'),
+            dataHook: 'audio-edit-action-play',
+            onClick: handlePlay,
+        },
+    });
+    return (React.createElement(CellMediaEditShell, { dataHook: dataHook, mediaEdit: mediaEdit, value: value, fieldType: MediaFieldType.document, gap: "SP1" },
+        value ? (React.createElement(Box, { minWidth: "0", style: { flex: '1 1 auto' } },
+            React.createElement(Tag, { id: "audio-edit-tag", dataHook: "audio-edit-tag", removable: false, thumb: React.createElement(MusicSmall, null), size: "small", maxWidth: "100%" }, getMediaTitle(value)))) : (React.createElement(Tooltip, { content: t('CMS.audio.button.add'), appendTo: "window" },
+            React.createElement(IconButton, { size: "tiny", priority: "secondary", dataHook: "audio-edit-add-button", onClick: mediaEdit.handleCallMedia },
+                React.createElement(Add, null)))),
+        value ? (React.createElement(ActionsMenu, { actions: actions, appendTo: "window", textSize: "small" },
+            React.createElement(Tooltip, { content: t('CMS.audio.more_actions_tooltip'), appendTo: "window" },
+                React.createElement(IconButton, { size: "tiny", priority: "tertiary", dataHook: "audio-edit-more-button" },
+                    React.createElement(MoreSmall, null))))) : null));
+};
+CellAudioEdit.displayName = 'CellAudioEdit';
+//# sourceMappingURL=cell-audio-edit.js.map

package/dist/esm/components/audio/cell-audio-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-audio-edit.js","sourceRoot":"","sources":["../../../../src/components/audio/cell-audio-edit.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/audio/cell-audio-view.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Box, Tag } from '@wix/design-system';
+import { MusicSmall } from '@wix/wix-ui-icons-common';
+import { getMediaTitle } from '../../utils';
+export const CellAudioView = ({ value, dataHook, }) => {
+    if (!value) {
+        return null;
+    }
+    return (React.createElement(Box, { dataHook: dataHook, verticalAlign: "middle", width: "100%", height: "100%", padding: "0 8px", minWidth: "0", boxSizing: "border-box" },
+        React.createElement(Tag, { id: "audio-cell-tag", dataHook: "audio-cell-tag", removable: false, thumb: React.createElement(MusicSmall, null), size: "small", maxWidth: "100%" }, getMediaTitle(value))));
+};
+CellAudioView.displayName = 'CellAudioView';
+//# sourceMappingURL=cell-audio-view.js.map

package/dist/esm/components/audio/cell-audio-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-audio-view.js","sourceRoot":"","sources":["../../../../src/components/audio/cell-audio-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAO5C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,OAAO,EACf,QAAQ,EAAC,GAAG,EACZ,SAAS,EAAC,YAAY;QAEtB,oBAAC,GAAG,IACF,EAAE,EAAC,gBAAgB,EACnB,QAAQ,EAAC,gBAAgB,EACzB,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,oBAAC,UAAU,OAAG,EACrB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,MAAM,IAEd,aAAa,CAAC,KAAK,CAAC,CACjB,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/esm/components/audio/index.js

@@ -1,3 +1,5 @@
 export * from './audio-player';
 export * from './audio-field';
+export * from './cell-audio-view';
+export * from './cell-audio-edit';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/audio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/audio/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/audio/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/dist/esm/components/color-view/color-view.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "colorview4112651844";
+var _namespace_ = "colorview2050727220";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "colorview4112651844__root", "view": "colorview4112651844__view", "fillPreview": "colorview4112651844__fillPreview" };
+export var classes = { "root": "colorview2050727220__root", "view": "colorview2050727220__view", "fillPreview": "colorview2050727220__fillPreview" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/delete-dialog/delete-dialog.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "deletedialog3317896481";
+var _namespace_ = "deletedialog455934700";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "deletedialog3317896481__root", "layout": "deletedialog3317896481__layout" };
+export var classes = { "root": "deletedialog455934700__root", "layout": "deletedialog455934700__layout" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/delete-dialog/delete-dialog.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"delete-dialog.st.css.js","sourceRoot":"","sources":["../../../../src/components/delete-dialog/delete-dialog.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,QAAQ,EAAC,gCAAgC,EAAC,CAAC;AACvG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"delete-dialog.st.css.js","sourceRoot":"","sources":["../../../../src/components/delete-dialog/delete-dialog.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,QAAQ,EAAC,+BAA+B,EAAC,CAAC;AACrG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/document/form-document-field.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "formdocumentfield556670286";
+var _namespace_ = "formdocumentfield4091006645";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "formdocumentfield556670286__root", "viewWrapper": "formdocumentfield556670286__viewWrapper", "textWidth": "formdocumentfield556670286__textWidth", "documentLoader": "formdocumentfield556670286__documentLoader", "addDocument": "formdocumentfield556670286__addDocument", "addItemWrapper": "formdocumentfield556670286__addItemWrapper" };
+export var classes = { "root": "formdocumentfield4091006645__root", "viewWrapper": "formdocumentfield4091006645__viewWrapper", "textWidth": "formdocumentfield4091006645__textWidth", "documentLoader": "formdocumentfield4091006645__documentLoader", "addDocument": "formdocumentfield4091006645__addDocument", "addItemWrapper": "formdocumentfield4091006645__addItemWrapper" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/document/form-document-field.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-document-field.st.css.js","sourceRoot":"","sources":["../../../../src/components/document/form-document-field.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,kCAAkC,EAAC,aAAa,EAAC,yCAAyC,EAAC,WAAW,EAAC,uCAAuC,EAAC,gBAAgB,EAAC,4CAA4C,EAAC,aAAa,EAAC,yCAAyC,EAAC,gBAAgB,EAAC,4CAA4C,EAAC,CAAC;AACjW,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,cAAc,EAAC,KAAK,EAAC,0BAA0B,EAAC,6CAA6C,EAAC,sBAAsB,EAAC,OAAO,EAAC,wBAAwB,EAAC,6CAA6C,EAAC,uBAAuB,EAAC,MAAM,EAAC,oBAAoB,EAAC,MAAM,EAAC,CAAC;AACrR,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,eAAe,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,CAAC"}
+{"version":3,"file":"form-document-field.st.css.js","sourceRoot":"","sources":["../../../../src/components/document/form-document-field.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,aAAa,EAAC,0CAA0C,EAAC,WAAW,EAAC,wCAAwC,EAAC,gBAAgB,EAAC,6CAA6C,EAAC,aAAa,EAAC,0CAA0C,EAAC,gBAAgB,EAAC,6CAA6C,EAAC,CAAC;AACvW,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,cAAc,EAAC,KAAK,EAAC,0BAA0B,EAAC,6CAA6C,EAAC,sBAAsB,EAAC,OAAO,EAAC,wBAAwB,EAAC,6CAA6C,EAAC,uBAAuB,EAAC,MAAM,EAAC,oBAAoB,EAAC,MAAM,EAAC,CAAC;AACrR,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,eAAe,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,CAAC"}

package/dist/esm/components/exclamation/exclamation.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "exclamation3624090198";
+var _namespace_ = "exclamation1691525640";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "exclamation3624090198__root", "exclamation": "exclamation3624090198__exclamation", "actions": "exclamation3624090198__actions", "action": "exclamation3624090198__action" };
+export var classes = { "root": "exclamation1691525640__root", "exclamation": "exclamation1691525640__exclamation", "actions": "exclamation1691525640__actions", "action": "exclamation1691525640__action" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/highlighted-text/highlighted-text.st.css.js

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "highlightedtext1956286532";
+var _namespace_ = "highlightedtext1920784841";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "highlightedtext1956286532__root", "substring": "highlightedtext1956286532__substring" };
-export var keyframes = { "highlighted": "highlightedtext1956286532__highlighted", "highlighted-match": "highlightedtext1956286532__highlighted-match" };
+export var classes = { "root": "highlightedtext1920784841__root", "substring": "highlightedtext1920784841__substring" };
+export var keyframes = { "highlighted": "highlightedtext1920784841__highlighted", "highlighted-match": "highlightedtext1920784841__highlighted-match" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "thumbnailreplaceoverlay1906651930";
+var _namespace_ = "thumbnailreplaceoverlay1049657370";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "thumbnailreplaceoverlay1906651930__root", "icon": "thumbnailreplaceoverlay1906651930__icon" };
+export var classes = { "root": "thumbnailreplaceoverlay1049657370__root", "icon": "thumbnailreplaceoverlay1049657370__icon" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellmediaeditshell2607537795";
+var _namespace_ = "cellmediaeditshell298960076";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "cellmediaeditshell2607537795__root" };
+export var classes = { "root": "cellmediaeditshell298960076__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell-media-edit-shell.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/cell-media-edit-shell.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,8BAA8B,CAAC;AACjD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,oCAAoC,EAAC,CAAC;AACnE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"cell-media-edit-shell.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/cell-media-edit-shell.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,CAAC;AAClE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/media-control/index.js

@@ -5,5 +5,6 @@ export * from './use-document-delete';
 export * from './paste-url-button';
 export * from './paste-url-form';
 export * from './use-cell-media-edit';
+export * from './use-media-handlers';
 export * from './cell-media-edit-shell';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/media-control/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC"}

package/dist/esm/components/media-control/paste-url-button.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "pasteurlbutton310768866";
+var _namespace_ = "pasteurlbutton3527200609";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "pasteurlbutton310768866__root", "iconButtonTooltip": "pasteurlbutton310768866__iconButtonTooltip", "iconButton": "pasteurlbutton310768866__iconButton" };
+export var classes = { "root": "pasteurlbutton3527200609__root", "iconButtonTooltip": "pasteurlbutton3527200609__iconButtonTooltip", "iconButton": "pasteurlbutton3527200609__iconButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-control/paste-url-button.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"paste-url-button.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,mBAAmB,EAAC,4CAA4C,EAAC,YAAY,EAAC,qCAAqC,EAAC,CAAC;AAClL,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"paste-url-button.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,mBAAmB,EAAC,6CAA6C,EAAC,YAAY,EAAC,sCAAsC,EAAC,CAAC;AACrL,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/media-control/use-cell-media-edit.js

@@ -1,6 +1,7 @@
 import { useCallback, useRef } from 'react';
 import { useCellEditKeyboard } from '../../hooks';
 import { useMediaControl } from './use-media-control';
+import { useMediaHandlers } from './use-media-handlers';
 import { usePasteURLForm } from './use-paste-url-form';
 /**
  * Shared state + handlers for single-value media cell edit components
@@ -20,13 +21,15 @@ export function useCellMediaEdit({ mediaType, value, onChange, onCommit, onCance
         value: value ?? undefined,
         onChange: onMediaChange,
     });
-    const handleCallMedia = useCallback(async () => {
-        onStartEdit?.();
-        const committed = await callMedia();
-        if (!committed) {
-            onCancel?.();
-        }
-    }, [onStartEdit, callMedia, onCancel]);
+    const { handleReplace: handleCallMedia, handleDelete } = useMediaHandlers({
+        value,
+        callMedia,
+        downloadMedia,
+        onChange,
+        onCommit,
+        onStartEdit,
+        onCancel,
+    });
     const { isOpen, title, onOpen, onClose, onSave } = usePasteURLForm({
         onChange: onMediaChange,
     });
@@ -38,10 +41,6 @@ export function useCellMediaEdit({ mediaType, value, onChange, onCommit, onCance
         onStartEdit?.();
         onOpen(params)();
     }, [onStartEdit, onOpen]);
-    const handleDelete = useCallback(() => {
-        onChange(null);
-        onCommit();
-    }, [onChange, onCommit]);
     const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({
         containerRef,
         onCancel,

package/dist/esm/components/media-control/use-cell-media-edit.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-cell-media-edit.js","sourceRoot":"","sources":["../../../../src/components/media-control/use-cell-media-edit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AA6CvD;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,GACe;IACvB,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEzD,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,GAAW,EAAE,EAAE;QACd,QAAQ,CAAC,GAAG,CAAC,CAAC;QACd,QAAQ,EAAE,CAAC;IACb,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IAEF,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,eAAe,CAAC;QAC5D,SAAS;QACT,KAAK,EAAE,KAAK,IAAI,SAAS;QACzB,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC7C,WAAW,EAAE,EAAE,CAAC;QAChB,MAAM,SAAS,GAAG,MAAM,SAAS,EAAE,CAAC;QACpC,IAAI,CAAC,SAAS,EAAE;YACd,QAAQ,EAAE,EAAE,CAAC;SACd;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,eAAe,CAAC;QACjE,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,MAAM,wBAAwB,GAAG,WAAW,CAC1C,CAAC,MAAyC,EAAE,EAAE,CAC5C,GAAG,EAAE;QACH,WAAW,EAAE,EAAE,CAAC;QAChB,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;IACnB,CAAC,EACH,CAAC,WAAW,EAAE,MAAM,CAAC,CACtB,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,MAAM,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,GAAG,mBAAmB,CAAC;QACxE,YAAY;QACZ,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO;QACL,YAAY;QACZ,OAAO;QACP,SAAS;QACT,aAAa;QACb,eAAe;QACf,YAAY;QACZ,wBAAwB;QACxB,YAAY,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE;QACrE,oBAAoB;QACpB,mBAAmB;KACpB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"use-cell-media-edit.js","sourceRoot":"","sources":["../../../../src/components/media-control/use-cell-media-edit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AA6CvD;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,GACe;IACvB,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEzD,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,GAAW,EAAE,EAAE;QACd,QAAQ,CAAC,GAAG,CAAC,CAAC;QACd,QAAQ,EAAE,CAAC;IACb,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IAEF,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,eAAe,CAAC;QAC5D,SAAS;QACT,KAAK,EAAE,KAAK,IAAI,SAAS;QACzB,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,gBAAgB,CAAC;QACxE,KAAK;QACL,SAAS;QACT,aAAa;QACb,QAAQ;QACR,QAAQ;QACR,WAAW;QACX,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,eAAe,CAAC;QACjE,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,MAAM,wBAAwB,GAAG,WAAW,CAC1C,CAAC,MAAyC,EAAE,EAAE,CAAC,GAAG,EAAE;QAClD,WAAW,EAAE,EAAE,CAAC;QAChB,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;IACnB,CAAC,EACD,CAAC,WAAW,EAAE,MAAM,CAAC,CACtB,CAAC;IAEF,MAAM,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,GAAG,mBAAmB,CAAC;QACxE,YAAY;QACZ,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO;QACL,YAAY;QACZ,OAAO;QACP,SAAS;QACT,aAAa;QACb,eAAe;QACf,YAAY;QACZ,wBAAwB;QACxB,YAAY,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE;QACrE,oBAAoB;QACpB,mBAAmB;KACpB,CAAC;AACJ,CAAC"}

package/dist/esm/components/media-control/use-media-handlers.js

@@ -0,0 +1,26 @@
+import { useCallback } from 'react';
+/**
+ * Shared wrapping for the three audio/document/image/video actions so cell and
+ * form callers pass identical handler shapes when building their action menus.
+ * Optional cell-only callbacks no-op in the form path.
+ */
+export function useMediaHandlers({ value, callMedia, downloadMedia, onChange, onCommit, onStartEdit, onCancel, }) {
+    const handleReplace = useCallback(async () => {
+        onStartEdit?.();
+        const committed = await callMedia();
+        if (!committed) {
+            onCancel?.();
+        }
+    }, [onStartEdit, callMedia, onCancel]);
+    const handleDownload = useCallback(() => {
+        if (value) {
+            downloadMedia(value);
+        }
+    }, [value, downloadMedia]);
+    const handleDelete = useCallback(() => {
+        onChange(null);
+        onCommit?.();
+    }, [onChange, onCommit]);
+    return { handleReplace, handleDownload, handleDelete };
+}
+//# sourceMappingURL=use-media-handlers.js.map

package/dist/esm/components/media-control/use-media-handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-handlers.js","sourceRoot":"","sources":["../../../../src/components/media-control/use-media-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAqBpC;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,SAAS,EACT,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,GACgB;IACxB,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC3C,WAAW,EAAE,EAAE,CAAC;QAChB,MAAM,SAAS,GAAG,MAAM,SAAS,EAAE,CAAC;QACpC,IAAI,CAAC,SAAS,EAAE;YACd,QAAQ,EAAE,EAAE,CAAC;SACd;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvC,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,KAAK,EAAE;YACT,aAAa,CAAC,KAAK,CAAC,CAAC;SACtB;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE3B,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,QAAQ,EAAE,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC;AACzD,CAAC"}

package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "formmediagalleryfield4220744262";
+var _namespace_ = "formmediagalleryfield3185835316";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "formmediagalleryfield4220744262__root", "container": "formmediagalleryfield4220744262__container", "viewBox": "formmediagalleryfield4220744262__viewBox", "addItemWrapper": "formmediagalleryfield4220744262__addItemWrapper", "addItem": "formmediagalleryfield4220744262__addItem", "overlay": "formmediagalleryfield4220744262__overlay", "image": "formmediagalleryfield4220744262__image", "previewImage": "formmediagalleryfield4220744262__previewImage", "previewVideo": "formmediagalleryfield4220744262__previewVideo" };
+export var classes = { "root": "formmediagalleryfield3185835316__root", "container": "formmediagalleryfield3185835316__container", "viewBox": "formmediagalleryfield3185835316__viewBox", "addItemWrapper": "formmediagalleryfield3185835316__addItemWrapper", "addItem": "formmediagalleryfield3185835316__addItem", "overlay": "formmediagalleryfield3185835316__overlay", "image": "formmediagalleryfield3185835316__image", "previewImage": "formmediagalleryfield3185835316__previewImage", "previewVideo": "formmediagalleryfield3185835316__previewVideo" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-image/media-image.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "mediaimage4014780765";
+var _namespace_ = "mediaimage1127028169";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "mediaimage4014780765__root" };
+export var classes = { "root": "mediaimage1127028169__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
-export var vars = { "wds-color-red-200": "--wds-color-red-200", "wsr-color-R20": "--wsr-color-R20", "wds-color-black-550": "--wds-color-black-550", "wsr-color-D55": "--wsr-color-D55", "from": "--mediaimage4014780765-from", "to": "--mediaimage4014780765-to" };
+export var vars = { "wds-color-red-200": "--wds-color-red-200", "wsr-color-R20": "--wsr-color-R20", "wds-color-black-550": "--wds-color-black-550", "wsr-color-D55": "--wsr-color-D55", "from": "--mediaimage1127028169-from", "to": "--mediaimage1127028169-to" };
 //# sourceMappingURL=media-image.st.css.js.map

package/dist/esm/components/media-image/overlays/overlay.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "overlay2083186616";
+var _namespace_ = "overlay2544936598";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "overlay2083186616__root", "iconOverlay": "overlay2083186616__iconOverlay" };
+export var classes = { "root": "overlay2544936598__root", "iconOverlay": "overlay2544936598__iconOverlay" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-loader/media-loader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "medialoader2739525698";
+var _namespace_ = "medialoader3457330724";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "medialoader2739525698__root", "loader": "medialoader2739525698__loader" };
+export var classes = { "root": "medialoader3457330724__root", "loader": "medialoader3457330724__loader" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "mediatag15581887";
+var _namespace_ = "mediatag3625691514";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "mediatag15581887__root" };
+export var classes = { "root": "mediatag3625691514__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-tag.st.css.js","sourceRoot":"","sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wBAAwB,EAAC,CAAC;AACvD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"media-tag.st.css.js","sourceRoot":"","sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AACzD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "formmultidocument2147054451";
+var _namespace_ = "formmultidocument3697455280";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "formmultidocument2147054451__root", "viewRoot": "formmultidocument2147054451__viewRoot", "singleViewWrapper": "formmultidocument2147054451__singleViewWrapper", "addDocumentButton": "formmultidocument2147054451__addDocumentButton" };
+export var classes = { "root": "formmultidocument3697455280__root", "viewRoot": "formmultidocument3697455280__viewRoot", "singleViewWrapper": "formmultidocument3697455280__singleViewWrapper", "addDocumentButton": "formmultidocument3697455280__addDocumentButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};