@reacteditor/core 0.0.24 → 0.0.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/{chunk-KX5236PM.mjs → chunk-EKXKGCSV.mjs} +3 -2
  2. package/dist/index.css +16 -16
  3. package/dist/index.js +3 -2
  4. package/dist/index.mjs +1 -1
  5. package/dist/no-external.css +16 -16
  6. package/dist/no-external.js +3 -2
  7. package/dist/no-external.mjs +1 -1
  8. package/package.json +1 -1
package/dist/{chunk-KX5236PM.mjs → chunk-EKXKGCSV.mjs} RENAMED
@@ -2737,7 +2737,8 @@ var DraggableComponent = ({
2737
2737
  transition: {
2738
2738
  duration: 200,
2739
2739
  easing: "cubic-bezier(0.2, 0, 0, 1)"
2740
- }
2740
+ },
2741
+ plugins: sortablePlugins
2741
2742
  });
2742
2743
  useEffect8(() => {
2743
2744
  const isEnabled = zoneStore.getState().enabledIndex[zoneCompound];
@@ -3213,7 +3214,7 @@ var DraggableComponent = ({
3213
3214
 
3214
3215
  // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DropZone/styles.module.css#css-module
3215
3216
  init_react_import();
3216
- var styles_module_default11 = { "DropZone": "_DropZone_1h108_1", "DropZone--hasChildren": "_DropZone--hasChildren_1h108_11", "DropZone--isAreaSelected": "_DropZone--isAreaSelected_1h108_24", "DropZone--hoveringOverArea": "_DropZone--hoveringOverArea_1h108_25", "DropZone--isRootZone": "_DropZone--isRootZone_1h108_25", "DropZone--isDestination": "_DropZone--isDestination_1h108_39", "DropZone-item": "_DropZone-item_1h108_48", "DropZone-hitbox": "_DropZone-hitbox_1h108_52", "DropZone--isEnabled": "_DropZone--isEnabled_1h108_60", "DropZone--isAnimating": "_DropZone--isAnimating_1h108_70" };
3217
+ var styles_module_default11 = { "DropZone": "_DropZone_yh711_1", "DropZone--hasChildren": "_DropZone--hasChildren_yh711_11", "DropZone--isAreaSelected": "_DropZone--isAreaSelected_yh711_24", "DropZone--hoveringOverArea": "_DropZone--hoveringOverArea_yh711_25", "DropZone--isRootZone": "_DropZone--isRootZone_yh711_25", "DropZone--isDestination": "_DropZone--isDestination_yh711_39", "DropZone-item": "_DropZone-item_yh711_52", "DropZone-hitbox": "_DropZone-hitbox_yh711_56", "DropZone--isEnabled": "_DropZone--isEnabled_yh711_64", "DropZone--isAnimating": "_DropZone--isAnimating_yh711_74" };
3217
3218
 
3218
3219
  // components/DropZone/index.tsx
3219
3220
  import { useDroppable as useDroppable2 } from "@dnd-kit/react";
package/dist/index.css CHANGED
@@ -2047,7 +2047,7 @@ textarea._Input-input_zwh6e_27 {
2047
2047
  }
2048
2048
 
2049
2049
  /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DropZone/styles.module.css/#css-module-data */
2050
- ._DropZone_1h108_1 {
2050
+ ._DropZone_yh711_1 {
2051
2051
  --resize-animation-ms: 150ms;
2052
2052
  position: relative;
2053
2053
  height: 100%;
@@ -2055,52 +2055,52 @@ textarea._Input-input_zwh6e_27 {
2055
2055
  outline-offset: -2px;
2056
2056
  width: 100%;
2057
2057
  }
2058
- ._DropZone--hasChildren_1h108_11 {
2058
+ ._DropZone--hasChildren_yh711_11 {
2059
2059
  min-height: 0;
2060
2060
  }
2061
- ._DropZone_1h108_1:empty {
2061
+ ._DropZone_yh711_1:empty {
2062
2062
  min-height: var(--min-empty-height);
2063
2063
  }
2064
- [data-editor-entry]:not([data-editor-dragging]) ._DropZone_1h108_1 {
2064
+ [data-editor-entry]:not([data-editor-dragging]) ._DropZone_yh711_1 {
2065
2065
  transition: min-height var(--resize-animation-ms) ease-in;
2066
2066
  }
2067
- ._DropZone--isAreaSelected_1h108_24,
2068
- ._DropZone--hoveringOverArea_1h108_25:not(._DropZone--isRootZone_1h108_25) {
2069
- background: var(--editor-accent-soft);
2067
+ ._DropZone--isAreaSelected_yh711_24,
2068
+ ._DropZone--hoveringOverArea_yh711_25:not(._DropZone--isRootZone_yh711_25) {
2069
+ background: color-mix(in srgb, var(--editor-color-azure-09) 30%, transparent);
2070
2070
  outline: 1px dashed var(--editor-accent);
2071
2071
  border-radius: var(--editor-radius-md);
2072
2072
  }
2073
- ._DropZone_1h108_1:empty {
2073
+ ._DropZone_yh711_1:empty {
2074
2074
  background: var(--editor-surface-sunken);
2075
2075
  outline: 1px dashed var(--editor-border-default);
2076
2076
  border-radius: var(--editor-radius-md);
2077
2077
  transition: background-color var(--editor-motion-base) var(--editor-ease), outline-color var(--editor-motion-base) var(--editor-ease);
2078
2078
  }
2079
- ._DropZone--isDestination_1h108_39 {
2079
+ ._DropZone--isDestination_yh711_39 {
2080
2080
  outline: 1px dashed var(--editor-accent-strong) !important;
2081
2081
  border-radius: var(--editor-radius-md);
2082
2082
  }
2083
- ._DropZone--isDestination_1h108_39:not(._DropZone--isRootZone_1h108_25) {
2084
- background: var(--editor-accent-soft) !important;
2083
+ ._DropZone--isDestination_yh711_39:not(._DropZone--isRootZone_yh711_25) {
2084
+ background: color-mix(in srgb, var(--editor-color-azure-09) 30%, transparent) !important;
2085
2085
  }
2086
- ._DropZone-item_1h108_48 {
2086
+ ._DropZone-item_yh711_52 {
2087
2087
  position: relative;
2088
2088
  }
2089
- ._DropZone-hitbox_1h108_52 {
2089
+ ._DropZone-hitbox_yh711_56 {
2090
2090
  position: absolute;
2091
2091
  bottom: -12px;
2092
2092
  height: 24px;
2093
2093
  width: 100%;
2094
2094
  z-index: 1;
2095
2095
  }
2096
- [data-editor-dragging] ._DropZone--isEnabled_1h108_60 {
2096
+ [data-editor-dragging] ._DropZone--isEnabled_yh711_64 {
2097
2097
  outline: 1px dashed var(--editor-accent);
2098
2098
  border-radius: var(--editor-radius-md);
2099
2099
  }
2100
- ._DropZone_1h108_1 > *:not([data-editor-component]) {
2100
+ ._DropZone_yh711_1 > *:not([data-editor-component]) {
2101
2101
  opacity: 0;
2102
2102
  }
2103
- body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
2103
+ body:has(._DropZone--isAnimating_yh711_74:empty) [data-editor-overlay] {
2104
2104
  opacity: 0 !important;
2105
2105
  }
2106
2106
 
package/dist/index.js CHANGED
@@ -8607,7 +8607,8 @@ var DraggableComponent = ({
8607
8607
  transition: {
8608
8608
  duration: 200,
8609
8609
  easing: "cubic-bezier(0.2, 0, 0, 1)"
8610
- }
8610
+ },
8611
+ plugins: sortablePlugins
8611
8612
  });
8612
8613
  (0, import_react53.useEffect)(() => {
8613
8614
  const isEnabled = zoneStore.getState().enabledIndex[zoneCompound];
@@ -9088,7 +9089,7 @@ init_lib();
9088
9089
 
9089
9090
  // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DropZone/styles.module.css#css-module
9090
9091
  init_react_import();
9091
- var styles_module_default20 = { "DropZone": "_DropZone_1h108_1", "DropZone--hasChildren": "_DropZone--hasChildren_1h108_11", "DropZone--isAreaSelected": "_DropZone--isAreaSelected_1h108_24", "DropZone--hoveringOverArea": "_DropZone--hoveringOverArea_1h108_25", "DropZone--isRootZone": "_DropZone--isRootZone_1h108_25", "DropZone--isDestination": "_DropZone--isDestination_1h108_39", "DropZone-item": "_DropZone-item_1h108_48", "DropZone-hitbox": "_DropZone-hitbox_1h108_52", "DropZone--isEnabled": "_DropZone--isEnabled_1h108_60", "DropZone--isAnimating": "_DropZone--isAnimating_1h108_70" };
9092
+ var styles_module_default20 = { "DropZone": "_DropZone_yh711_1", "DropZone--hasChildren": "_DropZone--hasChildren_yh711_11", "DropZone--isAreaSelected": "_DropZone--isAreaSelected_yh711_24", "DropZone--hoveringOverArea": "_DropZone--hoveringOverArea_yh711_25", "DropZone--isRootZone": "_DropZone--isRootZone_yh711_25", "DropZone--isDestination": "_DropZone--isDestination_yh711_39", "DropZone-item": "_DropZone-item_yh711_52", "DropZone-hitbox": "_DropZone-hitbox_yh711_56", "DropZone--isEnabled": "_DropZone--isEnabled_yh711_64", "DropZone--isAnimating": "_DropZone--isAnimating_yh711_74" };
9092
9093
 
9093
9094
  // components/DropZone/index.tsx
9094
9095
  init_store();
package/dist/index.mjs CHANGED
@@ -27,7 +27,7 @@ import {
27
27
  usePropsContext,
28
28
  useRouteParams,
29
29
  useStableValue
30
- } from "./chunk-KX5236PM.mjs";
30
+ } from "./chunk-EKXKGCSV.mjs";
31
31
  import "./chunk-UEPLVAME.mjs";
32
32
  import {
33
33
  Action,
package/dist/no-external.css CHANGED
@@ -2045,7 +2045,7 @@ textarea._Input-input_zwh6e_27 {
2045
2045
  }
2046
2046
 
2047
2047
  /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DropZone/styles.module.css/#css-module-data */
2048
- ._DropZone_1h108_1 {
2048
+ ._DropZone_yh711_1 {
2049
2049
  --resize-animation-ms: 150ms;
2050
2050
  position: relative;
2051
2051
  height: 100%;
@@ -2053,52 +2053,52 @@ textarea._Input-input_zwh6e_27 {
2053
2053
  outline-offset: -2px;
2054
2054
  width: 100%;
2055
2055
  }
2056
- ._DropZone--hasChildren_1h108_11 {
2056
+ ._DropZone--hasChildren_yh711_11 {
2057
2057
  min-height: 0;
2058
2058
  }
2059
- ._DropZone_1h108_1:empty {
2059
+ ._DropZone_yh711_1:empty {
2060
2060
  min-height: var(--min-empty-height);
2061
2061
  }
2062
- [data-editor-entry]:not([data-editor-dragging]) ._DropZone_1h108_1 {
2062
+ [data-editor-entry]:not([data-editor-dragging]) ._DropZone_yh711_1 {
2063
2063
  transition: min-height var(--resize-animation-ms) ease-in;
2064
2064
  }
2065
- ._DropZone--isAreaSelected_1h108_24,
2066
- ._DropZone--hoveringOverArea_1h108_25:not(._DropZone--isRootZone_1h108_25) {
2067
- background: var(--editor-accent-soft);
2065
+ ._DropZone--isAreaSelected_yh711_24,
2066
+ ._DropZone--hoveringOverArea_yh711_25:not(._DropZone--isRootZone_yh711_25) {
2067
+ background: color-mix(in srgb, var(--editor-color-azure-09) 30%, transparent);
2068
2068
  outline: 1px dashed var(--editor-accent);
2069
2069
  border-radius: var(--editor-radius-md);
2070
2070
  }
2071
- ._DropZone_1h108_1:empty {
2071
+ ._DropZone_yh711_1:empty {
2072
2072
  background: var(--editor-surface-sunken);
2073
2073
  outline: 1px dashed var(--editor-border-default);
2074
2074
  border-radius: var(--editor-radius-md);
2075
2075
  transition: background-color var(--editor-motion-base) var(--editor-ease), outline-color var(--editor-motion-base) var(--editor-ease);
2076
2076
  }
2077
- ._DropZone--isDestination_1h108_39 {
2077
+ ._DropZone--isDestination_yh711_39 {
2078
2078
  outline: 1px dashed var(--editor-accent-strong) !important;
2079
2079
  border-radius: var(--editor-radius-md);
2080
2080
  }
2081
- ._DropZone--isDestination_1h108_39:not(._DropZone--isRootZone_1h108_25) {
2082
- background: var(--editor-accent-soft) !important;
2081
+ ._DropZone--isDestination_yh711_39:not(._DropZone--isRootZone_yh711_25) {
2082
+ background: color-mix(in srgb, var(--editor-color-azure-09) 30%, transparent) !important;
2083
2083
  }
2084
- ._DropZone-item_1h108_48 {
2084
+ ._DropZone-item_yh711_52 {
2085
2085
  position: relative;
2086
2086
  }
2087
- ._DropZone-hitbox_1h108_52 {
2087
+ ._DropZone-hitbox_yh711_56 {
2088
2088
  position: absolute;
2089
2089
  bottom: -12px;
2090
2090
  height: 24px;
2091
2091
  width: 100%;
2092
2092
  z-index: 1;
2093
2093
  }
2094
- [data-editor-dragging] ._DropZone--isEnabled_1h108_60 {
2094
+ [data-editor-dragging] ._DropZone--isEnabled_yh711_64 {
2095
2095
  outline: 1px dashed var(--editor-accent);
2096
2096
  border-radius: var(--editor-radius-md);
2097
2097
  }
2098
- ._DropZone_1h108_1 > *:not([data-editor-component]) {
2098
+ ._DropZone_yh711_1 > *:not([data-editor-component]) {
2099
2099
  opacity: 0;
2100
2100
  }
2101
- body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
2101
+ body:has(._DropZone--isAnimating_yh711_74:empty) [data-editor-overlay] {
2102
2102
  opacity: 0 !important;
2103
2103
  }
2104
2104
 
package/dist/no-external.js CHANGED
@@ -8607,7 +8607,8 @@ var DraggableComponent = ({
8607
8607
  transition: {
8608
8608
  duration: 200,
8609
8609
  easing: "cubic-bezier(0.2, 0, 0, 1)"
8610
- }
8610
+ },
8611
+ plugins: sortablePlugins
8611
8612
  });
8612
8613
  (0, import_react53.useEffect)(() => {
8613
8614
  const isEnabled = zoneStore.getState().enabledIndex[zoneCompound];
@@ -9088,7 +9089,7 @@ init_lib();
9088
9089
 
9089
9090
  // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DropZone/styles.module.css#css-module
9090
9091
  init_react_import();
9091
- var styles_module_default20 = { "DropZone": "_DropZone_1h108_1", "DropZone--hasChildren": "_DropZone--hasChildren_1h108_11", "DropZone--isAreaSelected": "_DropZone--isAreaSelected_1h108_24", "DropZone--hoveringOverArea": "_DropZone--hoveringOverArea_1h108_25", "DropZone--isRootZone": "_DropZone--isRootZone_1h108_25", "DropZone--isDestination": "_DropZone--isDestination_1h108_39", "DropZone-item": "_DropZone-item_1h108_48", "DropZone-hitbox": "_DropZone-hitbox_1h108_52", "DropZone--isEnabled": "_DropZone--isEnabled_1h108_60", "DropZone--isAnimating": "_DropZone--isAnimating_1h108_70" };
9092
+ var styles_module_default20 = { "DropZone": "_DropZone_yh711_1", "DropZone--hasChildren": "_DropZone--hasChildren_yh711_11", "DropZone--isAreaSelected": "_DropZone--isAreaSelected_yh711_24", "DropZone--hoveringOverArea": "_DropZone--hoveringOverArea_yh711_25", "DropZone--isRootZone": "_DropZone--isRootZone_yh711_25", "DropZone--isDestination": "_DropZone--isDestination_yh711_39", "DropZone-item": "_DropZone-item_yh711_52", "DropZone-hitbox": "_DropZone-hitbox_yh711_56", "DropZone--isEnabled": "_DropZone--isEnabled_yh711_64", "DropZone--isAnimating": "_DropZone--isAnimating_yh711_74" };
9092
9093
 
9093
9094
  // components/DropZone/index.tsx
9094
9095
  init_store();
package/dist/no-external.mjs CHANGED
@@ -27,7 +27,7 @@ import {
27
27
  usePropsContext,
28
28
  useRouteParams,
29
29
  useStableValue
30
- } from "./chunk-KX5236PM.mjs";
30
+ } from "./chunk-EKXKGCSV.mjs";
31
31
  import "./chunk-UEPLVAME.mjs";
32
32
  import {
33
33
  Action,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reacteditor/core",
3
- "version": "0.0.24",
3
+ "version": "0.0.26",
4
4
  "description": "The open-source visual editor for React",
5
5
  "author": "Frontend AI, Inc.",
6
6
  "repository": "reacteditor/editor",