phx-react 1.3.1793 → 1.3.1795

package/dist/cjs/components/Breadcrumb/Breadcrumb.js

@@ -23,7 +23,7 @@ function PHXBreadcrumb({ items, className, separator = react_1.default.createEle
                 content = react_1.default.createElement("span", { className: (0, types_1.classNames)(isCurrent ? 'text-gray-600' : 'text-gray-600') }, item.label);
             }
             return (react_1.default.createElement("li", { key: index, className: 'flex min-w-0 items-center' },
-                react_1.default.createElement("span", { className: 'truncate' }, content),
+                react_1.default.createElement("span", { className: 'max-w-48 truncate' }, content),
                 index < items.length - 1 && separator));
         }))));
 }

package/dist/cjs/components/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;AAmBZ,sCA4CC;;AA7DD,0DAAyB;AACzB,gEAAkC;AAClC,oCAAqC;AAerC,SAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,SAAS,GAAG,wCAAM,SAAS,EAAC,oBAAoB,QAAS,GACzC;IAChB,OAAO,CACL,qDAAgB,YAAY,EAAC,SAAS,EAAE,IAAA,kBAAU,EAAC,SAAS,EAAE,SAAS,CAAC;QACtE,sCAAI,SAAS,EAAC,kFAAkF,IAC7F,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;YACzB,MAAM,SAAS,GAAG,MAAA,IAAI,CAAC,OAAO,mCAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;YAC5D,MAAM,aAAa,GAAG,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,CAAA;YAE/D,IAAI,OAAwB,CAAA;YAE5B,IAAI,aAAa,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBAC/B,OAAO,GAAG,CACR,8BAAC,cAAO,IAAC,SAAS,EAAC,+DAA+D,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IAC/F,IAAI,CAAC,KAAK,CACH,CACX,CAAA;YACH,CAAC;iBAAM,IAAI,aAAa,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACzC,OAAO,GAAG,CACR,0CACE,SAAS,EAAC,+DAA+D,EACzE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,KAAK,CACJ,CACV,CAAA;YACH,CAAC;iBAAM,CAAC;gBACN,OAAO,GAAG,wCAAM,SAAS,EAAE,IAAA,kBAAU,EAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,IAAG,IAAI,CAAC,KAAK,CAAQ,CAAA;YAC3G,CAAC;YAED,OAAO,CACL,sCAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,2BAA2B;gBACnD,wCAAM,SAAS,EAAC,UAAU,IAAE,OAAO,CAAQ;gBAC1C,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,CACnC,CACN,CAAA;QACH,CAAC,CAAC,CACC,CACD,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;AAmBZ,sCA4CC;;AA7DD,0DAAyB;AACzB,gEAAkC;AAClC,oCAAqC;AAerC,SAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,SAAS,GAAG,wCAAM,SAAS,EAAC,oBAAoB,QAAS,GACzC;IAChB,OAAO,CACL,qDAAgB,YAAY,EAAC,SAAS,EAAE,IAAA,kBAAU,EAAC,SAAS,EAAE,SAAS,CAAC;QACtE,sCAAI,SAAS,EAAC,kFAAkF,IAC7F,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;YACzB,MAAM,SAAS,GAAG,MAAA,IAAI,CAAC,OAAO,mCAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;YAC5D,MAAM,aAAa,GAAG,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,CAAA;YAE/D,IAAI,OAAwB,CAAA;YAE5B,IAAI,aAAa,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBAC/B,OAAO,GAAG,CACR,8BAAC,cAAO,IAAC,SAAS,EAAC,+DAA+D,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IAC/F,IAAI,CAAC,KAAK,CACH,CACX,CAAA;YACH,CAAC;iBAAM,IAAI,aAAa,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACzC,OAAO,GAAG,CACR,0CACE,SAAS,EAAC,+DAA+D,EACzE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,KAAK,CACJ,CACV,CAAA;YACH,CAAC;iBAAM,CAAC;gBACN,OAAO,GAAG,wCAAM,SAAS,EAAE,IAAA,kBAAU,EAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,IAAG,IAAI,CAAC,KAAK,CAAQ,CAAA;YAC3G,CAAC;YAED,OAAO,CACL,sCAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,2BAA2B;gBACnD,wCAAM,SAAS,EAAC,mBAAmB,IAAE,OAAO,CAAQ;gBACnD,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,CACnC,CACN,CAAA;QACH,CAAC,CAAC,CACC,CACD,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/TextEditorV2/constants.d.ts

