@reacteditor/core 0.0.23 → 0.0.25

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-5WTMEYPV.mjs → chunk-5MV45OEM.mjs} +3 -2
  2. package/dist/index.css +31 -27
  3. package/dist/index.js +3 -2
  4. package/dist/index.mjs +1 -1
  5. package/dist/no-external.css +31 -27
  6. package/dist/no-external.js +3 -2
  7. package/dist/no-external.mjs +1 -1
  8. package/package.json +2 -3
package/dist/{chunk-5WTMEYPV.mjs → chunk-5MV45OEM.mjs} RENAMED
@@ -2476,7 +2476,7 @@ import {
2476
2476
 
2477
2477
  // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DraggableComponent/styles.module.css#css-module
2478
2478
  init_react_import();
2479
- var styles_module_default10 = { "DraggableComponent": "_DraggableComponent_ie0on_1", "DraggableComponent-overlayWrapper": "_DraggableComponent-overlayWrapper_ie0on_12", "DraggableComponent-overlay": "_DraggableComponent-overlay_ie0on_12", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_ie0on_36", "DraggableComponent--hover": "_DraggableComponent--hover_ie0on_53", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_ie0on_60", "DraggableComponent--isGlobal": "_DraggableComponent--isGlobal_ie0on_69", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_ie0on_105", "DraggableComponent-actions": "_DraggableComponent-actions_ie0on_105" };
2479
+ var styles_module_default10 = { "DraggableComponent": "_DraggableComponent_1tskp_1", "DraggableComponent-overlayWrapper": "_DraggableComponent-overlayWrapper_1tskp_12", "DraggableComponent-overlay": "_DraggableComponent-overlay_1tskp_12", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_1tskp_34", "DraggableComponent--hover": "_DraggableComponent--hover_1tskp_51", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_1tskp_58", "DraggableComponent--isGlobal": "_DraggableComponent--isGlobal_1tskp_66", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_1tskp_102", "DraggableComponent-actions": "_DraggableComponent-actions_1tskp_102" };
2480
2480
 
2481
2481
  // components/DraggableComponent/index.tsx
2482
2482
  import { createPortal as createPortal2 } from "react-dom";
@@ -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];
package/dist/index.css CHANGED
@@ -743,7 +743,7 @@ textarea._Input-input_zwh6e_27 {
743
743
  opacity: 0 !important;
744
744
  }
745
745
  [data-dnd-placeholder] {
746
- background: var(--editor-color-azure-09) !important;
746
+ background: var(--editor-color-azure-09, #cfdff0) !important;
747
747
  border: none !important;
748
748
  color: #00000000 !important;
749
749
  opacity: 0.3 !important;
@@ -1920,12 +1920,12 @@ textarea._Input-input_zwh6e_27 {
1920
1920
  }
1921
1921
 
1922
1922
  /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
1923
- ._DraggableComponent_ie0on_1 {
1923
+ ._DraggableComponent_1tskp_1 {
1924
1924
  position: absolute;
1925
1925
  pointer-events: none;
1926
- --overlay-background: color-mix( in srgb, var(--editor-color-azure-05) 14%, transparent );
1926
+ --overlay-background: color-mix( in srgb, var(--editor-color-azure-08) 30%, transparent );
1927
1927
  }
1928
- ._DraggableComponent-overlayWrapper_ie0on_12 {
1928
+ ._DraggableComponent-overlayWrapper_1tskp_12 {
1929
1929
  height: 100%;
1930
1930
  width: 100%;
1931
1931
  top: 0;
@@ -1934,18 +1934,17 @@ textarea._Input-input_zwh6e_27 {
1934
1934
  box-sizing: border-box;
1935
1935
  z-index: 1;
1936
1936
  }
1937
- ._DraggableComponent-overlay_ie0on_12 {
1937
+ ._DraggableComponent-overlay_1tskp_12 {
1938
1938
  cursor: pointer;
1939
1939
  height: 100%;
1940
- outline: 1.5px var(--editor-accent) solid;
1941
- outline-offset: -1.5px;
1940
+ outline: 2px var(--editor-color-azure-09) solid;
1941
+ outline-offset: -2px;
1942
1942
  width: 100%;
1943
- transition: outline-color var(--editor-motion-fast) var(--editor-ease), background-color var(--editor-motion-fast) var(--editor-ease);
1944
1943
  }
1945
- ._DraggableComponent_ie0on_1:focus-visible > ._DraggableComponent-overlayWrapper_ie0on_12 {
1946
- outline: 1px solid var(--editor-accent);
1944
+ ._DraggableComponent_1tskp_1:focus-visible > ._DraggableComponent-overlayWrapper_1tskp_12 {
1945
+ outline: 1px solid var(--editor-color-azure-05);
1947
1946
  }
1948
- ._DraggableComponent-loadingOverlay_ie0on_36 {
1947
+ ._DraggableComponent-loadingOverlay_1tskp_34 {
1949
1948
  background: var(--editor-surface-panel);
1950
1949
  color: var(--editor-text-primary);
1951
1950
  border-radius: var(--editor-radius-md);
@@ -1961,41 +1960,40 @@ textarea._Input-input_zwh6e_27 {
1961
1960
  opacity: 0.85;
1962
1961
  z-index: 1;
1963
1962
  }
1964
- ._DraggableComponent--hover_ie0on_53 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
1963
+ ._DraggableComponent--hover_1tskp_51 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12 {
1965
1964
  background: var(--overlay-background);
1966
- outline: 1.5px var(--editor-accent) solid;
1965
+ outline: 2px var(--editor-color-azure-09) solid;
1967
1966
  }
1968
- ._DraggableComponent--isSelected_ie0on_60 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
1969
- outline-color: var(--editor-accent-strong);
1970
- outline-width: 2px;
1967
+ ._DraggableComponent--isSelected_1tskp_58 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12 {
1968
+ outline-color: var(--editor-color-azure-07);
1971
1969
  }
1972
- ._DraggableComponent--isGlobal_ie0on_69 {
1970
+ ._DraggableComponent--isGlobal_1tskp_66 {
1973
1971
  --overlay-background: color-mix( in srgb, var(--editor-color-global) 14%, transparent );
1974
1972
  }
1975
- ._DraggableComponent--isGlobal_ie0on_69 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12,
1976
- ._DraggableComponent--isGlobal_ie0on_69._DraggableComponent--hover_ie0on_53 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
1973
+ ._DraggableComponent--isGlobal_1tskp_66 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12,
1974
+ ._DraggableComponent--isGlobal_1tskp_66._DraggableComponent--hover_1tskp_51 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12 {
1977
1975
  outline-color: var(--editor-color-global);
1978
1976
  }
1979
- ._DraggableComponent--isGlobal_ie0on_69._DraggableComponent--isSelected_ie0on_60 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
1977
+ ._DraggableComponent--isGlobal_1tskp_66._DraggableComponent--isSelected_1tskp_58 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12 {
1980
1978
  outline-color: var(--editor-color-global-strong);
1981
1979
  }
1982
- ._DraggableComponent--isGlobal_ie0on_69:focus-visible > ._DraggableComponent-overlayWrapper_ie0on_12 {
1980
+ ._DraggableComponent--isGlobal_1tskp_66:focus-visible > ._DraggableComponent-overlayWrapper_1tskp_12 {
1983
1981
  outline-color: var(--editor-color-global);
1984
1982
  }
1985
- ._DraggableComponent_ie0on_1:has(._DraggableComponent--hover_ie0on_53 > ._DraggableComponent-overlayWrapper_ie0on_12) > ._DraggableComponent-overlayWrapper_ie0on_12 {
1983
+ ._DraggableComponent_1tskp_1:has(._DraggableComponent--hover_1tskp_51 > ._DraggableComponent-overlayWrapper_1tskp_12) > ._DraggableComponent-overlayWrapper_1tskp_12 {
1986
1984
  display: none;
1987
1985
  }
1988
- ._DraggableComponent-actionsOverlay_ie0on_105 {
1986
+ ._DraggableComponent-actionsOverlay_1tskp_102 {
1989
1987
  position: sticky;
1990
1988
  opacity: 0;
1991
1989
  pointer-events: none;
1992
1990
  z-index: 2;
1993
1991
  }
1994
- ._DraggableComponent--isSelected_ie0on_60 ._DraggableComponent-actionsOverlay_ie0on_105 {
1992
+ ._DraggableComponent--isSelected_1tskp_58 ._DraggableComponent-actionsOverlay_1tskp_102 {
1995
1993
  opacity: 1;
1996
1994
  pointer-events: auto;
1997
1995
  }
1998
- ._DraggableComponent-actions_ie0on_105 {
1996
+ ._DraggableComponent-actions_1tskp_102 {
1999
1997
  position: absolute;
2000
1998
  width: auto;
2001
1999
  cursor: grab;
@@ -2024,7 +2022,7 @@ textarea._Input-input_zwh6e_27 {
2024
2022
  cursor: pointer;
2025
2023
  }
2026
2024
  [data-dnd-placeholder] {
2027
- background: var(--editor-color-azure-06) !important;
2025
+ background: var(--editor-color-azure-06, #6499cf) !important;
2028
2026
  border: none !important;
2029
2027
  color: #00000000 !important;
2030
2028
  opacity: 0.3 !important;
@@ -2038,9 +2036,15 @@ textarea._Input-input_zwh6e_27 {
2038
2036
  }
2039
2037
  [data-dnd-dragging][data-editor-component] {
2040
2038
  pointer-events: none !important;
2041
- outline: 2px var(--editor-color-azure-09) solid !important;
2039
+ outline: 2px var(--editor-color-azure-09, #cfdff0) solid !important;
2042
2040
  outline-offset: -2px !important;
2043
2041
  }
2042
+ [data-dnd-dragging][data-editor-component] > :first-child {
2043
+ margin-top: 0 !important;
2044
+ }
2045
+ [data-dnd-dragging][data-editor-component] > :last-child {
2046
+ margin-bottom: 0 !important;
2047
+ }
2044
2048
 
2045
2049
  /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DropZone/styles.module.css/#css-module-data */
2046
2050
  ._DropZone_1h108_1 {
package/dist/index.js CHANGED
@@ -8339,7 +8339,7 @@ var import_react53 = require("react");
8339
8339
 
8340
8340
  // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DraggableComponent/styles.module.css#css-module
8341
8341
  init_react_import();
8342
- var styles_module_default19 = { "DraggableComponent": "_DraggableComponent_ie0on_1", "DraggableComponent-overlayWrapper": "_DraggableComponent-overlayWrapper_ie0on_12", "DraggableComponent-overlay": "_DraggableComponent-overlay_ie0on_12", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_ie0on_36", "DraggableComponent--hover": "_DraggableComponent--hover_ie0on_53", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_ie0on_60", "DraggableComponent--isGlobal": "_DraggableComponent--isGlobal_ie0on_69", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_ie0on_105", "DraggableComponent-actions": "_DraggableComponent-actions_ie0on_105" };
8342
+ var styles_module_default19 = { "DraggableComponent": "_DraggableComponent_1tskp_1", "DraggableComponent-overlayWrapper": "_DraggableComponent-overlayWrapper_1tskp_12", "DraggableComponent-overlay": "_DraggableComponent-overlay_1tskp_12", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_1tskp_34", "DraggableComponent--hover": "_DraggableComponent--hover_1tskp_51", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_1tskp_58", "DraggableComponent--isGlobal": "_DraggableComponent--isGlobal_1tskp_66", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_1tskp_102", "DraggableComponent-actions": "_DraggableComponent-actions_1tskp_102" };
8343
8343
 
8344
8344
  // components/DraggableComponent/index.tsx
8345
8345
  init_get_class_name_factory();
@@ -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];
package/dist/index.mjs CHANGED
@@ -27,7 +27,7 @@ import {
27
27
  usePropsContext,
28
28
  useRouteParams,
29
29
  useStableValue
30
- } from "./chunk-5WTMEYPV.mjs";
30
+ } from "./chunk-5MV45OEM.mjs";
31
31
  import "./chunk-UEPLVAME.mjs";
32
32
  import {
33
33
  Action,
package/dist/no-external.css CHANGED
@@ -741,7 +741,7 @@ textarea._Input-input_zwh6e_27 {
741
741
  opacity: 0 !important;
742
742
  }
743
743
  [data-dnd-placeholder] {
744
- background: var(--editor-color-azure-09) !important;
744
+ background: var(--editor-color-azure-09, #cfdff0) !important;
745
745
  border: none !important;
746
746
  color: #00000000 !important;
747
747
  opacity: 0.3 !important;
@@ -1918,12 +1918,12 @@ textarea._Input-input_zwh6e_27 {
1918
1918
  }
1919
1919
 
1920
1920
  /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
1921
- ._DraggableComponent_ie0on_1 {
1921
+ ._DraggableComponent_1tskp_1 {
1922
1922
  position: absolute;
1923
1923
  pointer-events: none;
1924
- --overlay-background: color-mix( in srgb, var(--editor-color-azure-05) 14%, transparent );
1924
+ --overlay-background: color-mix( in srgb, var(--editor-color-azure-08) 30%, transparent );
1925
1925
  }
1926
- ._DraggableComponent-overlayWrapper_ie0on_12 {
1926
+ ._DraggableComponent-overlayWrapper_1tskp_12 {
1927
1927
  height: 100%;
1928
1928
  width: 100%;
1929
1929
  top: 0;
@@ -1932,18 +1932,17 @@ textarea._Input-input_zwh6e_27 {
1932
1932
  box-sizing: border-box;
1933
1933
  z-index: 1;
1934
1934
  }
1935
- ._DraggableComponent-overlay_ie0on_12 {
1935
+ ._DraggableComponent-overlay_1tskp_12 {
1936
1936
  cursor: pointer;
1937
1937
  height: 100%;
1938
- outline: 1.5px var(--editor-accent) solid;
1939
- outline-offset: -1.5px;
1938
+ outline: 2px var(--editor-color-azure-09) solid;
1939
+ outline-offset: -2px;
1940
1940
  width: 100%;
1941
- transition: outline-color var(--editor-motion-fast) var(--editor-ease), background-color var(--editor-motion-fast) var(--editor-ease);
1942
1941
  }
1943
- ._DraggableComponent_ie0on_1:focus-visible > ._DraggableComponent-overlayWrapper_ie0on_12 {
1944
- outline: 1px solid var(--editor-accent);
1942
+ ._DraggableComponent_1tskp_1:focus-visible > ._DraggableComponent-overlayWrapper_1tskp_12 {
1943
+ outline: 1px solid var(--editor-color-azure-05);
1945
1944
  }
1946
- ._DraggableComponent-loadingOverlay_ie0on_36 {
1945
+ ._DraggableComponent-loadingOverlay_1tskp_34 {
1947
1946
  background: var(--editor-surface-panel);
1948
1947
  color: var(--editor-text-primary);
1949
1948
  border-radius: var(--editor-radius-md);
@@ -1959,41 +1958,40 @@ textarea._Input-input_zwh6e_27 {
1959
1958
  opacity: 0.85;
1960
1959
  z-index: 1;
1961
1960
  }
1962
- ._DraggableComponent--hover_ie0on_53 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
1961
+ ._DraggableComponent--hover_1tskp_51 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12 {
1963
1962
  background: var(--overlay-background);
1964
- outline: 1.5px var(--editor-accent) solid;
1963
+ outline: 2px var(--editor-color-azure-09) solid;
1965
1964
  }
1966
- ._DraggableComponent--isSelected_ie0on_60 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
1967
- outline-color: var(--editor-accent-strong);
1968
- outline-width: 2px;
1965
+ ._DraggableComponent--isSelected_1tskp_58 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12 {
1966
+ outline-color: var(--editor-color-azure-07);
1969
1967
  }
1970
- ._DraggableComponent--isGlobal_ie0on_69 {
1968
+ ._DraggableComponent--isGlobal_1tskp_66 {
1971
1969
  --overlay-background: color-mix( in srgb, var(--editor-color-global) 14%, transparent );
1972
1970
  }
1973
- ._DraggableComponent--isGlobal_ie0on_69 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12,
1974
- ._DraggableComponent--isGlobal_ie0on_69._DraggableComponent--hover_ie0on_53 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
1971
+ ._DraggableComponent--isGlobal_1tskp_66 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12,
1972
+ ._DraggableComponent--isGlobal_1tskp_66._DraggableComponent--hover_1tskp_51 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12 {
1975
1973
  outline-color: var(--editor-color-global);
1976
1974
  }
1977
- ._DraggableComponent--isGlobal_ie0on_69._DraggableComponent--isSelected_ie0on_60 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
1975
+ ._DraggableComponent--isGlobal_1tskp_66._DraggableComponent--isSelected_1tskp_58 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12 {
1978
1976
  outline-color: var(--editor-color-global-strong);
1979
1977
  }
1980
- ._DraggableComponent--isGlobal_ie0on_69:focus-visible > ._DraggableComponent-overlayWrapper_ie0on_12 {
1978
+ ._DraggableComponent--isGlobal_1tskp_66:focus-visible > ._DraggableComponent-overlayWrapper_1tskp_12 {
1981
1979
  outline-color: var(--editor-color-global);
1982
1980
  }
1983
- ._DraggableComponent_ie0on_1:has(._DraggableComponent--hover_ie0on_53 > ._DraggableComponent-overlayWrapper_ie0on_12) > ._DraggableComponent-overlayWrapper_ie0on_12 {
1981
+ ._DraggableComponent_1tskp_1:has(._DraggableComponent--hover_1tskp_51 > ._DraggableComponent-overlayWrapper_1tskp_12) > ._DraggableComponent-overlayWrapper_1tskp_12 {
1984
1982
  display: none;
1985
1983
  }
1986
- ._DraggableComponent-actionsOverlay_ie0on_105 {
1984
+ ._DraggableComponent-actionsOverlay_1tskp_102 {
1987
1985
  position: sticky;
1988
1986
  opacity: 0;
1989
1987
  pointer-events: none;
1990
1988
  z-index: 2;
1991
1989
  }
1992
- ._DraggableComponent--isSelected_ie0on_60 ._DraggableComponent-actionsOverlay_ie0on_105 {
1990
+ ._DraggableComponent--isSelected_1tskp_58 ._DraggableComponent-actionsOverlay_1tskp_102 {
1993
1991
  opacity: 1;
1994
1992
  pointer-events: auto;
1995
1993
  }
1996
- ._DraggableComponent-actions_ie0on_105 {
1994
+ ._DraggableComponent-actions_1tskp_102 {
1997
1995
  position: absolute;
1998
1996
  width: auto;
1999
1997
  cursor: grab;
@@ -2022,7 +2020,7 @@ textarea._Input-input_zwh6e_27 {
2022
2020
  cursor: pointer;
2023
2021
  }
2024
2022
  [data-dnd-placeholder] {
2025
- background: var(--editor-color-azure-06) !important;
2023
+ background: var(--editor-color-azure-06, #6499cf) !important;
2026
2024
  border: none !important;
2027
2025
  color: #00000000 !important;
2028
2026
  opacity: 0.3 !important;
@@ -2036,9 +2034,15 @@ textarea._Input-input_zwh6e_27 {
2036
2034
  }
2037
2035
  [data-dnd-dragging][data-editor-component] {
2038
2036
  pointer-events: none !important;
2039
- outline: 2px var(--editor-color-azure-09) solid !important;
2037
+ outline: 2px var(--editor-color-azure-09, #cfdff0) solid !important;
2040
2038
  outline-offset: -2px !important;
2041
2039
  }
2040
+ [data-dnd-dragging][data-editor-component] > :first-child {
2041
+ margin-top: 0 !important;
2042
+ }
2043
+ [data-dnd-dragging][data-editor-component] > :last-child {
2044
+ margin-bottom: 0 !important;
2045
+ }
2042
2046
 
2043
2047
  /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DropZone/styles.module.css/#css-module-data */
2044
2048
  ._DropZone_1h108_1 {
package/dist/no-external.js CHANGED
@@ -8339,7 +8339,7 @@ var import_react53 = require("react");
8339
8339
 
8340
8340
  // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DraggableComponent/styles.module.css#css-module
8341
8341
  init_react_import();
8342
- var styles_module_default19 = { "DraggableComponent": "_DraggableComponent_ie0on_1", "DraggableComponent-overlayWrapper": "_DraggableComponent-overlayWrapper_ie0on_12", "DraggableComponent-overlay": "_DraggableComponent-overlay_ie0on_12", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_ie0on_36", "DraggableComponent--hover": "_DraggableComponent--hover_ie0on_53", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_ie0on_60", "DraggableComponent--isGlobal": "_DraggableComponent--isGlobal_ie0on_69", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_ie0on_105", "DraggableComponent-actions": "_DraggableComponent-actions_ie0on_105" };
8342
+ var styles_module_default19 = { "DraggableComponent": "_DraggableComponent_1tskp_1", "DraggableComponent-overlayWrapper": "_DraggableComponent-overlayWrapper_1tskp_12", "DraggableComponent-overlay": "_DraggableComponent-overlay_1tskp_12", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_1tskp_34", "DraggableComponent--hover": "_DraggableComponent--hover_1tskp_51", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_1tskp_58", "DraggableComponent--isGlobal": "_DraggableComponent--isGlobal_1tskp_66", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_1tskp_102", "DraggableComponent-actions": "_DraggableComponent-actions_1tskp_102" };
8343
8343
 
8344
8344
  // components/DraggableComponent/index.tsx
8345
8345
  init_get_class_name_factory();
@@ -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];
package/dist/no-external.mjs CHANGED
@@ -27,7 +27,7 @@ import {
27
27
  usePropsContext,
28
28
  useRouteParams,
29
29
  useStableValue
30
- } from "./chunk-5WTMEYPV.mjs";
30
+ } from "./chunk-5MV45OEM.mjs";
31
31
  import "./chunk-UEPLVAME.mjs";
32
32
  import {
33
33
  Action,
package/package.json CHANGED
@@ -1,16 +1,15 @@
1
1
  {
2
2
  "name": "@reacteditor/core",
3
- "version": "0.0.23",
3
+ "version": "0.0.25",
4
4
  "description": "The open-source visual editor for React",
5
5
  "author": "Frontend AI, Inc.",
6
6
  "repository": "reacteditor/editor",
7
7
  "bugs": "https://github.com/reacteditor/editor/issues",
8
8
  "homepage": "https://reacteditor.dev",
9
9
  "keywords": [
10
- "ai",
10
+ "ai",
11
11
  "editor",
12
12
  "visual",
13
- "editor",
14
13
  "react",
15
14
  "drag and drop",
16
15
  "dnd",