@wix/patterns-fields 1.38.0 → 1.40.0

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_ = "formmediagalleryfield299044212";
 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": "formmediagalleryfield299044212__root", "container": "formmediagalleryfield299044212__container", "viewBox": "formmediagalleryfield299044212__viewBox", "addItemWrapper": "formmediagalleryfield299044212__addItemWrapper", "addItem": "formmediagalleryfield299044212__addItem", "overlay": "formmediagalleryfield299044212__overlay", "image": "formmediagalleryfield299044212__image", "previewImage": "formmediagalleryfield299044212__previewImage", "previewVideo": "formmediagalleryfield299044212__previewVideo" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"form-media-gallery-field.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,iCAAiC,CAAC;AACpD,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,uCAAuC,EAAC,WAAW,EAAC,4CAA4C,EAAC,SAAS,EAAC,0CAA0C,EAAC,gBAAgB,EAAC,iDAAiD,EAAC,SAAS,EAAC,0CAA0C,EAAC,SAAS,EAAC,0CAA0C,EAAC,OAAO,EAAC,wCAAwC,EAAC,cAAc,EAAC,+CAA+C,EAAC,cAAc,EAAC,+CAA+C,EAAC,CAAC;AAChhB,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":"form-media-gallery-field.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,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,sCAAsC,EAAC,WAAW,EAAC,2CAA2C,EAAC,SAAS,EAAC,yCAAyC,EAAC,gBAAgB,EAAC,gDAAgD,EAAC,SAAS,EAAC,yCAAyC,EAAC,SAAS,EAAC,yCAAyC,EAAC,OAAO,EAAC,uCAAuC,EAAC,cAAc,EAAC,8CAA8C,EAAC,cAAc,EAAC,8CAA8C,EAAC,CAAC;AACvgB,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-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_ = "mediaimage3603088629";
 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": "mediaimage3603088629__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": "--mediaimage3603088629-from", "to": "--mediaimage3603088629-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_ = "overlay3561604361";
 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": "overlay3561604361__root", "iconOverlay": "overlay3561604361__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_ = "medialoader3999422864";
 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": "medialoader3999422864__root", "loader": "medialoader3999422864__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_ = "mediatag1940239050";
 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": "mediatag1940239050__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/cell-multi-document-edit.js