@@ -1 +1 @@
-export declare const styleTag = "\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n.PlaygroundEditorTheme__ltr {\n  text-align: left;\n}\n.PlaygroundEditorTheme__rtl {\n  text-align: right;\n}\n\n.PlaygroundEditorTheme__quote {\n  margin: 0;\n  margin-left: 20px;\n  font-size: 15px;\n  color: rgb(101, 103, 107);\n  border-left-color: rgb(206, 208, 212);\n  border-left-width: 4px;\n  border-left-style: solid;\n  padding-left: 16px;\n}\n.PlaygroundEditorTheme__h1 {\n  font-size: 34px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h2 {\n  font-size: 29px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h3 {\n  font-size: 24px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h4 {\n  font-size: 21px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h5 {\n  font-size: 18px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h6 {\n  font-size: 16px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__indent {\n  --lexical-indent-base-value: 40px;\n}\n.PlaygroundEditorTheme__textBold {\n  font-weight: bold;\n}\n.PlaygroundEditorTheme__textItalic {\n  font-style: italic;\n}\n.PlaygroundEditorTheme__textUnderline {\n  text-decoration: underline;\n}\n.PlaygroundEditorTheme__textStrikethrough {\n  text-decoration: line-through;\n}\n.PlaygroundEditorTheme__textUnderlineStrikethrough {\n  text-decoration: underline line-through;\n}\n.PlaygroundEditorTheme__textSubscript {\n  font-size: 0.8em;\n  vertical-align: sub !important;\n}\n.PlaygroundEditorTheme__textSuperscript {\n  font-size: 0.8em;\n  vertical-align: super;\n}\n.PlaygroundEditorTheme__textCode {\n  background-color: rgb(240, 242, 245);\n  padding: 1px 0.25rem;\n  font-family: Menlo, Consolas, Monaco, monospace;\n  font-size: 94%;\n}\n.PlaygroundEditorTheme__hashtag {\n  background-color: rgba(88, 144, 255, 0.15);\n  border-bottom: 1px solid rgba(88, 144, 255, 0.3);\n}\n.PlaygroundEditorTheme__link {\n  color: rgb(33, 111, 219);\n  text-decoration: none;\n}\n.PlaygroundEditorTheme__link:hover {\n  text-decoration: underline;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__code {\n  background-color: rgb(240, 242, 245);\n  font-family: Menlo, Consolas, Monaco, monospace;\n  display: block;\n  padding: 8px 8px 8px 52px;\n  line-height: 1.53;\n  font-size: 13px;\n  margin: 0;\n  margin-top: 8px;\n  margin-bottom: 8px;\n  overflow-x: auto;\n  position: relative;\n  tab-size: 2;\n}\n.PlaygroundEditorTheme__code:before {\n  content: attr(data-gutter);\n  position: absolute;\n  background-color: #eee;\n  left: 0;\n  top: 0;\n  border-right: 1px solid #ccc;\n  padding: 8px;\n  color: #777;\n  white-space: pre-wrap;\n  text-align: right;\n  min-width: 25px;\n}\n.PlaygroundEditorTheme__table {\n  border-collapse: collapse;\n  border-spacing: 0;\n  overflow-y: scroll;\n  overflow-x: scroll;\n  table-layout: fixed;\n  width: max-content;\n  margin: 30px 0;\n}\n.PlaygroundEditorTheme__tableSelection *::selection {\n  background-color: transparent;\n}\n.PlaygroundEditorTheme__tableSelected {\n  outline: 2px solid rgb(60, 132, 244);\n}\n.PlaygroundEditorTheme__tableCell {\n  border: 1px solid #bbb;\n  width: 75px;\n  min-width: 75px;\n  vertical-align: top;\n  text-align: start;\n  padding: 6px 8px;\n  position: relative;\n  outline: none;\n}\n.PlaygroundEditorTheme__tableCellSortedIndicator {\n  display: block;\n  opacity: 0.5;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  background-color: #999;\n}\n.PlaygroundEditorTheme__tableCellResizer {\n  position: absolute;\n  right: -4px;\n  height: 100%;\n  width: 8px;\n  cursor: ew-resize;\n  z-index: 10;\n  top: 0;\n}\n.PlaygroundEditorTheme__tableCellHeader {\n  background-color: #f2f3f5;\n  text-align: start;\n}\n.PlaygroundEditorTheme__tableCellSelected {\n  background-color: #c9dbf0;\n}\n.PlaygroundEditorTheme__tableCellPrimarySelected {\n  border: 2px solid rgb(60, 132, 244);\n  display: block;\n  height: calc(100% - 2px);\n  position: absolute;\n  width: calc(100% - 2px);\n  left: -1px;\n  top: -1px;\n  z-index: 2;\n}\n.PlaygroundEditorTheme__tableCellEditing {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\n  border-radius: 3px;\n}\n.PlaygroundEditorTheme__tableAddColumns {\n  position: absolute;\n  top: 0;\n  width: 20px;\n  background-color: #eee;\n  height: 100%;\n  right: -25px;\n  animation: table-controls 0.2s ease;\n  border: 0;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableAddColumns:after {\n  background-image: url('/icons/plus.svg');\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.4;\n}\n.PlaygroundEditorTheme__tableAddColumns:hover {\n  background-color: #c9dbf0;\n}\n.PlaygroundEditorTheme__tableAddRows {\n  position: absolute;\n  bottom: -25px;\n  width: calc(100% - 25px);\n  background-color: #eee;\n  height: 20px;\n  left: 0;\n  animation: table-controls 0.2s ease;\n  border: 0;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableAddRows:after {\n  background-image: url(/icons/plus.svg);\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.4;\n}\n.PlaygroundEditorTheme__tableAddRows:hover {\n  background-color: #c9dbf0;\n}\n@keyframes table-controls {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n.PlaygroundEditorTheme__tableCellResizeRuler {\n  display: block;\n  position: absolute;\n  width: 1px;\n  background-color: rgb(60, 132, 244);\n  height: 100%;\n  top: 0;\n}\n.PlaygroundEditorTheme__tableCellActionButtonContainer {\n  display: block;\n  right: 5px;\n  top: 6px;\n  position: absolute;\n  z-index: 4;\n  width: 20px;\n  height: 20px;\n}\n.PlaygroundEditorTheme__tableCellActionButton {\n  background-color: #eee;\n  display: block;\n  border: 0;\n  border-radius: 20px;\n  width: 20px;\n  height: 20px;\n  color: #222;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableCellActionButton:hover {\n  background-color: #ddd;\n}\n.PlaygroundEditorTheme__characterLimit {\n  display: inline;\n  background-color: #ffbbbb !important;\n}\n.PlaygroundEditorTheme__ol1 {\n  padding: 0;\n  margin: 0;\n  list-style-position: inside;\n  list-style-type: decimal;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol2 {\n  padding: 0;\n  margin: 0;\n  list-style-type: upper-alpha;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol3 {\n  padding: 0;\n  margin: 0;\n  list-style-type: lower-alpha;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol4 {\n  padding: 0;\n  margin: 0;\n  list-style-type: upper-roman;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol5 {\n  padding: 0;\n  margin: 0;\n  list-style-type: lower-roman;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ul {\n  padding: 0;\n  margin: 0;\n  list-style: disc;\n  margin-left: 20px;\n  list-style-position: inside !important;;\n}\n\n.PlaygroundEditorTheme__listItem {\n  font-family: var(--listitem-marker-font-family);\n  font-size: var(--listitem-marker-font-size);\n  background-color: var(--listitem-marker-background-color);\n}\n\n.PlaygroundEditorTheme__listItem::marker {\n  color: var(--listitem-marker-color);\n  background-color: var(--listitem-marker-background-color);\n  font-family: var(--listitem-marker-font-family);\n  font-size: var(--listitem-marker-font-size);\n  font-style: var(--listitem-marker-font-style);\n  font-weight: var(--listitem-marker-font-weight);\n}\n\n.PlaygroundEditorTheme__listItemChecked,\n.PlaygroundEditorTheme__listItemUnchecked {\n  position: relative;\n  margin-left: 8px;\n  margin-right: 8px;\n  padding-left: 24px;\n  padding-right: 24px;\n  list-style-type: none;\n  outline: none;\n}\n.PlaygroundEditorTheme__listItemChecked {\n  text-decoration: line-through;\n}\n.PlaygroundEditorTheme__listItemUnchecked:before,\n.PlaygroundEditorTheme__listItemChecked:before {\n  content: '';\n  width: 16px;\n  height: 16px;\n  top: 2px;\n  left: 0;\n  cursor: pointer;\n  display: block;\n  background-size: cover;\n  position: absolute;\n}\n.PlaygroundEditorTheme__listItemUnchecked[dir='rtl']:before,\n.PlaygroundEditorTheme__listItemChecked[dir='rtl']:before {\n  left: auto;\n  right: 0;\n}\n.PlaygroundEditorTheme__listItemUnchecked:focus:before,\n.PlaygroundEditorTheme__listItemChecked:focus:before {\n  box-shadow: 0 0 0 2px #a6cdfe;\n  border-radius: 2px;\n}\n.PlaygroundEditorTheme__listItemUnchecked:before {\n  border: 1px solid #999;\n  border-radius: 2px;\n}\n.PlaygroundEditorTheme__listItemChecked:before {\n  border: 1px solid rgb(61, 135, 245);\n  border-radius: 2px;\n  background-color: #3d87f5;\n  background-repeat: no-repeat;\n}\n.PlaygroundEditorTheme__listItemChecked:after {\n  content: '';\n  cursor: pointer;\n  border-color: #fff;\n  border-style: solid;\n  position: absolute;\n  display: block;\n  top: 6px;\n  width: 3px;\n  left: 7px;\n  right: 7px;\n  height: 6px;\n  transform: rotate(45deg);\n  border-width: 0 2px 2px 0;\n}\n.PlaygroundEditorTheme__nestedListItem {\n  list-style-type: none;\n}\n.PlaygroundEditorTheme__nestedListItem:before,\n.PlaygroundEditorTheme__nestedListItem:after {\n  display: none;\n}\n.PlaygroundEditorTheme__tokenComment {\n  color: slategray;\n}\n.PlaygroundEditorTheme__tokenPunctuation {\n  color: #999;\n}\n.PlaygroundEditorTheme__tokenProperty {\n  color: #905;\n}\n.PlaygroundEditorTheme__tokenSelector {\n  color: #690;\n}\n.PlaygroundEditorTheme__tokenOperator {\n  color: #9a6e3a;\n}\n.PlaygroundEditorTheme__tokenAttr {\n  color: #07a;\n}\n.PlaygroundEditorTheme__tokenVariable {\n  color: #e90;\n}\n.PlaygroundEditorTheme__tokenFunction {\n  color: #dd4a68;\n}\n.PlaygroundEditorTheme__mark {\n  background: rgba(255, 212, 0, 0.14);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.3);\n  padding-bottom: 2px;\n}\n.PlaygroundEditorTheme__markOverlap {\n  background: rgba(255, 212, 0, 0.3);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\n}\n.PlaygroundEditorTheme__mark.selected {\n  background: rgba(255, 212, 0, 0.5);\n  border-bottom: 2px solid rgba(255, 212, 0, 1);\n}\n.PlaygroundEditorTheme__markOverlap.selected {\n  background: rgba(255, 212, 0, 0.7);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\n}\n.PlaygroundEditorTheme__embedBlock {\n  user-select: none;\n}\n.PlaygroundEditorTheme__embedBlockFocus {\n  outline: 2px solid rgb(60, 132, 244);\n}\n.PlaygroundEditorTheme__layoutContaner {\n  display: grid;\n  gap: 10px;\n  margin: 10px 0;\n}\n.PlaygroundEditorTheme__layoutItem {\n  border: 1px dashed #ddd;\n  padding: 8px 16px;\n}\n\n.editor-image img {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 90% !important;\n  border: 1px solid #e5e7eb;\n  margin-bottom: 10px;\n}\n";
+export declare const styleTag = "\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n.PlaygroundEditorTheme__ltr {\n  text-align: left;\n}\n.PlaygroundEditorTheme__rtl {\n  text-align: right;\n}\n\n[type='page-break'] {\n  position: relative;\n  display: block;\n  width: calc(100% + var(--editor-input-padding, 28px) * 2);\n  overflow: unset;\n  margin-left: calc(var(--editor-input-padding, 28px) * -1);\n  margin-top: var(--editor-input-padding, 28px);\n  margin-bottom: var(--editor-input-padding, 28px);\n\n  border: none;\n  border-top: 1px dashed var(--editor-color-secondary, #eeeeee);\n  border-bottom: 1px dashed var(--editor-color-secondary, #eeeeee);\n  background-color: var(--editor-color-secondary, #eeeeee);\n}\n\n[type='page-break']::before {\n  content: '';\n\n  position: absolute;\n  top: 50%;\n  left: calc(var(--editor-input-padding, 28px) + 12px);\n  transform: translateY(-50%);\n  opacity: 0.5;\n\n  background-size: cover;\n  background-image: url(/icons/scissors.svg);\n  width: 16px;\n  height: 16px;\n}\n\n[type='page-break']::after {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  display: block;\n  padding: 2px 6px;\n  border: 1px solid #ccc;\n  background-color: #fff;\n\n  content: 'PAGE BREAK';\n  font-size: 12px;\n  color: #000;\n  font-weight: 600;\n}\n\n.PlaygroundEditorTheme__quote {\n  margin: 0;\n  margin-left: 20px;\n  font-size: 15px;\n  color: rgb(101, 103, 107);\n  border-left-color: rgb(206, 208, 212);\n  border-left-width: 4px;\n  border-left-style: solid;\n  padding-left: 16px;\n}\n.PlaygroundEditorTheme__h1 {\n  font-size: 34px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h2 {\n  font-size: 29px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h3 {\n  font-size: 24px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h4 {\n  font-size: 21px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h5 {\n  font-size: 18px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h6 {\n  font-size: 16px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__indent {\n  --lexical-indent-base-value: 40px;\n}\n.PlaygroundEditorTheme__textBold {\n  font-weight: bold;\n}\n.PlaygroundEditorTheme__textItalic {\n  font-style: italic;\n}\n.PlaygroundEditorTheme__textUnderline {\n  text-decoration: underline;\n}\n.PlaygroundEditorTheme__textStrikethrough {\n  text-decoration: line-through;\n}\n.PlaygroundEditorTheme__textUnderlineStrikethrough {\n  text-decoration: underline line-through;\n}\n.PlaygroundEditorTheme__textSubscript {\n  font-size: 0.8em;\n  vertical-align: sub !important;\n}\n.PlaygroundEditorTheme__textSuperscript {\n  font-size: 0.8em;\n  vertical-align: super;\n}\n.PlaygroundEditorTheme__textCode {\n  background-color: rgb(240, 242, 245);\n  padding: 1px 0.25rem;\n  font-family: Menlo, Consolas, Monaco, monospace;\n  font-size: 94%;\n}\n.PlaygroundEditorTheme__hashtag {\n  background-color: rgba(88, 144, 255, 0.15);\n  border-bottom: 1px solid rgba(88, 144, 255, 0.3);\n}\n.PlaygroundEditorTheme__link {\n  color: rgb(33, 111, 219);\n  text-decoration: none;\n}\n.PlaygroundEditorTheme__link:hover {\n  text-decoration: underline;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__code {\n  background-color: rgb(240, 242, 245);\n  font-family: Menlo, Consolas, Monaco, monospace;\n  display: block;\n  padding: 8px 8px 8px 52px;\n  line-height: 1.53;\n  font-size: 13px;\n  margin: 0;\n  margin-top: 8px;\n  margin-bottom: 8px;\n  overflow-x: auto;\n  position: relative;\n  tab-size: 2;\n}\n.PlaygroundEditorTheme__code:before {\n  content: attr(data-gutter);\n  position: absolute;\n  background-color: #eee;\n  left: 0;\n  top: 0;\n  border-right: 1px solid #ccc;\n  padding: 8px;\n  color: #777;\n  white-space: pre-wrap;\n  text-align: right;\n  min-width: 25px;\n}\n.PlaygroundEditorTheme__table {\n  border-collapse: collapse;\n  border-spacing: 0;\n  overflow-y: scroll;\n  overflow-x: scroll;\n  table-layout: fixed;\n  width: max-content;\n  margin: 30px 0;\n}\n.PlaygroundEditorTheme__tableSelection *::selection {\n  background-color: transparent;\n}\n.PlaygroundEditorTheme__tableSelected {\n  outline: 2px solid rgb(60, 132, 244);\n}\n.PlaygroundEditorTheme__tableCell {\n  border: 1px solid #bbb;\n  width: 75px;\n  min-width: 75px;\n  vertical-align: top;\n  text-align: start;\n  padding: 6px 8px;\n  position: relative;\n  outline: none;\n}\n.PlaygroundEditorTheme__tableCellSortedIndicator {\n  display: block;\n  opacity: 0.5;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  background-color: #999;\n}\n.PlaygroundEditorTheme__tableCellResizer {\n  position: absolute;\n  right: -4px;\n  height: 100%;\n  width: 8px;\n  cursor: ew-resize;\n  z-index: 10;\n  top: 0;\n}\n.PlaygroundEditorTheme__tableCellHeader {\n  background-color: #f2f3f5;\n  text-align: start;\n}\n.PlaygroundEditorTheme__tableCellSelected {\n  background-color: #c9dbf0;\n}\n.PlaygroundEditorTheme__tableCellPrimarySelected {\n  border: 2px solid rgb(60, 132, 244);\n  display: block;\n  height: calc(100% - 2px);\n  position: absolute;\n  width: calc(100% - 2px);\n  left: -1px;\n  top: -1px;\n  z-index: 2;\n}\n.PlaygroundEditorTheme__tableCellEditing {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\n  border-radius: 3px;\n}\n.PlaygroundEditorTheme__tableAddColumns {\n  position: absolute;\n  top: 0;\n  width: 20px;\n  background-color: #eee;\n  height: 100%;\n  right: -25px;\n  animation: table-controls 0.2s ease;\n  border: 0;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableAddColumns:after {\n  background-image: url('/icons/plus.svg');\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.4;\n}\n.PlaygroundEditorTheme__tableAddColumns:hover {\n  background-color: #c9dbf0;\n}\n.PlaygroundEditorTheme__tableAddRows {\n  position: absolute;\n  bottom: -25px;\n  width: calc(100% - 25px);\n  background-color: #eee;\n  height: 20px;\n  left: 0;\n  animation: table-controls 0.2s ease;\n  border: 0;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableAddRows:after {\n  background-image: url(/icons/plus.svg);\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.4;\n}\n.PlaygroundEditorTheme__tableAddRows:hover {\n  background-color: #c9dbf0;\n}\n@keyframes table-controls {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n.PlaygroundEditorTheme__tableCellResizeRuler {\n  display: block;\n  position: absolute;\n  width: 1px;\n  background-color: rgb(60, 132, 244);\n  height: 100%;\n  top: 0;\n}\n.PlaygroundEditorTheme__tableCellActionButtonContainer {\n  display: block;\n  right: 5px;\n  top: 6px;\n  position: absolute;\n  z-index: 4;\n  width: 20px;\n  height: 20px;\n}\n.PlaygroundEditorTheme__tableCellActionButton {\n  background-color: #eee;\n  display: block;\n  border: 0;\n  border-radius: 20px;\n  width: 20px;\n  height: 20px;\n  color: #222;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableCellActionButton:hover {\n  background-color: #ddd;\n}\n.PlaygroundEditorTheme__characterLimit {\n  display: inline;\n  background-color: #ffbbbb !important;\n}\n.PlaygroundEditorTheme__ol1 {\n  padding: 0;\n  margin: 0;\n  list-style-position: inside;\n  list-style-type: decimal;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol2 {\n  padding: 0;\n  margin: 0;\n  list-style-type: upper-alpha;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol3 {\n  padding: 0;\n  margin: 0;\n  list-style-type: lower-alpha;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol4 {\n  padding: 0;\n  margin: 0;\n  list-style-type: upper-roman;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol5 {\n  padding: 0;\n  margin: 0;\n  list-style-type: lower-roman;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ul {\n  padding: 0;\n  margin: 0;\n  list-style: disc;\n  margin-left: 20px;\n  list-style-position: inside;\n}\n\n.PlaygroundEditorTheme__listItem {\n  font-family: var(--listitem-marker-font-family);\n  font-size: var(--listitem-marker-font-size);\n  background-color: var(--listitem-marker-background-color);\n}\n\n.PlaygroundEditorTheme__listItem::marker {\n  color: var(--listitem-marker-color);\n  background-color: var(--listitem-marker-background-color);\n  font-family: var(--listitem-marker-font-family);\n  font-size: var(--listitem-marker-font-size);\n  font-style: var(--listitem-marker-font-style);\n  font-weight: var(--listitem-marker-font-weight);\n}\n\n.PlaygroundEditorTheme__listItemChecked,\n.PlaygroundEditorTheme__listItemUnchecked {\n  position: relative;\n  margin-left: 8px;\n  margin-right: 8px;\n  padding-left: 24px;\n  padding-right: 24px;\n  list-style-type: none;\n  outline: none;\n}\n.PlaygroundEditorTheme__listItemChecked {\n  text-decoration: line-through;\n}\n.PlaygroundEditorTheme__listItemUnchecked:before,\n.PlaygroundEditorTheme__listItemChecked:before {\n  content: '';\n  width: 16px;\n  height: 16px;\n  top: 2px;\n  left: 0;\n  cursor: pointer;\n  display: block;\n  background-size: cover;\n  position: absolute;\n}\n.PlaygroundEditorTheme__listItemUnchecked[dir='rtl']:before,\n.PlaygroundEditorTheme__listItemChecked[dir='rtl']:before {\n  left: auto;\n  right: 0;\n}\n.PlaygroundEditorTheme__listItemUnchecked:focus:before,\n.PlaygroundEditorTheme__listItemChecked:focus:before {\n  box-shadow: 0 0 0 2px #a6cdfe;\n  border-radius: 2px;\n}\n.PlaygroundEditorTheme__listItemUnchecked:before {\n  border: 1px solid #999;\n  border-radius: 2px;\n}\n.PlaygroundEditorTheme__listItemChecked:before {\n  border: 1px solid rgb(61, 135, 245);\n  border-radius: 2px;\n  background-color: #3d87f5;\n  background-repeat: no-repeat;\n}\n.PlaygroundEditorTheme__listItemChecked:after {\n  content: '';\n  cursor: pointer;\n  border-color: #fff;\n  border-style: solid;\n  position: absolute;\n  display: block;\n  top: 6px;\n  width: 3px;\n  left: 7px;\n  right: 7px;\n  height: 6px;\n  transform: rotate(45deg);\n  border-width: 0 2px 2px 0;\n}\n.PlaygroundEditorTheme__nestedListItem {\n  list-style-type: none;\n}\n.PlaygroundEditorTheme__nestedListItem:before,\n.PlaygroundEditorTheme__nestedListItem:after {\n  display: none;\n}\n.PlaygroundEditorTheme__tokenComment {\n  color: slategray;\n}\n.PlaygroundEditorTheme__tokenPunctuation {\n  color: #999;\n}\n.PlaygroundEditorTheme__tokenProperty {\n  color: #905;\n}\n.PlaygroundEditorTheme__tokenSelector {\n  color: #690;\n}\n.PlaygroundEditorTheme__tokenOperator {\n  color: #9a6e3a;\n}\n.PlaygroundEditorTheme__tokenAttr {\n  color: #07a;\n}\n.PlaygroundEditorTheme__tokenVariable {\n  color: #e90;\n}\n.PlaygroundEditorTheme__tokenFunction {\n  color: #dd4a68;\n}\n.PlaygroundEditorTheme__mark {\n  background: rgba(255, 212, 0, 0.14);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.3);\n  padding-bottom: 2px;\n}\n.PlaygroundEditorTheme__markOverlap {\n  background: rgba(255, 212, 0, 0.3);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\n}\n.PlaygroundEditorTheme__mark.selected {\n  background: rgba(255, 212, 0, 0.5);\n  border-bottom: 2px solid rgba(255, 212, 0, 1);\n}\n.PlaygroundEditorTheme__markOverlap.selected {\n  background: rgba(255, 212, 0, 0.7);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\n}\n.PlaygroundEditorTheme__embedBlock {\n  user-select: none;\n}\n.PlaygroundEditorTheme__embedBlockFocus {\n  outline: 2px solid rgb(60, 132, 244);\n}\n.PlaygroundEditorTheme__layoutContaner {\n  display: grid;\n  gap: 10px;\n  margin: 10px 0;\n}\n.PlaygroundEditorTheme__layoutItem {\n  border: 1px dashed #ddd;\n  padding: 8px 16px;\n}\n\n.image-resizer-wrapper {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  z-index: 1;\n}\n\n.image-resizer {\n  position: absolute;\n  pointer-events: auto;\n  background-color: #fff;\n  border: 1px solid rgb(60, 132, 244);\n  border-radius: 50%;\n  box-sizing: border-box;\n  width: 10px;\n  height: 10px;\n}\n\n.image-resizer-n,\n.image-resizer-s {\n  left: 50%;\n  transform: translateX(-50%);\n  cursor: ns-resize;\n}\n\n.image-resizer-e,\n.image-resizer-w {\n  top: 50%;\n  transform: translateY(-50%);\n  cursor: ew-resize;\n}\n\n.image-resizer-n {\n  top: -5px;\n}\n\n.image-resizer-ne {\n  top: -5px;\n  right: -5px;\n  cursor: nesw-resize;\n}\n\n.image-resizer-e {\n  right: -5px;\n}\n\n.image-resizer-se {\n  right: -5px;\n  bottom: -5px;\n  cursor: nwse-resize;\n}\n\n.image-resizer-s {\n  bottom: -5px;\n}\n\n.image-resizer-sw {\n  bottom: -5px;\n  left: -5px;\n  cursor: nesw-resize;\n}\n\n.image-resizer-w {\n  left: -5px;\n}\n\n.image-resizer-nw {\n  top: -5px;\n  left: -5px;\n  cursor: nwse-resize;\n}\n\n.editor-image {\n  display: block;\n  position: relative;\n  width: fit-content;\n  max-width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.editor-image.position-left,\n.inline-editor-image.position-left {\n  display: block;\n  position: relative;\n  width: fit-content;\n  max-width: 100%;\n  margin-left: 0;\n  margin-right: auto;\n}\n\n.editor-image.position-center,\n.inline-editor-image.position-center {\n  display: block;\n  position: relative;\n  width: fit-content;\n  max-width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.editor-image.position-right,\n.inline-editor-image.position-right {\n  display: block;\n  position: relative;\n  width: fit-content;\n  max-width: 100%;\n  margin-left: auto;\n  margin-right: 0;\n}\n\n.editor-image > div,\n.inline-editor-image > div {\n  position: relative;\n}\n\n.editor-image img {\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 90% !important;\n  border: 1px solid #e5e7eb;\n  margin-bottom: 10px;\n}\n\n.inline-editor-image.position-full {\n  display: block;\n  position: relative;\n  width: 100%;\n  max-width: 100%;\n}\n\n.inline-editor-image.position-full img {\n  width: 100%;\n  max-width: 100%;\n}\n\n.inline-editor-image.position-center img {\n  max-width: 100%;\n}\n\n.editor-image img.focused,\n.inline-editor-image img.focused {\n  outline: 2px solid rgb(60, 132, 244);\n  outline-offset: 2px;\n}\n";

