@wix/patterns-fields 1.10.0 → 1.13.0

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

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "overlay3259524011";
+var _namespace_ = "overlay3631758939";
 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": "overlay3259524011__root", "iconOverlay": "overlay3259524011__iconOverlay" };
+export var classes = { "root": "overlay3631758939__root", "iconOverlay": "overlay3631758939__iconOverlay" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = { "iconShadow": "drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))" };
-export var vars = { "wds-color-white": "--wds-color-white", "wsr-color-D80": "--overlay3259524011-wsr-color-D80" };
+export var vars = { "wds-color-white": "--wds-color-white", "wsr-color-D80": "--overlay3631758939-wsr-color-D80" };
 //# sourceMappingURL=overlay.st.css.js.map

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_ = "medialoader2923900111";
+var _namespace_ = "medialoader3771116817";
 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": "medialoader2923900111__root", "loader": "medialoader2923900111__loader" };
+export var classes = { "root": "medialoader3771116817__root", "loader": "medialoader3771116817__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_ = "mediatag1871578086";
+var _namespace_ = "mediatag1783400040";
 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": "mediatag1871578086__root" };
+export var classes = { "root": "mediatag1783400040__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "formmultidocument4175359357";
+var _namespace_ = "formmultidocument3562652977";
 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": "formmultidocument4175359357__root", "viewRoot": "formmultidocument4175359357__viewRoot", "singleViewWrapper": "formmultidocument4175359357__singleViewWrapper", "addDocumentButton": "formmultidocument4175359357__addDocumentButton" };
+export var classes = { "root": "formmultidocument3562652977__root", "viewRoot": "formmultidocument3562652977__viewRoot", "singleViewWrapper": "formmultidocument3562652977__singleViewWrapper", "addDocumentButton": "formmultidocument3562652977__addDocumentButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentdefaultvalueinput1930335161";
+var _namespace_ = "richcontentdefaultvalueinput624451984";
 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": "richcontentdefaultvalueinput1930335161__root", "richContentEditorContainer": "richcontentdefaultvalueinput1930335161__richContentEditorContainer", "editor": "richcontentdefaultvalueinput1930335161__editor" };
+export var classes = { "root": "richcontentdefaultvalueinput624451984__root", "richContentEditorContainer": "richcontentdefaultvalueinput624451984__richContentEditorContainer", "editor": "richcontentdefaultvalueinput624451984__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
-export var vars = { "topToolbarHeight": "--richcontentdefaultvalueinput1930335161-topToolbarHeight", "bottomToolbarHeight": "--richcontentdefaultvalueinput1930335161-bottomToolbarHeight" };
+export var vars = { "topToolbarHeight": "--richcontentdefaultvalueinput624451984-topToolbarHeight", "bottomToolbarHeight": "--richcontentdefaultvalueinput624451984-bottomToolbarHeight" };
 //# sourceMappingURL=rich-content-default-value-input.st.css.js.map

package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-default-value-input.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,wCAAwC,CAAC;AAC3D,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,8CAA8C,EAAC,4BAA4B,EAAC,oEAAoE,EAAC,QAAQ,EAAC,gDAAgD,EAAC,CAAC;AACzO,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,kBAAkB,EAAC,2DAA2D,EAAC,qBAAqB,EAAC,8DAA8D,EAAC,CAAC"}
+{"version":3,"file":"rich-content-default-value-input.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,uCAAuC,CAAC;AAC1D,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,6CAA6C,EAAC,4BAA4B,EAAC,mEAAmE,EAAC,QAAQ,EAAC,+CAA+C,EAAC,CAAC;AACtO,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,kBAAkB,EAAC,0DAA0D,EAAC,qBAAqB,EAAC,6DAA6D,EAAC,CAAC"}

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

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentforminput4140853991";
+var _namespace_ = "richcontentforminput1029887970";
 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": "richcontentforminput4140853991__root", "editor": "richcontentforminput4140853991__editor" };
+export var classes = { "root": "richcontentforminput1029887970__root", "editor": "richcontentforminput1029887970__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
-export var vars = { "wds-color-blue-300": "--wds-color-blue-300", "wds-border-radius-300": "--wds-border-radius-300", "wds-color-blue-100": "--wds-color-blue-100", "wds-input-shadow-focus-standard": "--wds-input-shadow-focus-standard", "topToolbarHeight": "--richcontentforminput4140853991-topToolbarHeight", "bottomToolbarHeight": "--richcontentforminput4140853991-bottomToolbarHeight" };
+export var vars = { "wds-color-blue-300": "--wds-color-blue-300", "wds-border-radius-300": "--wds-border-radius-300", "wds-color-blue-100": "--wds-color-blue-100", "wds-input-shadow-focus-standard": "--wds-input-shadow-focus-standard", "topToolbarHeight": "--richcontentforminput1029887970-topToolbarHeight", "bottomToolbarHeight": "--richcontentforminput1029887970-bottomToolbarHeight" };
 //# sourceMappingURL=rich-content-form-input.st.css.js.map

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_ = "richcontentformreadonlyinput3980006994";
+var _namespace_ = "richcontentformreadonlyinput2798170633";
 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": "richcontentformreadonlyinput3980006994__root" };
+export var classes = { "root": "richcontentformreadonlyinput2798170633__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_ = "fullscreenmodal3448709618";
+var _namespace_ = "fullscreenmodal639772389";
 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": "fullscreenmodal3448709618__root", "modalContent": "fullscreenmodal3448709618__modalContent" };
+export var classes = { "root": "fullscreenmodal639772389__root", "modalContent": "fullscreenmodal639772389__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,uBAAuB,EAAC,yBAAyB,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,uBAAuB,EAAC,yBAAyB,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_ = "publishloader1637216661";
+var _namespace_ = "publishloader2895574298";
 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": "publishloader1637216661__root", "publishLoader": "publishloader1637216661__publishLoader" };
+export var classes = { "root": "publishloader2895574298__root", "publishLoader": "publishloader2895574298__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_ = "togglefullscreenbutton4174310271";
+var _namespace_ = "togglefullscreenbutton1556814195";
 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": "togglefullscreenbutton4174310271__root" };
+export var classes = { "root": "togglefullscreenbutton1556814195__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,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontenteditor1267714001";
+var _namespace_ = "richcontenteditor4116266996";
 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": "richcontenteditor1267714001__root", "toolbarContainer": "richcontenteditor1267714001__toolbarContainer", "footerToolbarContainer": "richcontenteditor1267714001__footerToolbarContainer", "toolbarAndFullScreenButtonWrapper": "richcontenteditor1267714001__toolbarAndFullScreenButtonWrapper", "editor": "richcontenteditor1267714001__editor", "modalEditor": "richcontenteditor1267714001__modalEditor" };
+export var classes = { "root": "richcontenteditor4116266996__root", "toolbarContainer": "richcontenteditor4116266996__toolbarContainer", "footerToolbarContainer": "richcontenteditor4116266996__footerToolbarContainer", "toolbarAndFullScreenButtonWrapper": "richcontenteditor4116266996__toolbarAndFullScreenButtonWrapper", "editor": "richcontenteditor4116266996__editor", "modalEditor": "richcontenteditor4116266996__modalEditor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
-export var vars = { "topToolbarHeight": "--richcontenteditor1267714001-topToolbarHeight", "bottomToolbarHeight": "--richcontenteditor1267714001-bottomToolbarHeight" };
+export var vars = { "topToolbarHeight": "--richcontenteditor4116266996-topToolbarHeight", "bottomToolbarHeight": "--richcontenteditor4116266996-bottomToolbarHeight" };
 //# sourceMappingURL=rich-content-editor.st.css.js.map

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_ = "richcontenttoolbar1235382637";
+var _namespace_ = "richcontenttoolbar1876141625";
 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": "richcontenttoolbar1235382637__root", "toolbar": "richcontenttoolbar1235382637__toolbar", "toolbarButton": "richcontenttoolbar1235382637__toolbarButton" };
+export var classes = { "root": "richcontenttoolbar1876141625__root", "toolbar": "richcontenttoolbar1876141625__toolbar", "toolbarButton": "richcontenttoolbar1876141625__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_ = "richcontentviewer3839678805";
+var _namespace_ = "richcontentviewer1188942342";
 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": "richcontentviewer3839678805__root", "viewer": "richcontentviewer3839678805__viewer", "modalViewer": "richcontentviewer3839678805__modalViewer" };
+export var classes = { "root": "richcontentviewer1188942342__root", "viewer": "richcontentviewer1188942342__viewer", "modalViewer": "richcontentviewer1188942342__modalViewer" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richeditor3500313643";
+var _namespace_ = "richeditor2264053316";
 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": "richeditor3500313643__root", "editor": "richeditor3500313643__editor", "header-one": "richeditor3500313643__header-one", "header-two": "richeditor3500313643__header-two", "header-three": "richeditor3500313643__header-three", "header-four": "richeditor3500313643__header-four", "header-five": "richeditor3500313643__header-five", "header-six": "richeditor3500313643__header-six", "paragraph-one": "richeditor3500313643__paragraph-one", "unstyled": "richeditor3500313643__unstyled", "paragraph-three": "richeditor3500313643__paragraph-three", "align-left": "richeditor3500313643__align-left", "align-right": "richeditor3500313643__align-right", "align-center": "richeditor3500313643__align-center", "align-justify": "richeditor3500313643__align-justify", "withMargin": "richeditor3500313643__withMargin", "dir-rtl": "richeditor3500313643__dir-rtl" };
+export var classes = { "root": "richeditor2264053316__root", "editor": "richeditor2264053316__editor", "header-one": "richeditor2264053316__header-one", "header-two": "richeditor2264053316__header-two", "header-three": "richeditor2264053316__header-three", "header-four": "richeditor2264053316__header-four", "header-five": "richeditor2264053316__header-five", "header-six": "richeditor2264053316__header-six", "paragraph-one": "richeditor2264053316__paragraph-one", "unstyled": "richeditor2264053316__unstyled", "paragraph-three": "richeditor2264053316__paragraph-three", "align-left": "richeditor2264053316__align-left", "align-right": "richeditor2264053316__align-right", "align-center": "richeditor2264053316__align-center", "align-justify": "richeditor2264053316__align-justify", "withMargin": "richeditor2264053316__withMargin", "dir-rtl": "richeditor2264053316__dir-rtl" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richtexteditor2923741127";
+var _namespace_ = "richtexteditor2428808919";
 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": "richtexteditor2923741127__root", "nativeInput": "richtexteditor2923741127__nativeInput", "editor": "richtexteditor2923741127__editor" };
+export var classes = { "root": "richtexteditor2428808919__root", "nativeInput": "richtexteditor2428808919__nativeInput", "editor": "richtexteditor2428808919__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "toolbar155195946";
+var _namespace_ = "toolbar1400100031";
 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": "toolbar155195946__root", "item": "toolbar155195946__item", "separator": "toolbar155195946__separator", "clearFormatting": "toolbar155195946__clearFormatting", "fullScreen": "toolbar155195946__fullScreen", "dropdownItemContent": "toolbar155195946__dropdownItemContent", "dropdownItemTitle": "toolbar155195946__dropdownItemTitle", "dropdownItemSubtitle": "toolbar155195946__dropdownItemSubtitle", "dropdownHeaderOne": "toolbar155195946__dropdownHeaderOne", "dropdownHeaderTwo": "toolbar155195946__dropdownHeaderTwo", "dropdownHeaderThree": "toolbar155195946__dropdownHeaderThree", "dropdownHeaderFour": "toolbar155195946__dropdownHeaderFour", "dropdownHeaderFive": "toolbar155195946__dropdownHeaderFive", "dropdownHeaderSix": "toolbar155195946__dropdownHeaderSix", "dropdownParagraphOne": "toolbar155195946__dropdownParagraphOne", "dropdownNormalText": "toolbar155195946__dropdownNormalText", "dropdownParagraphThree": "toolbar155195946__dropdownParagraphThree" };
+export var classes = { "root": "toolbar1400100031__root", "item": "toolbar1400100031__item", "separator": "toolbar1400100031__separator", "clearFormatting": "toolbar1400100031__clearFormatting", "fullScreen": "toolbar1400100031__fullScreen", "dropdownItemContent": "toolbar1400100031__dropdownItemContent", "dropdownItemTitle": "toolbar1400100031__dropdownItemTitle", "dropdownItemSubtitle": "toolbar1400100031__dropdownItemSubtitle", "dropdownHeaderOne": "toolbar1400100031__dropdownHeaderOne", "dropdownHeaderTwo": "toolbar1400100031__dropdownHeaderTwo", "dropdownHeaderThree": "toolbar1400100031__dropdownHeaderThree", "dropdownHeaderFour": "toolbar1400100031__dropdownHeaderFour", "dropdownHeaderFive": "toolbar1400100031__dropdownHeaderFive", "dropdownHeaderSix": "toolbar1400100031__dropdownHeaderSix", "dropdownParagraphOne": "toolbar1400100031__dropdownParagraphOne", "dropdownNormalText": "toolbar1400100031__dropdownNormalText", "dropdownParagraphThree": "toolbar1400100031__dropdownParagraphThree" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"toolbar.st.css.js","sourceRoot":"","sources":["../../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAIvF,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,MAAM,EAAC,wBAAwB,EAAC,WAAW,EAAC,6BAA6B,EAAC,iBAAiB,EAAC,mCAAmC,EAAC,YAAY,EAAC,8BAA8B,EAAC,qBAAqB,EAAC,uCAAuC,EAAC,mBAAmB,EAAC,qCAAqC,EAAC,sBAAsB,EAAC,wCAAwC,EAAC,mBAAmB,EAAC,qCAAqC,EAAC,mBAAmB,EAAC,qCAAqC,EAAC,qBAAqB,EAAC,uCAAuC,EAAC,oBAAoB,EAAC,sCAAsC,EAAC,oBAAoB,EAAC,sCAAsC,EAAC,mBAAmB,EAAC,qCAAqC,EAAC,sBAAsB,EAAC,wCAAwC,EAAC,oBAAoB,EAAC,sCAAsC,EAAC,wBAAwB,EAAC,0CAA0C,EAAC,CAAC;AAC/7B,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,qBAAqB,EAAC,uBAAuB,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,wBAAwB,EAAC,0BAA0B,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,CAAC"}
+{"version":3,"file":"toolbar.st.css.js","sourceRoot":"","sources":["../../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAIvF,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,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,yBAAyB,EAAC,MAAM,EAAC,yBAAyB,EAAC,WAAW,EAAC,8BAA8B,EAAC,iBAAiB,EAAC,oCAAoC,EAAC,YAAY,EAAC,+BAA+B,EAAC,qBAAqB,EAAC,wCAAwC,EAAC,mBAAmB,EAAC,sCAAsC,EAAC,sBAAsB,EAAC,yCAAyC,EAAC,mBAAmB,EAAC,sCAAsC,EAAC,mBAAmB,EAAC,sCAAsC,EAAC,qBAAqB,EAAC,wCAAwC,EAAC,oBAAoB,EAAC,uCAAuC,EAAC,oBAAoB,EAAC,uCAAuC,EAAC,mBAAmB,EAAC,sCAAsC,EAAC,sBAAsB,EAAC,yCAAyC,EAAC,oBAAoB,EAAC,uCAAuC,EAAC,wBAAwB,EAAC,2CAA2C,EAAC,CAAC;AACh9B,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,qBAAqB,EAAC,uBAAuB,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,wBAAwB,EAAC,0BAA0B,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,CAAC"}

package/dist/esm/components/text/cell-autocomplete-input.js

@@ -0,0 +1,85 @@
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { AutoComplete } from '@wix/design-system';
+import { useTranslations } from '../../hooks/use-translations';
+/**
+ * Cell-layer AutoComplete — manages search text and selected-id state,
+ * provides a case-insensitive predicate, and shows i18n placeholder/empty-state.
+ *
+ * Architecture notes:
+ * - All WDS AutoComplete usage lives here (not in the cairo cell type).
+ * - The cairo SelectEdit only handles cell-framework integration:
+ *   isArrowNavRef gating, Enter-capture, Escape cancel, scroll-close.
+ * - `onSelect` and `onClear` are coarse-grained callbacks — they do NOT fire
+ *   on every keystroke, keeping editingValue in sync only on meaningful actions.
+ */
+export const CellAutoCompleteInput = React.forwardRef(({ value, options, initialSearchText, autoOpen, onSelect, onClear, onOptionMarked, onFocus, onBlur, inputRef, className, }, ref) => {
+    const { t } = useTranslations();
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const acRef = useRef(null);
+    React.useImperativeHandle(ref, () => ({
+        hideOptions: () => acRef.current?.hideOptions?.(),
+    }));
+    const resolveLabel = useCallback((id) => options.find((o) => o.id === id)?.value ?? '', [options]);
+    // searchValue: the text shown in the AutoComplete input.
+    // - type-to-edit: starts as the typed character (initialSearchText)
+    // - normal edit: starts as the current option's display label
+    const [searchValue, setSearchValue] = useState(initialSearchText !== undefined ? initialSearchText : resolveLabel(value));
+    // selectedId: which option has the checkmark in the dropdown.
+    const [selectedId, setSelectedId] = useState(value || undefined);
+    // Open the dropdown on mount (for all edit-trigger types).
+    useEffect(() => {
+        if (autoOpen) {
+            requestAnimationFrame(() => acRef.current?.showOptions?.());
+        }
+        // intentionally run only on mount
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const acOptions = useMemo(() => options.map((o) => ({ id: o.id, value: o.value, label: o.value })), [options]);
+    // Track whether the user has actually typed (vs. the initial searchValue which
+    // reflects the committed option label). For type-to-edit the initial text IS
+    // user input, so we treat it as already-typed.
+    const hasUserTyped = useRef(initialSearchText !== undefined);
+    // Pre-filter options based on searchValue — but only after the user has typed.
+    // On normal (double-click) entry the searchValue starts as the current label;
+    // we must show all options until the user actively edits the input.
+    const filteredOptions = useMemo(() => {
+        if (!searchValue || !hasUserTyped.current) {
+            return acOptions;
+        }
+        const lower = searchValue.trim().toLowerCase();
+        return acOptions.filter((o) => (o.label ?? '').toLowerCase().includes(lower));
+    }, [acOptions, searchValue]);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const handleSelect = useCallback((option) => {
+        const label = option.label ?? option.value ?? String(option.id);
+        setSelectedId(option.id);
+        setSearchValue(label);
+        onSelect?.(String(option.id));
+    }, [onSelect]);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const handleOptionMarked = useCallback((option) => {
+        onOptionMarked?.(option ? String(option.id) : null);
+    }, [onOptionMarked]);
+    // Fires on every keystroke. Only syncs editingValue when input becomes empty
+    // (via backspace) — full clear. Typing to filter does not change editingValue.
+    const handleChange = useCallback((e) => {
+        hasUserTyped.current = true;
+        setSearchValue(e.target.value);
+        if (!e.target.value) {
+            setSelectedId(undefined);
+            onClear?.();
+        }
+    }, [onClear]);
+    const handleClear = useCallback(() => {
+        setSearchValue('');
+        setSelectedId(undefined);
+        onClear?.();
+    }, [onClear]);
+    return (React.createElement(AutoComplete, { ref: acRef, size: "small", border: "none", value: searchValue, selectedId: selectedId, options: filteredOptions, onSelect: handleSelect, onOptionMarked: handleOptionMarked, onChange: handleChange, onClear: handleClear, onFocus: onFocus, onBlur: onBlur, clearButton: !!searchValue || !!selectedId, placeholder: t('patterns-fields.select.search_placeholder'), emptyStateMessage: t('auto-patterns.fields.no_results_found'), popoverProps: { appendTo: 'window', moveBy: { y: 4 } }, autoSelect: false, textOverflow: "ellipsis", inputRef: (el) => {
+            if (inputRef) {
+                inputRef.current = el;
+            }
+        }, className: className }));
+});
+CellAutoCompleteInput.displayName = 'CellAutoCompleteInput';
+//# sourceMappingURL=cell-autocomplete-input.js.map

package/dist/esm/components/text/cell-autocomplete-input.js.map

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

package/dist/esm/components/text/cell-text-input.js

@@ -0,0 +1,61 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { InputArea, Tooltip } from '@wix/design-system';
+import { useTranslations } from '../../hooks/use-translations';
+const toSingleLine = (value) => (value ? value.replace(/\n+/g, ' ') : '');
+/**
+ * Renders a Tooltip that appears when the character limit is reached.
+ * Extracted into its own component so that useTranslations is only called
+ * when maxLength is configured — tests without a provider are not affected.
+ *
+ * The `<span style={{ display: 'contents' }}>` wrapper is intentional:
+ * WDS Tooltip uses React.cloneElement on its direct child to inject onFocus/onBlur
+ * handlers for accessibility. Without the wrapper, those injected handlers would
+ * override the InputArea's own onFocus/onBlur, breaking the blur → onCommit flow.
+ * The span intercepts the cloneElement while remaining invisible in layout.
+ */
+const CharLimitTooltip = ({ children, atLimit, maxLength, }) => {
+    const { t } = useTranslations();
+    // `shown` is a valid Tooltip runtime prop not yet reflected in the TS types
+    const shownProp = { shown: atLimit };
+    return (React.createElement(Tooltip, { ...shownProp, content: t('patterns-fields.text.char_limit_tooltip', { maxLength }), placement: "top", size: "small" },
+        React.createElement("span", { style: { display: 'contents' } }, children)));
+};
+/**
+ * Cell-layer InputArea — fires onChange on every keystroke (required by
+ * EditableTable's Tab-commit flow), collapses newlines to spaces while
+ * unfocused, and shows a Tooltip when the character limit is reached.
+ */
+export const CellTextInput = ({ value, onChange, onFocus, onBlur, maxLength, inputRef, ...props }) => {
+    const [isFocused, setIsFocused] = useState(false);
+    const inputAreaRef = useRef(null);
+    useEffect(() => {
+        if (isFocused) {
+            inputAreaRef.current?.calculateComputedRows();
+        }
+    }, [isFocused]);
+    const handleFocus = useCallback(() => {
+        setIsFocused(true);
+        onFocus?.();
+    }, [onFocus]);
+    const handleBlur = useCallback(() => {
+        setIsFocused(false);
+        onBlur?.();
+    }, [onBlur]);
+    const handleChange = useCallback((e) => {
+        onChange?.(e.target.value);
+    }, [onChange]);
+    const displayValue = isFocused ? (value ?? '') : toSingleLine(value);
+    const atLimit = maxLength !== undefined && (value ?? '').length >= maxLength;
+    const inputArea = (React.createElement(InputArea, { ref: (instance) => {
+            inputAreaRef.current = instance;
+            if (inputRef) {
+                inputRef.current = instance;
+            }
+        }, size: "small", value: displayValue, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, maxLength: maxLength, autoGrow: true, minRowsAutoGrow: 1, autoSelect: false, ...props }));
+    if (maxLength !== undefined) {
+        return (React.createElement(CharLimitTooltip, { atLimit: atLimit, maxLength: maxLength }, inputArea));
+    }
+    return inputArea;
+};
+CellTextInput.displayName = 'CellTextInput';
+//# sourceMappingURL=cell-text-input.js.map

package/dist/esm/components/text/cell-text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-text-input.js","sourceRoot":"","sources":["../../../../src/components/text/cell-text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,YAAY,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAuBnF;;;;;;;;;;GAUG;AACH,MAAM,gBAAgB,GAAoC,CAAC,EACzD,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAChC,4EAA4E;IAC5E,MAAM,SAAS,GAAG,EAAE,KAAK,EAAE,OAAO,EAAQ,CAAC;IAE3C,OAAO,CACL,oBAAC,OAAO,OACF,SAAS,EACb,OAAO,EAAE,CAAC,CAAC,yCAAyC,EAAE,EAAE,SAAS,EAAE,CAAC,EACpE,SAAS,EAAC,KAAK,EACf,IAAI,EAAC,OAAO;QAEZ,8BAAM,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,IAAG,QAAQ,CAAQ,CAC/C,CACX,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,KAAK,EACL,QAAQ,EACR,OAAO,EACP,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,YAAY,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;SAC/C;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,MAAM,EAAE,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAyC,EAAE,EAAE;QAC5C,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACrE,MAAM,OAAO,GAAG,SAAS,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,SAAS,CAAC;IAE7E,MAAM,SAAS,GAAG,CAChB,oBAAC,SAAS,IACR,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE;YAChB,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC;YAChC,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;aAC7B;QACH,CAAC,EACD,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,QACR,eAAe,EAAE,CAAC,EAClB,UAAU,EAAE,KAAK,KACb,KAAK,GACT,CACH,CAAC;IAEF,IAAI,SAAS,KAAK,SAAS,EAAE;QAC3B,OAAO,CACL,oBAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,IACrD,SAAS,CACO,CACpB,CAAC;KACH;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

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

@@ -1,2 +1,4 @@
 export * from './text-view';
+export * from './cell-text-input';
+export * from './cell-autocomplete-input';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "textview4060489688";
+var _namespace_ = "textview2947092605";
 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": "textview4060489688__root", "textView": "textview4060489688__textView" };
+export var classes = { "root": "textview2947092605__root", "textView": "textview2947092605__textView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/url/cell-url-input.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Input } from '@wix/design-system';
+/**
+ * Cell-layer URL input — fires onChange on every keystroke (required by
+ * EditableTable's Tab-commit flow, which reads editingValue synchronously before blur).
+ */
+export const CellUrlInput = ({ value, onChange, inputRef, ...props }) => (React.createElement(Input, { ref: (instance) => {
+        if (inputRef)
+            inputRef.current = instance;
+    }, type: "url", size: "small", border: "none", value: value ?? '', onChange: (e) => onChange?.(e.target.value), ...props }));
+CellUrlInput.displayName = 'CellUrlInput';
+//# sourceMappingURL=cell-url-input.js.map

package/dist/esm/components/url/cell-url-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-url-input.js","sourceRoot":"","sources":["../../../../src/components/url/cell-url-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAW3C;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,oBAAC,KAAK,IACJ,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE;QAChB,IAAI,QAAQ;YAAE,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;IAC5C,CAAC,EACD,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KACvC,KAAK,GACT,CACH,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './url-view';
+export * from './cell-url-input';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/url/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC"}

package/dist/esm/components/url/url-view.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Text, Tooltip, IconButton } from '@wix/design-system';
+import { ExternalLinkSmall } from '@wix/wix-ui-icons-common';
+import { useTranslations } from '../../hooks/use-translations';
+export const UrlView = ({ value }) => {
+    const { t } = useTranslations();
+    const openLinkLabel = t('auto-patterns.url_view.open_in_new_tab');
+    const safeHref = value && /^https?:\/\//i.test(value) ? value : undefined;
+    return (React.createElement("div", { style: {
+            width: '100%',
+            padding: '9px 6px 9px 12px',
+            display: 'flex',
+            alignItems: 'center',
+            boxSizing: 'border-box',
+            height: '100%',
+        } },
+        React.createElement("div", { style: { flex: 1, minWidth: 0, overflow: 'hidden' } },
+            React.createElement(Text, { size: "small", ellipsis: true }, value ?? '')),
+        safeHref && (React.createElement(Tooltip, { content: openLinkLabel, appendTo: "window", size: "small" },
+            React.createElement("span", { style: { display: 'contents' } },
+                React.createElement(IconButton, { dataHook: "open-link-button", as: "a", href: safeHref, target: "_blank", rel: "noopener noreferrer", size: "tiny", skin: "dark", priority: "tertiary", ariaLabel: openLinkLabel, onClick: (e) => e.stopPropagation(), onMouseDown: (e) => e.preventDefault(), style: { flexShrink: 0, marginLeft: 6 } },
+                    React.createElement(ExternalLinkSmall, null)))))));
+};
+UrlView.displayName = 'UrlView';
+//# sourceMappingURL=url-view.js.map

package/dist/esm/components/url/url-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-view.js","sourceRoot":"","sources":["../../../../src/components/url/url-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAM/D,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3D,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,aAAa,GAAG,CAAC,CAAC,wCAAwC,CAAC,CAAC;IAClE,MAAM,QAAQ,GAAG,KAAK,IAAI,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1E,OAAO,CACL,6BACE,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,kBAAkB;YAC3B,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,YAAY;YACvB,MAAM,EAAE,MAAM;SACf;QAED,6BAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE;YACtD,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,UACxB,KAAK,IAAI,EAAE,CACP,CACH;QACL,QAAQ,IAAI,CACX,oBAAC,OAAO,IACN,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAC,QAAQ,EACjB,IAAI,EAAC,OAAO;YAIZ,8BAAM,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;gBAClC,oBAAC,UAAU,IACT,QAAQ,EAAC,kBAAkB,EAC3B,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,QAAQ,EACd,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,UAAU,EACnB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACrD,WAAW,EAAE,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACxD,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE;oBAEvC,oBAAC,iBAAiB,OAAG,CACV,CACR,CACC,CACX,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/esm/exports/testkit.js

@@ -0,0 +1,2 @@
+export { PatternsFieldsTestProvider } from '../testkit/patterns-fields-test-provider';
+//# sourceMappingURL=testkit.js.map

package/dist/esm/exports/testkit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testkit.js","sourceRoot":"","sources":["../../../src/exports/testkit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC"}