@@ -0,0 +1,148 @@
+import React, { useCallback, useMemo, useRef, useState } from 'react';
+import { Box, IconButton, Loader, PopoverMenu, Tag, Tooltip, } from '@wix/design-system';
+import { Add, Delete, DocumentSmall, Download, ExternalLink, Link, LinkSmall, MoreSmall, Replace, } from '@wix/wix-ui-icons-common';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { getMediaTitle, MEDIA_TYPES } from '../../utils/media-utils';
+import { getMediaURL } from '../../auto-field-types';
+import { useTranslations, useCellEditKeyboard } from '../../hooks';
+import { PasteURLForm, MediaFieldType, useMediaControl, usePasteURLForm, } from '../media-control';
+import { openDocument } from '../document/utils';
+export const CellMultiDocumentEdit = ({ value, onChange, onCommit, onCancel, onStartEdit, inputRef, dataHook, fieldId, }) => {
+    const { t } = useTranslations();
+    const msid = useWixPatternsContainer()?.environment?.msid;
+    const uris = useMemo(() => value ?? [], [value]);
+    const containerRef = useRef(null);
+    const handleMultiChange = useCallback((next) => {
+        onChange(next.length === 0 ? null : next);
+        onCommit();
+    }, [onChange, onCommit]);
+    const { callMedia, downloadMedia, loading } = useMediaControl({
+        mediaType: MEDIA_TYPES.ALL_MEDIA,
+        value: uris,
+        onChange: handleMultiChange,
+        multiSelect: true,
+    });
+    // In multi-doc, dismissing a picker/form must NOT exit the whole editor —
+    // the user is mid-multi-edit and may want to act on other chips. Only Escape
+    // (via useCellEditKeyboard) and click-outside should fire onCancel.
+    const handleAdd = useCallback(async () => {
+        onStartEdit?.();
+        await callMedia();
+    }, [callMedia, onStartEdit]);
+    const [replaceIndex, setReplaceIndex] = useState(null);
+    const handleReplace = useCallback((index) => async () => {
+        onStartEdit?.();
+        setReplaceIndex(index);
+        await callMedia(index);
+        setReplaceIndex(null);
+    }, [callMedia, onStartEdit]);
+    const handleDelete = useCallback((index) => () => {
+        const next = uris.filter((_, i) => i !== index);
+        handleMultiChange(next);
+    }, [uris, handleMultiChange]);
+    const handleOpen = useCallback((uri) => () => {
+        openDocument(getMediaURL(uri, msid));
+    }, [msid]);
+    const handleDownload = useCallback((uri) => () => {
+        downloadMedia(uri);
+    }, [downloadMedia]);
+    const onPastedURLChange = useCallback((urlValue, indexToReplace) => {
+        if (indexToReplace !== undefined) {
+            const next = [...uris];
+            next.splice(indexToReplace, 1, urlValue);
+            handleMultiChange(next);
+        }
+        else {
+            handleMultiChange([...uris, urlValue]);
+        }
+    }, [uris, handleMultiChange]);
+    const pasteUrlForm = usePasteURLForm({ onChange: onPastedURLChange });
+    const openAddViaUrl = useCallback(() => {
+        onStartEdit?.();
+        pasteUrlForm.onOpen({ title: t('CMS.document.pasteUrl.title') })();
+    }, [onStartEdit, pasteUrlForm, t]);
+    const openReplaceViaUrl = useCallback((index, currentValue) => () => {
+        onStartEdit?.();
+        pasteUrlForm.onOpen({
+            title: t('CMS.document.replaceWithUrl.title'),
+            value: currentValue,
+            index,
+        })();
+    }, [onStartEdit, pasteUrlForm, t]);
+    const handlePasteUrlClose = useCallback(() => {
+        pasteUrlForm.onClose();
+    }, [pasteUrlForm]);
+    const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({
+        containerRef,
+        onCancel,
+        inputRef,
+    });
+    const addDocLabel = t('CMS.document.add.button.text');
+    const addViaUrlLabel = t('CMS.document.pasteUrl.button');
+    return (React.createElement("div", { ref: containerRef, "data-hook": dataHook, onFocus: handleContainerFocus, onBlur: handleContainerBlur, style: {
+            width: '100%',
+            // min-width: 0 lets the wrapper shrink to the column width inside the
+            // flex .root, so flex-wrap on the chip strip has a bounded width.
+            minWidth: 0,
+            maxWidth: '100%',
+            boxSizing: 'border-box',
+        } },
+        uris.length === 0 ? (React.createElement(Box, { align: "space-between", verticalAlign: "middle", height: "100%", padding: "0 8px", gap: "SP1", style: { boxSizing: 'border-box' } },
+            React.createElement(Tooltip, { content: addDocLabel, appendTo: "window" },
+                React.createElement(IconButton, { dataHook: "multi-document-edit-add-button", ariaLabel: addDocLabel, size: "tiny", priority: "secondary", onClick: handleAdd },
+                    React.createElement(Add, null))),
+            React.createElement(Tooltip, { content: addViaUrlLabel, appendTo: "window" },
+                React.createElement(IconButton, { dataHook: "multi-document-edit-paste-url-button", ariaLabel: addViaUrlLabel, size: "tiny", priority: "tertiary", onClick: openAddViaUrl },
+                    React.createElement(LinkSmall, null))))) : (React.createElement(Box, { padding: "SP1", gap: "SP1", verticalAlign: "middle", style: { flexWrap: 'wrap', boxSizing: 'border-box' } },
+            uris.map((uri, index) => {
+                const isReplacing = replaceIndex === index && loading;
+                if (isReplacing) {
+                    return (React.createElement(Box, { key: `${fieldId}-${index}-loading`, verticalAlign: "middle", height: "24px" },
+                        React.createElement(Loader, { dataHook: "loader", size: "tiny" })));
+                }
+                return (React.createElement(Box, { key: `${fieldId}-${index}`, verticalAlign: "middle", 
+                    // Cap the per-chip wrapper at the chip strip's content width so a
+                    // single long filename can't overflow the column. Apply on the
+                    // Box (a flex item of the strip) rather than the Tag — Tag's
+                    // PopoverNextTrigger parent has no max-width, so a percentage
+                    // clamp on the Tag itself is degenerate at narrow widths.
+                    style: { minWidth: 0, maxWidth: '100%' } },
+                    React.createElement(PopoverMenu, { textSize: "small", appendTo: "window", triggerElement: React.createElement(Tag, { id: `${fieldId}-${index}`, dataHook: "multi-document-edit-tag", size: "small", thumb: React.createElement(DocumentSmall, null), removable: false, maxWidth: "100%" },
+                            React.createElement("span", { style: {
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    gap: 4,
+                                    width: '100%',
+                                    minWidth: 0,
+                                } },
+                                React.createElement("span", { style: {
+                                        flex: '1 1 auto',
+                                        overflow: 'hidden',
+                                        textOverflow: 'ellipsis',
+                                        whiteSpace: 'nowrap',
+                                        minWidth: 0,
+                                    } }, getMediaTitle(uri)),
+                                React.createElement(MoreSmall, { style: {
+                                        width: 12,
+                                        height: 12,
+                                        flexShrink: 0,
+                                    } }))) },
+                        React.createElement(PopoverMenu.MenuItem, { dataHook: "multi-document-edit-action-replace", text: t('CMS.document.action.replace'), prefixIcon: React.createElement(Replace, null), onClick: handleReplace(index) }),
+                        React.createElement(PopoverMenu.MenuItem, { dataHook: "multi-document-edit-action-replace-url", text: t('CMS.document.action.replaceWithUrl'), prefixIcon: React.createElement(Link, null), onClick: openReplaceViaUrl(index, uri) }),
+                        React.createElement(PopoverMenu.Divider, null),
+                        React.createElement(PopoverMenu.MenuItem, { dataHook: "multi-document-edit-action-open", text: t('CMS.document.action.open'), prefixIcon: React.createElement(ExternalLink, null), onClick: handleOpen(uri) }),
+                        React.createElement(PopoverMenu.MenuItem, { dataHook: "multi-document-edit-action-download", text: t('CMS.document.action.download'), prefixIcon: React.createElement(Download, null), onClick: handleDownload(uri) }),
+                        React.createElement(PopoverMenu.Divider, null),
+                        React.createElement(PopoverMenu.MenuItem, { dataHook: "multi-document-edit-action-delete", text: t('CMS.document.action.delete'), skin: "destructive", prefixIcon: React.createElement(Delete, null), onClick: handleDelete(index) }))));
+            }),
+            React.createElement(Box, { gap: "SP1", verticalAlign: "middle" },
+                React.createElement(Tooltip, { content: addDocLabel, appendTo: "window" },
+                    React.createElement(IconButton, { dataHook: "multi-document-edit-add-button", ariaLabel: addDocLabel, size: "tiny", priority: "secondary", onClick: handleAdd },
+                        React.createElement(Add, null))),
+                React.createElement(Tooltip, { content: addViaUrlLabel, appendTo: "window" },
+                    React.createElement(IconButton, { dataHook: "multi-document-edit-paste-url-button", ariaLabel: addViaUrlLabel, size: "tiny", priority: "tertiary", onClick: openAddViaUrl },
+                        React.createElement(LinkSmall, null)))))),
+        React.createElement(PasteURLForm, { title: pasteUrlForm.title, value: pasteUrlForm.value, show: pasteUrlForm.isOpen, closeModal: handlePasteUrlClose, onSave: pasteUrlForm.onSave, fieldType: MediaFieldType.document })));
+};
+CellMultiDocumentEdit.displayName = 'CellMultiDocumentEdit';
+//# sourceMappingURL=cell-multi-document-edit.js.map

