@puckeditor/core 0.21.3 → 0.22.0-canary.08eaa6ba

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 (41) hide show
  1. package/README.md +1 -4
  2. package/dist/{Editor-MCVDFQH6.mjs → Editor-K6FPIMNH.mjs} +8 -8
  3. package/dist/{actions-C3e2nJ9v.d.mts → actions-Csn3gOP8.d.mts} +3 -1
  4. package/dist/{actions-C3e2nJ9v.d.ts → actions-Csn3gOP8.d.ts} +3 -1
  5. package/dist/{chunk-DPDJ67KA.mjs → chunk-4X2SLJRQ.mjs} +1 -1
  6. package/dist/{chunk-4HOGLOEA.mjs → chunk-6MO3E35Y.mjs} +5 -3
  7. package/dist/{chunk-X2ZFWNCU.mjs → chunk-CO6PRTVM.mjs} +12 -9
  8. package/dist/{chunk-6XCJ3Y7O.mjs → chunk-DVZWVU66.mjs} +55 -2
  9. package/dist/{chunk-TDQEUXB2.mjs → chunk-FE7T3PZI.mjs} +3 -3
  10. package/dist/{chunk-ZMTK7SMX.mjs → chunk-GFIZBMKN.mjs} +1 -1
  11. package/dist/{chunk-LODTL5KW.mjs → chunk-MQKADUDK.mjs} +1 -1
  12. package/dist/{chunk-YXFTA2VL.mjs → chunk-MYHXN3XX.mjs} +3131 -319
  13. package/dist/{chunk-HGJWUFLT.mjs → chunk-NWL4JLKR.mjs} +7 -7
  14. package/dist/{chunk-O7FT3KAM.mjs → chunk-OVPTKQ2P.mjs} +4 -3
  15. package/dist/{full-5QCBHXRC.mjs → full-L4ITHDQO.mjs} +7 -7
  16. package/dist/{index-Cx46WIFC.d.ts → index-B1b1cFug.d.ts} +1 -1
  17. package/dist/{index-zHrchQGY.d.mts → index-ClzBCbx_.d.mts} +1 -1
  18. package/dist/index.css +60 -54
  19. package/dist/index.d.mts +4 -4
  20. package/dist/index.d.ts +4 -4
  21. package/dist/index.js +3206 -326
  22. package/dist/index.mjs +10 -10
  23. package/dist/internal.d.mts +2 -2
  24. package/dist/internal.d.ts +2 -2
  25. package/dist/internal.js +48 -2
  26. package/dist/internal.mjs +1 -1
  27. package/dist/{loaded-Y4ZWZC55.mjs → loaded-2QS7VXZ6.mjs} +4 -4
  28. package/dist/{loaded-OMRIYZIQ.mjs → loaded-A7UUCT2O.mjs} +4 -4
  29. package/dist/{loaded-54625GTL.mjs → loaded-JHBS3QYA.mjs} +4 -4
  30. package/dist/no-external.css +60 -54
  31. package/dist/no-external.d.mts +3 -3
  32. package/dist/no-external.d.ts +3 -3
  33. package/dist/no-external.js +3206 -326
  34. package/dist/no-external.mjs +10 -10
  35. package/dist/rsc.d.mts +2 -2
  36. package/dist/rsc.d.ts +2 -2
  37. package/dist/rsc.js +16 -11
  38. package/dist/rsc.mjs +2 -2
  39. package/dist/{walk-tree-BJoNgZ0l.d.mts → walk-tree-BrW9VQ_t.d.mts} +1 -1
  40. package/dist/{walk-tree-f8Yzs5o3.d.ts → walk-tree-CWrsBHHe.d.ts} +1 -1
  41. package/package.json +13 -5
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  useAlignOptions
3
- } from "./chunk-DPDJ67KA.mjs";
3
+ } from "./chunk-4X2SLJRQ.mjs";
4
4
  import {
5
5
  useHeadingOptions
6
- } from "./chunk-ZMTK7SMX.mjs";
6
+ } from "./chunk-GFIZBMKN.mjs";
7
7
  import {
8
8
  useListOptions
9
- } from "./chunk-LODTL5KW.mjs";
9
+ } from "./chunk-MQKADUDK.mjs";
10
10
  import {
11
11
  AlignCenter,
12
12
  AlignJustify,
@@ -26,7 +26,7 @@ import {
26
26
  Strikethrough,
27
27
  Underline,
28
28
  useControlContext
29
- } from "./chunk-O7FT3KAM.mjs";
29
+ } from "./chunk-OVPTKQ2P.mjs";
30
30
  import {
31
31
  get_class_name_factory_default
32
32
  } from "./chunk-Y2EFNT5P.mjs";
