@wix/patterns-fields 1.42.0 → 1.44.0

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmediagalleryfield494754511\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmediagalleryfield494754511__root\",\"container\":\"formmediagalleryfield494754511__container\",\"viewBox\":\"formmediagalleryfield494754511__viewBox\",\"addItemWrapper\":\"formmediagalleryfield494754511__addItemWrapper\",\"addItem\":\"formmediagalleryfield494754511__addItem\",\"overlay\":\"formmediagalleryfield494754511__overlay\",\"image\":\"formmediagalleryfield494754511__image\",\"previewImage\":\"formmediagalleryfield494754511__previewImage\",\"previewVideo\":\"formmediagalleryfield494754511__previewVideo\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,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;AAA8C,CAAC;AAC/f,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmediagalleryfield177580183\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmediagalleryfield177580183__root\",\"container\":\"formmediagalleryfield177580183__container\",\"viewBox\":\"formmediagalleryfield177580183__viewBox\",\"addItemWrapper\":\"formmediagalleryfield177580183__addItemWrapper\",\"addItem\":\"formmediagalleryfield177580183__addItem\",\"overlay\":\"formmediagalleryfield177580183__overlay\",\"image\":\"formmediagalleryfield177580183__image\",\"previewImage\":\"formmediagalleryfield177580183__previewImage\",\"previewVideo\":\"formmediagalleryfield177580183__previewVideo\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,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;AAA8C,CAAC;AAC/f,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "mediaimage3088306492";
+var _namespace_ = "mediaimage3330258919";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "mediaimage3088306492__root"
+  "root": "mediaimage3330258919__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
@@ -23,7 +23,7 @@ var vars = exports.vars = {
   "wsr-color-R20": "--wsr-color-R20",
   "wds-color-black-550": "--wds-color-black-550",
   "wsr-color-D55": "--wsr-color-D55",
-  "from": "--mediaimage3088306492-from",
-  "to": "--mediaimage3088306492-to"
+  "from": "--mediaimage3330258919-from",
+  "to": "--mediaimage3330258919-to"
 };
 //# sourceMappingURL=media-image.st.css.js.map

