@reacteditor/core 0.0.7 → 0.0.8

package/dist/index.mjs

@@ -19,8 +19,8 @@ import {
   useEditor,
   useGetEditor,
   usePropsContext
-} from "./chunk-W5I2Z7QS.mjs";
-import "./chunk-RNRHREWH.mjs";
+} from "./chunk-R5DQGUQS.mjs";
+import "./chunk-AJWRDM22.mjs";
 import {
   migrate,
   resolveAllData,
@@ -35,11 +35,11 @@ import {
   Label,
   RichTextMenu,
   Separator
-} from "./chunk-JUC25FB7.mjs";
-import "./chunk-XI7YTBCP.mjs";
-import "./chunk-EEQGJ6FH.mjs";
-import "./chunk-ZLSPSBV3.mjs";
-import "./chunk-AAK2555H.mjs";
+} from "./chunk-U7VW3V3W.mjs";
+import "./chunk-OIFPBVSF.mjs";
+import "./chunk-AD7BMXAA.mjs";
+import "./chunk-FT6UFK7G.mjs";
+import "./chunk-LRFRIIKG.mjs";
 import "./chunk-M4JDRFYB.mjs";
 import "./chunk-IIRJMJFU.mjs";
 import "./chunk-Y2EFNT5P.mjs";

package/dist/internal.d.mts

@@ -1,6 +1,6 @@
 import { Reducer } from 'react';
-import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-BDMhAtxP.mjs';
-import { A as AppStore } from './index-BwLKseT7.mjs';
+import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-2L-1hQ7r.mjs';
+import { A as AppStore } from './index-BXuSeNez.mjs';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';

package/dist/internal.d.ts

@@ -1,6 +1,6 @@
 import { Reducer } from 'react';
-import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-BDMhAtxP.js';
-import { A as AppStore } from './index-DkYXZRPz.js';
+import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-2L-1hQ7r.js';
+import { A as AppStore } from './index-BNsSzMCj.js';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';

package/dist/{loaded-FTSXIONQ.mjs → loaded-GLBLMTBL.mjs}

@@ -1,11 +1,11 @@
 import {
   useAlignOptions
-} from "./chunk-XI7YTBCP.mjs";
+} from "./chunk-OIFPBVSF.mjs";
 import {
   AlignLeft,
   SelectControl,
   useControlContext
-} from "./chunk-AAK2555H.mjs";
+} from "./chunk-LRFRIIKG.mjs";
 import "./chunk-M4JDRFYB.mjs";
 import "./chunk-IIRJMJFU.mjs";
 import "./chunk-Y2EFNT5P.mjs";

package/dist/{loaded-YTQOQIUU.mjs → loaded-O4QHGE26.mjs}

@@ -1,11 +1,11 @@
 import {
   useListOptions
-} from "./chunk-ZLSPSBV3.mjs";
+} from "./chunk-FT6UFK7G.mjs";
 import {
   List,
   SelectControl,
   useControlContext
-} from "./chunk-AAK2555H.mjs";
+} from "./chunk-LRFRIIKG.mjs";
 import "./chunk-M4JDRFYB.mjs";
 import "./chunk-IIRJMJFU.mjs";
 import "./chunk-Y2EFNT5P.mjs";

package/dist/{loaded-3NPQWYKN.mjs → loaded-R34BR6I5.mjs}

@@ -1,11 +1,11 @@
 import {
   useHeadingOptions
-} from "./chunk-EEQGJ6FH.mjs";
+} from "./chunk-AD7BMXAA.mjs";
 import {
   Heading,
   SelectControl,
   useControlContext
-} from "./chunk-AAK2555H.mjs";
+} from "./chunk-LRFRIIKG.mjs";
 import "./chunk-M4JDRFYB.mjs";
 import "./chunk-IIRJMJFU.mjs";
 import "./chunk-Y2EFNT5P.mjs";

package/dist/no-external.css