package/dist/cjs/components/TextEditorV2/constants.js

@@ -14,6 +14,53 @@ exports.styleTag = `
   text-align: right;
 }
 
+[type='page-break'] {
+  position: relative;
+  display: block;
+  width: calc(100% + var(--editor-input-padding, 28px) * 2);
+  overflow: unset;
+  margin-left: calc(var(--editor-input-padding, 28px) * -1);
+  margin-top: var(--editor-input-padding, 28px);
+  margin-bottom: var(--editor-input-padding, 28px);
+
+  border: none;
+  border-top: 1px dashed var(--editor-color-secondary, #eeeeee);
+  border-bottom: 1px dashed var(--editor-color-secondary, #eeeeee);
+  background-color: var(--editor-color-secondary, #eeeeee);
+}
+
+[type='page-break']::before {
+  content: '';
+
+  position: absolute;
+  top: 50%;
+  left: calc(var(--editor-input-padding, 28px) + 12px);
+  transform: translateY(-50%);
+  opacity: 0.5;
+
+  background-size: cover;
+  background-image: url(/icons/scissors.svg);
+  width: 16px;
+  height: 16px;
+}
+
+[type='page-break']::after {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  display: block;
+  padding: 2px 6px;
+  border: 1px solid #ccc;
+  background-color: #fff;
+
+  content: 'PAGE BREAK';
+  font-size: 12px;
+  color: #000;
+  font-weight: 600;
+}
+
 .PlaygroundEditorTheme__quote {
   margin: 0;
   margin-left: 20px;
@@ -322,7 +369,7 @@ exports.styleTag = `
   margin: 0;
   list-style: disc;
   margin-left: 20px;