package/dist/cjs/components/media-image/media-image.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage3088306492\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediaimage3088306492__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport 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\":\"--mediaimage3088306492-from\",\"to\":\"--mediaimage3088306492-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage3330258919\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediaimage3330258919__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport 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\":\"--mediaimage3330258919-from\",\"to\":\"--mediaimage3330258919-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "overlay3159494699";
+var _namespace_ = "overlay3988259752";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "overlay3159494699__root",
-  "iconOverlay": "overlay3159494699__iconOverlay"
+  "root": "overlay3988259752__root",
+  "iconOverlay": "overlay3988259752__iconOverlay"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"overlay3159494699\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"overlay3159494699__root\",\"iconOverlay\":\"overlay3159494699__iconOverlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,aAAa,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"overlay3988259752\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"overlay3988259752__root\",\"iconOverlay\":\"overlay3988259752__iconOverlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,aAAa,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "medialoader446546935";
+var _namespace_ = "medialoader258840642";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "medialoader446546935__root",
-  "loader": "medialoader446546935__loader"
+  "root": "medialoader258840642__root",
+  "loader": "medialoader258840642__loader"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-loader/media-loader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-loader/media-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"medialoader446546935\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"medialoader446546935__root\",\"loader\":\"medialoader446546935__loader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"loaderBorderRadius\":\"6px\",\"blue300\":\"var(--wds-color-blue-300, var(--wsr-color-B30))\"}; \nexport var vars = {\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,QAAQ,EAAC;AAA8B,CAAC;AAC3F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,oBAAoB,EAAC,KAAK;EAAC,SAAS,EAAC;AAAiD,CAAC;AACrG,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-loader/media-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"medialoader258840642\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"medialoader258840642__root\",\"loader\":\"medialoader258840642__loader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"loaderBorderRadius\":\"6px\",\"blue300\":\"var(--wds-color-blue-300, var(--wsr-color-B30))\"}; \nexport var vars = {\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,QAAQ,EAAC;AAA8B,CAAC;AAC3F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,oBAAoB,EAAC,KAAK;EAAC,SAAS,EAAC;AAAiD,CAAC;AACrG,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "mediatag4224927626";
+var _namespace_ = "mediatag3640290777";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "mediatag4224927626__root"
+  "root": "mediatag3640290777__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediatag4224927626\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediatag4224927626__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wsr-color-B40\":\"--wsr-color-B40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediatag3640290777\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediatag3640290777__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wsr-color-B40\":\"--wsr-color-B40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formmultidocument3120106083";
+var _namespace_ = "formmultidocument2441635574";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "formmultidocument3120106083__root",
-  "viewRoot": "formmultidocument3120106083__viewRoot",
-  "singleViewWrapper": "formmultidocument3120106083__singleViewWrapper",
-  "addDocumentButton": "formmultidocument3120106083__addDocumentButton"
+  "root": "formmultidocument2441635574__root",
+  "viewRoot": "formmultidocument2441635574__viewRoot",
+  "singleViewWrapper": "formmultidocument2441635574__singleViewWrapper",
+  "addDocumentButton": "formmultidocument2441635574__addDocumentButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmultidocument3120106083\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmultidocument3120106083__root\",\"viewRoot\":\"formmultidocument3120106083__viewRoot\",\"singleViewWrapper\":\"formmultidocument3120106083__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument3120106083__addDocumentButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\"}; \nexport var vars = {\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wds-color-neutral-600\":\"--wds-color-neutral-600\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-D60\":\"--wsr-color-D60\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,UAAU,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,gDAAgD;EAAC,mBAAmB,EAAC;AAAgD,CAAC;AACvP,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC;AAA6C,CAAC;AAC5G,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmultidocument2441635574\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmultidocument2441635574__root\",\"viewRoot\":\"formmultidocument2441635574__viewRoot\",\"singleViewWrapper\":\"formmultidocument2441635574__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument2441635574__addDocumentButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\"}; \nexport var vars = {\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wds-color-neutral-600\":\"--wds-color-neutral-600\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-D60\":\"--wsr-color-D60\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,UAAU,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,gDAAgD;EAAC,mBAAmB,EAAC;AAAgD,CAAC;AACvP,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC;AAA6C,CAAC;AAC5G,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/reference/cell-multi-reference-input.js