@@ -361,10 +361,10 @@ html:not(:has(.Editor)) {
 }
 
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/AutoField/styles.module.css/#css-module-data */
-._InputWrapper_1hd99_1 + ._InputWrapper_1hd99_1 {
+._InputWrapper_zwh6e_1 + ._InputWrapper_zwh6e_1 {
   margin-top: 12px;
 }
-._Input-label_1hd99_5 {
+._Input-label_zwh6e_5 {
   align-items: center;
   color: var(--editor-text-secondary);
   display: flex;
@@ -373,17 +373,17 @@ html:not(:has(.Editor)) {
   font-weight: 500;
   letter-spacing: 0.005em;
 }
-._Input-labelIcon_1hd99_15 {
+._Input-labelIcon_zwh6e_15 {
   color: var(--editor-text-tertiary);
   display: flex;
   margin-inline-end: 4px;
   padding-inline-start: 4px;
 }
-._Input-disabledIcon_1hd99_22 {
+._Input-disabledIcon_zwh6e_22 {
   color: var(--editor-text-tertiary);
   margin-inline-start: auto;
 }
-._Input-input_1hd99_27 {
+._Input-input_zwh6e_27 {
   background: var(--editor-surface-panel);
   border-width: 1px;
   border-style: solid;
@@ -393,7 +393,7 @@ html:not(:has(.Editor)) {
   color: var(--editor-text-primary);
   font-family: inherit;
   font-size: 16px;
-  padding: 10px 12px;
+  padding: 11px 12px;
   transition:
     border-color var(--editor-motion-fast) var(--editor-ease),
     box-shadow var(--editor-motion-fast) var(--editor-ease),
@@ -402,11 +402,11 @@ html:not(:has(.Editor)) {
   max-width: 100%;
 }
 @media (min-width: 458px) {
-  ._Input-input_1hd99_27 {
+  ._Input-input_zwh6e_27 {
     font-size: 13px;
   }
 }
-select._Input-input_1hd99_27 {
+select._Input-input_zwh6e_27 {
   appearance: none;
   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23878a93'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
   background-size: 10px;
@@ -415,30 +415,30 @@ select._Input-input_1hd99_27 {
   background-color: var(--editor-surface-panel);
   cursor: pointer;
 }
-select._Input-input_1hd99_27:dir(rtl) {
+select._Input-input_zwh6e_27:dir(rtl) {
   background-position: 12px calc(50% + 3px);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Input_1hd99_1:has(> input):hover ._Input-input_1hd99_27:not([readonly]),
-  ._Input_1hd99_1:has(> textarea):hover ._Input-input_1hd99_27:not([readonly]) {
+  ._Input_zwh6e_1:has(> input):hover ._Input-input_zwh6e_27:not([readonly]),
+  ._Input_zwh6e_1:has(> textarea):hover ._Input-input_zwh6e_27:not([readonly]) {
     border-color: var(--editor-border-strong);
     transition: none;
   }
-  ._Input_1hd99_1:has(> select):hover ._Input-input_1hd99_27:not([disabled]) {
+  ._Input_zwh6e_1:has(> select):hover ._Input-input_zwh6e_27:not([disabled]) {
     background-color: var(--editor-surface-hover);
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a5a5a'><polygon points='0,0 100,0 50,50'/></svg>");
     border-color: var(--editor-border-strong);
     transition: none;
   }
 }
-._Input-input_1hd99_27:focus {
+._Input-input_zwh6e_27:focus {
   border-color: var(--editor-accent);
   outline: none;
   box-shadow: var(--editor-ring);
   transition: none;
 }
-._Input--readOnly_1hd99_87 > ._Input-input_1hd99_27,
-._Input--readOnly_1hd99_87 > select._Input-input_1hd99_27 {
+._Input--readOnly_zwh6e_87 > ._Input-input_zwh6e_27,
+._Input--readOnly_zwh6e_87 > select._Input-input_zwh6e_27 {
   background-color: var(--editor-surface-sunken);
   border-color: var(--editor-border-subtle);
   color: var(--editor-text-secondary);
@@ -447,21 +447,21 @@ select._Input-input_1hd99_27:dir(rtl) {
   outline: 0;
   transition: none;
 }
-._Input-radioGroupItems_1hd99_98 {
+._Input-radioGroupItems_zwh6e_98 {
   display: flex;
   border: 1px solid var(--editor-border-default);
   border-radius: var(--editor-radius-md);
   flex-wrap: wrap;
   overflow: hidden;
 }
-._Input-radio_1hd99_98 {
+._Input-radio_zwh6e_98 {
   border-inline-end: 1px solid var(--editor-border-default);
   flex-grow: 1;
 }
-._Input-radio_1hd99_98:last-of-type {
+._Input-radio_zwh6e_98:last-of-type {
   border-inline-end: 0;
 }
-._Input-radioInner_1hd99_115 {
+._Input-radioInner_zwh6e_115 {
   background-color: var(--editor-surface-panel);
   color: var(--editor-text-secondary);
   cursor: pointer;
@@ -470,34 +470,34 @@ select._Input-input_1hd99_27:dir(rtl) {
   text-align: center;
   transition: background-color var(--editor-motion-fast) var(--editor-ease), color var(--editor-motion-fast) var(--editor-ease);
 }
-._Input-radio_1hd99_98:has(:focus-visible) {
+._Input-radio_zwh6e_98:has(:focus-visible) {
   outline: none;
   box-shadow: var(--editor-ring);
   position: relative;
   z-index: 1;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Input-radioInner_1hd99_115:hover {
+  ._Input-radioInner_zwh6e_115:hover {
     background-color: var(--editor-surface-hover);
     color: var(--editor-text-primary);
     transition: none;
   }
 }
-._Input--readOnly_1hd99_87 ._Input-radioInner_1hd99_115 {
+._Input--readOnly_zwh6e_87 ._Input-radioInner_zwh6e_115 {
   background-color: var(--editor-surface-sunken);
   color: var(--editor-text-secondary);
   cursor: default;
 }
-._Input-radio_1hd99_98 ._Input-radioInput_1hd99_147:checked ~ ._Input-radioInner_1hd99_115 {
+._Input-radio_zwh6e_98 ._Input-radioInput_zwh6e_147:checked ~ ._Input-radioInner_zwh6e_115 {
   background-color: var(--editor-accent-soft);
   color: var(--editor-text-accent);
   font-weight: 500;
 }
-._Input--readOnly_1hd99_87 ._Input-radioInput_1hd99_147:checked ~ ._Input-radioInner_1hd99_115 {
+._Input--readOnly_zwh6e_87 ._Input-radioInput_zwh6e_147:checked ~ ._Input-radioInner_zwh6e_115 {
   background-color: var(--editor-surface-sunken);
   color: var(--editor-text-secondary);
 }
-._Input-radio_1hd99_98 ._Input-radioInput_1hd99_147 {
+._Input-radio_zwh6e_98 ._Input-radioInput_zwh6e_147 {
   clip: rect(0 0 0 0);
   clip-path: inset(100%);
   height: 1px;
@@ -506,7 +506,7 @@ select._Input-input_1hd99_27:dir(rtl) {
   white-space: nowrap;
   width: 1px;
 }
-textarea._Input-input_1hd99_27 {
+textarea._Input-input_zwh6e_27 {
   margin-bottom: -4px;
 }
 
@@ -755,6 +755,79 @@ textarea._Input-input_1hd99_27 {
   transition: none !important;
 }
 
+/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/AutoField/fields/ColorField/styles.module.css/#css-module-data */
+._ColorField_1nsbe_1 {
+  align-items: center;
+  background: var(--editor-surface-panel);
+  border: 1px solid var(--editor-border-default);
+  border-radius: var(--editor-radius-md);
+  box-sizing: border-box;
+  display: flex;
+  gap: 10px;
+  padding: 4px 12px 4px 4px;
+  transition: border-color var(--editor-motion-fast) var(--editor-ease), box-shadow var(--editor-motion-fast) var(--editor-ease);
+  width: 100%;
+}
+._ColorField_1nsbe_1:focus-within {
+  border-color: var(--editor-accent);
+  box-shadow: var(--editor-ring);
+  outline: none;
+}
+@media (hover: hover) and (pointer: fine) {
+  ._ColorField_1nsbe_1:hover:not(._ColorField--readOnly_1nsbe_24) {
+    border-color: var(--editor-border-strong);
+  }
+}
+._ColorField--readOnly_1nsbe_24 {
+  background-color: var(--editor-surface-sunken);
+  border-color: var(--editor-border-subtle);
+}
+._ColorField-swatch_1nsbe_34 {
+  background-color: currentColor;
+  border: 1px solid var(--editor-border-default);
+  border-radius: 6px;
+  cursor: pointer;
+  flex-shrink: 0;
+  height: 28px;
+  padding: 0;
+  position: relative;
+  width: 28px;
+}
+._ColorField-swatch_1nsbe_34:focus-visible {
+  outline: none;
+  box-shadow: var(--editor-ring);
+}
+._ColorField--readOnly_1nsbe_24 ._ColorField-swatch_1nsbe_34 {
+  cursor: default;
+}
+._ColorField-picker_1nsbe_57 {
+  inset: 0;
+  opacity: 0;
+  position: absolute;
+  pointer-events: none;
+}
+._ColorField-text_1nsbe_64 {
+  background: transparent;
+  border: 0;
+  color: var(--editor-text-primary);
+  flex: 1;
+  font-family: inherit;
+  font-size: 16px;
+  min-width: 0;
+  outline: none;
+  padding: 0;
+}
+@media (min-width: 458px) {
+  ._ColorField-text_1nsbe_64 {
+    font-size: 13px;
+  }
+}
+._ColorField-text_1nsbe_64:disabled,
+._ColorField-text_1nsbe_64[readonly] {
+  color: var(--editor-text-secondary);
+  cursor: default;
+}
+
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/ExternalInput/styles.module.css/#css-module-data */
 ._ExternalInput-actions_142hz_1 {
   display: flex;

package/dist/no-external.d.mts

@@ -1,6 +1,6 @@
-export { t as Adaptor, A as AppState, u as ArrayField, v as ArrayState, w as AsFieldProps, B as BaseData, x as BaseField, y as CacheOpts, l as ComponentConfig, z as ComponentConfigExtensions, G as ComponentConfigParams, b as ComponentData, J as ComponentDataMap, K as ComponentDataOptionalId, L as ComponentMetadata, C as Config, N as ConfigParams, a as Content, Q as CustomField, S as CustomFieldRender, D as Data, d as DefaultComponentProps, c as DefaultComponents, e as DefaultRootFieldProps, T as DefaultRootProps, X as DefaultRootRenderProps, Y as Direction, Z as DragAxis, E as EditorAction, _ as EditorComponent, $ as EditorContext, a0 as EditorMetadata, a1 as ExternalField, a2 as ExternalFieldWithAdaptor, a3 as ExtractConfigParams, a4 as ExtractField, o as Field, a5 as FieldMetadata, p as FieldProps, a6 as FieldRenderFunctions, a7 as FieldTransformFn, a8 as FieldTransformFnParams, m as FieldTransforms, F as Fields, H as History, I as IframeConfig, q as InitialHistory, a9 as ItemWithId, aa as MappedItem, M as Metadata, ab as NumberField, ac as ObjectField, O as OnAction, ad as OverrideKey, j as Overrides, f as Permissions, i as Plugin, ae as RadioField, h as ResolveDataTrigger, af as RichText, n as RichtextField, ag as RootConfig, R as RootData, g as RootDataWithProps, ah as RootDataWithoutProps, ai as SelectField, aj as Slot, ak as SlotComponent, al as SlotField, am as TextField, an as TextareaField, k as UiState, U as UserGenerics, ao as Viewport, V as Viewports, ap as WithChildren, aq as WithEditorProps, W as WithId, ar as WithSlotProps, as as overrideKeys } from './actions-BDMhAtxP.mjs';
+export { t as Adaptor, A as AppState, u as ArrayField, v as ArrayState, w as AsFieldProps, B as BaseData, x as BaseField, y as CacheOpts, z as ColorField, l as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, b as ComponentData, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, C as Config, Q as ConfigParams, a as Content, S as CustomField, T as CustomFieldRender, D as Data, d as DefaultComponentProps, c as DefaultComponents, e as DefaultRootFieldProps, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, E as EditorAction, $ as EditorComponent, a0 as EditorContext, a1 as EditorMetadata, a2 as ExternalField, a3 as ExternalFieldWithAdaptor, a4 as ExtractConfigParams, a5 as ExtractField, o as Field, a6 as FieldMetadata, p as FieldProps, a7 as FieldRenderFunctions, a8 as FieldTransformFn, a9 as FieldTransformFnParams, m as FieldTransforms, F as Fields, H as History, I as IframeConfig, q as InitialHistory, aa as ItemWithId, ab as MappedItem, M as Metadata, ac as NumberField, ad as ObjectField, O as OnAction, ae as OverrideKey, j as Overrides, f as Permissions, i as Plugin, af as RadioField, h as ResolveDataTrigger, ag as RichText, n as RichtextField, ah as RootConfig, R as RootData, g as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, k as UiState, U as UserGenerics, ap as Viewport, V as Viewports, aq as WithChildren, ar as WithEditorProps, W as WithId, as as WithSlotProps, at as overrideKeys } from './actions-2L-1hQ7r.mjs';
 export { Action, ActionBar, AutoField, Button, ComponentList, Drawer, Editor, EditorApi, EditorCommands, FieldLabel, GlobalsMap, Group, IconButton, InsertComponentArgs, Label, MoveDestination, PageMetadata, Parent, Render, RichTextMenu, Route, Separator, UseEditorData, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useEditor, useGetEditor, usePropsContext } from './index.mjs';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-LcQXXDqe.mjs';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-4C3ODO3X.mjs';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
@@ -18,4 +18,4 @@ import '@tiptap/extension-strike';
 import '@tiptap/extension-text-align';
 import '@tiptap/extension-underline';
 import 'react/jsx-runtime';
-import './index-BwLKseT7.mjs';
+import './index-BXuSeNez.mjs';

package/dist/no-external.d.ts

@@ -1,6 +1,6 @@
-export { t as Adaptor, A as AppState, u as ArrayField, v as ArrayState, w as AsFieldProps, B as BaseData, x as BaseField, y as CacheOpts, l as ComponentConfig, z as ComponentConfigExtensions, G as ComponentConfigParams, b as ComponentData, J as ComponentDataMap, K as ComponentDataOptionalId, L as ComponentMetadata, C as Config, N as ConfigParams, a as Content, Q as CustomField, S as CustomFieldRender, D as Data, d as DefaultComponentProps, c as DefaultComponents, e as DefaultRootFieldProps, T as DefaultRootProps, X as DefaultRootRenderProps, Y as Direction, Z as DragAxis, E as EditorAction, _ as EditorComponent, $ as EditorContext, a0 as EditorMetadata, a1 as ExternalField, a2 as ExternalFieldWithAdaptor, a3 as ExtractConfigParams, a4 as ExtractField, o as Field, a5 as FieldMetadata, p as FieldProps, a6 as FieldRenderFunctions, a7 as FieldTransformFn, a8 as FieldTransformFnParams, m as FieldTransforms, F as Fields, H as History, I as IframeConfig, q as InitialHistory, a9 as ItemWithId, aa as MappedItem, M as Metadata, ab as NumberField, ac as ObjectField, O as OnAction, ad as OverrideKey, j as Overrides, f as Permissions, i as Plugin, ae as RadioField, h as ResolveDataTrigger, af as RichText, n as RichtextField, ag as RootConfig, R as RootData, g as RootDataWithProps, ah as RootDataWithoutProps, ai as SelectField, aj as Slot, ak as SlotComponent, al as SlotField, am as TextField, an as TextareaField, k as UiState, U as UserGenerics, ao as Viewport, V as Viewports, ap as WithChildren, aq as WithEditorProps, W as WithId, ar as WithSlotProps, as as overrideKeys } from './actions-BDMhAtxP.js';
+export { t as Adaptor, A as AppState, u as ArrayField, v as ArrayState, w as AsFieldProps, B as BaseData, x as BaseField, y as CacheOpts, z as ColorField, l as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, b as ComponentData, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, C as Config, Q as ConfigParams, a as Content, S as CustomField, T as CustomFieldRender, D as Data, d as DefaultComponentProps, c as DefaultComponents, e as DefaultRootFieldProps, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, E as EditorAction, $ as EditorComponent, a0 as EditorContext, a1 as EditorMetadata, a2 as ExternalField, a3 as ExternalFieldWithAdaptor, a4 as ExtractConfigParams, a5 as ExtractField, o as Field, a6 as FieldMetadata, p as FieldProps, a7 as FieldRenderFunctions, a8 as FieldTransformFn, a9 as FieldTransformFnParams, m as FieldTransforms, F as Fields, H as History, I as IframeConfig, q as InitialHistory, aa as ItemWithId, ab as MappedItem, M as Metadata, ac as NumberField, ad as ObjectField, O as OnAction, ae as OverrideKey, j as Overrides, f as Permissions, i as Plugin, af as RadioField, h as ResolveDataTrigger, ag as RichText, n as RichtextField, ah as RootConfig, R as RootData, g as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, k as UiState, U as UserGenerics, ap as Viewport, V as Viewports, aq as WithChildren, ar as WithEditorProps, W as WithId, as as WithSlotProps, at as overrideKeys } from './actions-2L-1hQ7r.js';
 export { Action, ActionBar, AutoField, Button, ComponentList, Drawer, Editor, EditorApi, EditorCommands, FieldLabel, GlobalsMap, Group, IconButton, InsertComponentArgs, Label, MoveDestination, PageMetadata, Parent, Render, RichTextMenu, Route, Separator, UseEditorData, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useEditor, useGetEditor, usePropsContext } from './index.js';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-BweEZ37Y.js';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-C9GrSWsR.js';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
@@ -18,4 +18,4 @@ import '@tiptap/extension-strike';
 import '@tiptap/extension-text-align';
 import '@tiptap/extension-underline';
 import 'react/jsx-runtime';
-import './index-DkYXZRPz.js';
+import './index-BNsSzMCj.js';