-  list-style-position: inside !important;;
+  list-style-position: inside;
 }
 
 .PlaygroundEditorTheme__listItem {
@@ -464,12 +511,151 @@ exports.styleTag = `
   padding: 8px 16px;
 }
 
+.image-resizer-wrapper {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  z-index: 1;
+}
+
+.image-resizer {
+  position: absolute;
+  pointer-events: auto;
+  background-color: #fff;
+  border: 1px solid rgb(60, 132, 244);
+  border-radius: 50%;
+  box-sizing: border-box;
+  width: 10px;
+  height: 10px;
+}
+
+.image-resizer-n,
+.image-resizer-s {
+  left: 50%;
+  transform: translateX(-50%);
+  cursor: ns-resize;
+}
+
+.image-resizer-e,
+.image-resizer-w {
+  top: 50%;
+  transform: translateY(-50%);
+  cursor: ew-resize;
+}
+
+.image-resizer-n {
+  top: -5px;
+}
+
+.image-resizer-ne {
+  top: -5px;
+  right: -5px;
+  cursor: nesw-resize;
+}
+
+.image-resizer-e {
+  right: -5px;
+}
+
+.image-resizer-se {
+  right: -5px;
+  bottom: -5px;
+  cursor: nwse-resize;
+}
+
+.image-resizer-s {
+  bottom: -5px;
+}
+
+.image-resizer-sw {
+  bottom: -5px;
+  left: -5px;
+  cursor: nesw-resize;
+}
+
+.image-resizer-w {
+  left: -5px;
+}
+
+.image-resizer-nw {
+  top: -5px;
+  left: -5px;
+  cursor: nwse-resize;
+}
+
+.editor-image {
+  display: block;
+  position: relative;
+  width: fit-content;
+  max-width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.editor-image.position-left,
+.inline-editor-image.position-left {
+  display: block;
+  position: relative;
+  width: fit-content;
+  max-width: 100%;
+  margin-left: 0;
+  margin-right: auto;
+}
+
+.editor-image.position-center,
+.inline-editor-image.position-center {
+  display: block;
+  position: relative;
+  width: fit-content;
+  max-width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.editor-image.position-right,
+.inline-editor-image.position-right {
+  display: block;
+  position: relative;
+  width: fit-content;
+  max-width: 100%;
+  margin-left: auto;
+  margin-right: 0;
+}
+
+.editor-image > div,
+.inline-editor-image > div {
+  position: relative;
+}
+
 .editor-image img {
+  display: block;
   margin-left: auto;
   margin-right: auto;
   max-width: 90% !important;
   border: 1px solid #e5e7eb;
   margin-bottom: 10px;
 }
+
+.inline-editor-image.position-full {
+  display: block;
+  position: relative;
+  width: 100%;
+  max-width: 100%;
+}
+
+.inline-editor-image.position-full img {
+  width: 100%;
+  max-width: 100%;
+}
+
+.inline-editor-image.position-center img {
+  max-width: 100%;
+}
+
+.editor-image img.focused,
+.inline-editor-image img.focused {
+  outline: 2px solid rgb(60, 132, 244);
+  outline-offset: 2px;
+}
 `;
 //# sourceMappingURL=constants.js.map

package/dist/cjs/components/TextEditorV2/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/TextEditorV2/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsdvB,CAAA"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/TextEditorV2/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgpBvB,CAAA"}

