@wix/ricos 11.20.6 → 11.21.0

package/dist/cjs/ui-components/wixel-assistant/assistant-timeline-scss.js

@@ -22,21 +22,21 @@ __export(assistant_timeline_exports, {
 });
 module.exports = __toCommonJS(assistant_timeline_exports);
 var assistant_timeline_default = {
-  "assistantTimelineContainer": "n-M0x",
-  "assistantTimelineErrorContainer": "nfZZm",
-  "timelineSubtitle": "_5T2Gm",
-  "stepIcon": "_8tDoh",
-  "stepsContainer": "_0FA-E",
-  "timelineFooter": "yjvr5",
-  "stepItem": "qQQ-j",
-  "stepItemLoading": "LFHVc",
-  "stepHeader": "uzhXa",
-  "stepDetails": "NuQj6",
-  "loaderContainer": "_14gEN",
-  "chevronIcon": "Ml5CA",
-  "expanded": "OTty2",
-  "stepTitle": "pE-7r",
-  "toolDescription": "QGnYf",
-  "tool-pulse": "cnv8N"
+  "assistantTimelineContainer": "aXSIe",
+  "assistantTimelineErrorContainer": "CbfVm",
+  "timelineSubtitle": "zt15u",
+  "stepIcon": "lFBfD",
+  "stepsContainer": "PZNuA",
+  "timelineFooter": "jFmb9",
+  "stepItem": "UdrSZ",
+  "stepItemLoading": "b8fuk",
+  "stepHeader": "wDiPu",
+  "stepDetails": "VGPPs",
+  "loaderContainer": "_8gHEz",
+  "chevronIcon": "lmKdM",
+  "expanded": "exyKx",
+  "stepTitle": "_5Wm46",
+  "toolDescription": "h7Aw-",
+  "tool-pulse": "-zXGa"
 };
 //# sourceMappingURL=assistant-timeline-scss.js.map

package/dist/cjs/ui-components/wixel-assistant/assistant-timeline-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/wixel-assistant/assistant-timeline.scss"],
-  "sourcesContent": ["export default {\n  \"assistantTimelineContainer\": \"n-M0x\",\n  \"assistantTimelineErrorContainer\": \"nfZZm\",\n  \"timelineSubtitle\": \"_5T2Gm\",\n  \"stepIcon\": \"_8tDoh\",\n  \"stepsContainer\": \"_0FA-E\",\n  \"timelineFooter\": \"yjvr5\",\n  \"stepItem\": \"qQQ-j\",\n  \"stepItemLoading\": \"LFHVc\",\n  \"stepHeader\": \"uzhXa\",\n  \"stepDetails\": \"NuQj6\",\n  \"loaderContainer\": \"_14gEN\",\n  \"chevronIcon\": \"Ml5CA\",\n  \"expanded\": \"OTty2\",\n  \"stepTitle\": \"pE-7r\",\n  \"toolDescription\": \"QGnYf\",\n  \"tool-pulse\": \"cnv8N\"\n};"],
+  "sourcesContent": ["export default {\n  \"assistantTimelineContainer\": \"aXSIe\",\n  \"assistantTimelineErrorContainer\": \"CbfVm\",\n  \"timelineSubtitle\": \"zt15u\",\n  \"stepIcon\": \"lFBfD\",\n  \"stepsContainer\": \"PZNuA\",\n  \"timelineFooter\": \"jFmb9\",\n  \"stepItem\": \"UdrSZ\",\n  \"stepItemLoading\": \"b8fuk\",\n  \"stepHeader\": \"wDiPu\",\n  \"stepDetails\": \"VGPPs\",\n  \"loaderContainer\": \"_8gHEz\",\n  \"chevronIcon\": \"lmKdM\",\n  \"expanded\": \"exyKx\",\n  \"stepTitle\": \"_5Wm46\",\n  \"toolDescription\": \"h7Aw-\",\n  \"tool-pulse\": \"-zXGa\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,6BAAQ;AAAA,EACb,8BAA8B;AAAA,EAC9B,mCAAmC;AAAA,EACnC,oBAAoB;AAAA,EACpB,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,cAAc;AAChB;",
   "names": []
 }

package/dist/cjs/wix-rich-content-common/statics/styles/fonts-scss.js

@@ -22,6 +22,6 @@ __export(fonts_exports, {
 });
 module.exports = __toCommonJS(fonts_exports);
 var fonts_default = {
-  "fontElementMap": "ghMcs"
+  "fontElementMap": "bEwas"
 };
 //# sourceMappingURL=fonts-scss.js.map

package/dist/cjs/wix-rich-content-common/statics/styles/fonts-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/wix-rich-content-common/statics/styles/fonts.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"ghMcs\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"bEwas\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gBAAQ;AAAA,EACb,kBAAkB;AACpB;",
   "names": []
 }

package/dist/cjs/wix-rich-content-common/statics/styles/general-scss.js

@@ -22,16 +22,16 @@ __export(general_exports, {
 });
 module.exports = __toCommonJS(general_exports);
 var general_default = {
-  "alignLeft": "UxhdP",
-  "textWrapNowrap": "TZ7Ry",
-  "alignRight": "uwtQk",
-  "alignCenter": "rKv0g",
-  "sizeFullWidth": "DdI1r",
-  "renderedInTable": "_0u2Nu",
-  "sizeOriginal": "S1CSs",
-  "sizeContent": "IXbxd",
-  "sizeSmall": "ARBvK",
-  "sizeSmallCenter": "PXo08",
-  "flex": "_3khgF"
+  "alignLeft": "MHQZc",
+  "textWrapNowrap": "n01eK",
+  "alignRight": "A27r3",
+  "alignCenter": "fsbVy",
+  "sizeFullWidth": "kU6a5",
+  "renderedInTable": "W2vYs",
+  "sizeOriginal": "ucwwC",
+  "sizeContent": "Ld9ds",
+  "sizeSmall": "WI1OS",
+  "sizeSmallCenter": "pokfN",
+  "flex": "BQlTg"
 };
 //# sourceMappingURL=general-scss.js.map

package/dist/cjs/wix-rich-content-common/statics/styles/general-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/wix-rich-content-common/statics/styles/general.scss"],
-  "sourcesContent": ["export default {\n  \"alignLeft\": \"UxhdP\",\n  \"textWrapNowrap\": \"TZ7Ry\",\n  \"alignRight\": \"uwtQk\",\n  \"alignCenter\": \"rKv0g\",\n  \"sizeFullWidth\": \"DdI1r\",\n  \"renderedInTable\": \"_0u2Nu\",\n  \"sizeOriginal\": \"S1CSs\",\n  \"sizeContent\": \"IXbxd\",\n  \"sizeSmall\": \"ARBvK\",\n  \"sizeSmallCenter\": \"PXo08\",\n  \"flex\": \"_3khgF\"\n};"],
+  "sourcesContent": ["export default {\n  \"alignLeft\": \"MHQZc\",\n  \"textWrapNowrap\": \"n01eK\",\n  \"alignRight\": \"A27r3\",\n  \"alignCenter\": \"fsbVy\",\n  \"sizeFullWidth\": \"kU6a5\",\n  \"renderedInTable\": \"W2vYs\",\n  \"sizeOriginal\": \"ucwwC\",\n  \"sizeContent\": \"Ld9ds\",\n  \"sizeSmall\": \"WI1OS\",\n  \"sizeSmallCenter\": \"pokfN\",\n  \"flex\": \"BQlTg\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,kBAAQ;AAAA,EACb,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,QAAQ;AACV;",
   "names": []
 }

package/dist/es/_shared/dropdown-modal/dropdown-modal-scss.js