@@ -0,0 +1,215 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CellMultiReferenceInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _useTranslations = require("../../hooks/use-translations");
+var _referenceAvatar = require("./reference-avatar");
+var _cellMultiReferenceInputStCss = require("./cell-multi-reference-input.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/reference/cell-multi-reference-input.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ROW_HEIGHT = 30;
+const MAX_NUM_ROWS = 7;
+const CellMultiReferenceInput = exports.CellMultiReferenceInput = /*#__PURE__*/_react.default.forwardRef(({
+  items,
+  selectedItems,
+  value,
+  onChange,
+  onSelect,
+  onRemoveTag,
+  onBlur,
+  onKeyDown,
+  infiniteScroll,
+  hasMore,
+  loadMore,
+  fixedFooter,
+  onOpenCollection,
+  autoOpen,
+  inputRef,
+  dataHook
+}, ref) => {
+  const {
+    t
+  } = (0, _useTranslations.useTranslations)();
+  const msRef = (0, _react.useRef)(null);
+  const wrapperRef = (0, _react.useRef)(null);
+  _react.default.useImperativeHandle(ref, () => ({
+    focus: () => {
+      var _msRef$current;
+      return (_msRef$current = msRef.current) == null || _msRef$current.focus == null ? void 0 : _msRef$current.focus();
+    },
+    hideOptions: () => {
+      var _msRef$current2;
+      return (_msRef$current2 = msRef.current) == null || _msRef$current2.hideOptions == null ? void 0 : _msRef$current2.hideOptions();
+    }
+  }));
+  (0, _react.useEffect)(() => {
+    if (autoOpen) {
+      var _msRef$current3;
+      (_msRef$current3 = msRef.current) == null || _msRef$current3.focus == null || _msRef$current3.focus();
+      requestAnimationFrame(() => {
+        var _msRef$current4;
+        return (_msRef$current4 = msRef.current) == null || _msRef$current4.showOptions == null ? void 0 : _msRef$current4.showOptions();
+      });
+    }
+    // Intentionally run only on mount
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // Expose the MultiSelect input element to the framework's inputRef so
+  // type-to-edit + framework-level focus management work.
+  (0, _react.useEffect)(() => {
+    var _wrapperRef$current;
+    if (!inputRef) {
+      return;
+    }
+    const el = (_wrapperRef$current = wrapperRef.current) == null ? void 0 : _wrapperRef$current.querySelector('input');
+    if (el) {
+      inputRef.current = {
+        focus: () => el.focus()
+      };
+    }
+  }, [inputRef]);
+  const untitled = t('patterns-fields.reference.untitled');
+  const tags = (0, _react.useMemo)(() => selectedItems.map(item => ({
+    id: item.id,
+    dataHook: 'multi-reference-edit-tag',
+    label: item.name || untitled,
+    thumb: /*#__PURE__*/_react.default.createElement(_referenceAvatar.ReferenceAvatar, {
+      name: item.name || untitled,
+      image: item.image,
+      size: "size18",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 117,
+        columnNumber: 13
+      }
+    })
+  })), [selectedItems, untitled]);
+  const options = (0, _react.useMemo)(() => items.map(item => (0, _designSystem.listItemSelectBuilder)({
+    id: item.id,
+    title: item.name || untitled,
+    label: item.name || untitled,
+    prefix: /*#__PURE__*/_react.default.createElement(_referenceAvatar.ReferenceAvatar, {
+      name: item.name || untitled,
+      image: item.image,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 135,
+        columnNumber: 15
+      }
+    }),
+    size: 'small',
+    ellipsis: true
+  })), [items, untitled]);
+  const handleChange = (0, _react.useCallback)(e => onChange(e.target.value), [onChange]);
+  const handleSelect = (0, _react.useCallback)(option => {
+    const item = items.find(i => i.id === String(option.id));
+    if (item) {
+      onSelect(item);
+    }
+  }, [items, onSelect]);
+  const handleRemoveTag = (0, _react.useCallback)(id => onRemoveTag(String(id)), [onRemoveTag]);
+  const combinedFooter = (0, _react.useMemo)(() => {
+    if (!fixedFooter && !onOpenCollection) {
+      return undefined;
+    }
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+      _react.default.createElement("div", {
+        onMouseDown: e => e.preventDefault(),
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 173,
+          columnNumber: 9
+        }
+      }, fixedFooter, onOpenCollection && /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 175,
+          columnNumber: 32
+        }
+      }), onOpenCollection && /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
+        title: t('patterns-fields.reference.open_collection'),
+        size: "small",
+        onClick: () => {
+          var _msRef$current5;
+          (_msRef$current5 = msRef.current) == null || _msRef$current5.hideOptions == null || _msRef$current5.hideOptions();
+          onOpenCollection();
+        },
+        dataHook: "reference-open-collection",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 177,
+          columnNumber: 13
+        }
+      }))
+    );
+  }, [fixedFooter, onOpenCollection, t]);
+  return (
+    /*#__PURE__*/
+    // Prevent EditableCell's row click/dblclick handlers from firing when
+    // the user interacts with the input or dropdown.
+    _react.default.createElement("div", {
+      ref: wrapperRef,
+      className: (0, _cellMultiReferenceInputStCss.st)(_cellMultiReferenceInputStCss.classes.root),
+      "data-hook": dataHook,
+      onClick: e => e.stopPropagation(),
+      onMouseDown: e => e.stopPropagation()
+      // Capture phase so keys (e.g. Escape) can be intercepted before the
+      // WDS MultiSelect handles and stops them on the inner input.
+      ,
+      onKeyDownCapture: onKeyDown,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 194,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.MultiSelect, {
+      ref: instance => {
+        msRef.current = instance;
+      },
+      dataHook: "multi-reference-input-multiselect",
+      size: "small",
+      border: "none",
+      tags: tags,
+      options: options,
+      predicate: () => true,
+      value: value,
+      onChange: handleChange,
+      onSelect: handleSelect,
+      onRemoveTag: handleRemoveTag,
+      onBlur: onBlur,
+      placeholder: selectedItems.length === 0 ? t('auto-patterns.fields.select_placeholder') : '',
+      emptyStateMessage: t('auto-patterns.fields.no_results_found'),
+      maxHeightPixels: ROW_HEIGHT * MAX_NUM_ROWS,
+      infiniteScroll: infiniteScroll,
+      hasMore: hasMore,
+      loadMore: loadMore,
+      fixedFooter: combinedFooter,
+      popoverProps: {
+        appendTo: 'window',
+        flip: true,
+        fixed: false,
+        placement: 'bottom-start',
+        zIndex: 9999
+      },
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 204,
+        columnNumber: 9
+      }
+    }))
+  );
+});
+CellMultiReferenceInput.displayName = 'CellMultiReferenceInput';
+//# sourceMappingURL=cell-multi-reference-input.js.map