@@ -349,7 +349,7 @@ function AlignSelectFallback() {
349
349
  // components/RichTextMenu/controls/AlignSelect/index.tsx
350
350
  import { jsx as jsx10 } from "react/jsx-runtime";
351
351
  var AlignSelectLoaded = lazy(
352
- () => import("./loaded-54625GTL.mjs").then((m) => ({
352
+ () => import("./loaded-JHBS3QYA.mjs").then((m) => ({
353
353
  default: m.AlignSelectLoaded
354
354
  }))
355
355
  );
@@ -580,7 +580,7 @@ function HeadingSelectFallback() {
580
580
  // components/RichTextMenu/controls/HeadingSelect/index.tsx
581
581
  import { jsx as jsx22 } from "react/jsx-runtime";
582
582
  var HeadingSelectLoaded = lazy2(
583
- () => import("./loaded-OMRIYZIQ.mjs").then((m) => ({
583
+ () => import("./loaded-A7UUCT2O.mjs").then((m) => ({
584
584
  default: m.HeadingSelectLoaded
585
585
  }))
586
586
  );
@@ -612,7 +612,7 @@ function ListSelectFallback() {
612
612
  // components/RichTextMenu/controls/ListSelect/index.tsx
613
613
  import { jsx as jsx24 } from "react/jsx-runtime";
614
614
  var ListSelectLoaded = lazy3(
615
- () => import("./loaded-Y4ZWZC55.mjs").then((m) => ({
615
+ () => import("./loaded-2QS7VXZ6.mjs").then((m) => ({
616
616
  default: m.ListSelectLoaded
617
617
  }))
618
618
  );
@@ -3,13 +3,13 @@ import {
3
3
  generateId,
4
4
  getItem,
5
5
  makeStatePublic
6
- } from "./chunk-6XCJ3Y7O.mjs";
6
+ } from "./chunk-DVZWVU66.mjs";
7
7
  import {
8
8
  defaultAppState,
9
9
  defaultViewports,
10
10
  getChanged,
11
11
  resolveComponentData
12
- } from "./chunk-4HOGLOEA.mjs";
12
+ } from "./chunk-6MO3E35Y.mjs";
13
13
  import {
14
14
  get_class_name_factory_default
15
15
  } from "./chunk-Y2EFNT5P.mjs";
@@ -1305,7 +1305,8 @@ var createAppStore = (initialAppStore) => create2()(
1305
1305
  timeouts[id]();
1306
1306
  }),
1307
1307
  trigger,
1308
- parentData
1308
+ parentData,
1309
+ state.data.root
1309
1310
  );
1310
1311
  }),
1311
1312
  resolveAndCommitData: () => __async(null, null, function* () {
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  LoadedRichTextMenuInner
3
- } from "./chunk-HGJWUFLT.mjs";
4
- import "./chunk-DPDJ67KA.mjs";
5
- import "./chunk-ZMTK7SMX.mjs";
6
- import "./chunk-LODTL5KW.mjs";
7
- import "./chunk-O7FT3KAM.mjs";
8
- import "./chunk-6XCJ3Y7O.mjs";
9
- import "./chunk-4HOGLOEA.mjs";
3
+ } from "./chunk-NWL4JLKR.mjs";
4
+ import "./chunk-4X2SLJRQ.mjs";
5
+ import "./chunk-GFIZBMKN.mjs";
6
+ import "./chunk-MQKADUDK.mjs";
7
+ import "./chunk-OVPTKQ2P.mjs";
8
+ import "./chunk-DVZWVU66.mjs";
9
+ import "./chunk-6MO3E35Y.mjs";
10
10
  import "./chunk-Y2EFNT5P.mjs";
11
11
  import "./chunk-SHVCBQDY.mjs";
12
12
  import {
@@ -1,4 +1,4 @@
1
- import { H as History, g as Permissions, c as ComponentData, C as Config, U as UserGenerics, F as Fields, a as PuckAction, h as RootDataWithProps, i as ResolveDataTrigger, j as Plugin, k as Overrides, V as Viewports, I as IframeConfig, l as UiState, m as ComponentConfig, A as AppState, M as Metadata, n as FieldTransforms, o as RichtextField } from './actions-C3e2nJ9v.js';
1
+ import { P as History, $ as Permissions, i as ComponentData, m as Config, am as UserGenerics, O as Fields, a3 as PuckAction, ad as RootDataWithProps, a8 as ResolveDataTrigger, a0 as Plugin, _ as Overrides, ao as Viewports, Q as IframeConfig, al as UiState, f as ComponentConfig, a as AppState, V as Metadata, N as FieldTransforms, aa as RichtextField } from './actions-Csn3gOP8.js';
2
2
  import { Editor } from '@tiptap/react';
3
3
 
4
4
  type HistorySlice<D = any> = {
@@ -1,4 +1,4 @@
1
- import { H as History, g as Permissions, c as ComponentData, C as Config, U as UserGenerics, F as Fields, a as PuckAction, h as RootDataWithProps, i as ResolveDataTrigger, j as Plugin, k as Overrides, V as Viewports, I as IframeConfig, l as UiState, m as ComponentConfig, A as AppState, M as Metadata, n as FieldTransforms, o as RichtextField } from './actions-C3e2nJ9v.mjs';
1
+ import { P as History, $ as Permissions, i as ComponentData, m as Config, am as UserGenerics, O as Fields, a3 as PuckAction, ad as RootDataWithProps, a8 as ResolveDataTrigger, a0 as Plugin, _ as Overrides, ao as Viewports, Q as IframeConfig, al as UiState, f as ComponentConfig, a as AppState, V as Metadata, N as FieldTransforms, aa as RichtextField } from './actions-Csn3gOP8.mjs';
2
2
  import { Editor } from '@tiptap/react';
3
3
 
4
4
  type HistorySlice<D = any> = {
package/dist/index.css CHANGED
@@ -1496,7 +1496,7 @@ textarea._Input-input_bsxfo_26 {
1496
1496
  cursor: pointer;
1497
1497
  }
1498
1498
  [data-dnd-placeholder] {
1499
- background: var(--puck-color-azure-06) !important;
1499
+ background: var(--puck-color-azure-06, #6499cf) !important;
1500
1500
  border: none !important;
1501
1501
  color: #00000000 !important;
1502
1502
  opacity: 0.3 !important;
@@ -1510,9 +1510,15 @@ textarea._Input-input_bsxfo_26 {
1510
1510
  }
1511
1511
  [data-dnd-dragging][data-puck-component] {
1512
1512
  pointer-events: none !important;
1513
- outline: 2px var(--puck-color-azure-09) solid !important;
1513
+ outline: 2px var(--puck-color-azure-09, #cfdff0) solid !important;
1514
1514
  outline-offset: -2px !important;
1515
1515
  }
1516
+ [data-dnd-dragging][data-puck-component] > :first-child {
1517
+ margin-top: 0 !important;
1518
+ }
1519
+ [data-dnd-dragging][data-puck-component] > :last-child {
1520
+ margin-bottom: 0 !important;
1521
+ }
1516
1522
 
1517
1523
  /* css-module:/home/runner/work/puck/puck/packages/core/components/DropZone/styles.module.css/#css-module-data */
1518
1524
  ._DropZone_1i2sv_1 {
@@ -1573,11 +1579,11 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1573
1579
  pointer-events: auto !important;
1574
1580
  }
1575
1581
  [data-puck-overlay-portal]:hover {
1576
- outline: 2px var(--puck-color-azure-09) dashed;
1582
+ outline: 2px var(--puck-color-azure-09, #cfdff0) dashed;
1577
1583
  outline-offset: 2px;
1578
1584
  }
1579
1585
  [data-puck-overlay-portal]:focus-within {
1580
- outline: 2px var(--puck-color-azure-07) dashed;
1586
+ outline: 2px var(--puck-color-azure-07, #88b0da) dashed;
1581
1587
  outline-offset: 2px;
1582
1588
  }
1583
1589
 
@@ -1802,24 +1808,25 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1802
1808
  }
1803
1809
 
1804
1810
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Layout/styles.module.css/#css-module-data */
1805
- ._Puck_1dd16_19 {
1811
+ ._Puck_cgc86_19 {
1806
1812
  --puck-space-px: 16px;
1807
1813
  font-family: var(--puck-font-family);
1808
1814
  overflow-x: hidden;
1815
+ visibility: visible !important;
1809
1816
  }
1810
1817
  @media (min-width: 766px) {
1811
- ._Puck_1dd16_19 {
1818
+ ._Puck_cgc86_19 {
1812
1819
  overflow-x: auto;
1813
1820
  }
1814
1821
  }
1815
- ._Puck-portal_1dd16_31 {
1822
+ ._Puck-portal_cgc86_32 {
1816
1823
  position: relative;
1817
1824
  z-index: 2;
1818
1825
  }
1819
- ._PuckLayout_1dd16_36 {
1826
+ ._PuckLayout_cgc86_37 {
1820
1827
  height: 100dvh;
1821
1828
  }
1822
- ._PuckLayout-inner_1dd16_40 {
1829
+ ._PuckLayout-inner_cgc86_41 {
1823
1830
  --puck-frame-width: auto;
1824
1831
  --puck-side-nav-width: min-content;
1825
1832
  --puck-side-bar-width: 0px;
@@ -1837,90 +1844,90 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1837
1844
  overflow: hidden;
1838
1845
  }
1839
1846
  @media (min-width: 638px) {
1840
- ._PuckLayout-inner_1dd16_40 {
1847
+ ._PuckLayout-inner_cgc86_41 {
1841
1848
  --puck-side-nav-width: 68px;
1842
1849
  grid-template-areas: "header header header header" "sidenav left editor right";
1843
1850
  grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) 0;
1844
1851
  grid-template-rows: min-content auto;
1845
1852
  }
1846
- ._Puck--hidePlugins_1dd16_72 ._PuckLayout-inner_1dd16_40 {
1853
+ ._Puck--hidePlugins_cgc86_73 ._PuckLayout-inner_cgc86_41 {
1847
1854
  --puck-side-nav-width: 0;
1848
1855
  }
1849
1856
  }
1850
- ._PuckLayout--mounted_1dd16_77 ._PuckLayout-inner_1dd16_40 {
1857
+ ._PuckLayout--mounted_cgc86_78 ._PuckLayout-inner_cgc86_41 {
1851
1858
  --puck-side-bar-width: 186px;
1852
1859
  }
1853
- ._PuckLayout--mobilePanelHeightToggle_1dd16_81._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-inner_1dd16_40 {
1860
+ ._PuckLayout--mobilePanelHeightToggle_cgc86_82._PuckLayout--leftSideBarVisible_cgc86_82 ._PuckLayout-inner_cgc86_41 {
1854
1861
  grid-template-rows: 0 auto 30% 0 var(--puck-side-nav-width);
1855
1862
  }
1856
- ._PuckLayout--mobilePanelHeightToggle_1dd16_81._PuckLayout--leftSideBarVisible_1dd16_81._PuckLayout--isExpanded_1dd16_87 ._PuckLayout-inner_1dd16_40 {
1863
+ ._PuckLayout--mobilePanelHeightToggle_cgc86_82._PuckLayout--leftSideBarVisible_cgc86_82._PuckLayout--isExpanded_cgc86_88 ._PuckLayout-inner_cgc86_41 {
1857
1864
  grid-template-rows: 0 auto 55% 0 var(--puck-side-nav-width);
1858
1865
  }
1859
1866
  @media (min-width: 638px) {
1860
- ._PuckLayout--mobilePanelHeightToggle_1dd16_81._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-inner_1dd16_40 {
1867
+ ._PuckLayout--mobilePanelHeightToggle_cgc86_82._PuckLayout--leftSideBarVisible_cgc86_82 ._PuckLayout-inner_cgc86_41 {
1861
1868
  grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) 0;
1862
1869
  grid-template-rows: min-content auto;
1863
1870
  }
1864
1871
  }
1865
- ._PuckLayout--mobilePanelHeightMinContent_1dd16_105._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-inner_1dd16_40,
1866
- ._PuckLayout--mobilePanelHeightMinContent_1dd16_105._PuckLayout--leftSideBarVisible_1dd16_81._PuckLayout--isExpanded_1dd16_87 ._PuckLayout-inner_1dd16_40 {
1872
+ ._PuckLayout--mobilePanelHeightMinContent_cgc86_106._PuckLayout--leftSideBarVisible_cgc86_82 ._PuckLayout-inner_cgc86_41,
1873
+ ._PuckLayout--mobilePanelHeightMinContent_cgc86_106._PuckLayout--leftSideBarVisible_cgc86_82._PuckLayout--isExpanded_cgc86_88 ._PuckLayout-inner_cgc86_41 {
1867
1874
  grid-template-rows: 0 auto min-content 0 var(--puck-side-nav-width);
1868
1875
  }
1869
1876
  @media (min-width: 638px) {
1870
- ._PuckLayout--mobilePanelHeightToggle_1dd16_81._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-inner_1dd16_40,
1871
- ._PuckLayout--mobilePanelHeightToggle_1dd16_81._PuckLayout--leftSideBarVisible_1dd16_81._PuckLayout--isExpanded_1dd16_87 ._PuckLayout-inner_1dd16_40,
1872
- ._PuckLayout--mobilePanelHeightMinContent_1dd16_105._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-inner_1dd16_40,
1873
- ._PuckLayout--mobilePanelHeightMinContent_1dd16_105._PuckLayout--leftSideBarVisible_1dd16_81._PuckLayout--isExpanded_1dd16_87 ._PuckLayout-inner_1dd16_40 {
1877
+ ._PuckLayout--mobilePanelHeightToggle_cgc86_82._PuckLayout--leftSideBarVisible_cgc86_82 ._PuckLayout-inner_cgc86_41,
1878
+ ._PuckLayout--mobilePanelHeightToggle_cgc86_82._PuckLayout--leftSideBarVisible_cgc86_82._PuckLayout--isExpanded_cgc86_88 ._PuckLayout-inner_cgc86_41,
1879
+ ._PuckLayout--mobilePanelHeightMinContent_cgc86_106._PuckLayout--leftSideBarVisible_cgc86_82 ._PuckLayout-inner_cgc86_41,
1880
+ ._PuckLayout--mobilePanelHeightMinContent_cgc86_106._PuckLayout--leftSideBarVisible_cgc86_82._PuckLayout--isExpanded_cgc86_88 ._PuckLayout-inner_cgc86_41 {
1874
1881
  grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) 0;
1875
1882
  grid-template-rows: min-content auto;
1876
1883
  }
1877
1884
  }
1878
1885
  @media (min-width: 638px) {
1879
- ._PuckLayout--rightSideBarVisible_1dd16_132 ._PuckLayout-inner_1dd16_40 {
1886
+ ._PuckLayout--rightSideBarVisible_cgc86_133 ._PuckLayout-inner_cgc86_41 {
1880
1887
  grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) var(--puck-right-side-bar-width);
1881
1888
  }
1882
1889
  }
1883
1890
  @media (min-width: 638px) {
1884
- ._PuckLayout--leftSideBarVisible_1dd16_81._PuckLayout--rightSideBarVisible_1dd16_132 ._PuckLayout-inner_1dd16_40 {
1891
+ ._PuckLayout--leftSideBarVisible_cgc86_82._PuckLayout--rightSideBarVisible_cgc86_133 ._PuckLayout-inner_cgc86_41 {
1885
1892
  grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) var(--puck-right-side-bar-width);
1886
1893
  }
1887
1894
  }
1888
1895
  @media (min-width: 458px) {
1889
- ._PuckLayout-mounted_1dd16_151 ._PuckLayout-inner_1dd16_40 {
1896
+ ._PuckLayout-mounted_cgc86_152 ._PuckLayout-inner_cgc86_41 {
1890
1897
  --puck-frame-width: minmax(266px, auto);
1891
1898
  }
1892
1899
  }
1893
1900
  @media (min-width: 638px) {
1894
- ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
1901
+ ._PuckLayout_cgc86_37 ._PuckLayout-inner_cgc86_41 {
1895
1902
  --puck-side-bar-width: minmax(186px, 250px);
1896
1903
  }
1897
1904
  }
1898
1905
  @media (min-width: 766px) {
1899
- ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
1906
+ ._PuckLayout_cgc86_37 ._PuckLayout-inner_cgc86_41 {
1900
1907
  --puck-frame-width: auto;
1901
1908
  }
1902
1909
  }
1903
1910
  @media (min-width: 990px) {
1904
- ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
1911
+ ._PuckLayout_cgc86_37 ._PuckLayout-inner_cgc86_41 {
1905
1912
  --puck-side-bar-width: 256px;
1906
1913
  }
1907
1914
  }
1908
1915
  @media (min-width: 1198px) {
1909
- ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
1916
+ ._PuckLayout_cgc86_37 ._PuckLayout-inner_cgc86_41 {
1910
1917
  --puck-side-bar-width: 274px;
1911
1918
  }
1912
1919
  }
1913
1920
  @media (min-width: 1398px) {
1914
- ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
1921
+ ._PuckLayout_cgc86_37 ._PuckLayout-inner_cgc86_41 {
1915
1922
  --puck-side-bar-width: 290px;
1916
1923
  }
1917
1924
  }
1918
1925
  @media (min-width: 1598px) {
1919
- ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
1926
+ ._PuckLayout_cgc86_37 ._PuckLayout-inner_cgc86_41 {
1920
1927
  --puck-side-bar-width: 320px;
1921
1928
  }
1922
1929
  }
1923
- ._PuckLayout-nav_1dd16_192 {
1930
+ ._PuckLayout-nav_cgc86_193 {
1924
1931
  border-top: 1px solid var(--puck-color-grey-09);
1925
1932
  background-color: var(--puck-color-grey-12);
1926
1933
  grid-area: sidenav;
@@ -1928,33 +1935,33 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1928
1935
  width: 100%;
1929
1936
  }
1930
1937
  @media (min-width: 638px) {
1931
- ._PuckLayout-nav_1dd16_192 {
1938
+ ._PuckLayout-nav_cgc86_193 {
1932
1939
  border-top: 0;
1933
1940
  border-right: 1px solid var(--puck-color-grey-09);
1934
1941
  box-sizing: border-box;
1935
1942
  }
1936
1943
  }
1937
- ._PuckLayout-header_1dd16_208 {
1944
+ ._PuckLayout-header_cgc86_209 {
1938
1945
  grid-area: header;
1939
1946
  }
1940
- ._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-header_1dd16_208 {
1947
+ ._PuckLayout--leftSideBarVisible_cgc86_82 ._PuckLayout-header_cgc86_209 {
1941
1948
  overflow: hidden;
1942
1949
  }
1943
1950
  @media (min-width: 638px) {
1944
- ._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-header_1dd16_208 {
1951
+ ._PuckLayout--leftSideBarVisible_cgc86_82 ._PuckLayout-header_cgc86_209 {
1945
1952
  overflow: auto;
1946
1953
  }
1947
1954
  }
1948
- ._PuckPluginTab_1dd16_222 {
1955
+ ._PuckPluginTab_cgc86_223 {
1949
1956
  display: none;
1950
1957
  flex-grow: 1;
1951
1958
  max-height: 100%;
1952
1959
  }
1953
- ._PuckPluginTab--visible_1dd16_228 {
1960
+ ._PuckPluginTab--visible_cgc86_229 {
1954
1961
  display: flex;
1955
1962
  flex-direction: column;
1956
1963
  }
1957
- ._PuckPluginTab-body_1dd16_233 {
1964
+ ._PuckPluginTab-body_cgc86_234 {
1958
1965
  flex-grow: 1;
1959
1966
  max-height: 100%;
1960
1967
  }
@@ -2306,7 +2313,7 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
2306
2313
  }
2307
2314
 
2308
2315
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Canvas/styles.module.css/#css-module-data */
2309
- ._PuckCanvas_ur8dl_1 {
2316
+ ._PuckCanvas_t6s9b_1 {
2310
2317
  background: var(--puck-color-grey-11);
2311
2318
  display: flex;
2312
2319
  grid-area: editor;
@@ -2316,24 +2323,24 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
2316
2323
  overflow: auto;
2317
2324
  }
2318
2325
  @media (min-width: 1198px) {
2319
- ._PuckCanvas_ur8dl_1 {
2326
+ ._PuckCanvas_t6s9b_1 {
2320
2327
  padding: calc(var(--puck-space-px) * 1.5);
2321
2328
  padding-top: calc(var(--puck-space-px) * 0.5);
2322
2329
  }
2323
- ._PuckCanvas_ur8dl_1:not(._PuckCanvas_ur8dl_1:has(._PuckCanvas-controls_ur8dl_17)) {
2330
+ ._PuckCanvas_t6s9b_1:not(._PuckCanvas_t6s9b_1:has(._PuckCanvas-controls_t6s9b_17)) {
2324
2331
  padding-top: calc(var(--puck-space-px) * 1.5);
2325
2332
  }
2326
2333
  }
2327
- ._PuckCanvas--fullScreen_ur8dl_22 {
2334
+ ._PuckCanvas--fullScreen_t6s9b_22 {
2328
2335
  padding: 0;
2329
2336
  overflow: hidden;
2330
2337
  }
2331
2338
  @media (min-width: 1198px) {
2332
- ._PuckCanvas--fullScreen_ur8dl_22 {
2339
+ ._PuckCanvas--fullScreen_t6s9b_22 {
2333
2340
  padding: 0;
2334
2341
  }
2335
2342
  }
2336
- ._PuckCanvas-inner_ur8dl_33 {
2343
+ ._PuckCanvas-inner_t6s9b_33 {
2337
2344
  display: flex;
2338
2345
  height: 100%;
2339
2346
  justify-content: center;
@@ -2341,7 +2348,7 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
2341
2348
  position: relative;
2342
2349
  width: 100%;
2343
2350
  }
2344
- ._PuckCanvas-root_ur8dl_42 {
2351
+ ._PuckCanvas-root_t6s9b_42 {
2345
2352
  background: white;
2346
2353
  outline: 1px solid var(--puck-color-grey-09);
2347
2354
  box-sizing: content-box;
@@ -2354,20 +2361,20 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
2354
2361
  opacity: 0;
2355
2362
  }
2356
2363
  @media (min-width: 1198px) {
2357
- ._PuckCanvas-root_ur8dl_42 {
2364
+ ._PuckCanvas-root_t6s9b_42 {
2358
2365
  min-width: unset;
2359
2366
  }
2360
2367
  }
2361
2368
  @media (prefers-reduced-motion: reduce) {
2362
- ._PuckCanvas-root_ur8dl_42 {
2369
+ ._PuckCanvas-root_t6s9b_42 {
2363
2370
  transition: none !important;
2364
2371
  }
2365
2372
  }
2366
- ._PuckCanvas--ready_ur8dl_67 ._PuckCanvas-root_ur8dl_42 {
2373
+ ._PuckCanvas--ready_t6s9b_67 ._PuckCanvas-root_t6s9b_42 {
2367
2374
  pointer-events: unset;
2368
2375
  opacity: 1;
2369
2376
  }
2370
- ._PuckCanvas-loader_ur8dl_72 {
2377
+ ._PuckCanvas-loader_t6s9b_72 {
2371
2378
  align-items: center;
2372
2379
  color: var(--puck-color-grey-06);
2373
2380
  display: flex;
@@ -2375,20 +2382,19 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
2375
2382
  justify-content: center;
2376
2383
  transition: opacity 250ms ease-out;
2377
2384
  opacity: 0;
2378
- pointer-events: none;
2379
2385
  }
2380
- ._PuckCanvas--showLoader_ur8dl_83 ._PuckCanvas-loader_ur8dl_72 {
2386
+ ._PuckCanvas--showLoader_t6s9b_82 ._PuckCanvas-loader_t6s9b_72 {
2381
2387
  opacity: 1;
2382
2388
  }
2383
- ._PuckCanvas--showLoader_ur8dl_83._PuckCanvas--ready_ur8dl_67 ._PuckCanvas-loader_ur8dl_72 {
2389
+ ._PuckCanvas--showLoader_t6s9b_82._PuckCanvas--ready_t6s9b_67 ._PuckCanvas-loader_t6s9b_72 {
2384
2390
  opacity: 0;
2385
2391
  height: 0;
2386
2392
  transition: none;
2387
2393
  }
2388
- ._PuckCanvas-controls_ur8dl_17 {
2394
+ ._PuckCanvas-controls_t6s9b_17 {
2389
2395
  padding-bottom: calc(var(--puck-space-px) * 0.5);
2390
2396
  }
2391
- ._PuckCanvas--fullScreen_ur8dl_22 ._PuckCanvas-controls_ur8dl_17 {
2397
+ ._PuckCanvas--fullScreen_t6s9b_22 ._PuckCanvas-controls_t6s9b_17 {
2392
2398
  padding-bottom: 0;
2393
2399
  z-index: 1;
2394
2400
  }
package/dist/index.d.mts CHANGED
@@ -1,10 +1,10 @@
1
- import { p as Field, q as FieldProps, r as DropZoneProps, C as Config, U as UserGenerics, D as Data, l as UiState, O as OnAction, g as Permissions, j as Plugin, k as Overrides, n as FieldTransforms, a as PuckAction, V as Viewports, I as IframeConfig, s as InitialHistory, M as Metadata, i as ResolveDataTrigger, t as ItemSelector, c as ComponentData, u as PluginInternal } from './actions-C3e2nJ9v.mjs';
2
- export { v as Adaptor, A as AppState, w as ArrayField, x as ArrayState, y as AsFieldProps, B as BaseData, z as BaseField, E as CacheOpts, m as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, Q as ConfigParams, b as Content, S as CustomField, T as CustomFieldRender, e as DefaultComponentProps, d as DefaultComponents, f as DefaultRootFieldProps, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, $ as ExternalField, a0 as ExternalFieldWithAdaptor, a1 as ExtractConfigParams, a2 as ExtractField, a3 as FieldMetadata, a4 as FieldRenderFunctions, a5 as FieldTransformFn, a6 as FieldTransformFnParams, F as Fields, H as History, a7 as ItemWithId, a8 as MappedItem, a9 as NumberField, aa as ObjectField, ab as OverrideKey, ac as PuckComponent, ad as PuckContext, ae as PuckMetadata, af as RadioField, ag as RichText, o as RichtextField, ah as RootConfig, R as RootData, h as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, ap as Viewport, aq as WithChildren, W as WithId, ar as WithPuckProps, as as WithSlotProps, at as overrideKeys } from './actions-C3e2nJ9v.mjs';
3
- export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-BJoNgZ0l.mjs';
1
+ import { H as Field, J as FieldProps, y as DropZoneProps, m as Config, am as UserGenerics, D as Data, al as UiState, Y as OnAction, $ as Permissions, a0 as Plugin, _ as Overrides, N as FieldTransforms, a3 as PuckAction, ao as Viewports, Q as IframeConfig, R as InitialHistory, V as Metadata, a8 as ResolveDataTrigger, S as ItemSelector, i as ComponentData, a1 as PluginInternal } from './actions-Csn3gOP8.mjs';
2
+ export { A as Adaptor, a as AppState, b as ArrayField, c as ArrayState, d as AsFieldProps, B as BaseData, e as BaseField, C as CacheOpts, f as ComponentConfig, g as ComponentConfigExtensions, h as ComponentConfigParams, j as ComponentDataMap, k as ComponentDataOptionalId, l as ComponentMetadata, n as ConfigParams, o as Content, p as CustomField, q as CustomFieldRender, r as DefaultComponentProps, s as DefaultComponents, t as DefaultRootFieldProps, u as DefaultRootProps, v as DefaultRootRenderProps, w as Direction, x as DragAxis, E as ExternalField, z as ExternalFieldWithAdaptor, F as ExtractConfigParams, G as ExtractField, I as FieldMetadata, K as FieldRenderFunctions, L as FieldTransformFn, M as FieldTransformFnParams, O as Fields, P as History, T as ItemWithId, U as MappedItem, W as NumberField, X as ObjectField, Z as OverrideKey, a4 as PuckComponent, a5 as PuckContext, a6 as PuckMetadata, a7 as RadioField, a9 as RichText, aa as RichtextField, ab as RootConfig, ac as RootData, ad as RootDataWithProps, ae as RootDataWithoutProps, af as SelectField, ag as Slot, ah as SlotComponent, ai as SlotField, aj as TextField, ak as TextareaField, an as Viewport, ap as WithChildren, aq as WithId, ar as WithPuckProps, as as WithSlotProps, at as overrideKeys } from './actions-Csn3gOP8.mjs';
3
+ export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-BrW9VQ_t.mjs';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
5
  import * as react from 'react';
6
6
  import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
7
- import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-zHrchQGY.mjs';
7
+ import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-ClzBCbx_.mjs';
8
8
  import '@tiptap/react';
9
9
  import '@tiptap/extension-blockquote';
10
10
  import '@tiptap/extension-bold';
package/dist/index.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import { p as Field, q as FieldProps, r as DropZoneProps, C as Config, U as UserGenerics, D as Data, l as UiState, O as OnAction, g as Permissions, j as Plugin, k as Overrides, n as FieldTransforms, a as PuckAction, V as Viewports, I as IframeConfig, s as InitialHistory, M as Metadata, i as ResolveDataTrigger, t as ItemSelector, c as ComponentData, u as PluginInternal } from './actions-C3e2nJ9v.js';
2
- export { v as Adaptor, A as AppState, w as ArrayField, x as ArrayState, y as AsFieldProps, B as BaseData, z as BaseField, E as CacheOpts, m as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, Q as ConfigParams, b as Content, S as CustomField, T as CustomFieldRender, e as DefaultComponentProps, d as DefaultComponents, f as DefaultRootFieldProps, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, $ as ExternalField, a0 as ExternalFieldWithAdaptor, a1 as ExtractConfigParams, a2 as ExtractField, a3 as FieldMetadata, a4 as FieldRenderFunctions, a5 as FieldTransformFn, a6 as FieldTransformFnParams, F as Fields, H as History, a7 as ItemWithId, a8 as MappedItem, a9 as NumberField, aa as ObjectField, ab as OverrideKey, ac as PuckComponent, ad as PuckContext, ae as PuckMetadata, af as RadioField, ag as RichText, o as RichtextField, ah as RootConfig, R as RootData, h as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, ap as Viewport, aq as WithChildren, W as WithId, ar as WithPuckProps, as as WithSlotProps, at as overrideKeys } from './actions-C3e2nJ9v.js';
3
- export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-f8Yzs5o3.js';
1
+ import { H as Field, J as FieldProps, y as DropZoneProps, m as Config, am as UserGenerics, D as Data, al as UiState, Y as OnAction, $ as Permissions, a0 as Plugin, _ as Overrides, N as FieldTransforms, a3 as PuckAction, ao as Viewports, Q as IframeConfig, R as InitialHistory, V as Metadata, a8 as ResolveDataTrigger, S as ItemSelector, i as ComponentData, a1 as PluginInternal } from './actions-Csn3gOP8.js';
2
+ export { A as Adaptor, a as AppState, b as ArrayField, c as ArrayState, d as AsFieldProps, B as BaseData, e as BaseField, C as CacheOpts, f as ComponentConfig, g as ComponentConfigExtensions, h as ComponentConfigParams, j as ComponentDataMap, k as ComponentDataOptionalId, l as ComponentMetadata, n as ConfigParams, o as Content, p as CustomField, q as CustomFieldRender, r as DefaultComponentProps, s as DefaultComponents, t as DefaultRootFieldProps, u as DefaultRootProps, v as DefaultRootRenderProps, w as Direction, x as DragAxis, E as ExternalField, z as ExternalFieldWithAdaptor, F as ExtractConfigParams, G as ExtractField, I as FieldMetadata, K as FieldRenderFunctions, L as FieldTransformFn, M as FieldTransformFnParams, O as Fields, P as History, T as ItemWithId, U as MappedItem, W as NumberField, X as ObjectField, Z as OverrideKey, a4 as PuckComponent, a5 as PuckContext, a6 as PuckMetadata, a7 as RadioField, a9 as RichText, aa as RichtextField, ab as RootConfig, ac as RootData, ad as RootDataWithProps, ae as RootDataWithoutProps, af as SelectField, ag as Slot, ah as SlotComponent, ai as SlotField, aj as TextField, ak as TextareaField, an as Viewport, ap as WithChildren, aq as WithId, ar as WithPuckProps, as as WithSlotProps, at as overrideKeys } from './actions-Csn3gOP8.js';
3
+ export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CWrsBHHe.js';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
5
  import * as react from 'react';
6
6
  import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
7
- import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-Cx46WIFC.js';
7
+ import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-B1b1cFug.js';
8
8
  import '@tiptap/react';
9
9
  import '@tiptap/extension-blockquote';
10
10
  import '@tiptap/extension-bold';