@puckeditor/core 0.22.0-canary.d4985bc0 → 0.22.0-canary.d4c8bcf2

package/README.md

@@ -42,7 +42,6 @@ Render the editor:
 ```jsx
 // Editor.jsx
 import { Puck } from "@puckeditor/core";
-import "@puckeditor/core/puck.css";
 
 // Create Puck component config
 const config = {
@@ -77,7 +76,6 @@ Render the page:
 ```jsx
 // Page.jsx
 import { Render } from "@puckeditor/core";
-import "@puckeditor/core/puck.css";
 
 export function Page() {
   return <Render config={config} data={data} />;
@@ -95,7 +93,6 @@ npx create-puck-app my-app
 Available recipes include:
 
 - [**next**](https://github.com/puckeditor/puck/tree/main/recipes/next): Next.js example, using App Router and static page generation
-- [**remix**](https://github.com/puckeditor/puck/tree/main/recipes/remix): Remix Run v2 example, using dynamic routes at root-level
 - [**react-router**](https://github.com/puckeditor/puck/tree/main/recipes/react-router): React Router v7 app example, using dynamic routes to create pages at any level
 
 ## Community

package/dist/{Editor-NK3TZSR6.mjs → Editor-FJJNKTC3.mjs}

@@ -4,20 +4,20 @@ import {
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-RHVK562Z.mjs";
-import "./chunk-AOEDIUVK.mjs";
-import "./chunk-5V242HXR.mjs";
-import "./chunk-MSZPUXZP.mjs";
-import "./chunk-KOUWDQ4Q.mjs";
-import "./chunk-SKJTJUWU.mjs";
+} from "./chunk-GKUX6MNS.mjs";
+import "./chunk-H635BA2V.mjs";
+import "./chunk-4US666EQ.mjs";
+import "./chunk-M5GPDW62.mjs";
+import "./chunk-3RQGAM3Z.mjs";
+import "./chunk-XIGSFEU7.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-UMTU6EA7.mjs";
-import "./chunk-37HTE4KO.mjs";
-import "./chunk-MDUBGHWF.mjs";
+} from "./chunk-XQHCQEAF.mjs";
+import "./chunk-DVZWVU66.mjs";
+import "./chunk-6MO3E35Y.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-PMXRXC2B.mjs";
+import "./chunk-SHVCBQDY.mjs";
 import {
   __spreadProps,
   __spreadValues,
@@ -49,7 +49,6 @@ function useSyncedEditor({
   const lastSyncedRef = useRef("");
   const editTimer = useRef(null);
   const isPending = !!editTimer.current;
-  const isFocused = useAppStore((s) => s.state.ui.field.focus === name);
   const resetTimer = (clearOn) => {
     if (editTimer.current) {
       clearTimeout(editTimer.current);
@@ -68,8 +67,8 @@ function useSyncedEditor({
     immediatelyRender: false,
     parseOptions: { preserveWhitespace: "full" },
     onUpdate: ({ editor: editor2 }) => {
+      const isFocused = appStoreApi.getState().state.ui.field.focus === name;
       if (syncingRef.current || !isFocused) {
-        appStoreApi.getState().setUi({ field: { focus: name } });
         return;
       }
       const html = editor2.getHTML();

package/dist/Editor-ZZW3KF2T.css

@@ -0,0 +1,385 @@
+/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/styles.module.css/#css-module-data */
+._RichTextMenu_1ve2j_1 {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+}
+._RichTextMenu--form_1ve2j_7 {
+  border-top-left-radius: var(--puck-field-radius, var(--puck-radius-m));
+  border-top-right-radius: var(--puck-field-radius, var(--puck-radius-m));
+  padding: var(--puck-field-richtext-menu-space-y, 6px) var(--puck-field-richtext-menu-space-x, 6px);
+  background-color: var( --puck-field-richtext-menu-color-bg, var(--puck-color-surface-subtle) );
+  position: relative;
+  scrollbar-width: none;
+  overflow-x: auto;
+}
+._RichTextMenu-group_1ve2j_21 {
+  display: flex;
+  align-items: space-between;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  padding-inline: 6px;
+  gap: 2px;
+  position: relative;
+}
+._RichTextMenu-group_1ve2j_21:first-of-type {
+  padding-left: 0;
+}
+._RichTextMenu-group_1ve2j_21:last-of-type {
+  padding-right: 0;
+}
+._RichTextMenu--inline_1ve2j_39 ._RichTextMenu-group_1ve2j_21 {
+  color: var(--puck-color-text-inverse);
+  gap: 0px;
+  flex-wrap: nowrap;
+}
+._RichTextMenu-group_1ve2j_21 + ._RichTextMenu-group_1ve2j_21 {
+  border-left: var(--puck-border-width-regular) solid var( --puck-field-richtext-menu-color-separator, var(--puck-color-border-muted) );
+}
+._RichTextMenu--inline_1ve2j_39 ._RichTextMenu-group_1ve2j_21 + ._RichTextMenu-group_1ve2j_21 {
+  border-left: var(--puck-border-width-hairline) solid var(--puck-color-border-inverse);
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
+._IconButton_yuha3_1 {
+  align-items: center;
+  background: var(--puck-iconbutton-color-bg, transparent);
+  border: none;
+  border-radius: var(--puck-iconbutton-radius, var(--puck-radius-m));
+  color: var(--puck-iconbutton-color-icon, currentColor);
+  display: flex;
+  font-family: var(--puck-font-family);
+  justify-content: center;
+  padding: var(--puck-iconbutton-space, var(--puck-space-1));
+  transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);
+}
+._IconButton--active_yuha3_15 {
+  color: var( --puck-iconbutton-color-icon-active, var(--puck-color-interactive) );
+}
+._IconButton_yuha3_1:focus-visible {
+  outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
+  outline-offset: calc(var(--puck-border-width-focus) * -1);
+}
+@media (hover: hover) and (pointer: fine) {
+  ._IconButton_yuha3_1:hover:not(._IconButton--disabled_yuha3_28) {
+    background: var( --puck-iconbutton-color-bg-hover, var(--puck-color-interactive-neutral-hover) );
+    color: var( --puck-iconbutton-color-icon-hover, var(--puck-color-interactive) );
+    cursor: pointer;
+    transition: none;
+  }
+}
+._IconButton_yuha3_1:active {
+  background: var( --puck-iconbutton-color-bg-active, var(--puck-color-interactive-soft) );
+  transition: none;
+}
+._IconButton--disabled_yuha3_28 {
+  color: var( --puck-iconbutton-color-icon-disabled, var(--puck-color-text-subtle) );
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/Loader/styles.module.css/#css-module-data */
+@keyframes _loader-animation_1w5zn_1 {
+  0% {
+    transform: rotate(0deg) scale(1);
+  }
+  50% {
+    transform: rotate(180deg) scale(0.8);
+  }
+  100% {
+    transform: rotate(360deg) scale(1);
+  }
+}
+._Loader_1w5zn_13 {
+  background: transparent;
+  border-radius: var(--puck-radius-round);
+  border: var(--puck-border-width-focus) solid currentColor;
+  border-bottom-color: transparent;
+  display: inline-block;
+  animation: _loader-animation_1w5zn_1 1s 0s infinite linear;
+  animation-fill-mode: both;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */
+._ActionBar_5vdfr_1 {
+  align-items: center;
+  cursor: default;
+  display: flex;
+  width: auto;
+  padding-top: var(--puck-actionbar-space-y, var(--puck-space-1));
+  padding-bottom: var(--puck-actionbar-space-y, var(--puck-space-1));
+  padding-inline-start: var(--puck-actionbar-space-x, 0);
+  padding-inline-end: var(--puck-actionbar-space-x, 0);
+  border-radius: var(--puck-actionbar-radius, var(--puck-radius-l));
+  background: var(--puck-actionbar-color-bg, var(--puck-color-surface-inverse));
+  color: var(--puck-color-text-inverse);
+  font-family: var(--puck-font-family);
+  min-height: 26px;
+}
+._ActionBar-label_5vdfr_17 {
+  color: var(--puck-actionbar-color-text, var(--puck-color-text-inverse));
+  font-size: var(--puck-actionbar-font-size, var(--puck-font-size-xxxs));
+  opacity: var(--puck-actionbar-opacity-text, var(--puck-opacity-text-inverse));
+  font-weight: var(--puck-font-weight-medium);
+  padding-inline-start: var(--puck-space-2);
+  padding-inline-end: var(--puck-space-2);
+  margin-inline-start: var(--puck-space-1);
+  margin-inline-end: var(--puck-space-1);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._ActionBarAction_5vdfr_30 + ._ActionBar-label_5vdfr_17 {
+  padding-inline-start: 0;
+}
+._ActionBar-label_5vdfr_17 + ._ActionBarAction_5vdfr_30 {
+  margin-inline-start: calc(var(--puck-space-1) * -1);
+}
+._ActionBar-group_5vdfr_38 {
+  align-items: center;
+  border-inline-start: var(--puck-border-width-hairline) solid var(--puck-actionbar-color-separator, var(--puck-color-border-inverse));
+  display: flex;
+  height: 100%;
+  padding-inline-start: var(--puck-space-1);
+  padding-inline-end: var(--puck-space-1);
+}
+._ActionBar-group_5vdfr_38:first-of-type {
+  border-inline-start: 0;
+}
+._ActionBar-group_5vdfr_38:empty {
+  display: none;
+}
+._ActionBarAction_5vdfr_30 {
+  background: transparent;
+  border: none;
+  color: var(--puck-actionbar-color-text, var(--puck-color-text-inverse));
+  cursor: pointer;
+  padding: var(--puck-actionbar-action-space, 6px);
+  margin-inline-start: var(--puck-space-1);
+  margin-inline-end: var(--puck-space-1);
+  border-radius: var(--puck-radius-m);
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  opacity: var(--puck-actionbar-opacity-text, var(--puck-opacity-text-inverse));
+  transition: color var(--puck-duration-fast) var(--puck-ease-exit), opacity var(--puck-duration-fast) var(--puck-ease-exit);
+}
+._ActionBarAction--disabled_5vdfr_74 {
+  cursor: auto;
+  color: var( --puck-actionbar-color-action-disabled, var(--puck-color-text-inverse) );
+  opacity: var(--puck-actionbar-opacity-action-disabled, 0.54);
+}
+._ActionBarAction_5vdfr_30 svg {
+  max-width: none !important;
+}
+._ActionBarAction_5vdfr_30:focus-visible {
+  outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
+  outline-offset: calc(var(--puck-border-width-focus) * -1);
+}
+@media (hover: hover) and (pointer: fine) {
+  ._ActionBarAction_5vdfr_30:hover:not(._ActionBarAction--disabled_5vdfr_74) {
+    color: var( --puck-actionbar-color-action-hover, var(--puck-color-interactive-inverse-hover) );
+    opacity: 1;
+    transition: none;
+  }
+}
+._ActionBarAction_5vdfr_30:active:not(._ActionBarAction--disabled_5vdfr_74),
+._ActionBarAction--active_5vdfr_104 {
+  color: var( --puck-actionbar-color-action-active, var(--puck-color-interactive-inverse-active) );
+  opacity: 1;
+  transition: none;
+}
+._ActionBar-group_5vdfr_38 * {
+  margin: 0;
+}
+._ActionBar-separator_5vdfr_117 {
+  background: var( --puck-actionbar-color-separator, var(--puck-color-border-inverse) );
+  margin-inline: var(--puck-space-1);
+  width: var( --puck-border-width-hairline );
+  height: 100%;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */
+._Control_id4pm_1 .lucide {
+  height: var(--puck-icon-size-m);
+  width: var(--puck-icon-size-m);
+}
+._Control--inline_id4pm_6 .lucide {
+  height: var(--puck-actionbar-action-size, var(--puck-icon-size-s));
+  width: var(--puck-actionbar-action-size, var(--puck-icon-size-s));
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/Select/styles.module.css/#css-module-data */
+._Select_1n4iv_1 {
+  position: relative;
+  z-index: 1;
+}
+._Select-buttonInner_1n4iv_6 {
+  align-items: center;
+  display: flex;
+}
+._Select-buttonIcon_1n4iv_11 {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+._Select--standalone_1n4iv_17 ._Select-buttonIcon_1n4iv_11 .lucide {
+  height: var(--puck-icon-size-m);
+  width: var(--puck-icon-size-m);
+}
+._Select--actionBar_1n4iv_22 ._Select-buttonIcon_1n4iv_11 .lucide {
+  height: var(--puck-actionbar-action-size, var(--puck-icon-size-s));
+  width: var(--puck-actionbar-action-size, var(--puck-icon-size-s));
+}
+._Select-items_1n4iv_27 {
+  background: var(--puck-color-surface);
+  border: var(--puck-border-width-regular) solid var(--puck-color-border);
+  border-radius: var(--puck-radius-l);
+  margin: 10px 8px;
+  margin-left: 0;
+  padding: var(--puck-space-1);
+  z-index: 2;
+  list-style: none;
+}
+._SelectItem_1n4iv_38 {
+  background: transparent;
+  border-radius: var(--puck-radius-m);
+  border: none;
+  color: var(--puck-color-text-secondary);
+  cursor: pointer;
+  display: flex;
+  gap: var(--puck-space-2);
+  align-items: center;
+  font-size: var(--puck-font-size-xxs);
+  margin: 0;
+  padding: var(--puck-space-2) var(--puck-space-3);
+  width: 100%;
+}
+._SelectItem--isSelected_1n4iv_53 {
+  background: var(--puck-color-interactive-soft);
+  color: var(--puck-color-interactive);
+  font-weight: var(--puck-font-weight-medium);
+}
+._SelectItem--isSelected_1n4iv_53 ._SelectItem-icon_1n4iv_59 {
+  color: var(--puck-color-interactive);
+}
+._SelectItem_1n4iv_38:hover {
+  background: var(--puck-color-interactive-soft);
+  color: var(--puck-color-interactive);
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
+._RichTextEditor_5wzos_1 .ProseMirror {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  cursor: text;
+  outline: none;
+  position: relative;
+}
+._RichTextEditor_5wzos_1 .rich-text * {
+  white-space: pre-wrap;
+  user-select: auto;
+  -webkit-user-select: auto;
+}
+._RichTextEditor_5wzos_1 .rich-text blockquote {
+  margin: 1em 0;
+  padding: 0 1em;
+  border-left: var(--puck-border-width-strong) solid var(--puck-color-border);
+}
+._RichTextEditor_5wzos_1 .rich-text code {
+  background-color: var(--puck-color-surface-muted);
+  padding: var(--puck-space-1) var(--puck-space-2);
+  border-radius: var(--puck-radius-m);
+}
+._RichTextEditor_5wzos_1 .rich-text p:empty::before {
+  content: "\a0";
+}
+._RichTextEditor_5wzos_1 .rich-text pre code {
+  display: block;
+  padding: var(--puck-space-2) var(--puck-space-3);
+}
+._RichTextEditor_5wzos_1 .rich-text > *:first-child,
+._RichTextEditor_5wzos_1 .ProseMirror > *:first-child,
+._RichTextEditor_5wzos_1 .rich-text * p:first-of-type {
+  margin-top: 0;
+}
+._RichTextEditor_5wzos_1 .rich-text > *:last-child,
+._RichTextEditor_5wzos_1 .ProseMirror > *:last-child,
+._RichTextEditor_5wzos_1 .rich-text * p:last-of-type {
+  margin-bottom: 0;
+}
+._RichTextEditor--editor_5wzos_50 {
+  color: var(--puck-field-color-text, var(--puck-color-text));
+  background: var(--puck-field-color-bg, var(--puck-color-surface));
+  border-width: var( --puck-field-border-width, var(--puck-border-width-regular) );
+  border-style: solid;
+  border-color: var(--puck-field-color-border, var(--puck-color-border));
+  border-radius: var(--puck-field-radius, var(--puck-radius-m));
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-family: inherit;
+  font-size: var(--puck-field-font-size, var(--puck-font-size-xxs));
+  resize: vertical;
+  text-align: initial;
+  transition: border-color var(--puck-duration-fast) var(--puck-ease-exit);
+  width: 100%;
+  max-width: 100%;
+  min-height: 128px;
+}
+._RichTextEditor--editor_5wzos_50 .rich-text {
+  flex-grow: 1;
+}
+._RichTextEditor--editor_5wzos_50 .rich-text:not(:has(.ProseMirror)),
+._RichTextEditor--editor_5wzos_50 .rich-text .ProseMirror {
+  height: 100%;
+  padding: var(--puck-field-space-y, var(--puck-space-3)) var( --puck-field-space-x, calc( var(--puck-space-4) - var(--puck-field-border-width, var(--puck-border-width-regular)) ) );
+}
+._RichTextEditor--editor_5wzos_50 .rich-text ul,
+._RichTextEditor--editor_5wzos_50 .rich-text ol {
+  padding-left: var(--puck-space-5);
+}
+._RichTextEditor--editor_5wzos_50 .rich-text li {
+  line-height: 1.5;
+}
+._RichTextEditor--editor_5wzos_50 .rich-text p {
+  margin-block: var(--puck-space-3);
+}
+._RichTextEditor--editor_5wzos_50 .rich-text ul {
+  list-style: disc;
+}
+._RichTextEditor--editor_5wzos_50 .rich-text ol {
+  list-style: decimal;
+}
+._RichTextEditor--editor_5wzos_50:focus-within {
+  border-color: var( --puck-field-color-border-hover, var(--puck-color-border-hover) );
+  outline: var(--puck-border-width-focus) solid var(--puck-field-color-border-focus, var(--puck-color-focus-ring));
+  transition: none;
+}
+@media (hover: hover) and (pointer: fine) {
+  ._RichTextEditor--editor_5wzos_50:hover:not(._RichTextEditor--disabled_5wzos_123) {
+    border-color: var( --puck-field-color-border-hover, var(--puck-color-border-hover) );
+    transition: none;
+  }
+}
+._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 {
+  background: var( --puck-field-color-bg-disabled, var(--puck-color-surface-muted) );
+  border-color: var( --puck-field-color-border-disabled, var(--puck-color-border) );
+}
+._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .rich-text:not(:has(.ProseMirror)),
+._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .rich-text .ProseMirror {
+  color: var( --puck-field-color-text-disabled, var(--puck-color-text-secondary) );
+}
+._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .ProseMirror[contenteditable=false] {
+  cursor: default;
+}
+._RichTextEditor_5wzos_1:not(:focus-within):not(._RichTextEditor--isActive_5wzos_159) .ProseMirror ::selection {
+  background-color: transparent;
+}
+._RichTextEditor-menu_5wzos_165 {
+  border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border-muted);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+._RichTextEditor--disabled_5wzos_123 ._RichTextEditor-menu_5wzos_165 {
+  border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
+}

package/dist/{Render-CU35UAWV.mjs → Render-DQXAYUBI.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2CNEFIQP.mjs";
 import {
   styles_module_default
-} from "./chunk-AOEDIUVK.mjs";
+} from "./chunk-H635BA2V.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -32,6 +32,9 @@ function RichTextRender({
       return content;
     }
     if (typeof content === "string") {
+      if (!content) {
+        return { type: "doc", content: [] };
+      }
       const isHtml = /<\/?[a-z][\s\S]*>/i.test(content);
       if (isHtml) {
         return generateJSON(content, loadedExtensions);

package/dist/Render-EKEWMTMI.css

@@ -0,0 +1,117 @@
+/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
+._RichTextEditor_5wzos_1 .ProseMirror {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  cursor: text;
+  outline: none;
+  position: relative;
+}
+._RichTextEditor_5wzos_1 .rich-text * {
+  white-space: pre-wrap;
+  user-select: auto;
+  -webkit-user-select: auto;
+}
+._RichTextEditor_5wzos_1 .rich-text blockquote {
+  margin: 1em 0;
+  padding: 0 1em;
+  border-left: var(--puck-border-width-strong) solid var(--puck-color-border);
+}
+._RichTextEditor_5wzos_1 .rich-text code {
+  background-color: var(--puck-color-surface-muted);
+  padding: var(--puck-space-1) var(--puck-space-2);
+  border-radius: var(--puck-radius-m);
+}
+._RichTextEditor_5wzos_1 .rich-text p:empty::before {
+  content: "\a0";
+}
+._RichTextEditor_5wzos_1 .rich-text pre code {
+  display: block;
+  padding: var(--puck-space-2) var(--puck-space-3);
+}
+._RichTextEditor_5wzos_1 .rich-text > *:first-child,
+._RichTextEditor_5wzos_1 .ProseMirror > *:first-child,
+._RichTextEditor_5wzos_1 .rich-text * p:first-of-type {
+  margin-top: 0;
+}
+._RichTextEditor_5wzos_1 .rich-text > *:last-child,
+._RichTextEditor_5wzos_1 .ProseMirror > *:last-child,
+._RichTextEditor_5wzos_1 .rich-text * p:last-of-type {
+  margin-bottom: 0;
+}
+._RichTextEditor--editor_5wzos_50 {
+  color: var(--puck-field-color-text, var(--puck-color-text));
+  background: var(--puck-field-color-bg, var(--puck-color-surface));
+  border-width: var( --puck-field-border-width, var(--puck-border-width-regular) );
+  border-style: solid;
+  border-color: var(--puck-field-color-border, var(--puck-color-border));
+  border-radius: var(--puck-field-radius, var(--puck-radius-m));
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-family: inherit;
+  font-size: var(--puck-field-font-size, var(--puck-font-size-xxs));
+  resize: vertical;
+  text-align: initial;
+  transition: border-color var(--puck-duration-fast) var(--puck-ease-exit);
+  width: 100%;
+  max-width: 100%;
+  min-height: 128px;
+}
+._RichTextEditor--editor_5wzos_50 .rich-text {
+  flex-grow: 1;
+}
+._RichTextEditor--editor_5wzos_50 .rich-text:not(:has(.ProseMirror)),
+._RichTextEditor--editor_5wzos_50 .rich-text .ProseMirror {
+  height: 100%;
+  padding: var(--puck-field-space-y, var(--puck-space-3)) var( --puck-field-space-x, calc( var(--puck-space-4) - var(--puck-field-border-width, var(--puck-border-width-regular)) ) );
+}
+._RichTextEditor--editor_5wzos_50 .rich-text ul,
+._RichTextEditor--editor_5wzos_50 .rich-text ol {
+  padding-left: var(--puck-space-5);
+}
+._RichTextEditor--editor_5wzos_50 .rich-text li {
+  line-height: 1.5;
+}
+._RichTextEditor--editor_5wzos_50 .rich-text p {
+  margin-block: var(--puck-space-3);
+}
+._RichTextEditor--editor_5wzos_50 .rich-text ul {
+  list-style: disc;
+}
+._RichTextEditor--editor_5wzos_50 .rich-text ol {
+  list-style: decimal;
+}
+._RichTextEditor--editor_5wzos_50:focus-within {
+  border-color: var( --puck-field-color-border-hover, var(--puck-color-border-hover) );
+  outline: var(--puck-border-width-focus) solid var(--puck-field-color-border-focus, var(--puck-color-focus-ring));
+  transition: none;
+}
+@media (hover: hover) and (pointer: fine) {
+  ._RichTextEditor--editor_5wzos_50:hover:not(._RichTextEditor--disabled_5wzos_123) {
+    border-color: var( --puck-field-color-border-hover, var(--puck-color-border-hover) );
+    transition: none;
+  }
+}
+._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 {
+  background: var( --puck-field-color-bg-disabled, var(--puck-color-surface-muted) );
+  border-color: var( --puck-field-color-border-disabled, var(--puck-color-border) );
+}
+._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .rich-text:not(:has(.ProseMirror)),
+._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .rich-text .ProseMirror {
+  color: var( --puck-field-color-text-disabled, var(--puck-color-text-secondary) );
+}
+._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .ProseMirror[contenteditable=false] {
+  cursor: default;
+}
+._RichTextEditor_5wzos_1:not(:focus-within):not(._RichTextEditor--isActive_5wzos_159) .ProseMirror ::selection {
+  background-color: transparent;
+}
+._RichTextEditor-menu_5wzos_165 {
+  border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border-muted);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+._RichTextEditor--disabled_5wzos_123 ._RichTextEditor-menu_5wzos_165 {
+  border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
+}

package/dist/{actions-BrxBrqKj.d.mts → actions-Csn3gOP8.d.mts}

@@ -308,7 +308,7 @@ type CustomFieldRender<Value extends any> = (props: {
     name: string;
     id: string;
     value: Value;
-    onChange: (value: Value) => void;
+    onChange: (value: Value, uiState?: Partial<UiState>) => void;
     readOnly?: boolean;
 }) => ReactElement;
 interface CustomField<Value extends any> extends BaseField {
@@ -430,6 +430,7 @@ UserField extends BaseField = {}> = {
         metadata: ComponentMetadata;
         trigger: ResolveDataTrigger;
         parent: ComponentData | null;
+        root: RootData;
     }) => Promise<WithPartialProps<DataShape, FieldProps>> | WithPartialProps<DataShape, FieldProps>;
     resolvePermissions?: (data: DataShape, params: {
         changed: Partial<Record<keyof FieldProps, boolean> & {
@@ -733,7 +734,7 @@ type Permissions = {
 type IframeConfig = {
     enabled?: boolean;
     waitForStyles?: boolean;
-    srcDoc?: string;
+    syncHostStyles?: boolean;
 };
 type OnAction<UserData extends Data = Data> = (action: PuckAction, appState: AppState<UserData>, prevAppState: AppState<UserData>) => void;
 type Plugin<UserConfig extends Config = Config> = {
@@ -836,4 +837,4 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type ComponentConfigParams as $, type AppState as A, type FieldTransformFnParams as B, type Config as C, type Data as D, type FieldTransformFn as E, type Fields as F, overrideKeys as G, type History as H, type IframeConfig as I, type OverrideKey as J, type FieldRenderFunctions as K, type ItemWithId as L, type Metadata as M, type ArrayState as N, type OnAction as O, type PrivateAppState as P, type SlotComponent as Q, type RootData as R, type Slot as S, type PuckComponent as T, type UserGenerics as U, type Viewports as V, type WithId as W, type ComponentConfigExtensions as X, type RootConfig as Y, type ExtractConfigParams as Z, type ConfigParams as _, type PuckAction as a, type BaseData as a0, type RootDataWithoutProps as a1, type ComponentDataOptionalId as a2, type MappedItem as a3, type ComponentDataMap as a4, type PuckMetadata as a5, type ComponentMetadata as a6, type FieldMetadata as a7, type BaseField as a8, type TextField as a9, type NumberField as aa, type TextareaField as ab, type SelectField as ac, type RadioField as ad, type ArrayField as ae, type ObjectField as af, type Adaptor as ag, type ExternalFieldWithAdaptor as ah, type CacheOpts as ai, type ExternalField as aj, type CustomFieldRender as ak, type CustomField as al, type SlotField as am, type PuckContext as an, type DefaultRootRenderProps as ao, type DefaultRootProps as ap, type WithPuckProps as aq, type AsFieldProps as ar, type WithChildren as as, type ExtractField as at, type Content as b, type ComponentData as c, type DefaultComponents as d, type DefaultComponentProps as e, type DefaultRootFieldProps as f, type Permissions as g, type RootDataWithProps as h, type ResolveDataTrigger as i, type Plugin as j, type Overrides as k, type UiState as l, type ComponentConfig as m, type FieldTransforms as n, type RichtextField as o, type Field as p, type FieldProps as q, type DropZoneProps as r, type InitialHistory as s, type ItemSelector as t, type PluginInternal as u, type WithSlotProps as v, type RichText as w, type Direction as x, type DragAxis as y, type Viewport as z };
+export { type Permissions as $, type Adaptor as A, type BaseData as B, type CacheOpts as C, type Data as D, type ExternalField as E, type ExtractConfigParams as F, type ExtractField as G, type Field as H, type FieldMetadata as I, type FieldProps as J, type FieldRenderFunctions as K, type FieldTransformFn as L, type FieldTransformFnParams as M, type FieldTransforms as N, type Fields as O, type History as P, type IframeConfig as Q, type InitialHistory as R, type ItemSelector as S, type ItemWithId as T, type MappedItem as U, type Metadata as V, type NumberField as W, type ObjectField as X, type OnAction as Y, type OverrideKey as Z, type Overrides as _, type AppState as a, type Plugin as a0, type PluginInternal as a1, type PrivateAppState as a2, type PuckAction as a3, type PuckComponent as a4, type PuckContext as a5, type PuckMetadata as a6, type RadioField as a7, type ResolveDataTrigger as a8, type RichText as a9, type RichtextField as aa, type RootConfig as ab, type RootData as ac, type RootDataWithProps as ad, type RootDataWithoutProps as ae, type SelectField as af, type Slot as ag, type SlotComponent as ah, type SlotField as ai, type TextField as aj, type TextareaField as ak, type UiState as al, type UserGenerics as am, type Viewport as an, type Viewports as ao, type WithChildren as ap, type WithId as aq, type WithPuckProps as ar, type WithSlotProps as as, overrideKeys as at, type ArrayField as b, type ArrayState as c, type AsFieldProps as d, type BaseField as e, type ComponentConfig as f, type ComponentConfigExtensions as g, type ComponentConfigParams as h, type ComponentData as i, type ComponentDataMap as j, type ComponentDataOptionalId as k, type ComponentMetadata as l, type Config as m, type ConfigParams as n, type Content as o, type CustomField as p, type CustomFieldRender as q, type DefaultComponentProps as r, type DefaultComponents as s, type DefaultRootFieldProps as t, type DefaultRootProps as u, type DefaultRootRenderProps as v, type Direction as w, type DragAxis as x, type DropZoneProps as y, type ExternalFieldWithAdaptor as z };

package/dist/{actions-BrxBrqKj.d.ts → actions-Csn3gOP8.d.ts}

@@ -308,7 +308,7 @@ type CustomFieldRender<Value extends any> = (props: {
     name: string;
     id: string;
     value: Value;
-    onChange: (value: Value) => void;
+    onChange: (value: Value, uiState?: Partial<UiState>) => void;
     readOnly?: boolean;
 }) => ReactElement;
 interface CustomField<Value extends any> extends BaseField {
@@ -430,6 +430,7 @@ UserField extends BaseField = {}> = {
         metadata: ComponentMetadata;
         trigger: ResolveDataTrigger;
         parent: ComponentData | null;
+        root: RootData;
     }) => Promise<WithPartialProps<DataShape, FieldProps>> | WithPartialProps<DataShape, FieldProps>;
     resolvePermissions?: (data: DataShape, params: {
         changed: Partial<Record<keyof FieldProps, boolean> & {
@@ -733,7 +734,7 @@ type Permissions = {
 type IframeConfig = {
     enabled?: boolean;
     waitForStyles?: boolean;
-    srcDoc?: string;
+    syncHostStyles?: boolean;
 };
 type OnAction<UserData extends Data = Data> = (action: PuckAction, appState: AppState<UserData>, prevAppState: AppState<UserData>) => void;
 type Plugin<UserConfig extends Config = Config> = {
@@ -836,4 +837,4 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type ComponentConfigParams as $, type AppState as A, type FieldTransformFnParams as B, type Config as C, type Data as D, type FieldTransformFn as E, type Fields as F, overrideKeys as G, type History as H, type IframeConfig as I, type OverrideKey as J, type FieldRenderFunctions as K, type ItemWithId as L, type Metadata as M, type ArrayState as N, type OnAction as O, type PrivateAppState as P, type SlotComponent as Q, type RootData as R, type Slot as S, type PuckComponent as T, type UserGenerics as U, type Viewports as V, type WithId as W, type ComponentConfigExtensions as X, type RootConfig as Y, type ExtractConfigParams as Z, type ConfigParams as _, type PuckAction as a, type BaseData as a0, type RootDataWithoutProps as a1, type ComponentDataOptionalId as a2, type MappedItem as a3, type ComponentDataMap as a4, type PuckMetadata as a5, type ComponentMetadata as a6, type FieldMetadata as a7, type BaseField as a8, type TextField as a9, type NumberField as aa, type TextareaField as ab, type SelectField as ac, type RadioField as ad, type ArrayField as ae, type ObjectField as af, type Adaptor as ag, type ExternalFieldWithAdaptor as ah, type CacheOpts as ai, type ExternalField as aj, type CustomFieldRender as ak, type CustomField as al, type SlotField as am, type PuckContext as an, type DefaultRootRenderProps as ao, type DefaultRootProps as ap, type WithPuckProps as aq, type AsFieldProps as ar, type WithChildren as as, type ExtractField as at, type Content as b, type ComponentData as c, type DefaultComponents as d, type DefaultComponentProps as e, type DefaultRootFieldProps as f, type Permissions as g, type RootDataWithProps as h, type ResolveDataTrigger as i, type Plugin as j, type Overrides as k, type UiState as l, type ComponentConfig as m, type FieldTransforms as n, type RichtextField as o, type Field as p, type FieldProps as q, type DropZoneProps as r, type InitialHistory as s, type ItemSelector as t, type PluginInternal as u, type WithSlotProps as v, type RichText as w, type Direction as x, type DragAxis as y, type Viewport as z };
+export { type Permissions as $, type Adaptor as A, type BaseData as B, type CacheOpts as C, type Data as D, type ExternalField as E, type ExtractConfigParams as F, type ExtractField as G, type Field as H, type FieldMetadata as I, type FieldProps as J, type FieldRenderFunctions as K, type FieldTransformFn as L, type FieldTransformFnParams as M, type FieldTransforms as N, type Fields as O, type History as P, type IframeConfig as Q, type InitialHistory as R, type ItemSelector as S, type ItemWithId as T, type MappedItem as U, type Metadata as V, type NumberField as W, type ObjectField as X, type OnAction as Y, type OverrideKey as Z, type Overrides as _, type AppState as a, type Plugin as a0, type PluginInternal as a1, type PrivateAppState as a2, type PuckAction as a3, type PuckComponent as a4, type PuckContext as a5, type PuckMetadata as a6, type RadioField as a7, type ResolveDataTrigger as a8, type RichText as a9, type RichtextField as aa, type RootConfig as ab, type RootData as ac, type RootDataWithProps as ad, type RootDataWithoutProps as ae, type SelectField as af, type Slot as ag, type SlotComponent as ah, type SlotField as ai, type TextField as aj, type TextareaField as ak, type UiState as al, type UserGenerics as am, type Viewport as an, type Viewports as ao, type WithChildren as ap, type WithId as aq, type WithPuckProps as ar, type WithSlotProps as as, overrideKeys as at, type ArrayField as b, type ArrayState as c, type AsFieldProps as d, type BaseField as e, type ComponentConfig as f, type ComponentConfigExtensions as g, type ComponentConfigParams as h, type ComponentData as i, type ComponentDataMap as j, type ComponentDataOptionalId as k, type ComponentMetadata as l, type Config as m, type ConfigParams as n, type Content as o, type CustomField as p, type CustomFieldRender as q, type DefaultComponentProps as r, type DefaultComponents as s, type DefaultRootFieldProps as t, type DefaultRootProps as u, type DefaultRootRenderProps as v, type Direction as w, type DragAxis as x, type DropZoneProps as y, type ExternalFieldWithAdaptor as z };