package/dist/cjs/components/reference/cell-multi-reference-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_useTranslations","_referenceAvatar","_cellMultiReferenceInputStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ROW_HEIGHT","MAX_NUM_ROWS","CellMultiReferenceInput","exports","React","forwardRef","items","selectedItems","value","onChange","onSelect","onRemoveTag","onBlur","onKeyDown","infiniteScroll","hasMore","loadMore","fixedFooter","onOpenCollection","autoOpen","inputRef","dataHook","ref","useTranslations","msRef","useRef","wrapperRef","useImperativeHandle","focus","_msRef$current","current","hideOptions","_msRef$current2","useEffect","_msRef$current3","requestAnimationFrame","_msRef$current4","showOptions","_wrapperRef$current","el","querySelector","untitled","tags","useMemo","map","item","id","label","name","thumb","createElement","ReferenceAvatar","image","size","__self","__source","fileName","lineNumber","columnNumber","options","listItemSelectBuilder","title","prefix","ellipsis","handleChange","useCallback","target","handleSelect","option","find","String","handleRemoveTag","combinedFooter","undefined","onMouseDown","preventDefault","Divider","ListItemAction","onClick","_msRef$current5","className","st","classes","root","stopPropagation","onKeyDownCapture","MultiSelect","instance","border","predicate","placeholder","length","emptyStateMessage","maxHeightPixels","popoverProps","appendTo","flip","fixed","placement","zIndex","displayName"],"sources":["../../../../src/components/reference/cell-multi-reference-input.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport {\n  Divider,\n  ListItemAction,\n  MultiSelect,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { useTranslations } from '../../hooks/use-translations';\nimport { ReferenceAvatar } from './reference-avatar';\nimport type { CellMultiReferenceItem } from './cell-multi-reference-view';\nimport { st, classes } from './cell-multi-reference-input.st.css.js';\n\nexport type { CellMultiReferenceItem };\n\nexport interface CellMultiReferenceInputHandle {\n  focus: () => void;\n  hideOptions: () => void;\n}\n\nexport interface CellMultiReferenceInputProps {\n  /** Dropdown options — already filtered/paginated by the caller. */\n  items: CellMultiReferenceItem[];\n  /** Currently selected references, rendered as removable chips. */\n  selectedItems: CellMultiReferenceItem[];\n  /** Text shown in the search input. */\n  value: string;\n  onChange: (value: string) => void;\n  onSelect: (item: CellMultiReferenceItem) => void;\n  onRemoveTag: (id: string) => void;\n  onBlur?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n  infiniteScroll?: boolean;\n  hasMore?: boolean;\n  loadMore?: () => void;\n  fixedFooter?: React.ReactNode;\n  /** When provided, renders an \"Open Collection\" action at the bottom of the dropdown. */\n  onOpenCollection?: () => void;\n  /** Open dropdown immediately on mount (single-click / type-to-edit triggers). */\n  autoOpen?: boolean;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n}\n\nconst ROW_HEIGHT = 30;\nconst MAX_NUM_ROWS = 7;\n\ninterface MultiSelectHandle {\n  focus?: () => void;\n  showOptions?: () => void;\n  hideOptions?: () => void;\n}\n\nexport const CellMultiReferenceInput = React.forwardRef<\n  CellMultiReferenceInputHandle,\n  CellMultiReferenceInputProps\n>(\n  (\n    {\n      items,\n      selectedItems,\n      value,\n      onChange,\n      onSelect,\n      onRemoveTag,\n      onBlur,\n      onKeyDown,\n      infiniteScroll,\n      hasMore,\n      loadMore,\n      fixedFooter,\n      onOpenCollection,\n      autoOpen,\n      inputRef,\n      dataHook,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n    const msRef = useRef<MultiSelectHandle | null>(null);\n    const wrapperRef = useRef<HTMLDivElement | null>(null);\n\n    React.useImperativeHandle(ref, () => ({\n      focus: () => msRef.current?.focus?.(),\n      hideOptions: () => msRef.current?.hideOptions?.(),\n    }));\n\n    useEffect(() => {\n      if (autoOpen) {\n        msRef.current?.focus?.();\n        requestAnimationFrame(() => msRef.current?.showOptions?.());\n      }\n      // Intentionally run only on mount\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // Expose the MultiSelect input element to the framework's inputRef so\n    // type-to-edit + framework-level focus management work.\n    useEffect(() => {\n      if (!inputRef) {\n        return;\n      }\n      const el = wrapperRef.current?.querySelector<HTMLInputElement>('input');\n      if (el) {\n        inputRef.current = { focus: () => el.focus() };\n      }\n    }, [inputRef]);\n\n    const untitled = t('patterns-fields.reference.untitled');\n\n    const tags = useMemo(\n      () =>\n        selectedItems.map((item) => ({\n          id: item.id,\n          dataHook: 'multi-reference-edit-tag',\n          label: item.name || untitled,\n          thumb: (\n            <ReferenceAvatar\n              name={item.name || untitled}\n              image={item.image}\n              size=\"size18\"\n            />\n          ),\n        })),\n      [selectedItems, untitled],\n    );\n\n    const options = useMemo(\n      () =>\n        items.map((item) =>\n          listItemSelectBuilder({\n            id: item.id,\n            title: item.name || untitled,\n            label: item.name || untitled,\n            prefix: (\n              <ReferenceAvatar\n                name={item.name || untitled}\n                image={item.image}\n              />\n            ),\n            size: 'small',\n            ellipsis: true,\n          }),\n        ),\n      [items, untitled],\n    );\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => onChange(e.target.value),\n      [onChange],\n    );\n\n    const handleSelect = useCallback(\n      (option: { id: string | number }) => {\n        const item = items.find((i) => i.id === String(option.id));\n        if (item) {\n          onSelect(item);\n        }\n      },\n      [items, onSelect],\n    );\n\n    const handleRemoveTag = useCallback(\n      (id: string | number) => onRemoveTag(String(id)),\n      [onRemoveTag],\n    );\n\n    const combinedFooter = useMemo(() => {\n      if (!fixedFooter && !onOpenCollection) {\n        return undefined;\n      }\n      return (\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n        <div onMouseDown={(e) => e.preventDefault()}>\n          {fixedFooter}\n          {onOpenCollection && <Divider />}\n          {onOpenCollection && (\n            <ListItemAction\n              title={t('patterns-fields.reference.open_collection')}\n              size=\"small\"\n              onClick={() => {\n                msRef.current?.hideOptions?.();\n                onOpenCollection();\n              }}\n              dataHook=\"reference-open-collection\"\n            />\n          )}\n        </div>\n      );\n    }, [fixedFooter, onOpenCollection, t]);\n\n    return (\n      // Prevent EditableCell's row click/dblclick handlers from firing when\n      // the user interacts with the input or dropdown.\n      <div\n        ref={wrapperRef}\n        className={st(classes.root)}\n        data-hook={dataHook}\n        onClick={(e) => e.stopPropagation()}\n        onMouseDown={(e) => e.stopPropagation()}\n        // Capture phase so keys (e.g. Escape) can be intercepted before the\n        // WDS MultiSelect handles and stops them on the inner input.\n        onKeyDownCapture={onKeyDown}\n      >\n        <MultiSelect\n          ref={(instance: MultiSelectHandle | null) => {\n            msRef.current = instance;\n          }}\n          dataHook=\"multi-reference-input-multiselect\"\n          size=\"small\"\n          border=\"none\"\n          tags={tags}\n          options={options}\n          predicate={() => true}\n          value={value}\n          onChange={handleChange}\n          onSelect={handleSelect}\n          onRemoveTag={handleRemoveTag}\n          onBlur={onBlur}\n          placeholder={\n            selectedItems.length === 0\n              ? t('auto-patterns.fields.select_placeholder')\n              : ''\n          }\n          emptyStateMessage={t('auto-patterns.fields.no_results_found')}\n          maxHeightPixels={ROW_HEIGHT * MAX_NUM_ROWS}\n          infiniteScroll={infiniteScroll}\n          hasMore={hasMore}\n          loadMore={loadMore}\n          fixedFooter={combinedFooter}\n          popoverProps={{\n            appendTo: 'window',\n            flip: true,\n            fixed: false,\n            placement: 'bottom-start',\n            zIndex: 9999,\n          }}\n        />\n      </div>\n    );\n  },\n);\n\nCellMultiReferenceInput.displayName = 'CellMultiReferenceInput';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/reference/cell-multi-reference-input.st.css

@@ -0,0 +1,20 @@
+@property st-global(--wds-input-border-color);
+@property st-global(--wds-input-border-color-hover);
+@property st-global(--wds-input-border-color-focus);
+@property st-global(--wds-input-background-fill-default);
+@property st-global(--wds-input-background-fill-hover);
+@property st-global(--wds-input-shadow-focus-standard);
+
+/* Drop the input border / focus ring / fill so the MultiSelect sits inline
+   within the cell. Same WDS custom-property approach the singular reference
+   input uses (no !important, no class targeting). */
+.root {
+  width: 100%;
+  box-sizing: border-box;
+  --wds-input-border-color: transparent;
+  --wds-input-border-color-hover: transparent;
+  --wds-input-border-color-focus: transparent;
+  --wds-input-background-fill-default: transparent;
+  --wds-input-background-fill-hover: transparent;
+  --wds-input-shadow-focus-standard: 0 0 0 0 transparent;
+}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "cellmultireferenceinput2476850794";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "cellmultireferenceinput2476850794__root"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-input-border-color": "--wds-input-border-color",
+  "wds-input-border-color-hover": "--wds-input-border-color-hover",
+  "wds-input-border-color-focus": "--wds-input-border-color-focus",
+  "wds-input-background-fill-default": "--wds-input-background-fill-default",
+  "wds-input-background-fill-hover": "--wds-input-background-fill-hover",
+  "wds-input-shadow-focus-standard": "--wds-input-shadow-focus-standard"
+};
+//# sourceMappingURL=cell-multi-reference-input.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/reference/cell-multi-reference-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmultireferenceinput2476850794\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"cellmultireferenceinput2476850794__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-input-border-color\":\"--wds-input-border-color\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-input-background-fill-default\":\"--wds-input-background-fill-default\",\"wds-input-background-fill-hover\":\"--wds-input-background-fill-hover\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyC,CAAC;AAChE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,wBAAwB,EAAC,0BAA0B;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,iCAAiC,EAAC;AAAmC,CAAC","ignoreList":[]}

package/dist/cjs/components/reference/cell-multi-reference-view.js

@@ -0,0 +1,74 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CellMultiReferenceView = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _useTranslations = require("../../hooks/use-translations");
+var _referenceAvatar = require("./reference-avatar");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/reference/cell-multi-reference-view.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const CellMultiReferenceView = ({
+  items,
+  dataHook,
+  fieldId
+}) => {
+  const {
+    t
+  } = (0, _useTranslations.useTranslations)();
+  const tags = (0, _react.useMemo)(() => items.map((item, i) => {
+    const label = item.name || t('patterns-fields.reference.untitled');
+    return {
+      id: `${fieldId}-${i}`,
+      dataHook: 'cell-multi-reference-tag',
+      thumb: /*#__PURE__*/_react.default.createElement(_referenceAvatar.ReferenceAvatar, {
+        name: label,
+        image: item.image,
+        size: "size18",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 39,
+          columnNumber: 13
+        }
+      }),
+      children: label,
+      removable: false
+    };
+  }), [items, fieldId, t]);
+  if (tags.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: dataHook,
+    direction: "vertical",
+    verticalAlign: "middle",
+    padding: "0 8px",
+    height: "100%",
+    width: "100%",
+    minWidth: 0,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 53,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.TagList, {
+    overflowMode: {
+      type: 'collapse',
+      overflowTooltipContent: hiddenTags => hiddenTags.map(tag => typeof tag.children === 'string' ? tag.children : '').filter(Boolean).join(', ')
+    },
+    size: "small",
+    dataHook: "cell-multi-reference-tags",
+    tags: tags,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 62,
+      columnNumber: 7
+    }
+  }));
+};
+exports.CellMultiReferenceView = CellMultiReferenceView;
+CellMultiReferenceView.displayName = 'CellMultiReferenceView';
+//# sourceMappingURL=cell-multi-reference-view.js.map

package/dist/cjs/components/reference/cell-multi-reference-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_useTranslations","_referenceAvatar","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CellMultiReferenceView","items","dataHook","fieldId","useTranslations","tags","useMemo","map","item","label","name","id","thumb","createElement","ReferenceAvatar","image","size","__self","__source","fileName","lineNumber","columnNumber","children","removable","length","Box","direction","verticalAlign","padding","height","width","minWidth","TagList","overflowMode","type","overflowTooltipContent","hiddenTags","tag","filter","Boolean","join","exports","displayName"],"sources":["../../../../src/components/reference/cell-multi-reference-view.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Box, TagList } from '@wix/design-system';\nimport { useTranslations } from '../../hooks/use-translations';\nimport { ReferenceAvatar } from './reference-avatar';\n\nexport interface CellMultiReferenceItem {\n  id: string;\n  name: string;\n  image?: string;\n}\n\nexport interface CellMultiReferenceViewProps {\n  /** Resolved reference items to display as avatar chips. */\n  items: CellMultiReferenceItem[];\n  dataHook?: string;\n  /**\n   * Stable DOM id prefix for the tags. WDS Tag requires `id` to be present;\n   * each tag uses `${fieldId}-${index}`. Callers are responsible for ensuring\n   * uniqueness (e.g., derive from columnId + rowKey).\n   */\n  fieldId: string;\n}\n\nexport const CellMultiReferenceView: React.FC<CellMultiReferenceViewProps> = ({\n  items,\n  dataHook,\n  fieldId,\n}) => {\n  const { t } = useTranslations();\n\n  const tags = useMemo(\n    () =>\n      items.map((item, i) => {\n        const label = item.name || t('patterns-fields.reference.untitled');\n        return {\n          id: `${fieldId}-${i}`,\n          dataHook: 'cell-multi-reference-tag',\n          thumb: (\n            <ReferenceAvatar name={label} image={item.image} size=\"size18\" />\n          ),\n          children: label,\n          removable: false as const,\n        };\n      }),\n    [items, fieldId, t],\n  );\n\n  if (tags.length === 0) {\n    return null;\n  }\n\n  return (\n    <Box\n      dataHook={dataHook}\n      direction=\"vertical\"\n      verticalAlign=\"middle\"\n      padding=\"0 8px\"\n      height=\"100%\"\n      width=\"100%\"\n      minWidth={0}\n    >\n      <TagList\n        overflowMode={{\n          type: 'collapse',\n          overflowTooltipContent: (hiddenTags) =>\n            hiddenTags\n              .map((tag) =>\n                typeof tag.children === 'string' ? tag.children : '',\n              )\n              .filter(Boolean)\n              .join(', '),\n        }}\n        size=\"small\"\n        dataHook=\"cell-multi-reference-tags\"\n        tags={tags}\n      />\n    </Box>\n  );\n};\n\nCellMultiReferenceView.displayName = 'CellMultiReferenceView';\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "cellreferenceinput1850223869";
+var _namespace_ = "cellreferenceinput1356500309";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "cellreferenceinput1850223869__root",
-  "autocomplete": "cellreferenceinput1850223869__autocomplete"
+  "root": "cellreferenceinput1356500309__root",
+  "autocomplete": "cellreferenceinput1356500309__autocomplete"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};