@@ -1,8 +1,8 @@
-var styleDataHash = "d60d23bc";
+var styleDataHash = "2cb6eea5";
 const injectCss = (() => {
-  var css = `.c002-{background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--wds-popover-menu-border-radius,var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px)));box-shadow:var(--ricos-settings-whitebox-box-shadow,var(--wds-shadow-surface-overlay,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));height:fit-content;padding:var(--wds-popover-menu-paddings-vertical,var(--wds-space-200,12px)) var(--wds-popover-menu-paddings-horizontal,var(--wds-space-0,0));--wds-list-item-select-title:var(--ricos-settings-text-color,var(--wsr-color-D10,#000624));--wds-color-text-standard-primary:var(
+  var css = `.fTgsh{background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--wds-popover-menu-border-radius,var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px)));box-shadow:var(--ricos-settings-whitebox-box-shadow,var(--wds-shadow-surface-overlay,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));height:fit-content;padding:var(--wds-popover-menu-paddings-vertical,var(--wds-space-200,12px)) var(--wds-popover-menu-paddings-horizontal,var(--wds-space-0,0));--wds-list-item-select-title:var(--ricos-settings-text-color,var(--wsr-color-D10,#000624));--wds-color-text-standard-primary:var(
     --ricos-settings-text-color,var(--wsr-color-D10,#000624)
-  );box-sizing:border-box;overflow-x:hidden;overflow-y:auto;width:fit-content;z-index:10}.c002- *,.c002- :after,.c002- :before{box-sizing:inherit}.c002- input{box-sizing:border-box}@supports not (contain:inline-size){@media only screen and (max-width:480px){.c002-{width:100%}}}@container (width < 480px){.c002-:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){width:100%}}@media (width < 480px){.c002-:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .c002-{width:100%}}.uCSAF{--wds-side-panel-content-padding-vertical:12px;--wds-side-panel-content-padding-horizontal:0px}`;
+  );box-sizing:border-box;overflow-x:hidden;overflow-y:auto;width:fit-content;z-index:10}.fTgsh *,.fTgsh :after,.fTgsh :before{box-sizing:inherit}.fTgsh input{box-sizing:border-box}@supports not (contain:inline-size){@media only screen and (max-width:480px){.fTgsh{width:100%}}}@container (width < 480px){.fTgsh:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){width:100%}}@media (width < 480px){.fTgsh:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .fTgsh{width:100%}}.kowOb{--wds-side-panel-content-padding-vertical:12px;--wds-side-panel-content-padding-horizontal:0px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -23,8 +23,8 @@ const injectCss = (() => {
 });
 injectCss();
 var dropdown_modal_default = {
-  "root": "c002-",
-  "mobileContent": "uCSAF"
+  "root": "fTgsh",
+  "mobileContent": "kowOb"
 };
 export {
   dropdown_modal_default as default,

package/dist/es/_shared/dropdown-modal/dropdown-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/dropdown-modal/dropdown-modal.scss"],
-  "sourcesContent": ["var styleDataHash = 'd60d23bc';  \nexport const injectCss = (() => {\n  var css = `.c002-{background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--wds-popover-menu-border-radius,var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px)));box-shadow:var(--ricos-settings-whitebox-box-shadow,var(--wds-shadow-surface-overlay,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));height:fit-content;padding:var(--wds-popover-menu-paddings-vertical,var(--wds-space-200,12px)) var(--wds-popover-menu-paddings-horizontal,var(--wds-space-0,0));--wds-list-item-select-title:var(--ricos-settings-text-color,var(--wsr-color-D10,#000624));--wds-color-text-standard-primary:var(\n    --ricos-settings-text-color,var(--wsr-color-D10,#000624)\n  );box-sizing:border-box;overflow-x:hidden;overflow-y:auto;width:fit-content;z-index:10}.c002- *,.c002- :after,.c002- :before{box-sizing:inherit}.c002- input{box-sizing:border-box}@supports not (contain:inline-size){@media only screen and (max-width:480px){.c002-{width:100%}}}@container (width < 480px){.c002-:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){width:100%}}@media (width < 480px){.c002-:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .c002-{width:100%}}.uCSAF{--wds-side-panel-content-padding-vertical:12px;--wds-side-panel-content-padding-horizontal:0px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"root\": \"c002-\",\n  \"mobileContent\": \"uCSAF\"\n};"],
+  "sourcesContent": ["var styleDataHash = '2cb6eea5';  \nexport const injectCss = (() => {\n  var css = `.fTgsh{background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--wds-popover-menu-border-radius,var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px)));box-shadow:var(--ricos-settings-whitebox-box-shadow,var(--wds-shadow-surface-overlay,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));height:fit-content;padding:var(--wds-popover-menu-paddings-vertical,var(--wds-space-200,12px)) var(--wds-popover-menu-paddings-horizontal,var(--wds-space-0,0));--wds-list-item-select-title:var(--ricos-settings-text-color,var(--wsr-color-D10,#000624));--wds-color-text-standard-primary:var(\n    --ricos-settings-text-color,var(--wsr-color-D10,#000624)\n  );box-sizing:border-box;overflow-x:hidden;overflow-y:auto;width:fit-content;z-index:10}.fTgsh *,.fTgsh :after,.fTgsh :before{box-sizing:inherit}.fTgsh input{box-sizing:border-box}@supports not (contain:inline-size){@media only screen and (max-width:480px){.fTgsh{width:100%}}}@container (width < 480px){.fTgsh:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){width:100%}}@media (width < 480px){.fTgsh:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .fTgsh{width:100%}}.kowOb{--wds-side-panel-content-padding-vertical:12px;--wds-side-panel-content-padding-horizontal:0px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"root\": \"fTgsh\",\n  \"mobileContent\": \"kowOb\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AAAA;AAAA;AAGV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,yBAAQ;AAAA,EACb,QAAQ;AAAA,EACR,iBAAiB;AACnB;",
   "names": []
 }

package/dist/es/_shared/figure/add-caption-button-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "7c7a5195";
+var styleDataHash = "37b4c433";
 const injectCss = (() => {
-  var css = `@charset "UTF-8";.nAor1{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.kwqFO{align-items:center;background-color:#fff;border-radius:var(--ricos-internal-toolbar-floating-border-radius,8px);bottom:12px;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,メイリオ,meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif);font-size:14px;left:50%;padding:3px;pointer-events:none;position:absolute;transform:translateX(-50%);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:1000}._9f-Vg{align-items:center;background:transparent;border:transparent;border-radius:var(--ricos-internal-toolbar-button-border-radius,6px);color:var(--ricos-internal-toolbar-button-text-color,#000);cursor:pointer;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,メイリオ,meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif);font-size:14px;gap:3px;height:30px;justify-content:center;margin:0;min-width:30px;min-width:max-content;padding-inline-end:6px;padding-inline-start:6px;pointer-events:auto}@media (hover:hover){._9f-Vg:hover:not([disabled]){background-color:var(--ricos-internal-toolbar-button-background-color-hover,#e7f0ff);color:var(--ricos-internal-toolbar-button-text-color-hover,#116dff)}}._9f-Vg.oqMki{background-color:var(--ricos-internal-toolbar-button-background-color-active,#d6e6fe);color:var(--ricos-settings-text-color,var(--ricos-action-color-fallback,#116dff));fill:var(--ricos-settings-text-color,var(--ricos-action-color-fallback,#116dff))}@supports (color:rgb(from #000 r g b/0.1)){._9f-Vg.oqMki{color:var(--ricos-settings-text-color,rgb(from var(--ricos-action-color,#116dff) min(r,150) min(g,150) min(b,150)));fill:var(--ricos-settings-text-color,rgb(from var(--ricos-action-color,#116dff) min(r,150) min(g,150) min(b,150)))}}._9f-Vg.oqMki svg{fill:var(--ricos-settings-icons-color,currentColor);color:var(--ricos-settings-icons-color,currentColor)}._9f-Vg.Kyo4t{cursor:default;opacity:.4;pointer-events:none}._9f-Vg._4JxYb{height:36px;min-width:36px}._9f-Vg.keYAU{padding-inline-end:12px}._9f-Vg.pEaFf{min-width:30px;padding-inline-end:0;padding-inline-start:0}._9f-Vg:focus{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important}._9f-Vg .vS7QZ{flex-shrink:0}`;
+  var css = `@charset "UTF-8";.E-lju{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.Psf5p{align-items:center;background-color:#fff;border-radius:var(--ricos-internal-toolbar-floating-border-radius,8px);bottom:12px;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,メイリオ,meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif);font-size:14px;left:50%;padding:3px;pointer-events:none;position:absolute;transform:translateX(-50%);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:1000}.LZezJ{align-items:center;background:transparent;border:transparent;border-radius:var(--ricos-internal-toolbar-button-border-radius,6px);color:var(--ricos-internal-toolbar-button-text-color,#000);cursor:pointer;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,メイリオ,meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif);font-size:14px;gap:3px;height:30px;justify-content:center;margin:0;min-width:30px;min-width:max-content;padding-inline-end:6px;padding-inline-start:6px;pointer-events:auto}@media (hover:hover){.LZezJ:hover:not([disabled]){background-color:var(--ricos-internal-toolbar-button-background-color-hover,#e7f0ff);color:var(--ricos-internal-toolbar-button-text-color-hover,#116dff)}}.LZezJ.Ay7JI{background-color:var(--ricos-internal-toolbar-button-background-color-active,#d6e6fe);color:var(--ricos-settings-text-color,var(--ricos-action-color-fallback,#116dff));fill:var(--ricos-settings-text-color,var(--ricos-action-color-fallback,#116dff))}@supports (color:rgb(from #000 r g b/0.1)){.LZezJ.Ay7JI{color:var(--ricos-settings-text-color,rgb(from var(--ricos-action-color,#116dff) min(r,150) min(g,150) min(b,150)));fill:var(--ricos-settings-text-color,rgb(from var(--ricos-action-color,#116dff) min(r,150) min(g,150) min(b,150)))}}.LZezJ.Ay7JI svg{fill:var(--ricos-settings-icons-color,currentColor);color:var(--ricos-settings-icons-color,currentColor)}.LZezJ.fZxPM{cursor:default;opacity:.4;pointer-events:none}.LZezJ.CXkb3{height:36px;min-width:36px}.LZezJ._9JJC9{padding-inline-end:12px}.LZezJ.TiZDi{min-width:30px;padding-inline-end:0;padding-inline-start:0}.LZezJ:focus{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important}.LZezJ .L-EVe{flex-shrink:0}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,15 +21,15 @@ const injectCss = (() => {
 });
 injectCss();
 var add_caption_button_default = {
-  "fontElementMap": "nAor1",
-  "addCaptionButtonContainer": "kwqFO",
-  "addCaptionButton": "_9f-Vg",
-  "active": "oqMki",
-  "disabled": "Kyo4t",
-  "mobile": "_4JxYb",
-  "withIcon": "keYAU",
-  "iconOnly": "pEaFf",
-  "icon": "vS7QZ"
+  "fontElementMap": "E-lju",
+  "addCaptionButtonContainer": "Psf5p",
+  "addCaptionButton": "LZezJ",
+  "active": "Ay7JI",
+  "disabled": "fZxPM",
+  "mobile": "CXkb3",
+  "withIcon": "_9JJC9",
+  "iconOnly": "TiZDi",
+  "icon": "L-EVe"
 };
 export {
   add_caption_button_default as default,

package/dist/es/_shared/figure/add-caption-button-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/figure/add-caption-button.scss"],
-  "sourcesContent": ["var styleDataHash = '7c7a5195';  \nexport const injectCss = (() => {\n  var css = `@charset \"UTF-8\";.nAor1{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.kwqFO{align-items:center;background-color:#fff;border-radius:var(--ricos-internal-toolbar-floating-border-radius,8px);bottom:12px;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,メイリオ,meiryo,\"ヒラギノ角ゴ pro w3\",\"hiragino kaku gothic pro\",sans-serif);font-size:14px;left:50%;padding:3px;pointer-events:none;position:absolute;transform:translateX(-50%);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:1000}._9f-Vg{align-items:center;background:transparent;border:transparent;border-radius:var(--ricos-internal-toolbar-button-border-radius,6px);color:var(--ricos-internal-toolbar-button-text-color,#000);cursor:pointer;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,メイリオ,meiryo,\"ヒラギノ角ゴ pro w3\",\"hiragino kaku gothic pro\",sans-serif);font-size:14px;gap:3px;height:30px;justify-content:center;margin:0;min-width:30px;min-width:max-content;padding-inline-end:6px;padding-inline-start:6px;pointer-events:auto}@media (hover:hover){._9f-Vg:hover:not([disabled]){background-color:var(--ricos-internal-toolbar-button-background-color-hover,#e7f0ff);color:var(--ricos-internal-toolbar-button-text-color-hover,#116dff)}}._9f-Vg.oqMki{background-color:var(--ricos-internal-toolbar-button-background-color-active,#d6e6fe);color:var(--ricos-settings-text-color,var(--ricos-action-color-fallback,#116dff));fill:var(--ricos-settings-text-color,var(--ricos-action-color-fallback,#116dff))}@supports (color:rgb(from #000 r g b/0.1)){._9f-Vg.oqMki{color:var(--ricos-settings-text-color,rgb(from var(--ricos-action-color,#116dff) min(r,150) min(g,150) min(b,150)));fill:var(--ricos-settings-text-color,rgb(from var(--ricos-action-color,#116dff) min(r,150) min(g,150) min(b,150)))}}._9f-Vg.oqMki svg{fill:var(--ricos-settings-icons-color,currentColor);color:var(--ricos-settings-icons-color,currentColor)}._9f-Vg.Kyo4t{cursor:default;opacity:.4;pointer-events:none}._9f-Vg._4JxYb{height:36px;min-width:36px}._9f-Vg.keYAU{padding-inline-end:12px}._9f-Vg.pEaFf{min-width:30px;padding-inline-end:0;padding-inline-start:0}._9f-Vg:focus{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important}._9f-Vg .vS7QZ{flex-shrink:0}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"nAor1\",\n  \"addCaptionButtonContainer\": \"kwqFO\",\n  \"addCaptionButton\": \"_9f-Vg\",\n  \"active\": \"oqMki\",\n  \"disabled\": \"Kyo4t\",\n  \"mobile\": \"_4JxYb\",\n  \"withIcon\": \"keYAU\",\n  \"iconOnly\": \"pEaFf\",\n  \"icon\": \"vS7QZ\"\n};"],
+  "sourcesContent": ["var styleDataHash = '37b4c433';  \nexport const injectCss = (() => {\n  var css = `@charset \"UTF-8\";.E-lju{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.Psf5p{align-items:center;background-color:#fff;border-radius:var(--ricos-internal-toolbar-floating-border-radius,8px);bottom:12px;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,メイリオ,meiryo,\"ヒラギノ角ゴ pro w3\",\"hiragino kaku gothic pro\",sans-serif);font-size:14px;left:50%;padding:3px;pointer-events:none;position:absolute;transform:translateX(-50%);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:1000}.LZezJ{align-items:center;background:transparent;border:transparent;border-radius:var(--ricos-internal-toolbar-button-border-radius,6px);color:var(--ricos-internal-toolbar-button-text-color,#000);cursor:pointer;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,メイリオ,meiryo,\"ヒラギノ角ゴ pro w3\",\"hiragino kaku gothic pro\",sans-serif);font-size:14px;gap:3px;height:30px;justify-content:center;margin:0;min-width:30px;min-width:max-content;padding-inline-end:6px;padding-inline-start:6px;pointer-events:auto}@media (hover:hover){.LZezJ:hover:not([disabled]){background-color:var(--ricos-internal-toolbar-button-background-color-hover,#e7f0ff);color:var(--ricos-internal-toolbar-button-text-color-hover,#116dff)}}.LZezJ.Ay7JI{background-color:var(--ricos-internal-toolbar-button-background-color-active,#d6e6fe);color:var(--ricos-settings-text-color,var(--ricos-action-color-fallback,#116dff));fill:var(--ricos-settings-text-color,var(--ricos-action-color-fallback,#116dff))}@supports (color:rgb(from #000 r g b/0.1)){.LZezJ.Ay7JI{color:var(--ricos-settings-text-color,rgb(from var(--ricos-action-color,#116dff) min(r,150) min(g,150) min(b,150)));fill:var(--ricos-settings-text-color,rgb(from var(--ricos-action-color,#116dff) min(r,150) min(g,150) min(b,150)))}}.LZezJ.Ay7JI svg{fill:var(--ricos-settings-icons-color,currentColor);color:var(--ricos-settings-icons-color,currentColor)}.LZezJ.fZxPM{cursor:default;opacity:.4;pointer-events:none}.LZezJ.CXkb3{height:36px;min-width:36px}.LZezJ._9JJC9{padding-inline-end:12px}.LZezJ.TiZDi{min-width:30px;padding-inline-end:0;padding-inline-start:0}.LZezJ:focus{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important}.LZezJ .L-EVe{flex-shrink:0}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"E-lju\",\n  \"addCaptionButtonContainer\": \"Psf5p\",\n  \"addCaptionButton\": \"LZezJ\",\n  \"active\": \"Ay7JI\",\n  \"disabled\": \"fZxPM\",\n  \"mobile\": \"CXkb3\",\n  \"withIcon\": \"_9JJC9\",\n  \"iconOnly\": \"TiZDi\",\n  \"icon\": \"L-EVe\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,6BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,oBAAoB;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AACV;",
   "names": []
 }

package/dist/es/_shared/figure/viewer-caption-scss.js

@@ -1,6 +1,6 @@
 var viewer_caption_default = {
-  "fontElementMap": "x3zis",
-  "imageCaption": "HtAVv"
+  "fontElementMap": "XXase",
+  "imageCaption": "LeEhC"
 };
 export {
   viewer_caption_default as default

package/dist/es/_shared/figure/viewer-caption-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/figure/viewer-caption.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"x3zis\",\n  \"imageCaption\": \"HtAVv\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"XXase\",\n  \"imageCaption\": \"LeEhC\"\n};"],
   "mappings": "AAAA,IAAO,yBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAClB;",
   "names": []
 }

package/dist/es/_shared/figure/viewer-figure-scss.js

@@ -1,5 +1,5 @@
 var viewer_figure_default = {
-  "figure": "H7vJU"
+  "figure": "OdJnm"
 };
 export {
   viewer_figure_default as default

package/dist/es/_shared/figure/viewer-figure-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/figure/viewer-figure.scss"],
-  "sourcesContent": ["export default {\n  \"figure\": \"H7vJU\"\n};"],
+  "sourcesContent": ["export default {\n  \"figure\": \"OdJnm\"\n};"],
   "mappings": "AAAA,IAAO,wBAAQ;AAAA,EACb,UAAU;AACZ;",
   "names": []
 }

package/dist/es/_shared/link-modal/open-link-modal/modal-desktop.js

@@ -22,7 +22,8 @@ const ModalDesktop = ({
   onUnlink,
   onSaveMultiple,
   showAltText,
-  initialAltText
+  initialAltText,
+  renderExtraField
 }) => {
   const { environment, t } = useContext(RicosContext);
   const { expireCache, preload, sitePublished, cache } = useContext(SitePagesFetchContext);
@@ -88,7 +89,7 @@ const ModalDesktop = ({
       return expireCache;
     }
   }, []);
-  return /* @__PURE__ */ React.createElement("div", { "data-hook": MODAL_ROOT, ref: setContainerRef }, /* @__PURE__ */ React.createElement(Panel, { maxHeight: 576, closeButtonProps: { onClick: onClose } }, /* @__PURE__ */ React.createElement(PanelHeader, { title: t("LinkSettings_Modal_Title") }), /* @__PURE__ */ React.createElement(SidePanel.Content, { noPadding: true }, /* @__PURE__ */ React.createElement("form", { onSubmit }, /* @__PURE__ */ React.createElement("input", { type: "submit", style: { display: "none" } }), /* @__PURE__ */ React.createElement(Box, { direction: "vertical", gap: "SP2", padding: "SP3" }, enabledLinkTypes && enabledLinkTypes.length === 1 ? null : /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { "data-hook": MODAL_ROOT, ref: setContainerRef }, /* @__PURE__ */ React.createElement(Panel, { maxHeight: 576, closeButtonProps: { onClick: onClose } }, /* @__PURE__ */ React.createElement(PanelHeader, { title: t("LinkSettings_Modal_Title") }), /* @__PURE__ */ React.createElement(SidePanel.Content, { noPadding: true }, /* @__PURE__ */ React.createElement("form", { onSubmit }, /* @__PURE__ */ React.createElement("input", { type: "submit", style: { display: "none" } }), /* @__PURE__ */ React.createElement(Box, { direction: "vertical", gap: "SP2", padding: "SP3" }, renderExtraField?.(), enabledLinkTypes && enabledLinkTypes.length === 1 ? null : /* @__PURE__ */ React.createElement(
     TypeSelect,
     {
       autoFocus: focusTarget === "type-select",

package/dist/es/_shared/link-modal/open-link-modal/modal-desktop.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/_shared/link-modal/open-link-modal/modal-desktop.tsx"],
-  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport type { PopoverProps } from '@wix/design-system';\nimport { Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\n\nimport { RicosContext, ZIndexContext } from './../../../ricos-context/index.js';\nimport { SitePagesFetchContext } from './../../site-pages/site-pages-fetch-context.js';\nimport { unreachable } from './../../uncreachable.js';\nimport { Panel, PanelHeader } from './../../../ui-components/index.js';\n\nimport { MODAL_ROOT } from '../data-hooks/data-hooks.js';\nimport { AltText } from './alt-text.js';\nimport { AttributesDesktop } from './attributes/attributes-desktop.js';\nimport { Footer } from './footer.js';\nimport { NotPublishedWarning } from './not-published-warning.js';\nimport { SectionDesktop } from './section/section-desktop.js';\nimport { SitePages } from './site-pages/site-pages.js';\nimport { TypeSelect } from './type-select.js';\nimport type { LinkModalProps } from './types.js';\nimport { useLinkModalState } from './use-link-modal-state.js';\nimport { WebAddress } from './web-address.js';\n\nexport const ModalDesktop: React.FC<LinkModalProps> = ({\n  initialValue,\n  enabledLinkTypes: enabledLinkTypesProp,\n  onClose,\n  onSave,\n  onUnlink,\n  onSaveMultiple,\n  showAltText,\n  initialAltText,\n}) => {\n  const { environment, t } = useContext(RicosContext);\n  const { expireCache, preload, sitePublished, cache } = useContext(SitePagesFetchContext);\n  const zIndexService = useContext(ZIndexContext);\n\n  const [containerRef, setContainerRef] = useState<HTMLDivElement | null>(null);\n  const {\n    focusTarget,\n    link,\n    linkType,\n    submitError,\n    multipleSections,\n    enabledLinkTypes,\n    altText,\n\n    onChangeAltText,\n    onChangeAttributes,\n    onChangeWebAddress,\n    onClickUnlink,\n    onSelectPage,\n    onSelectSection,\n    setMultipleSections,\n    onSelectType,\n    onSubmit,\n    onValidateWebAddress,\n  } = useLinkModalState({\n    initialValue,\n    initialAltText,\n    onClose,\n    onSave,\n    onUnlink,\n    onSaveMultiple,\n    enabledLinkTypes: enabledLinkTypesProp,\n  });\n\n  const autoCompletePopoverProps: PopoverProps = useMemo(\n    () => ({\n      appendTo: el => el === containerRef,\n      placement: 'bottom-start',\n      zIndex: zIndexService.getZIndex('DRAWER'),\n      maxWidth: '252px',\n    }),\n    [containerRef, zIndexService]\n  );\n\n  const dropDownPopoverProps: PopoverProps = useMemo(\n    () => ({\n      appendTo: el => el === containerRef,\n      maxWidth: '252px',\n      zIndex: zIndexService.getZIndex('DRAWER'),\n    }),\n    [containerRef, zIndexService]\n  );\n  const tooltipProps = useMemo(\n    () => ({\n      appendTo: containerRef || undefined,\n      flip: true,\n      zIndex: zIndexService.getZIndex('TOOLTIP'),\n    }),\n    [containerRef, zIndexService]\n  );\n\n  const showNotPublishedWarning =\n    linkType !== 'section' && linkType !== 'web-address' && sitePublished === false;\n  const showSitePages = environment === 'businessManager';\n\n  useEffect(() => {\n    if (showSitePages) {\n      preload();\n      return expireCache;\n    }\n  }, []);\n\n  return (\n    <div data-hook={MODAL_ROOT} ref={setContainerRef}>\n      <Panel maxHeight={576} closeButtonProps={{ onClick: onClose }}>\n        <PanelHeader title={t('LinkSettings_Modal_Title')} />\n        <SidePanel.Content noPadding>\n          <form onSubmit={onSubmit}>\n            <input type=\"submit\" style={{ display: 'none' }} />\n            <Box direction=\"vertical\" gap=\"SP2\" padding=\"SP3\">\n              {enabledLinkTypes && enabledLinkTypes.length === 1 ? null : (\n                <TypeSelect\n                  autoFocus={focusTarget === 'type-select'}\n                  dropDownPopoverProps={dropDownPopoverProps}\n                  onSelect={onSelectType}\n                  showSitePages={showSitePages}\n                  t={t}\n                  type={linkType}\n                  enabledLinkTypes={enabledLinkTypes}\n                  cache={cache}\n                />\n              )}\n\n              {showNotPublishedWarning && <NotPublishedWarning />}\n              {(() => {\n                switch (linkType) {\n                  case 'web-address':\n                    return (\n                      <WebAddress\n                        autoFocus={focusTarget === 'input'}\n                        key={linkType}\n                        link={link}\n                        onChangeUrl={onChangeWebAddress}\n                        onValidateUrl={onValidateWebAddress}\n                        submitError={submitError}\n                        t={t}\n                      />\n                    );\n                  case 'section':\n                    return (\n                      <SectionDesktop\n                        autoCompletePopoverProps={autoCompletePopoverProps}\n                        autoFocus={focusTarget === 'input'}\n                        dropDownPopoverProps={dropDownPopoverProps}\n                        key={linkType}\n                        link={link}\n                        onSelect={onSelectSection}\n                        setMultipleSections={setMultipleSections}\n                        onSubmit={onSubmit}\n                        t={t}\n                        tooltipProps={tooltipProps}\n                        multipleSections={multipleSections}\n                      />\n                    );\n                  case 'blogPost':\n                  case 'staticPage':\n                  case 'dynamicPage':\n                  case 'storeProduct':\n                  case 'storeCatalog':\n                    return (\n                      <SitePages\n                        autoCompletePopoverProps={autoCompletePopoverProps}\n                        autoFocus={focusTarget === 'input'}\n                        key={linkType}\n                        link={link}\n                        linkType={linkType}\n                        onSelect={onSelectPage}\n                        onSubmit={onSubmit}\n                        tooltipProps={tooltipProps}\n                        t={t}\n                      />\n                    );\n\n                  default:\n                    unreachable(linkType);\n                }\n              })()}\n\n              {showAltText && (\n                <AltText\n                  altText={altText}\n                  onChange={onChangeAltText}\n                  t={t}\n                  tooltipProps={tooltipProps}\n                />\n              )}\n\n              {linkType !== 'section' && (\n                <>\n                  <Divider />\n                  <AttributesDesktop\n                    link={link}\n                    onChange={onChangeAttributes}\n                    t={t}\n                    tooltipProps={tooltipProps}\n                  />\n                </>\n              )}\n            </Box>\n          </form>\n        </SidePanel.Content>\n        <SidePanel.Footer showDivider>\n          <Footer\n            onClickCancel={onClose}\n            onClickSave={onSubmit}\n            onClickUnlink={onClickUnlink}\n            showUnlink={Boolean(initialValue?.url || initialValue?.anchor)}\n            t={t}\n          />\n        </SidePanel.Footer>\n      </Panel>\n    </div>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport type { PopoverProps } from '@wix/design-system';\nimport { Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\n\nimport { RicosContext, ZIndexContext } from './../../../ricos-context/index.js';\nimport { SitePagesFetchContext } from './../../site-pages/site-pages-fetch-context.js';\nimport { unreachable } from './../../uncreachable.js';\nimport { Panel, PanelHeader } from './../../../ui-components/index.js';\n\nimport { MODAL_ROOT } from '../data-hooks/data-hooks.js';\nimport { AltText } from './alt-text.js';\nimport { AttributesDesktop } from './attributes/attributes-desktop.js';\nimport { Footer } from './footer.js';\nimport { NotPublishedWarning } from './not-published-warning.js';\nimport { SectionDesktop } from './section/section-desktop.js';\nimport { SitePages } from './site-pages/site-pages.js';\nimport { TypeSelect } from './type-select.js';\nimport type { LinkModalProps } from './types.js';\nimport { useLinkModalState } from './use-link-modal-state.js';\nimport { WebAddress } from './web-address.js';\n\nexport const ModalDesktop: React.FC<LinkModalProps> = ({\n  initialValue,\n  enabledLinkTypes: enabledLinkTypesProp,\n  onClose,\n  onSave,\n  onUnlink,\n  onSaveMultiple,\n  showAltText,\n  initialAltText,\n  renderExtraField,\n}) => {\n  const { environment, t } = useContext(RicosContext);\n  const { expireCache, preload, sitePublished, cache } = useContext(SitePagesFetchContext);\n  const zIndexService = useContext(ZIndexContext);\n\n  const [containerRef, setContainerRef] = useState<HTMLDivElement | null>(null);\n  const {\n    focusTarget,\n    link,\n    linkType,\n    submitError,\n    multipleSections,\n    enabledLinkTypes,\n    altText,\n\n    onChangeAltText,\n    onChangeAttributes,\n    onChangeWebAddress,\n    onClickUnlink,\n    onSelectPage,\n    onSelectSection,\n    setMultipleSections,\n    onSelectType,\n    onSubmit,\n    onValidateWebAddress,\n  } = useLinkModalState({\n    initialValue,\n    initialAltText,\n    onClose,\n    onSave,\n    onUnlink,\n    onSaveMultiple,\n    enabledLinkTypes: enabledLinkTypesProp,\n  });\n\n  const autoCompletePopoverProps: PopoverProps = useMemo(\n    () => ({\n      appendTo: el => el === containerRef,\n      placement: 'bottom-start',\n      zIndex: zIndexService.getZIndex('DRAWER'),\n      maxWidth: '252px',\n    }),\n    [containerRef, zIndexService]\n  );\n\n  const dropDownPopoverProps: PopoverProps = useMemo(\n    () => ({\n      appendTo: el => el === containerRef,\n      maxWidth: '252px',\n      zIndex: zIndexService.getZIndex('DRAWER'),\n    }),\n    [containerRef, zIndexService]\n  );\n  const tooltipProps = useMemo(\n    () => ({\n      appendTo: containerRef || undefined,\n      flip: true,\n      zIndex: zIndexService.getZIndex('TOOLTIP'),\n    }),\n    [containerRef, zIndexService]\n  );\n\n  const showNotPublishedWarning =\n    linkType !== 'section' && linkType !== 'web-address' && sitePublished === false;\n  const showSitePages = environment === 'businessManager';\n\n  useEffect(() => {\n    if (showSitePages) {\n      preload();\n      return expireCache;\n    }\n  }, []);\n\n  return (\n    <div data-hook={MODAL_ROOT} ref={setContainerRef}>\n      <Panel maxHeight={576} closeButtonProps={{ onClick: onClose }}>\n        <PanelHeader title={t('LinkSettings_Modal_Title')} />\n        <SidePanel.Content noPadding>\n          <form onSubmit={onSubmit}>\n            <input type=\"submit\" style={{ display: 'none' }} />\n            <Box direction=\"vertical\" gap=\"SP2\" padding=\"SP3\">\n              {renderExtraField?.()}\n              {enabledLinkTypes && enabledLinkTypes.length === 1 ? null : (\n                <TypeSelect\n                  autoFocus={focusTarget === 'type-select'}\n                  dropDownPopoverProps={dropDownPopoverProps}\n                  onSelect={onSelectType}\n                  showSitePages={showSitePages}\n                  t={t}\n                  type={linkType}\n                  enabledLinkTypes={enabledLinkTypes}\n                  cache={cache}\n                />\n              )}\n\n              {showNotPublishedWarning && <NotPublishedWarning />}\n              {(() => {\n                switch (linkType) {\n                  case 'web-address':\n                    return (\n                      <WebAddress\n                        autoFocus={focusTarget === 'input'}\n                        key={linkType}\n                        link={link}\n                        onChangeUrl={onChangeWebAddress}\n                        onValidateUrl={onValidateWebAddress}\n                        submitError={submitError}\n                        t={t}\n                      />\n                    );\n                  case 'section':\n                    return (\n                      <SectionDesktop\n                        autoCompletePopoverProps={autoCompletePopoverProps}\n                        autoFocus={focusTarget === 'input'}\n                        dropDownPopoverProps={dropDownPopoverProps}\n                        key={linkType}\n                        link={link}\n                        onSelect={onSelectSection}\n                        setMultipleSections={setMultipleSections}\n                        onSubmit={onSubmit}\n                        t={t}\n                        tooltipProps={tooltipProps}\n                        multipleSections={multipleSections}\n                      />\n                    );\n                  case 'blogPost':\n                  case 'staticPage':\n                  case 'dynamicPage':\n                  case 'storeProduct':\n                  case 'storeCatalog':\n                    return (\n                      <SitePages\n                        autoCompletePopoverProps={autoCompletePopoverProps}\n                        autoFocus={focusTarget === 'input'}\n                        key={linkType}\n                        link={link}\n                        linkType={linkType}\n                        onSelect={onSelectPage}\n                        onSubmit={onSubmit}\n                        tooltipProps={tooltipProps}\n                        t={t}\n                      />\n                    );\n\n                  default:\n                    unreachable(linkType);\n                }\n              })()}\n\n              {showAltText && (\n                <AltText\n                  altText={altText}\n                  onChange={onChangeAltText}\n                  t={t}\n                  tooltipProps={tooltipProps}\n                />\n              )}\n\n              {linkType !== 'section' && (\n                <>\n                  <Divider />\n                  <AttributesDesktop\n                    link={link}\n                    onChange={onChangeAttributes}\n                    t={t}\n                    tooltipProps={tooltipProps}\n                  />\n                </>\n              )}\n            </Box>\n          </form>\n        </SidePanel.Content>\n        <SidePanel.Footer showDivider>\n          <Footer\n            onClickCancel={onClose}\n            onClickSave={onSubmit}\n            onClickUnlink={onClickUnlink}\n            showUnlink={Boolean(initialValue?.url || initialValue?.anchor)}\n            t={t}\n          />\n        </SidePanel.Footer>\n      </Panel>\n    </div>\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/_shared/link-modal/open-link-modal/modal-mobile.js

@@ -17,7 +17,8 @@ const ModalMobile = ({
   onSave,
   onUnlink,
   showAltText,
-  initialAltText
+  initialAltText,
+  renderExtraField
 }) => {
   const { t } = useContext(RicosContext);
   const {
@@ -51,7 +52,7 @@ const ModalMobile = ({
       width: "100%"
     },
     /* @__PURE__ */ React.createElement(PanelHeader, { title: t("LinkSettings_Modal_Title") }),
-    /* @__PURE__ */ React.createElement(SidePanel.Content, { noPadding: true }, /* @__PURE__ */ React.createElement(Box, { boxSizing: "border-box", direction: "vertical", gap: "SP3", height: "100%", padding: 0 }, /* @__PURE__ */ React.createElement(Box, { padding: "SP3", paddingBottom: 0 }, enabledLinkTypes && enabledLinkTypes.length === 1 ? null : /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(SidePanel.Content, { noPadding: true }, /* @__PURE__ */ React.createElement(Box, { boxSizing: "border-box", direction: "vertical", gap: "SP3", height: "100%", padding: 0 }, renderExtraField && /* @__PURE__ */ React.createElement(Box, { direction: "vertical", padding: "SP3", paddingBottom: 0 }, renderExtraField()), /* @__PURE__ */ React.createElement(Box, { padding: "SP3", paddingBottom: 0 }, enabledLinkTypes && enabledLinkTypes.length === 1 ? null : /* @__PURE__ */ React.createElement(
       TypeSelect,
       {
         autoFocus: false,

package/dist/es/_shared/link-modal/open-link-modal/modal-mobile.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/_shared/link-modal/open-link-modal/modal-mobile.tsx"],
-  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport { Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { useContext } from 'react';\n\nimport { RicosContext } from './../../../ricos-context/index.js';\nimport { Panel, PanelHeader } from './../../../ui-components/index.js';\n\nimport { MODAL_ROOT } from '../data-hooks/data-hooks.js';\nimport { AltText } from './alt-text.js';\nimport { AttributesMobile } from './attributes/attributes-mobile.js';\nimport { Footer } from './footer.js';\nimport { SectionMobile } from './section/section-mobile.js';\nimport { TypeSelect } from './type-select.js';\nimport type { LinkModalProps } from './types.js';\nimport { useLinkModalState } from './use-link-modal-state.js';\nimport { WebAddress } from './web-address.js';\n\nexport const ModalMobile: React.FC<LinkModalProps> = ({\n  initialValue,\n  enabledLinkTypes: enabledLinkTypesProp,\n  onClose,\n  onSave,\n  onUnlink,\n  showAltText,\n  initialAltText,\n}) => {\n  const { t } = useContext(RicosContext);\n\n  const {\n    link,\n    linkType,\n    submitError,\n    enabledLinkTypes,\n    altText,\n\n    onChangeAltText,\n    onChangeAttributes,\n    onChangeWebAddress,\n    onClickUnlink,\n    onSelectSection,\n    onSelectType,\n    onSubmit,\n    onValidateWebAddress,\n  } = useLinkModalState({\n    initialValue,\n    initialAltText,\n    onClose,\n    onSave,\n    onUnlink,\n    enabledLinkTypes: enabledLinkTypesProp,\n  });\n\n  return (\n    <Panel\n      dataHook={MODAL_ROOT}\n      closeButtonProps={{ onClick: onClose }}\n      skin=\"floating\"\n      width=\"100%\"\n    >\n      <PanelHeader title={t('LinkSettings_Modal_Title')} />\n      <SidePanel.Content noPadding>\n        <Box boxSizing=\"border-box\" direction=\"vertical\" gap=\"SP3\" height=\"100%\" padding={0}>\n          <Box padding=\"SP3\" paddingBottom={0}>\n            {enabledLinkTypes && enabledLinkTypes.length === 1 ? null : (\n              <TypeSelect\n                autoFocus={false}\n                onSelect={onSelectType}\n                showSitePages={false}\n                t={t}\n                type={linkType}\n                enabledLinkTypes={enabledLinkTypes}\n              />\n            )}\n          </Box>\n          {linkType === 'section' ? (\n            <>\n              <SectionMobile link={link} onSelect={onSelectSection} t={t} />\n              {showAltText && (\n                <Box direction=\"vertical\" paddingLeft=\"SP3\" paddingRight=\"SP3\">\n                  <AltText altText={altText} onChange={onChangeAltText} t={t} />\n                </Box>\n              )}\n            </>\n          ) : (\n            <>\n              <Box direction=\"vertical\" gap=\"SP3\" paddingLeft=\"SP3\" paddingRight=\"SP3\">\n                <WebAddress\n                  autoFocus\n                  link={link}\n                  onChangeUrl={onChangeWebAddress}\n                  onValidateUrl={onValidateWebAddress}\n                  submitError={submitError}\n                  t={t}\n                />\n                {showAltText && <AltText altText={altText} onChange={onChangeAltText} t={t} />}\n              </Box>\n              <Divider />\n              <Box direction=\"vertical\" padding=\"SP3\">\n                <AttributesMobile link={link} onChange={onChangeAttributes} t={t} />\n              </Box>\n            </>\n          )}\n        </Box>\n      </SidePanel.Content>\n      <SidePanel.Footer showDivider>\n        <Footer\n          onClickCancel={onClose}\n          onClickSave={onSubmit}\n          onClickUnlink={onClickUnlink}\n          showUnlink={Boolean(initialValue?.url || initialValue?.anchor)}\n          t={t}\n        />\n      </SidePanel.Footer>\n    </Panel>\n  );\n};\n"],
-  "mappings": "AACA,SAAS,KAAK,SAAS,iBAAiB;AACxC,OAAO,SAAS,kBAAkB;AAElC,SAAS,oBAAoB;AAC7B,SAAS,OAAO,mBAAmB;AAEnC,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAEpB,MAAM,cAAwC,CAAC;AAAA,EACpD;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,EAAE,IAAI,WAAW,YAAY;AAErC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,EACpB,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,kBAAkB,EAAE,SAAS,QAAQ;AAAA,MACrC,MAAK;AAAA,MACL,OAAM;AAAA;AAAA,IAEN,oCAAC,eAAY,OAAO,EAAE,0BAA0B,GAAG;AAAA,IACnD,oCAAC,UAAU,SAAV,EAAkB,WAAS,QAC1B,oCAAC,OAAI,WAAU,cAAa,WAAU,YAAW,KAAI,OAAM,QAAO,QAAO,SAAS,KAChF,oCAAC,OAAI,SAAQ,OAAM,eAAe,KAC/B,oBAAoB,iBAAiB,WAAW,IAAI,OACnD;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,UAAU;AAAA,QACV,eAAe;AAAA,QACf;AAAA,QACA,MAAM;AAAA,QACN;AAAA;AAAA,IACF,CAEJ,GACC,aAAa,YACZ,0DACE,oCAAC,iBAAc,MAAY,UAAU,iBAAiB,GAAM,GAC3D,eACC,oCAAC,OAAI,WAAU,YAAW,aAAY,OAAM,cAAa,SACvD,oCAAC,WAAQ,SAAkB,UAAU,iBAAiB,GAAM,CAC9D,CAEJ,IAEA,0DACE,oCAAC,OAAI,WAAU,YAAW,KAAI,OAAM,aAAY,OAAM,cAAa,SACjE;AAAA,MAAC;AAAA;AAAA,QACC,WAAS;AAAA,QACT;AAAA,QACA,aAAa;AAAA,QACb,eAAe;AAAA,QACf;AAAA,QACA;AAAA;AAAA,IACF,GACC,eAAe,oCAAC,WAAQ,SAAkB,UAAU,iBAAiB,GAAM,CAC9E,GACA,oCAAC,aAAQ,GACT,oCAAC,OAAI,WAAU,YAAW,SAAQ,SAChC,oCAAC,oBAAiB,MAAY,UAAU,oBAAoB,GAAM,CACpE,CACF,CAEJ,CACF;AAAA,IACA,oCAAC,UAAU,QAAV,EAAiB,aAAW,QAC3B;AAAA,MAAC;AAAA;AAAA,QACC,eAAe;AAAA,QACf,aAAa;AAAA,QACb;AAAA,QACA,YAAY,QAAQ,cAAc,OAAO,cAAc,MAAM;AAAA,QAC7D;AAAA;AAAA,IACF,CACF;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport { Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { useContext } from 'react';\n\nimport { RicosContext } from './../../../ricos-context/index.js';\nimport { Panel, PanelHeader } from './../../../ui-components/index.js';\n\nimport { MODAL_ROOT } from '../data-hooks/data-hooks.js';\nimport { AltText } from './alt-text.js';\nimport { AttributesMobile } from './attributes/attributes-mobile.js';\nimport { Footer } from './footer.js';\nimport { SectionMobile } from './section/section-mobile.js';\nimport { TypeSelect } from './type-select.js';\nimport type { LinkModalProps } from './types.js';\nimport { useLinkModalState } from './use-link-modal-state.js';\nimport { WebAddress } from './web-address.js';\n\nexport const ModalMobile: React.FC<LinkModalProps> = ({\n  initialValue,\n  enabledLinkTypes: enabledLinkTypesProp,\n  onClose,\n  onSave,\n  onUnlink,\n  showAltText,\n  initialAltText,\n  renderExtraField,\n}) => {\n  const { t } = useContext(RicosContext);\n\n  const {\n    link,\n    linkType,\n    submitError,\n    enabledLinkTypes,\n    altText,\n\n    onChangeAltText,\n    onChangeAttributes,\n    onChangeWebAddress,\n    onClickUnlink,\n    onSelectSection,\n    onSelectType,\n    onSubmit,\n    onValidateWebAddress,\n  } = useLinkModalState({\n    initialValue,\n    initialAltText,\n    onClose,\n    onSave,\n    onUnlink,\n    enabledLinkTypes: enabledLinkTypesProp,\n  });\n\n  return (\n    <Panel\n      dataHook={MODAL_ROOT}\n      closeButtonProps={{ onClick: onClose }}\n      skin=\"floating\"\n      width=\"100%\"\n    >\n      <PanelHeader title={t('LinkSettings_Modal_Title')} />\n      <SidePanel.Content noPadding>\n        <Box boxSizing=\"border-box\" direction=\"vertical\" gap=\"SP3\" height=\"100%\" padding={0}>\n          {renderExtraField && (\n            <Box direction=\"vertical\" padding=\"SP3\" paddingBottom={0}>\n              {renderExtraField()}\n            </Box>\n          )}\n          <Box padding=\"SP3\" paddingBottom={0}>\n            {enabledLinkTypes && enabledLinkTypes.length === 1 ? null : (\n              <TypeSelect\n                autoFocus={false}\n                onSelect={onSelectType}\n                showSitePages={false}\n                t={t}\n                type={linkType}\n                enabledLinkTypes={enabledLinkTypes}\n              />\n            )}\n          </Box>\n          {linkType === 'section' ? (\n            <>\n              <SectionMobile link={link} onSelect={onSelectSection} t={t} />\n              {showAltText && (\n                <Box direction=\"vertical\" paddingLeft=\"SP3\" paddingRight=\"SP3\">\n                  <AltText altText={altText} onChange={onChangeAltText} t={t} />\n                </Box>\n              )}\n            </>\n          ) : (\n            <>\n              <Box direction=\"vertical\" gap=\"SP3\" paddingLeft=\"SP3\" paddingRight=\"SP3\">\n                <WebAddress\n                  autoFocus\n                  link={link}\n                  onChangeUrl={onChangeWebAddress}\n                  onValidateUrl={onValidateWebAddress}\n                  submitError={submitError}\n                  t={t}\n                />\n                {showAltText && <AltText altText={altText} onChange={onChangeAltText} t={t} />}\n              </Box>\n              <Divider />\n              <Box direction=\"vertical\" padding=\"SP3\">\n                <AttributesMobile link={link} onChange={onChangeAttributes} t={t} />\n              </Box>\n            </>\n          )}\n        </Box>\n      </SidePanel.Content>\n      <SidePanel.Footer showDivider>\n        <Footer\n          onClickCancel={onClose}\n          onClickSave={onSubmit}\n          onClickUnlink={onClickUnlink}\n          showUnlink={Boolean(initialValue?.url || initialValue?.anchor)}\n          t={t}\n        />\n      </SidePanel.Footer>\n    </Panel>\n  );\n};\n"],
+  "mappings": "AACA,SAAS,KAAK,SAAS,iBAAiB;AACxC,OAAO,SAAS,kBAAkB;AAElC,SAAS,oBAAoB;AAC7B,SAAS,OAAO,mBAAmB;AAEnC,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAEpB,MAAM,cAAwC,CAAC;AAAA,EACpD;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,EAAE,IAAI,WAAW,YAAY;AAErC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,EACpB,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,kBAAkB,EAAE,SAAS,QAAQ;AAAA,MACrC,MAAK;AAAA,MACL,OAAM;AAAA;AAAA,IAEN,oCAAC,eAAY,OAAO,EAAE,0BAA0B,GAAG;AAAA,IACnD,oCAAC,UAAU,SAAV,EAAkB,WAAS,QAC1B,oCAAC,OAAI,WAAU,cAAa,WAAU,YAAW,KAAI,OAAM,QAAO,QAAO,SAAS,KAC/E,oBACC,oCAAC,OAAI,WAAU,YAAW,SAAQ,OAAM,eAAe,KACpD,iBAAiB,CACpB,GAEF,oCAAC,OAAI,SAAQ,OAAM,eAAe,KAC/B,oBAAoB,iBAAiB,WAAW,IAAI,OACnD;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,UAAU;AAAA,QACV,eAAe;AAAA,QACf;AAAA,QACA,MAAM;AAAA,QACN;AAAA;AAAA,IACF,CAEJ,GACC,aAAa,YACZ,0DACE,oCAAC,iBAAc,MAAY,UAAU,iBAAiB,GAAM,GAC3D,eACC,oCAAC,OAAI,WAAU,YAAW,aAAY,OAAM,cAAa,SACvD,oCAAC,WAAQ,SAAkB,UAAU,iBAAiB,GAAM,CAC9D,CAEJ,IAEA,0DACE,oCAAC,OAAI,WAAU,YAAW,KAAI,OAAM,aAAY,OAAM,cAAa,SACjE;AAAA,MAAC;AAAA;AAAA,QACC,WAAS;AAAA,QACT;AAAA,QACA,aAAa;AAAA,QACb,eAAe;AAAA,QACf;AAAA,QACA;AAAA;AAAA,IACF,GACC,eAAe,oCAAC,WAAQ,SAAkB,UAAU,iBAAiB,GAAM,CAC9E,GACA,oCAAC,aAAQ,GACT,oCAAC,OAAI,WAAU,YAAW,SAAQ,SAChC,oCAAC,oBAAiB,MAAY,UAAU,oBAAoB,GAAM,CACpE,CACF,CAEJ,CACF;AAAA,IACA,oCAAC,UAAU,QAAV,EAAiB,aAAW,QAC3B;AAAA,MAAC;AAAA;AAAA,QACC,eAAe;AAAA,QACf,aAAa;AAAA,QACb;AAAA,QACA,YAAY,QAAQ,cAAc,OAAO,cAAc,MAAM;AAAA,QAC7D;AAAA;AAAA,IACF,CACF;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/es/_shared/link-modal/open-link-modal.js

@@ -14,7 +14,8 @@ const openLinkModal = ({
   returnFocusToEditor,
   enabledLinkTypes,
   showAltText,
-  initialAltText
+  initialAltText,
+  renderExtraField
 }) => {
   const referenceElement = argReferenceElement ? argReferenceElement : editor ? {
     getBoundingClientRect: () => posToDOMRect(
@@ -33,7 +34,8 @@ const openLinkModal = ({
       onSave,
       onUnlink,
       showAltText,
-      initialAltText
+      initialAltText,
+      renderExtraField
     },
     disableArrowNavigation: true,
     dragHandleSelector: "[data-drag-handler]",

package/dist/es/_shared/link-modal/open-link-modal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/link-modal/open-link-modal.ts"],
-  "sourcesContent": ["import type { ModalService } from './../../ricos-modals/index.js';\nimport type { Modal, Placement } from './../../ricos-types/index.js';\nimport type { NamedLink } from './../link/types.js';\nimport { posToDOMRect } from './../../tiptap/index.js';\nimport type { Editor } from './../../tiptap/core/index.js';\n\nimport { LINK_MODAL_ID } from './constants.js';\nimport { LinkModalLazy } from './open-link-modal/link-modal-lazy.js';\nimport type { LinkType } from './open-link-modal/types.js';\n\nexport const openLinkModal = ({\n  editor,\n  initialValue,\n  modalService,\n  onClickOutside,\n  onSave,\n  onSaveMultiple,\n  onUnlink,\n  placement,\n  referenceElement: argReferenceElement,\n  returnFocusToEditor,\n  enabledLinkTypes,\n  showAltText,\n  initialAltText,\n}: {\n  editor?: Editor;\n  initialValue?: NamedLink | undefined;\n  modalService: ModalService;\n  onClickOutside?: Modal['onClickOutside'];\n  onSave: (linkData: NamedLink, altText?: string) => void;\n  onSaveMultiple?: (links: NamedLink[]) => void;\n  onUnlink: (linkData: NamedLink) => void;\n  placement?: Placement;\n  referenceElement?: HTMLElement | null;\n  returnFocusToEditor?: boolean;\n  enabledLinkTypes?: LinkType[];\n  showAltText?: boolean;\n  initialAltText?: string;\n}) => {\n  const referenceElement = argReferenceElement\n    ? argReferenceElement\n    : editor\n      ? {\n          getBoundingClientRect: () =>\n            posToDOMRect(\n              editor.view,\n              editor.view.state.selection.from,\n              editor.view.state.selection.to\n            ),\n        }\n      : null;\n\n  modalService.openModal({\n    Component: LinkModalLazy,\n    componentProps: {\n      initialValue,\n      enabledLinkTypes,\n      onClose: () => modalService.closeModal(LINK_MODAL_ID),\n      onSaveMultiple,\n      onSave,\n      onUnlink,\n      showAltText,\n      initialAltText,\n    },\n    disableArrowNavigation: true,\n    dragHandleSelector: '[data-drag-handler]',\n    enableDrag: true,\n    id: LINK_MODAL_ID,\n    layout: {\n      desktop: referenceElement ? 'floating' : 'dialog', //TODO: get layout value directly\n      mobile: 'fullscreen',\n    },\n    noPadding: true,\n    ...(referenceElement && {\n      positioning: { placement: placement ?? 'bottom', referenceElement },\n    }),\n    withTransition: true,\n    ...(onClickOutside ? { onClickOutside } : {}),\n    returnFocusToEditor,\n  });\n};\n"],
-  "mappings": "AAGA,SAAS,oBAAoB;AAG7B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAGvB,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAcM;AACJ,QAAM,mBAAmB,sBACrB,sBACA,SACE;AAAA,IACE,uBAAuB,MACrB;AAAA,MACE,OAAO;AAAA,MACP,OAAO,KAAK,MAAM,UAAU;AAAA,MAC5B,OAAO,KAAK,MAAM,UAAU;AAAA,IAC9B;AAAA,EACJ,IACA;AAEN,eAAa,UAAU;AAAA,IACrB,WAAW;AAAA,IACX,gBAAgB;AAAA,MACd;AAAA,MACA;AAAA,MACA,SAAS,MAAM,aAAa,WAAW,aAAa;AAAA,MACpD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,wBAAwB;AAAA,IACxB,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,IAAI;AAAA,IACJ,QAAQ;AAAA,MACN,SAAS,mBAAmB,aAAa;AAAA;AAAA,MACzC,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,IACX,GAAI,oBAAoB;AAAA,MACtB,aAAa,EAAE,WAAW,aAAa,UAAU,iBAAiB;AAAA,IACpE;AAAA,IACA,gBAAgB;AAAA,IAChB,GAAI,iBAAiB,EAAE,eAAe,IAAI,CAAC;AAAA,IAC3C;AAAA,EACF,CAAC;AACH;",
+  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { ModalService } from './../../ricos-modals/index.js';\nimport type { Modal, Placement } from './../../ricos-types/index.js';\nimport type { NamedLink } from './../link/types.js';\nimport { posToDOMRect } from './../../tiptap/index.js';\nimport type { Editor } from './../../tiptap/core/index.js';\n\nimport { LINK_MODAL_ID } from './constants.js';\nimport { LinkModalLazy } from './open-link-modal/link-modal-lazy.js';\nimport type { LinkType } from './open-link-modal/types.js';\n\nexport const openLinkModal = ({\n  editor,\n  initialValue,\n  modalService,\n  onClickOutside,\n  onSave,\n  onSaveMultiple,\n  onUnlink,\n  placement,\n  referenceElement: argReferenceElement,\n  returnFocusToEditor,\n  enabledLinkTypes,\n  showAltText,\n  initialAltText,\n  renderExtraField,\n}: {\n  editor?: Editor;\n  initialValue?: NamedLink | undefined;\n  modalService: ModalService;\n  onClickOutside?: Modal['onClickOutside'];\n  onSave: (linkData: NamedLink, altText?: string) => void;\n  onSaveMultiple?: (links: NamedLink[]) => void;\n  onUnlink: (linkData: NamedLink) => void;\n  placement?: Placement;\n  referenceElement?: HTMLElement | null;\n  returnFocusToEditor?: boolean;\n  enabledLinkTypes?: LinkType[];\n  showAltText?: boolean;\n  initialAltText?: string;\n  renderExtraField?: () => ReactNode;\n}) => {\n  const referenceElement = argReferenceElement\n    ? argReferenceElement\n    : editor\n      ? {\n          getBoundingClientRect: () =>\n            posToDOMRect(\n              editor.view,\n              editor.view.state.selection.from,\n              editor.view.state.selection.to\n            ),\n        }\n      : null;\n\n  modalService.openModal({\n    Component: LinkModalLazy,\n    componentProps: {\n      initialValue,\n      enabledLinkTypes,\n      onClose: () => modalService.closeModal(LINK_MODAL_ID),\n      onSaveMultiple,\n      onSave,\n      onUnlink,\n      showAltText,\n      initialAltText,\n      renderExtraField,\n    },\n    disableArrowNavigation: true,\n    dragHandleSelector: '[data-drag-handler]',\n    enableDrag: true,\n    id: LINK_MODAL_ID,\n    layout: {\n      desktop: referenceElement ? 'floating' : 'dialog', //TODO: get layout value directly\n      mobile: 'fullscreen',\n    },\n    noPadding: true,\n    ...(referenceElement && {\n      positioning: { placement: placement ?? 'bottom', referenceElement },\n    }),\n    withTransition: true,\n    ...(onClickOutside ? { onClickOutside } : {}),\n    returnFocusToEditor,\n  });\n};\n"],
+  "mappings": "AAKA,SAAS,oBAAoB;AAG7B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAGvB,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAeM;AACJ,QAAM,mBAAmB,sBACrB,sBACA,SACE;AAAA,IACE,uBAAuB,MACrB;AAAA,MACE,OAAO;AAAA,MACP,OAAO,KAAK,MAAM,UAAU;AAAA,MAC5B,OAAO,KAAK,MAAM,UAAU;AAAA,IAC9B;AAAA,EACJ,IACA;AAEN,eAAa,UAAU;AAAA,IACrB,WAAW;AAAA,IACX,gBAAgB;AAAA,MACd;AAAA,MACA;AAAA,MACA,SAAS,MAAM,aAAa,WAAW,aAAa;AAAA,MACpD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,wBAAwB;AAAA,IACxB,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,IAAI;AAAA,IACJ,QAAQ;AAAA,MACN,SAAS,mBAAmB,aAAa;AAAA;AAAA,MACzC,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,IACX,GAAI,oBAAoB;AAAA,MACtB,aAAa,EAAE,WAAW,aAAa,UAAU,iBAAiB;AAAA,IACpE;AAAA,IACA,gBAAgB;AAAA,IAChB,GAAI,iBAAiB,EAAE,eAAe,IAAI,CAAC;AAAA,IAC3C;AAAA,EACF,CAAC;AACH;",
   "names": []
 }

package/dist/es/_shared/link-modal/toggle-link-modal.js

@@ -12,7 +12,8 @@ const toggleLinkModal = ({
   returnFocusToEditor,
   enabledLinkTypes,
   showAltText,
-  initialAltText
+  initialAltText,
+  renderExtraField
 }) => modalService.isModalOpen(LINK_MODAL_ID) ? modalService.closeModal(LINK_MODAL_ID) : openLinkModal({
   initialValue,
   modalService,
@@ -25,7 +26,8 @@ const toggleLinkModal = ({
   returnFocusToEditor,
   enabledLinkTypes,
   showAltText,
-  initialAltText
+  initialAltText,
+  renderExtraField
 });
 export {
   toggleLinkModal

package/dist/es/_shared/link-modal/toggle-link-modal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/link-modal/toggle-link-modal.ts"],
-  "sourcesContent": ["import type { ModalService } from './../../ricos-modals/index.js';\nimport type { Modal, Placement } from './../../ricos-types/index.js';\nimport type { NamedLink } from './../link/types.js';\n\nimport { LINK_MODAL_ID } from './constants.js';\nimport { openLinkModal } from './open-link-modal.js';\nimport type { LinkType } from './open-link-modal/types.js';\n\nexport const toggleLinkModal = ({\n  initialValue,\n  modalService,\n  onSave,\n  onSaveMultiple,\n  onUnlink,\n  referenceElement,\n  placement,\n  onClickOutside,\n  returnFocusToEditor,\n  enabledLinkTypes,\n  showAltText,\n  initialAltText,\n}: {\n  initialValue?: NamedLink | undefined;\n  modalService: ModalService;\n  onSave: (linkData: NamedLink, altText?: string) => void;\n  onUnlink: (linkData: NamedLink) => void;\n  onSaveMultiple?: (links: NamedLink[]) => void;\n  referenceElement?: HTMLElement | null;\n  placement?: Placement;\n  onClickOutside?: Modal['onClickOutside'];\n  returnFocusToEditor?: boolean;\n  enabledLinkTypes?: LinkType[];\n  showAltText?: boolean;\n  initialAltText?: string;\n}) =>\n  modalService.isModalOpen(LINK_MODAL_ID)\n    ? modalService.closeModal(LINK_MODAL_ID)\n    : openLinkModal({\n        initialValue,\n        modalService,\n        onSaveMultiple,\n        onSave,\n        onUnlink,\n        referenceElement,\n        placement,\n        onClickOutside,\n        returnFocusToEditor,\n        enabledLinkTypes,\n        showAltText,\n        initialAltText,\n      });\n"],
-  "mappings": "AAIA,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAGvB,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAcE,aAAa,YAAY,aAAa,IAClC,aAAa,WAAW,aAAa,IACrC,cAAc;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
+  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { ModalService } from './../../ricos-modals/index.js';\nimport type { Modal, Placement } from './../../ricos-types/index.js';\nimport type { NamedLink } from './../link/types.js';\n\nimport { LINK_MODAL_ID } from './constants.js';\nimport { openLinkModal } from './open-link-modal.js';\nimport type { LinkType } from './open-link-modal/types.js';\n\nexport const toggleLinkModal = ({\n  initialValue,\n  modalService,\n  onSave,\n  onSaveMultiple,\n  onUnlink,\n  referenceElement,\n  placement,\n  onClickOutside,\n  returnFocusToEditor,\n  enabledLinkTypes,\n  showAltText,\n  initialAltText,\n  renderExtraField,\n}: {\n  initialValue?: NamedLink | undefined;\n  modalService: ModalService;\n  onSave: (linkData: NamedLink, altText?: string) => void;\n  onUnlink: (linkData: NamedLink) => void;\n  onSaveMultiple?: (links: NamedLink[]) => void;\n  referenceElement?: HTMLElement | null;\n  placement?: Placement;\n  onClickOutside?: Modal['onClickOutside'];\n  returnFocusToEditor?: boolean;\n  enabledLinkTypes?: LinkType[];\n  showAltText?: boolean;\n  initialAltText?: string;\n  renderExtraField?: () => ReactNode;\n}) =>\n  modalService.isModalOpen(LINK_MODAL_ID)\n    ? modalService.closeModal(LINK_MODAL_ID)\n    : openLinkModal({\n        initialValue,\n        modalService,\n        onSaveMultiple,\n        onSave,\n        onUnlink,\n        referenceElement,\n        placement,\n        onClickOutside,\n        returnFocusToEditor,\n        enabledLinkTypes,\n        showAltText,\n        initialAltText,\n        renderExtraField,\n      });\n"],
+  "mappings": "AAMA,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAGvB,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAeE,aAAa,YAAY,aAAa,IAClC,aAAa,WAAW,aAAa,IACrC,cAAc;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
   "names": []
 }

package/dist/es/_shared/list-item-divider/list-item-divider-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "79b170dc";
+var styleDataHash = "098aa8ac";
 const injectCss = (() => {
-  var css = `.Nb-2L{background-color:var(--ricos-settings-dividers-color,rgba(51,51,51,.2));margin:var(--wds-list-item-section-divider-padding-top,var(--wds-space-100,6px)) var(--wds-list-item-section-divider-padding-horizontal,var(--wds-space-400,24px)) var(--wds-list-item-section-divider-padding-bottom,var(--wds-space-100,6px))}`;
+  var css = `.zEXzk{background-color:var(--ricos-settings-dividers-color,rgba(51,51,51,.2));margin:var(--wds-list-item-section-divider-padding-top,var(--wds-space-100,6px)) var(--wds-list-item-section-divider-padding-horizontal,var(--wds-space-400,24px)) var(--wds-list-item-section-divider-padding-bottom,var(--wds-space-100,6px))}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var list_item_divider_default = {
-  "divider": "Nb-2L"
+  "divider": "zEXzk"
 };
 export {
   list_item_divider_default as default,

package/dist/es/_shared/list-item-divider/list-item-divider-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/list-item-divider/list-item-divider.scss"],
-  "sourcesContent": ["var styleDataHash = '79b170dc';  \nexport const injectCss = (() => {\n  var css = `.Nb-2L{background-color:var(--ricos-settings-dividers-color,rgba(51,51,51,.2));margin:var(--wds-list-item-section-divider-padding-top,var(--wds-space-100,6px)) var(--wds-list-item-section-divider-padding-horizontal,var(--wds-space-400,24px)) var(--wds-list-item-section-divider-padding-bottom,var(--wds-space-100,6px))}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"divider\": \"Nb-2L\"\n};"],
+  "sourcesContent": ["var styleDataHash = '098aa8ac';  \nexport const injectCss = (() => {\n  var css = `.zEXzk{background-color:var(--ricos-settings-dividers-color,rgba(51,51,51,.2));margin:var(--wds-list-item-section-divider-padding-top,var(--wds-space-100,6px)) var(--wds-list-item-section-divider-padding-horizontal,var(--wds-space-400,24px)) var(--wds-list-item-section-divider-padding-bottom,var(--wds-space-100,6px))}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"divider\": \"zEXzk\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,4BAAQ;AAAA,EACb,WAAW;AACb;",
   "names": []
 }

package/dist/es/_shared/list-item-select/list-item-select-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "2d4b6513";
+var styleDataHash = "674b8d92";
 const injectCss = (() => {
-  var css = `.tQaCc{display:flex}.tQaCc:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.GcxJm{flex:1}.GcxJm [data-hook~=list-item-select-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;
+  var css = `.OZO0N{display:flex}.OZO0N:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.UzFuP{flex:1}.UzFuP [data-hook~=list-item-select-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = (() => {
 });
 injectCss();
 var list_item_select_default = {
-  "root": "tQaCc",
-  "content": "GcxJm"
+  "root": "OZO0N",
+  "content": "UzFuP"
 };
 export {
   list_item_select_default as default,

package/dist/es/_shared/list-item-select/list-item-select-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/list-item-select/list-item-select.scss"],
-  "sourcesContent": ["var styleDataHash = '2d4b6513';  \nexport const injectCss = (() => {\n  var css = `.tQaCc{display:flex}.tQaCc:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.GcxJm{flex:1}.GcxJm [data-hook~=list-item-select-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"root\": \"tQaCc\",\n  \"content\": \"GcxJm\"\n};"],
+  "sourcesContent": ["var styleDataHash = '674b8d92';  \nexport const injectCss = (() => {\n  var css = `.OZO0N{display:flex}.OZO0N:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.UzFuP{flex:1}.UzFuP [data-hook~=list-item-select-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"root\": \"OZO0N\",\n  \"content\": \"UzFuP\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,2BAAQ;AAAA,EACb,QAAQ;AAAA,EACR,WAAW;AACb;",
   "names": []
 }

package/dist/es/_shared/list-item-toggle/list-item-toggle-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "bb1bdade";
+var styleDataHash = "9bcfbbce";
 const injectCss = (() => {
-  var css = `.Qo93s{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}.Qo93s svg{vertical-align:-3px}._3E8zP [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}.yb5EU{align-items:center;display:flex}`;
+  var css = `.QQ-Wt{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}.QQ-Wt svg{vertical-align:-3px}.gZ41d [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}.RIqqu{align-items:center;display:flex}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,9 +21,9 @@ const injectCss = (() => {
 });
 injectCss();
 var list_item_toggle_default = {
-  "info": "Qo93s",
-  "row": "_3E8zP",
-  "suffix": "yb5EU"
+  "info": "QQ-Wt",
+  "row": "gZ41d",
+  "suffix": "RIqqu"
 };
 export {
   list_item_toggle_default as default,