package/dist/esm/components/multi-document/cell-multi-document-edit.js.map

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

package/dist/esm/components/multi-document/cell-multi-document-view.js

@@ -0,0 +1,26 @@
+import React, { useMemo } from 'react';
+import { Box, TagList } from '@wix/design-system';
+import { DocumentSmall } from '@wix/wix-ui-icons-common';
+import { getMediaTitle } from '../../utils/media-utils';
+export const CellMultiDocumentView = ({ value, dataHook, fieldId, }) => {
+    const tags = useMemo(() => (value ?? []).map((uri, i) => ({
+        id: `${fieldId}-${i}`,
+        dataHook: 'cell-multi-document-tag',
+        thumb: React.createElement(DocumentSmall, null),
+        children: getMediaTitle(uri),
+        removable: false,
+    })), [value, fieldId]);
+    if (tags.length === 0) {
+        return null;
+    }
+    return (React.createElement(Box, { dataHook: dataHook, direction: "vertical", verticalAlign: "middle", padding: "0 8px", height: "100%", width: "100%", minWidth: 0 },
+        React.createElement(TagList, { overflowMode: {
+                type: 'collapse',
+                overflowTooltipContent: (hiddenTags) => hiddenTags
+                    .map((tag) => typeof tag.children === 'string' ? tag.children : '')
+                    .filter(Boolean)
+                    .join(', '),
+            }, size: "small", dataHook: "cell-multi-document-tags", tags: tags })));
+};
+CellMultiDocumentView.displayName = 'CellMultiDocumentView';
+//# sourceMappingURL=cell-multi-document-view.js.map

