@reacteditor/core 0.0.9 → 0.0.11

package/dist/index.mjs

@@ -1,4 +1,6 @@
 import {
+  App,
+  AppProvider,
   AutoField,
   Button,
   ComponentList,
@@ -6,6 +8,7 @@ import {
   Editor,
   FieldLabel,
   Render,
+  appConfigContext,
   blocksPlugin,
   createUseEditor,
   fieldsPlugin,
@@ -16,17 +19,14 @@ import {
   registerOverlayPortal,
   renderContext,
   setDeep,
+  useApp,
   useEditor,
   useGetEditor,
-  usePropsContext
-} from "./chunk-DU757QEH.mjs";
-import "./chunk-AJWRDM22.mjs";
-import {
-  migrate,
-  resolveAllData,
-  transformProps
-} from "./chunk-TI3KC54Y.mjs";
-import "./chunk-6QJ2HF4O.mjs";
+  usePropsContext,
+  useRouteParams,
+  useStableValue
+} from "./chunk-74TOLW7F.mjs";
+import "./chunk-YBG2RYVF.mjs";
 import {
   Action,
   ActionBar,
@@ -35,13 +35,21 @@ import {
   Label,
   RichTextMenu,
   Separator
-} from "./chunk-U7VW3V3W.mjs";
-import "./chunk-OIFPBVSF.mjs";
-import "./chunk-AD7BMXAA.mjs";
-import "./chunk-FT6UFK7G.mjs";
-import "./chunk-LRFRIIKG.mjs";
+} from "./chunk-TGVAC3JP.mjs";
+import "./chunk-X4EUZIHA.mjs";
+import {
+  getRouteProps,
+  migrate,
+  resolveAllData,
+  resolveRouteFromString,
+  transformProps
+} from "./chunk-II42EKFK.mjs";
+import "./chunk-6QJ2HF4O.mjs";
+import "./chunk-XLVEWZWT.mjs";
+import "./chunk-MJJPWASL.mjs";
+import "./chunk-56I7ST5F.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-IIRJMJFU.mjs";
+import "./chunk-ERNSJXVF.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   walkTree
@@ -55,6 +63,8 @@ init_react_import();
 export {
   Action,
   ActionBar,
+  App,
+  AppProvider,
   AutoField,
   Button,
   ComponentList,
@@ -67,9 +77,11 @@ export {
   Render,
   RichTextMenu,
   Separator,
+  appConfigContext,
   blocksPlugin,
   createUseEditor,
   fieldsPlugin,
+  getRouteProps,
   legacySideBarPlugin,
   migrate,
   outlinePlugin,
@@ -78,10 +90,14 @@ export {
   registerOverlayPortal,
   renderContext,
   resolveAllData,
+  resolveRouteFromString,
   setDeep,
   transformProps,
+  useApp,
   useEditor,
   useGetEditor,
   usePropsContext,
+  useRouteParams,
+  useStableValue,
   walkTree
 };

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-2L-1hQ7r.mjs';
-import { A as AppStore } from './index-BXuSeNez.mjs';
+import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-C0LX6bI4.mjs';
+import { A as AppStore } from './index-DMbFEg8G.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-2L-1hQ7r.js';
-import { A as AppStore } from './index-BNsSzMCj.js';
+import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-C0LX6bI4.js';
+import { A as AppStore } from './index-DmThy7vE.js';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';

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

@@ -1,13 +1,13 @@
 import {
   useAlignOptions
-} from "./chunk-OIFPBVSF.mjs";
+} from "./chunk-XLVEWZWT.mjs";
 import {
   AlignLeft,
   SelectControl,
   useControlContext
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-56I7ST5F.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-IIRJMJFU.mjs";
+import "./chunk-ERNSJXVF.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

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

@@ -1,13 +1,13 @@
 import {
   useListOptions
-} from "./chunk-FT6UFK7G.mjs";
+} from "./chunk-X4EUZIHA.mjs";
 import {
   List,
   SelectControl,
   useControlContext
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-56I7ST5F.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-IIRJMJFU.mjs";
+import "./chunk-ERNSJXVF.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

package/dist/{loaded-R34BR6I5.mjs → loaded-YFYCF5F4.mjs}

@@ -1,13 +1,13 @@
 import {
   useHeadingOptions
-} from "./chunk-AD7BMXAA.mjs";
+} from "./chunk-MJJPWASL.mjs";
 import {
   Heading,
   SelectControl,
   useControlContext
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-56I7ST5F.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-IIRJMJFU.mjs";
+import "./chunk-ERNSJXVF.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

package/dist/nextjs.d.mts

@@ -0,0 +1,38 @@
+/**
+ * Next.js helpers for `<App>`.
+ *
+ * Pure functions — no `next/*` imports — but namespaced under
+ * `@reacteditor/core/nextjs` so framework-specific helpers can be added
+ * later without breaking changes.
+ */
+type NextRouteParams = {
+    /** The catch-all segment from `app/[[...pageParams]]/page.tsx`. */
+    pageParams?: string[];
+};
+type NextjsResolvedRoute = {
+    /** Full path including any editor prefix, e.g. "/editor/products/foo". */
+    route: string;
+    /** True when `route` starts with the editor prefix. */
+    isEditor: boolean;
+    /** Path with the editor prefix stripped — what schemas match against. */
+    matchRoute: string;
+};
+/**
+ * Resolve Next's catch-all params into a route descriptor for `<App>`.
+ *
+ * Mounted at `app/[[...pageParams]]/page.tsx`:
+ *   - `/products/abc` → `{ route: "/products/abc", isEditor: false, matchRoute: "/products/abc" }`
+ *   - `/editor/products/abc` → `{ route: "/editor/products/abc", isEditor: true, matchRoute: "/products/abc" }`
+ *
+ * `editorPath` defaults to "/editor" — same default as `<App>`. Pass `null`
+ * to skip editor-mode classification.
+ *
+ * Mounted at `app/shops/[shopId]/[[...pageParams]]/page.tsx`:
+ *   the catch-all already excludes the basePath, so this returns the
+ *   correct schema-relative route — no basePath argument needed.
+ */
+declare const nextjsResolveRoute: (params: NextRouteParams, options?: {
+    editorPath?: string | null;
+}) => NextjsResolvedRoute;
+
+export { type NextRouteParams, type NextjsResolvedRoute, nextjsResolveRoute };

package/dist/nextjs.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Next.js helpers for `<App>`.
+ *
+ * Pure functions — no `next/*` imports — but namespaced under
+ * `@reacteditor/core/nextjs` so framework-specific helpers can be added
+ * later without breaking changes.
+ */
+type NextRouteParams = {
+    /** The catch-all segment from `app/[[...pageParams]]/page.tsx`. */
+    pageParams?: string[];
+};
+type NextjsResolvedRoute = {
+    /** Full path including any editor prefix, e.g. "/editor/products/foo". */
+    route: string;
+    /** True when `route` starts with the editor prefix. */
+    isEditor: boolean;
+    /** Path with the editor prefix stripped — what schemas match against. */
+    matchRoute: string;
+};
+/**
+ * Resolve Next's catch-all params into a route descriptor for `<App>`.
+ *
+ * Mounted at `app/[[...pageParams]]/page.tsx`:
+ *   - `/products/abc` → `{ route: "/products/abc", isEditor: false, matchRoute: "/products/abc" }`
+ *   - `/editor/products/abc` → `{ route: "/editor/products/abc", isEditor: true, matchRoute: "/products/abc" }`
+ *
+ * `editorPath` defaults to "/editor" — same default as `<App>`. Pass `null`
+ * to skip editor-mode classification.
+ *
+ * Mounted at `app/shops/[shopId]/[[...pageParams]]/page.tsx`:
+ *   the catch-all already excludes the basePath, so this returns the
+ *   correct schema-relative route — no basePath argument needed.
+ */
+declare const nextjsResolveRoute: (params: NextRouteParams, options?: {
+    editorPath?: string | null;
+}) => NextjsResolvedRoute;
+
+export { type NextRouteParams, type NextjsResolvedRoute, nextjsResolveRoute };

package/dist/nextjs.js

@@ -0,0 +1,65 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// bundle/nextjs.ts
+var nextjs_exports = {};
+__export(nextjs_exports, {
+  nextjsResolveRoute: () => nextjsResolveRoute
+});
+module.exports = __toCommonJS(nextjs_exports);
+
+// ../tsup-config/react-import.js
+var import_react = __toESM(require("react"));
+
+// bundle/nextjs.ts
+var DEFAULT_EDITOR_PATH = "/editor";
+var stripEditorPrefix = (route, editorPath) => {
+  if (!editorPath) return route;
+  if (route === editorPath) return "/";
+  if (!route.startsWith(`${editorPath}/`)) return route;
+  const rest = route.slice(editorPath.length);
+  return rest.startsWith("/") ? rest : `/${rest}`;
+};
+var buildRoute = (params) => {
+  var _a;
+  const segments = (_a = params == null ? void 0 : params.pageParams) != null ? _a : [];
+  if (segments.length === 0) return "/";
+  return "/" + segments.join("/");
+};
+var nextjsResolveRoute = (params, options) => {
+  const editorPath = (options == null ? void 0 : options.editorPath) === void 0 ? DEFAULT_EDITOR_PATH : options.editorPath;
+  const route = buildRoute(params);
+  const isEditor = editorPath !== null && (route === editorPath || route.startsWith(`${editorPath}/`));
+  const matchRoute = isEditor ? stripEditorPrefix(route, editorPath) : route;
+  return { route, isEditor, matchRoute };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  nextjsResolveRoute
+});

package/dist/nextjs.mjs

@@ -0,0 +1,30 @@
+import {
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// bundle/nextjs.ts
+init_react_import();
+var DEFAULT_EDITOR_PATH = "/editor";
+var stripEditorPrefix = (route, editorPath) => {
+  if (!editorPath) return route;
+  if (route === editorPath) return "/";
+  if (!route.startsWith(`${editorPath}/`)) return route;
+  const rest = route.slice(editorPath.length);
+  return rest.startsWith("/") ? rest : `/${rest}`;
+};
+var buildRoute = (params) => {
+  var _a;
+  const segments = (_a = params == null ? void 0 : params.pageParams) != null ? _a : [];
+  if (segments.length === 0) return "/";
+  return "/" + segments.join("/");
+};
+var nextjsResolveRoute = (params, options) => {
+  const editorPath = (options == null ? void 0 : options.editorPath) === void 0 ? DEFAULT_EDITOR_PATH : options.editorPath;
+  const route = buildRoute(params);
+  const isEditor = editorPath !== null && (route === editorPath || route.startsWith(`${editorPath}/`));
+  const matchRoute = isEditor ? stripEditorPrefix(route, editorPath) : route;
+  return { route, isEditor, matchRoute };
+};
+export {
+  nextjsResolveRoute
+};

package/dist/no-external.css

@@ -1684,6 +1684,90 @@ textarea._Input-input_zwh6e_27 {
   padding: 14px 12px;
 }
 
+/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Fields/styles.module.css/#css-module-data */
+._EditorFields_3dnua_1 {
+  position: relative;
+  font-family: var(--editor-font-family);
+}
+._EditorFields--isLoading_3dnua_6 {
+  min-height: 48px;
+}
+._EditorFields-loadingOverlay_3dnua_10 {
+  background: var(--editor-surface-panel);
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-start;
+  height: 100%;
+  width: 100%;
+  top: 0px;
+  position: absolute;
+  z-index: 1;
+  pointer-events: all;
+  box-sizing: border-box;
+  opacity: 0.8;
+}
+._EditorFields-loadingOverlayInner_3dnua_25 {
+  display: flex;
+  padding: 16px;
+  position: sticky;
+  top: 0;
+}
+._EditorFields-field_3dnua_32 * {
+  box-sizing: border-box;
+}
+._EditorFields--wrapFields_3dnua_36 ._EditorFields-field_3dnua_32 {
+  color: var(--editor-text-secondary);
+  padding: 14px 16px;
+  display: block;
+}
+._EditorFields--wrapFields_3dnua_36 ._EditorFields-field_3dnua_32 + ._EditorFields-field_3dnua_32 {
+  border-top: 1px solid var(--editor-border-subtle);
+}
+._EditorFields-syncButton_3dnua_46 {
+  align-items: center;
+  background: transparent;
+  border: 1px solid var(--editor-color-global);
+  border-radius: var(--editor-radius-md);
+  color: var(--editor-color-global);
+  cursor: pointer;
+  display: flex;
+  font: inherit;
+  font-size: var(--editor-font-size-xxs);
+  font-weight: 500;
+  gap: 8px;
+  justify-content: center;
+  margin: 12px 16px;
+  padding: 10px;
+  transition:
+    background-color var(--editor-motion-fast) var(--editor-ease),
+    border-color var(--editor-motion-fast) var(--editor-ease),
+    color var(--editor-motion-fast) var(--editor-ease);
+  width: calc(100% - 32px);
+}
+@media (hover: hover) and (pointer: fine) {
+  ._EditorFields-syncButton_3dnua_46:hover {
+    background: var(--editor-color-global-soft);
+  }
+}
+._EditorFields-syncButton_3dnua_46:focus-visible {
+  outline: none;
+  box-shadow: var(--editor-ring);
+}
+._EditorFields-syncButton--unlinked_3dnua_78 {
+  border-color: var(--editor-border-default);
+  color: var(--editor-text-secondary);
+}
+@media (hover: hover) and (pointer: fine) {
+  ._EditorFields-syncButton--unlinked_3dnua_78:hover {
+    background: var(--editor-surface-hover);
+    border-color: var(--editor-border-strong);
+    color: var(--editor-text-primary);
+  }
+}
+._EditorFields--wrapFields_3dnua_36 ._EditorFields-syncButton_3dnua_46 + ._EditorFields-field_3dnua_32 {
+  border-top: none;
+}
+
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/ComponentList/styles.module.css/#css-module-data */
 ._ComponentList_1mlcu_1 {
   max-width: 100%;
@@ -1739,21 +1823,21 @@ textarea._Input-input_zwh6e_27 {
 }
 
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Drawer/styles.module.css/#css-module-data */
-._Drawer_146py_1 {
+._Drawer_1h4db_1 {
   display: flex;
   flex-direction: column;
   font-family: var(--editor-font-family);
   gap: 6px;
 }
-._Drawer--tile_146py_8 {
+._Drawer--tile_1h4db_8 {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(min(88px, calc(50% - 3px)), 1fr));
   gap: 6px;
 }
-._Drawer-draggable_146py_19 {
+._Drawer-draggable_1h4db_19 {
   position: relative;
 }
-._Drawer-draggableBg_146py_23 {
+._Drawer-draggableBg_1h4db_23 {
   position: absolute;
   top: 0;
   right: 0;
@@ -1762,8 +1846,8 @@ textarea._Input-input_zwh6e_27 {
   pointer-events: none;
   z-index: -1;
 }
-._DrawerItem-draggable_146py_33 {
-  background: var(--editor-surface-panel);
+._DrawerItem-draggable_1h4db_33 {
+  background: var(--editor-surface-raised);
   cursor: grab;
   padding: 8px 10px;
   display: flex;
@@ -1779,43 +1863,43 @@ textarea._Input-input_zwh6e_27 {
     border-color var(--editor-motion-fast) var(--editor-ease),
     box-shadow var(--editor-motion-fast) var(--editor-ease);
 }
-._DrawerItem-icon_146py_50 {
+._DrawerItem-icon_1h4db_50 {
   color: var(--editor-text-tertiary);
   display: flex;
   transition: color var(--editor-motion-fast) var(--editor-ease);
 }
-._DrawerItem--disabled_146py_56 ._DrawerItem-draggable_146py_33 {
+._DrawerItem--disabled_1h4db_56 ._DrawerItem-draggable_1h4db_33 {
   background: var(--editor-surface-sunken);
   color: var(--editor-text-tertiary);
   cursor: not-allowed;
 }
-._DrawerItem_146py_33:focus-visible {
+._DrawerItem_1h4db_33:focus-visible {
   outline: 0;
 }
-._Drawer_146py_1:not(._Drawer--isDraggingFrom_146py_66) ._DrawerItem_146py_33:focus-visible ._DrawerItem-draggable_146py_33 {
+._Drawer_1h4db_1:not(._Drawer--isDraggingFrom_1h4db_66) ._DrawerItem_1h4db_33:focus-visible ._DrawerItem-draggable_1h4db_33 {
   border-radius: var(--editor-radius-md);
   outline: none;
   box-shadow: var(--editor-ring);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Drawer_146py_1:not(._Drawer--isDraggingFrom_146py_66) ._DrawerItem_146py_33:not(._DrawerItem--disabled_146py_56) ._DrawerItem-draggable_146py_33:hover {
+  ._Drawer_1h4db_1:not(._Drawer--isDraggingFrom_1h4db_66) ._DrawerItem_1h4db_33:not(._DrawerItem--disabled_1h4db_56) ._DrawerItem-draggable_1h4db_33:hover {
     background-color: var(--editor-surface-hover);
     border-color: var(--editor-border-default);
     color: var(--editor-text-accent);
     box-shadow: var(--editor-shadow-sm);
     transition: none;
   }
-  ._Drawer_146py_1:not(._Drawer--isDraggingFrom_146py_66) ._DrawerItem_146py_33:not(._DrawerItem--disabled_146py_56) ._DrawerItem-draggable_146py_33:hover ._DrawerItem-icon_146py_50 {
+  ._Drawer_1h4db_1:not(._Drawer--isDraggingFrom_1h4db_66) ._DrawerItem_1h4db_33:not(._DrawerItem--disabled_1h4db_56) ._DrawerItem-draggable_1h4db_33:hover ._DrawerItem-icon_1h4db_50 {
     color: var(--editor-text-accent);
   }
 }
-._DrawerItem-name_146py_91 {
+._DrawerItem-name_1h4db_91 {
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-weight: 500;
 }
-._Drawer--tile_146py_8 ._DrawerItem-draggable_146py_33 {
+._Drawer--tile_1h4db_8 ._DrawerItem-draggable_1h4db_33 {
   flex-direction: column;
   align-items: center;
   justify-content: center;
@@ -1824,16 +1908,16 @@ textarea._Input-input_zwh6e_27 {
   padding: 8px;
   gap: 6px;
 }
-._Drawer--tile_146py_8 ._DrawerItem-icon_146py_50 {
+._Drawer--tile_1h4db_8 ._DrawerItem-icon_1h4db_50 {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-._Drawer--tile_146py_8 ._DrawerItem-icon_146py_50 svg {
+._Drawer--tile_1h4db_8 ._DrawerItem-icon_1h4db_50 svg {
   width: 22px;
   height: 22px;
 }
-._Drawer--tile_146py_8 ._DrawerItem-name_146py_91 {
+._Drawer--tile_1h4db_8 ._DrawerItem-name_1h4db_91 {
   width: 100%;
   font-size: var(--editor-font-size-xxxs);
   line-height: 1.2;
@@ -2049,90 +2133,6 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   display: none;
 }
 
-/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Fields/styles.module.css/#css-module-data */
-._EditorFields_3dnua_1 {
-  position: relative;
-  font-family: var(--editor-font-family);
-}
-._EditorFields--isLoading_3dnua_6 {
-  min-height: 48px;
-}
-._EditorFields-loadingOverlay_3dnua_10 {
-  background: var(--editor-surface-panel);
-  display: flex;
-  justify-content: flex-end;
-  align-items: flex-start;
-  height: 100%;
-  width: 100%;
-  top: 0px;
-  position: absolute;
-  z-index: 1;
-  pointer-events: all;
-  box-sizing: border-box;
-  opacity: 0.8;
-}
-._EditorFields-loadingOverlayInner_3dnua_25 {
-  display: flex;
-  padding: 16px;
-  position: sticky;
-  top: 0;
-}
-._EditorFields-field_3dnua_32 * {
-  box-sizing: border-box;
-}
-._EditorFields--wrapFields_3dnua_36 ._EditorFields-field_3dnua_32 {
-  color: var(--editor-text-secondary);
-  padding: 14px 16px;
-  display: block;
-}
-._EditorFields--wrapFields_3dnua_36 ._EditorFields-field_3dnua_32 + ._EditorFields-field_3dnua_32 {
-  border-top: 1px solid var(--editor-border-subtle);
-}
-._EditorFields-syncButton_3dnua_46 {
-  align-items: center;
-  background: transparent;
-  border: 1px solid var(--editor-color-global);
-  border-radius: var(--editor-radius-md);
-  color: var(--editor-color-global);
-  cursor: pointer;
-  display: flex;
-  font: inherit;
-  font-size: var(--editor-font-size-xxs);
-  font-weight: 500;
-  gap: 8px;
-  justify-content: center;
-  margin: 12px 16px;
-  padding: 10px;
-  transition:
-    background-color var(--editor-motion-fast) var(--editor-ease),
-    border-color var(--editor-motion-fast) var(--editor-ease),
-    color var(--editor-motion-fast) var(--editor-ease);
-  width: calc(100% - 32px);
-}
-@media (hover: hover) and (pointer: fine) {
-  ._EditorFields-syncButton_3dnua_46:hover {
-    background: var(--editor-color-global-soft);
-  }
-}
-._EditorFields-syncButton_3dnua_46:focus-visible {
-  outline: none;
-  box-shadow: var(--editor-ring);
-}
-._EditorFields-syncButton--unlinked_3dnua_78 {
-  border-color: var(--editor-border-default);
-  color: var(--editor-text-secondary);
-}
-@media (hover: hover) and (pointer: fine) {
-  ._EditorFields-syncButton--unlinked_3dnua_78:hover {
-    background: var(--editor-surface-hover);
-    border-color: var(--editor-border-strong);
-    color: var(--editor-text-primary);
-  }
-}
-._EditorFields--wrapFields_3dnua_36 ._EditorFields-syncButton_3dnua_46 + ._EditorFields-field_3dnua_32 {
-  border-top: none;
-}
-
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Components/styles.module.css/#css-module-data */
 ._Components-search_recer_1 {
   position: relative;
@@ -3190,14 +3190,6 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   display: none;
 }
 
-/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/outline/styles.module.css/#css-module-data */
-._OutlinePlugin_q92j6_1 {
-  padding: 16px;
-  height: 100%;
-  overflow-y: auto;
-  box-sizing: border-box;
-}
-
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/fields/styles.module.css/#css-module-data */
 ._FieldsPlugin_262zt_1 {
   background: white;
@@ -3217,3 +3209,11 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
     padding: 16px;
   }
 }
+
+/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/outline/styles.module.css/#css-module-data */
+._OutlinePlugin_q92j6_1 {
+  padding: 16px;
+  height: 100%;
+  overflow-y: auto;
+  box-sizing: border-box;
+}