@reacteditor/core 0.0.4 → 0.0.6

package/dist/Editor-4LPVLYSU.css

@@ -0,0 +1,415 @@
+/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/RichTextMenu/styles.module.css/#css-module-data */
+._RichTextMenu_1l3cr_1 {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+}
+._RichTextMenu--form_1l3cr_7 {
+  border-top-left-radius: var(--editor-radius-md);
+  border-top-right-radius: var(--editor-radius-md);
+  padding: 6px 6px;
+  background-color: var(--editor-surface-sunken);
+  position: relative;
+  scrollbar-width: none;
+  overflow-x: auto;
+}
+._RichTextMenu-group_1l3cr_17 {
+  display: flex;
+  align-items: space-between;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  padding-inline: 6px;
+  gap: 2px;
+  position: relative;
+}
+._RichTextMenu-group_1l3cr_17:first-of-type {
+  padding-left: 0;
+}
+._RichTextMenu-group_1l3cr_17:last-of-type {
+  padding-right: 0;
+}
+._RichTextMenu--inline_1l3cr_35 ._RichTextMenu-group_1l3cr_17 {
+  color: var(--editor-text-inverse);
+  opacity: 0.85;
+  gap: 0px;
+  flex-wrap: nowrap;
+}
+._RichTextMenu-group_1l3cr_17 + ._RichTextMenu-group_1l3cr_17 {
+  border-left: 1px solid var(--editor-border-subtle);
+}
+._RichTextMenu--inline_1l3cr_35 ._RichTextMenu-group_1l3cr_17 + ._RichTextMenu-group_1l3cr_17 {
+  border-left: 0.5px solid rgba(255, 255, 255, 0.2);
+}
+
+/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
+._IconButton_3u943_1 {
+  align-items: center;
+  background: transparent;
+  border: none;
+  border-radius: var(--editor-radius-md);
+  color: currentColor;
+  display: flex;
+  font-family: var(--editor-font-family);
+  justify-content: center;
+  padding: 4px;
+  transition: background-color var(--editor-motion-fast) var(--editor-ease), color var(--editor-motion-fast) var(--editor-ease);
+}
+._IconButton--active_3u943_15 {
+  color: var(--editor-text-accent);
+  background: var(--editor-accent-soft);
+}
+._IconButton_3u943_1:focus-visible {
+  outline: none;
+  box-shadow: var(--editor-ring);
+}
+@media (hover: hover) and (pointer: fine) {
+  ._IconButton_3u943_1:hover:not(._IconButton--disabled_3u943_26) {
+    background: var(--editor-surface-hover);
+    color: var(--editor-text-accent);
+    cursor: pointer;
+    transition: none;
+  }
+}
+._IconButton_3u943_1:active {
+  background: var(--editor-accent-soft);
+  transition: none;
+}
+._IconButton-title_3u943_39 {
+  clip: rect(0 0 0 0);
+  clip-path: inset(100%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+._IconButton--disabled_3u943_26 {
+  color: var(--editor-text-tertiary);
+}
+
+/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Loader/styles.module.css/#css-module-data */
+@keyframes _loader-animation_nacdm_1 {
+  0% {
+    transform: rotate(0deg) scale(1);
+  }
+  50% {
+    transform: rotate(180deg) scale(0.8);
+  }
+  100% {
+    transform: rotate(360deg) scale(1);
+  }
+}
+._Loader_nacdm_13 {
+  background: transparent;
+  border-radius: 100%;
+  border: 2px solid currentColor;
+  border-bottom-color: transparent;
+  display: inline-block;
+  animation: _loader-animation_nacdm_1 1s 0s infinite linear;
+  animation-fill-mode: both;
+}
+
+/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/ActionBar/styles.module.css/#css-module-data */
+._ActionBar_15hub_1 {
+  align-items: center;
+  cursor: default;
+  display: flex;
+  width: auto;
+  padding: 4px;
+  padding-inline-start: 0;
+  padding-inline-end: 0;
+  border-top-left-radius: var(--editor-radius-lg);
+  border-top-right-radius: var(--editor-radius-lg);
+  border-radius: var(--editor-radius-lg);
+  background: var(--editor-primary);
+  color: var(--editor-primary-foreground);
+  font-family: var(--editor-font-family);
+  min-height: 26px;
+  box-shadow: var(--editor-shadow-md);
+}
+._ActionBar-label_15hub_19 {
+  color: var(--editor-primary-foreground);
+  opacity: 0.85;
+  font-size: var(--editor-font-size-xxxs);
+  font-weight: 500;
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
+  margin-inline-start: 4px;
+  margin-inline-end: 4px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._ActionBarAction_15hub_32 + ._ActionBar-label_15hub_19 {
+  padding-inline-start: 0;
+}
+._ActionBar-label_15hub_19 + ._ActionBarAction_15hub_32 {
+  margin-inline-start: -4px;
+}
+._ActionBar-group_15hub_40 {
+  align-items: center;
+  border-inline-start: 0.5px solid rgba(255, 255, 255, 0.2);
+  display: flex;
+  height: 100%;
+  padding-inline-start: 4px;
+  padding-inline-end: 4px;
+}
+._ActionBar-group_15hub_40:first-of-type {
+  border-inline-start: 0;
+}
+._ActionBar-group_15hub_40:empty {
+  display: none;
+}
+._ActionBarAction_15hub_32 {
+  background: transparent;
+  border: none;
+  color: var(--editor-primary-foreground);
+  opacity: 0.85;
+  cursor: pointer;
+  padding: 6px;
+  margin-inline-start: 4px;
+  margin-inline-end: 4px;
+  border-radius: var(--editor-radius-sm);
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: opacity var(--editor-motion-fast) var(--editor-ease), background-color var(--editor-motion-fast) var(--editor-ease);
+}
+._ActionBarAction--disabled_15hub_75 {
+  cursor: auto;
+  opacity: 0.4;
+}
+._ActionBarAction_15hub_32 svg {
+  max-width: none !important;
+}
+._ActionBarAction_15hub_32:focus-visible {
+  outline: none;
+  box-shadow: var(--editor-ring);
+}
+@media (hover: hover) and (pointer: fine) {
+  ._ActionBarAction_15hub_32:hover:not(._ActionBarAction--disabled_15hub_75) {
+    opacity: 1;
+    background: rgba(255, 255, 255, 0.12);
+    transition: none;
+  }
+}
+._ActionBarAction_15hub_32:active:not(._ActionBarAction--disabled_15hub_75),
+._ActionBarAction--active_15hub_98 {
+  opacity: 1;
+  background: rgba(255, 255, 255, 0.18);
+  transition: none;
+}
+._ActionBar-group_15hub_40 * {
+  margin: 0;
+}
+._ActionBar-separator_15hub_108 {
+  background: rgba(255, 255, 255, 0.2);
+  margin-inline: 4px;
+  width: 0.5px;
+  height: 100%;
+}
+
+/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */
+._Control_1aveu_1 .lucide {
+  height: 18px;
+  width: 18px;
+}
+._Control--inline_1aveu_6 .lucide {
+  height: 16px;
+  width: 16px;
+}
+
+/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Select/styles.module.css/#css-module-data */
+._Select_1hzg4_1 {
+  position: relative;
+  z-index: 1;
+}
+._Select-button_1hzg4_6 {
+  align-items: center;
+  background: transparent;
+  border: none;
+  border-radius: var(--editor-radius-sm);
+  display: flex;
+  justify-content: center;
+  gap: 0px;
+  height: 100%;
+  padding: 4px;
+  padding-right: 2px;
+  transition: background-color var(--editor-motion-fast) var(--editor-ease), color var(--editor-motion-fast) var(--editor-ease);
+}
+._Select--hasOptions_1hzg4_21 ._Select-button_1hzg4_6 {
+  color: currentColor;
+}
+._Select--hasOptions_1hzg4_21:not(._Select--disabled_1hzg4_25) ._Select-button_1hzg4_6 {
+  cursor: pointer;
+}
+._Select-buttonIcon_1hzg4_29 {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+._Select--standalone_1hzg4_35 ._Select-buttonIcon_1hzg4_29 .lucide {
+  height: 18px;
+  width: 18px;
+}
+._Select--actionBar_1hzg4_40 ._Select-buttonIcon_1hzg4_29 .lucide {
+  height: 16px;
+  width: 16px;
+}
+._Select--hasOptions_1hzg4_21:not(._Select--disabled_1hzg4_25) ._Select-button_1hzg4_6:hover,
+._Select--hasValue_1hzg4_46 ._Select-button_1hzg4_6 {
+  background: var(--editor-surface-hover);
+  color: var(--editor-text-accent);
+}
+._Select--disabled_1hzg4_25 ._Select-button_1hzg4_6 {
+  color: var(--editor-text-tertiary);
+}
+._Select--actionBar_1hzg4_40 {
+  &._Select--hasOptions_1hzg4_21 ._Select-button_1hzg4_6:hover,
+  &._Select--hasValue_1hzg4_46 ._Select-button_1hzg4_6 {
+    background: rgba(255, 255, 255, 0.12);
+    color: var(--editor-text-inverse);
+  }
+}
+._Select-items_1hzg4_63 {
+  background: var(--editor-surface-panel);
+  border: 1px solid var(--editor-border-subtle);
+  border-radius: var(--editor-radius-lg);
+  box-shadow: var(--editor-shadow-lg);
+  margin: 10px 8px;
+  margin-left: 0;
+  padding: 4px;
+  z-index: 2;
+  list-style: none;
+}
+._SelectItem_1hzg4_75 {
+  background: transparent;
+  border-radius: var(--editor-radius-sm);
+  border: none;
+  color: var(--editor-text-secondary);
+  cursor: pointer;
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  font-size: var(--editor-font-size-xxs);
+  margin: 0;
+  padding: 8px 12px;
+  width: 100%;
+  transition: background-color var(--editor-motion-fast) var(--editor-ease), color var(--editor-motion-fast) var(--editor-ease);
+}
+._SelectItem--isSelected_1hzg4_92 {
+  background: var(--editor-accent-soft);
+  color: var(--editor-text-accent);
+  font-weight: 500;
+}
+._SelectItem--isSelected_1hzg4_92 ._SelectItem-icon_1hzg4_98 {
+  color: var(--editor-text-accent);
+}
+._SelectItem_1hzg4_75:hover {
+  background: var(--editor-surface-hover);
+  color: var(--editor-text-accent);
+}
+
+/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
+._RichTextEditor_150ed_1 .ProseMirror {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  cursor: text;
+  outline: none;
+  position: relative;
+}
+._RichTextEditor_150ed_1 .rich-text * {
+  white-space: pre-wrap;
+  user-select: auto;
+  -webkit-user-select: auto;
+}
+._RichTextEditor_150ed_1 .rich-text blockquote {
+  margin: 1em 0;
+  padding: 0 1em;
+  border-left: 4px solid var(--editor-border-default);
+}
+._RichTextEditor_150ed_1 .rich-text code {
+  background-color: var(--editor-surface-sunken);
+  padding: 4px 8px;
+  border-radius: var(--editor-radius-sm);
+}
+._RichTextEditor_150ed_1 .rich-text p:empty::before {
+  content: "\a0";
+}
+._RichTextEditor_150ed_1 .rich-text pre code {
+  display: block;
+  padding: 8px 12px;
+}
+._RichTextEditor_150ed_1 .rich-text > *:first-child,
+._RichTextEditor_150ed_1 .ProseMirror > *:first-child,
+._RichTextEditor_150ed_1 .rich-text * p:first-of-type {
+  margin-top: 0;
+}
+._RichTextEditor_150ed_1 .rich-text > *:last-child,
+._RichTextEditor_150ed_1 .ProseMirror > *:last-child,
+._RichTextEditor_150ed_1 .rich-text * p:last-of-type {
+  margin-bottom: 0;
+}
+._RichTextEditor--editor_150ed_50 {
+  background: var(--editor-surface-panel);
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--editor-border-default);
+  border-radius: var(--editor-radius-md);
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-family: inherit;
+  font-size: var(--editor-font-size-xxs);
+  resize: vertical;
+  text-align: initial;
+  transition: border-color var(--editor-motion-fast) var(--editor-ease), box-shadow var(--editor-motion-fast) var(--editor-ease);
+  width: 100%;
+  max-width: 100%;
+  min-height: 128px;
+}
+._RichTextEditor--editor_150ed_50 .rich-text {
+  flex-grow: 1;
+}
+._RichTextEditor--editor_150ed_50 .rich-text:not(:has(.ProseMirror)),
+._RichTextEditor--editor_150ed_50 .rich-text .ProseMirror {
+  height: 100%;
+  padding: 12px 15px;
+}
+._RichTextEditor--editor_150ed_50 .rich-text ul,
+._RichTextEditor--editor_150ed_50 .rich-text ol {
+  padding-left: 24px;
+}
+._RichTextEditor--editor_150ed_50 .rich-text li {
+  line-height: 1.5;
+}
+._RichTextEditor--editor_150ed_50 .rich-text p {
+  margin-block: 12px;
+}
+._RichTextEditor--editor_150ed_50 .rich-text ul {
+  list-style: disc;
+}
+._RichTextEditor--editor_150ed_50 .rich-text ol {
+  list-style: decimal;
+}
+._RichTextEditor--editor_150ed_50:focus-within {
+  border-color: var(--editor-accent);
+  outline: none;
+  box-shadow: var(--editor-ring);
+  transition: none;
+}
+._RichTextEditor--editor_150ed_50._RichTextEditor--disabled_150ed_109 {
+  background: var(--editor-surface-sunken);
+}
+._RichTextEditor_150ed_1:not(:focus-within):not(._RichTextEditor--isActive_150ed_113) .ProseMirror ::selection {
+  background-color: transparent;
+}
+._RichTextEditor-menu_150ed_119 {
+  border-bottom: 1px solid var(--editor-border-subtle);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+._RichTextEditor--disabled_150ed_109 ._RichTextEditor-menu_150ed_119 {
+  border-bottom: 1px solid var(--editor-border-subtle);
+}

package/dist/{Editor-2TYODRQT.mjs → Editor-YNFB7B6Z.mjs}

@@ -4,17 +4,17 @@ import {
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-TCVU3WEN.mjs";
-import "./chunk-MFI3RDA4.mjs";
-import "./chunk-6Q6A3BQH.mjs";
-import "./chunk-HMTHZBH6.mjs";
-import "./chunk-ZHNRSSMW.mjs";
-import "./chunk-M2RKJTNY.mjs";
+} from "./chunk-DB4R5IWG.mjs";
+import "./chunk-6QJ2HF4O.mjs";
+import "./chunk-BRDUM7MJ.mjs";
+import "./chunk-Z6IIVDFY.mjs";
+import "./chunk-6LG4Q4HO.mjs";
+import "./chunk-WGPCLAZR.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-2LVYDXZS.mjs";
-import "./chunk-VUEM62JF.mjs";
+} from "./chunk-CRF2GWQA.mjs";
+import "./chunk-UB2DES2O.mjs";
 import "./chunk-VOLQMQPK.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-GAUBBDIR.mjs";

package/dist/{Render-VDC7AEQK.mjs → Render-STFB5CNO.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2YLS65V2.mjs";
 import {
   styles_module_default
-} from "./chunk-MFI3RDA4.mjs";
+} from "./chunk-6QJ2HF4O.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";

package/dist/Render-ZTUTUUAH.css

@@ -0,0 +1,103 @@
+/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
+._RichTextEditor_150ed_1 .ProseMirror {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  cursor: text;
+  outline: none;
+  position: relative;
+}
+._RichTextEditor_150ed_1 .rich-text * {
+  white-space: pre-wrap;
+  user-select: auto;
+  -webkit-user-select: auto;
+}
+._RichTextEditor_150ed_1 .rich-text blockquote {
+  margin: 1em 0;
+  padding: 0 1em;
+  border-left: 4px solid var(--editor-border-default);
+}
+._RichTextEditor_150ed_1 .rich-text code {
+  background-color: var(--editor-surface-sunken);
+  padding: 4px 8px;
+  border-radius: var(--editor-radius-sm);
+}
+._RichTextEditor_150ed_1 .rich-text p:empty::before {
+  content: "\a0";
+}
+._RichTextEditor_150ed_1 .rich-text pre code {
+  display: block;
+  padding: 8px 12px;
+}
+._RichTextEditor_150ed_1 .rich-text > *:first-child,
+._RichTextEditor_150ed_1 .ProseMirror > *:first-child,
+._RichTextEditor_150ed_1 .rich-text * p:first-of-type {
+  margin-top: 0;
+}
+._RichTextEditor_150ed_1 .rich-text > *:last-child,
+._RichTextEditor_150ed_1 .ProseMirror > *:last-child,
+._RichTextEditor_150ed_1 .rich-text * p:last-of-type {
+  margin-bottom: 0;
+}
+._RichTextEditor--editor_150ed_50 {
+  background: var(--editor-surface-panel);
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--editor-border-default);
+  border-radius: var(--editor-radius-md);
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-family: inherit;
+  font-size: var(--editor-font-size-xxs);
+  resize: vertical;
+  text-align: initial;
+  transition: border-color var(--editor-motion-fast) var(--editor-ease), box-shadow var(--editor-motion-fast) var(--editor-ease);
+  width: 100%;
+  max-width: 100%;
+  min-height: 128px;
+}
+._RichTextEditor--editor_150ed_50 .rich-text {
+  flex-grow: 1;
+}
+._RichTextEditor--editor_150ed_50 .rich-text:not(:has(.ProseMirror)),
+._RichTextEditor--editor_150ed_50 .rich-text .ProseMirror {
+  height: 100%;
+  padding: 12px 15px;
+}
+._RichTextEditor--editor_150ed_50 .rich-text ul,
+._RichTextEditor--editor_150ed_50 .rich-text ol {
+  padding-left: 24px;
+}
+._RichTextEditor--editor_150ed_50 .rich-text li {
+  line-height: 1.5;
+}
+._RichTextEditor--editor_150ed_50 .rich-text p {
+  margin-block: 12px;
+}
+._RichTextEditor--editor_150ed_50 .rich-text ul {
+  list-style: disc;
+}
+._RichTextEditor--editor_150ed_50 .rich-text ol {
+  list-style: decimal;
+}
+._RichTextEditor--editor_150ed_50:focus-within {
+  border-color: var(--editor-accent);
+  outline: none;
+  box-shadow: var(--editor-ring);
+  transition: none;
+}
+._RichTextEditor--editor_150ed_50._RichTextEditor--disabled_150ed_109 {
+  background: var(--editor-surface-sunken);
+}
+._RichTextEditor_150ed_1:not(:focus-within):not(._RichTextEditor--isActive_150ed_113) .ProseMirror ::selection {
+  background-color: transparent;
+}
+._RichTextEditor-menu_150ed_119 {
+  border-bottom: 1px solid var(--editor-border-subtle);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+._RichTextEditor--disabled_150ed_109 ._RichTextEditor-menu_150ed_119 {
+  border-bottom: 1px solid var(--editor-border-subtle);
+}

package/dist/{actions-BCDhqbeL.d.mts → actions-CQmL3wwa.d.mts}

@@ -414,12 +414,12 @@ UserField extends BaseField = {}> = {
     permissions?: Partial<Permissions>;
     inline?: boolean;
     /**
-     * When true, every instance of this component type renders from the shared
-     * `globalData[type].props` instead of its own props. The `children` slot is
-     * always extrinsic (supplied by the instance / parent), matching React
-     * conventions and enabling the "AppShell wraps a page" pattern. Marking a
-     * component global is a developer decision that has data-migration
-     * implications; it is not editable from the UI.
+     * When true, instances of this component type can opt into rendering from
+     * the shared `data.globals[type].props` slot instead of their own props.
+     * Newly inserted instances default to `synced: true`; users can detach an
+     * instance via the field panel toggle, which sets `synced: false` and
+     * keeps its props local. Children stay extrinsic, matching React
+     * conventions and enabling the "AppShell wraps a page" pattern.
      */
     global?: boolean;
     resolveFields?: (data: DataShape, params: {
@@ -510,12 +510,14 @@ type RootData<Props extends DefaultComponentProps = DefaultRootFieldProps> = Par
 type ComponentData<Props extends DefaultComponentProps = DefaultComponentProps, Name = string, Components extends Record<string, DefaultComponentProps> = Record<string, DefaultComponentProps>> = {
     type: Name;
     props: WithDeepSlots<WithId<Props>, Content<Components>>;
+    synced?: boolean;
 } & BaseData<Props>;
 type ComponentDataOptionalId<Props extends DefaultComponentProps = DefaultComponentProps, Name = string> = {
     type: Name;
     props: Props & {
         id?: string;
     };
+    synced?: boolean;
 } & BaseData<Props>;
 type MappedItem = ComponentData;
 type ComponentDataMap<Components extends DefaultComponents = DefaultComponents> = {
@@ -530,6 +532,9 @@ type Data<Components extends DefaultComponents = DefaultComponents, RootProps ex
     root: WithDeepSlots<RootData<RootProps>, Content<Components>>;
     content: Content<Components>;
     zones?: Record<string, Content<Components>>;
+    globals?: Record<string, {
+        props: Record<string, any>;
+    }>;
 };
 type Metadata = {
     [key: string]: any;

package/dist/{actions-BCDhqbeL.d.ts → actions-CQmL3wwa.d.ts}

@@ -414,12 +414,12 @@ UserField extends BaseField = {}> = {
     permissions?: Partial<Permissions>;
     inline?: boolean;
     /**
-     * When true, every instance of this component type renders from the shared
-     * `globalData[type].props` instead of its own props. The `children` slot is
-     * always extrinsic (supplied by the instance / parent), matching React
-     * conventions and enabling the "AppShell wraps a page" pattern. Marking a
-     * component global is a developer decision that has data-migration
-     * implications; it is not editable from the UI.
+     * When true, instances of this component type can opt into rendering from
+     * the shared `data.globals[type].props` slot instead of their own props.
+     * Newly inserted instances default to `synced: true`; users can detach an
+     * instance via the field panel toggle, which sets `synced: false` and
+     * keeps its props local. Children stay extrinsic, matching React
+     * conventions and enabling the "AppShell wraps a page" pattern.
      */
     global?: boolean;
     resolveFields?: (data: DataShape, params: {
@@ -510,12 +510,14 @@ type RootData<Props extends DefaultComponentProps = DefaultRootFieldProps> = Par
 type ComponentData<Props extends DefaultComponentProps = DefaultComponentProps, Name = string, Components extends Record<string, DefaultComponentProps> = Record<string, DefaultComponentProps>> = {
     type: Name;
     props: WithDeepSlots<WithId<Props>, Content<Components>>;
+    synced?: boolean;
 } & BaseData<Props>;
 type ComponentDataOptionalId<Props extends DefaultComponentProps = DefaultComponentProps, Name = string> = {
     type: Name;
     props: Props & {
         id?: string;
     };
+    synced?: boolean;
 } & BaseData<Props>;
 type MappedItem = ComponentData;
 type ComponentDataMap<Components extends DefaultComponents = DefaultComponents> = {
@@ -530,6 +532,9 @@ type Data<Components extends DefaultComponents = DefaultComponents, RootProps ex
     root: WithDeepSlots<RootData<RootProps>, Content<Components>>;
     content: Content<Components>;
     zones?: Record<string, Content<Components>>;
+    globals?: Record<string, {
+        props: Record<string, any>;
+    }>;
 };
 type Metadata = {
     [key: string]: any;

package/dist/{chunk-VD3EVRUF.mjs → chunk-275EJPEB.mjs}

@@ -1,6 +1,6 @@
 import {
   styles_module_default
-} from "./chunk-MFI3RDA4.mjs";
+} from "./chunk-6QJ2HF4O.mjs";
 import {
   defaultAppState,
   resolveComponentData
@@ -400,7 +400,7 @@ function useRichtextProps(fields, props) {
   const richtextProps = useMemo2(() => {
     if (!(richtextKeys == null ? void 0 : richtextKeys.length)) return {};
     const RichTextRender = lazy(
-      () => import("./Render-VDC7AEQK.mjs").then((m) => ({
+      () => import("./Render-STFB5CNO.mjs").then((m) => ({
         default: m.RichTextRender
       }))
     );

package/dist/{chunk-ZHNRSSMW.mjs → chunk-6LG4Q4HO.mjs}

@@ -5,7 +5,7 @@ import {
   Heading4,
   Heading5,
   Heading6
-} from "./chunk-2LVYDXZS.mjs";
+} from "./chunk-CRF2GWQA.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/chunk-6QJ2HF4O.mjs

@@ -0,0 +1,11 @@
+import {
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/RichTextEditor/styles.module.css#css-module
+init_react_import();
+var styles_module_default = { "RichTextEditor": "_RichTextEditor_150ed_1", "RichTextEditor--editor": "_RichTextEditor--editor_150ed_50", "RichTextEditor--disabled": "_RichTextEditor--disabled_150ed_109", "RichTextEditor--isActive": "_RichTextEditor--isActive_150ed_113", "RichTextEditor-menu": "_RichTextEditor-menu_150ed_119" };
+
+export {
+  styles_module_default
+};