package/dist/esm/components/multi-document/cell-multi-document-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-multi-document-view.js","sourceRoot":"","sources":["../../../../src/components/multi-document/cell-multi-document-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAaxD,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,KAAK,EACL,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE,CACH,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAC7B,EAAE,EAAE,GAAG,OAAO,IAAI,CAAC,EAAE;QACrB,QAAQ,EAAE,yBAAyB;QACnC,KAAK,EAAE,oBAAC,aAAa,OAAG;QACxB,QAAQ,EAAE,aAAa,CAAC,GAAG,CAAC;QAC5B,SAAS,EAAE,KAAc;KAC1B,CAAC,CAAC,EACL,CAAC,KAAK,EAAE,OAAO,CAAC,CACjB,CAAC;IAEF,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;QACrB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,EACpB,aAAa,EAAC,QAAQ,EACtB,OAAO,EAAC,OAAO,EACf,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAE,CAAC;QAEX,oBAAC,OAAO,IACN,YAAY,EAAE;gBACZ,IAAI,EAAE,UAAU;gBAChB,sBAAsB,EAAE,CAAC,UAAU,EAAE,EAAE,CACrC,UAAU;qBACP,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CACX,OAAO,GAAG,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACrD;qBACA,MAAM,CAAC,OAAO,CAAC;qBACf,IAAI,CAAC,IAAI,CAAC;aAChB,EACD,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,0BAA0B,EACnC,IAAI,EAAE,IAAI,GACV,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC"}

package/dist/esm/components/multi-document/index.js

@@ -1,4 +1,6 @@
 export { MultiDocumentView } from './multi-document-view/multi-document-view';
 export { FormMultiDocument } from './multi-document-input/form-multi-document';
 export { FormMultiDocumentField } from './multi-document-input/form-multi-document-field';
+export { CellMultiDocumentView } from './cell-multi-document-view';
+export { CellMultiDocumentEdit } from './cell-multi-document-edit';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/multi-document/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/multi-document/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,sBAAsB,EAAE,MAAM,kDAAkD,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/multi-document/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,sBAAsB,EAAE,MAAM,kDAAkD,CAAC;AAC1F,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,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_ = "formmultidocument1520711159";
 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": "formmultidocument1520711159__root", "viewRoot": "formmultidocument1520711159__viewRoot", "singleViewWrapper": "formmultidocument1520711159__singleViewWrapper", "addDocumentButton": "formmultidocument1520711159__addDocumentButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/reference/cell-reference-input.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellreferenceinput241502562";
+var _namespace_ = "cellreferenceinput2943287064";
 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": "cellreferenceinput241502562__root", "autocomplete": "cellreferenceinput241502562__autocomplete" };