package/dist/cjs/components/TextEditorV2/editor.js

@@ -77,7 +77,10 @@ function PHXTextEditorV2({ defaultValue, label, onChange, placeholder, apiCdnUpl
         const parser = new DOMParser();
         const doc = parser.parseFromString(html, 'text/html');
         const hasStyle = doc.querySelector('style');
-        if (!hasStyle) {
+        if (hasStyle) {
+            hasStyle.innerHTML = css;
+        }
+        else {
             const styleTag = doc.createElement('style');
             styleTag.innerHTML = css;
             doc.head.appendChild(styleTag);

package/dist/cjs/components/TextEditorV2/editor.js.map

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

package/dist/cjs/components/TextEditorV2/nodes/ImageNode.d.ts

@@ -11,6 +11,7 @@ import * as React from 'react';
 export interface ImagePayload {
     altText: string;
     caption?: LexicalEditor;
+    position?: ImagePosition;
     height?: number;
     key?: NodeKey;
     maxWidth?: number;
@@ -19,11 +20,13 @@ export interface ImagePayload {
     width?: number;
     captionsEnabled?: boolean;
 }
+export type ImagePosition = 'left' | 'right' | 'center' | undefined;
 export type SerializedImageNode = Spread<{
     altText: string;
     caption: SerializedEditor;
     height?: number;
     maxWidth: number;
+    position?: ImagePosition;
     showCaption: boolean;
     src: string;
     width?: number;
@@ -36,21 +39,114 @@ export declare class ImageNode extends DecoratorNode<React.JSX.Element> {
     __maxWidth: number;
     __showCaption: boolean;
     __caption: LexicalEditor;
+    __position: ImagePosition;
     __captionsEnabled: boolean;
+    /**
+     * Gets the Lexical node type for image nodes.
+     * @returns Image node type.
+     */
     static getType(): string;
+    /**
+     * Clones an existing image node.
+     * @param node Image node to clone.
+     * @returns Cloned image node.
+     */
     static clone(node: ImageNode): ImageNode;
+    /**
+     * Imports a serialized image node into the editor state.
+     * @param serializedNode Serialized image node payload.
+     * @returns Hydrated image node.
+     */
     static importJSON(serializedNode: SerializedImageNode): ImageNode;
+    /**
+     * Exports this image node to DOM.
+     * @returns DOM export output containing the image wrapper.
+     */
     exportDOM(): DOMExportOutput;
+    /**
+     * Defines DOM import conversions for image elements.
+     * @returns DOM conversion map for image imports.
+     */
     static importDOM(): DOMConversionMap | null;
-    constructor(src: string, altText: string, maxWidth: number, width?: 'inherit' | number, height?: 'inherit' | number, showCaption?: boolean, caption?: LexicalEditor, captionsEnabled?: boolean, key?: NodeKey);
+    /**
+     * Creates an image node instance.
+     * @param src Image source URL.
+     * @param altText Accessible alt text.
+     * @param maxWidth Maximum rendered image width.
+     * @param width Initial image width.
+     * @param height Initial image height.
+     * @param showCaption Whether the caption editor is visible.
+     * @param caption Nested caption editor.
+     * @param position Image alignment position.
+     * @param captionsEnabled Whether captions are enabled.
+     * @param key Optional Lexical node key.
+     */
+    constructor(src: string, altText: string, maxWidth: number, width?: 'inherit' | number, height?: 'inherit' | number, showCaption?: boolean, caption?: LexicalEditor, position?: ImagePosition, captionsEnabled?: boolean, key?: NodeKey);
+    /**
+     * Serializes this image node.
+     * @returns Serialized image node payload.
+     */
     exportJSON(): SerializedImageNode;
+    /**
+     * Updates the stored image dimensions.
+     * @param width Next image width.
+     * @param height Next image height.
+     */
     setWidthAndHeight(width: 'inherit' | number, height: 'inherit' | number): void;
+    /**
+     * Updates caption visibility for this image.
+     * @param showCaption Whether the caption should be shown.
+     */
     setShowCaption(showCaption: boolean): void;
+    /**
+     * Gets the current image alignment position.
+     * @returns Current image position.
+     */
+    getPosition(): ImagePosition;
+    /**
+     * Updates the image alignment position.
+     * @param position Next image position.
+     */
+    setPosition(position: ImagePosition): void;
+    /**
+     * Creates the DOM wrapper for this image node.
+     * @param config Lexical editor config.
+     * @returns Image wrapper element.
+     */
     createDOM(config: EditorConfig): HTMLElement;
-    updateDOM(): false;
+    /**
+     * Updates the DOM wrapper when node state changes.
+     * @param prevNode Previous image node state.
+     * @param dom Existing image wrapper element.
+     * @param config Lexical editor config.
+     * @returns False because the existing DOM element is reused.
+     */
+    updateDOM(prevNode: ImageNode, dom: HTMLElement, config: EditorConfig): false;
+    /**
+     * Gets the image source URL.
+     * @returns Image source URL.
+     */
     getSrc(): string;
+    /**
+     * Gets the image alt text.
+     * @returns Image alt text.
+     */
     getAltText(): string;
+    /**
+     * Renders the React decorator for this image node.
+     * @returns Image decorator element.
+     */
     decorate(): React.JSX.Element;
 }
-export declare function $createImageNode({ altText, caption, captionsEnabled, height, key, maxWidth, showCaption, src, width, }: ImagePayload): ImageNode;
+/**
+ * Creates and inserts a replacement image node.
+ * @param payload Image node creation payload.
+ * @returns Created image node.
+ */
+export declare function $createImageNode({ altText, caption, captionsEnabled, height, key, maxWidth, position, showCaption, src, width, }: ImagePayload): ImageNode;
+/**
+ * Checks whether a Lexical node is an ImageNode.
+ * @param node Node to test.
+ * @returns True when the node is an ImageNode.
+ */
 export declare function $isImageNode(node: LexicalNode | null | undefined): node is ImageNode;