+export var classes = { "root": "cellreferenceinput2943287064__root", "autocomplete": "cellreferenceinput2943287064__autocomplete" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/reference/cell-reference-input.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell-reference-input.st.css.js","sourceRoot":"","sources":["../../../../src/components/reference/cell-reference-input.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,EAAC,2CAA2C,EAAC,CAAC;AAC7H,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-reference-input.st.css.js","sourceRoot":"","sources":["../../../../src/components/reference/cell-reference-input.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,EAAC,4CAA4C,EAAC,CAAC;AAC/H,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/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentdefaultvalueinput2578934503";
+var _namespace_ = "richcontentdefaultvalueinput1516859509";
 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": "richcontentdefaultvalueinput2578934503__root", "richContentEditorContainer": "richcontentdefaultvalueinput2578934503__richContentEditorContainer", "editor": "richcontentdefaultvalueinput2578934503__editor" };
+export var classes = { "root": "richcontentdefaultvalueinput1516859509__root", "richContentEditorContainer": "richcontentdefaultvalueinput1516859509__richContentEditorContainer", "editor": "richcontentdefaultvalueinput1516859509__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentforminput3193456479";
+var _namespace_ = "richcontentforminput1051770621";
 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": "richcontentforminput3193456479__root", "editor": "richcontentforminput3193456479__editor" };
+export var classes = { "root": "richcontentforminput1051770621__root", "editor": "richcontentforminput1051770621__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentformreadonlyinput3133936628";
+var _namespace_ = "richcontentformreadonlyinput2154684961";
 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": "richcontentformreadonlyinput3133936628__root" };
+export var classes = { "root": "richcontentformreadonlyinput2154684961__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "fullscreenmodal2175629784";
+var _namespace_ = "fullscreenmodal858536236";
 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": "fullscreenmodal2175629784__root", "modalContent": "fullscreenmodal2175629784__modalContent" };
+export var classes = { "root": "fullscreenmodal858536236__root", "modalContent": "fullscreenmodal858536236__modalContent" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"fullscreen-modal.st.css.js","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAIvF,IAAI,WAAW,GAAG,2BAA2B,CAAC;AAC9C,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,iCAAiC,EAAC,cAAc,EAAC,yCAAyC,EAAC,CAAC;AACzH,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,iBAAiB,EAAC,mBAAmB,EAAC,eAAe,EAAC,iBAAiB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,CAAC"}
+{"version":3,"file":"fullscreen-modal.st.css.js","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAIvF,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,cAAc,EAAC,wCAAwC,EAAC,CAAC;AACvH,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,iBAAiB,EAAC,mBAAmB,EAAC,eAAe,EAAC,iBAAiB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,CAAC"}

package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "publishloader2355318947";
+var _namespace_ = "publishloader3184907926";
 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": "publishloader2355318947__root", "publishLoader": "publishloader2355318947__publishLoader" };
+export var classes = { "root": "publishloader3184907926__root", "publishLoader": "publishloader3184907926__publishLoader" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "togglefullscreenbutton3754763626";
+var _namespace_ = "togglefullscreenbutton3244257476";
 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": "togglefullscreenbutton3754763626__root" };
+export var classes = { "root": "togglefullscreenbutton3244257476__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontenteditor3626643904";
+var _namespace_ = "richcontenteditor2251144620";
 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": "richcontenteditor3626643904__root", "toolbarContainer": "richcontenteditor3626643904__toolbarContainer", "footerToolbarContainer": "richcontenteditor3626643904__footerToolbarContainer", "toolbarAndFullScreenButtonWrapper": "richcontenteditor3626643904__toolbarAndFullScreenButtonWrapper", "editor": "richcontenteditor3626643904__editor", "modalEditor": "richcontenteditor3626643904__modalEditor" };
+export var classes = { "root": "richcontenteditor2251144620__root", "toolbarContainer": "richcontenteditor2251144620__toolbarContainer", "footerToolbarContainer": "richcontenteditor2251144620__footerToolbarContainer", "toolbarAndFullScreenButtonWrapper": "richcontenteditor2251144620__toolbarAndFullScreenButtonWrapper", "editor": "richcontenteditor2251144620__editor", "modalEditor": "richcontenteditor2251144620__modalEditor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontenttoolbar529659145";
+var _namespace_ = "richcontenttoolbar607396278";
 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": "richcontenttoolbar529659145__root", "toolbar": "richcontenttoolbar529659145__toolbar", "toolbarButton": "richcontenttoolbar529659145__toolbarButton" };
+export var classes = { "root": "richcontenttoolbar607396278__root", "toolbar": "richcontenttoolbar607396278__toolbar", "toolbarButton": "richcontenttoolbar607396278__toolbarButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentviewer2814214141";
+var _namespace_ = "richcontentviewer2620593037";
 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": "richcontentviewer2814214141__root", "viewer": "richcontentviewer2814214141__viewer", "modalViewer": "richcontentviewer2814214141__modalViewer" };
+export var classes = { "root": "richcontentviewer2620593037__root", "viewer": "richcontentviewer2620593037__viewer", "modalViewer": "richcontentviewer2620593037__modalViewer" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};