@crediblemark/build 0.24.4 → 0.24.6

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 (34) hide show
  1. package/dist/ArrayField-2QLVE7PT.mjs +19 -0
  2. package/dist/{ArrayField-ZD5UTLNU.css → ArrayField-LGEHKPX7.css} +50 -33
  3. package/dist/{Editor-HOZVZZIZ.mjs → Editor-3EPLDK4J.mjs} +7 -7
  4. package/dist/{ObjectField-SQKROKJM.css → ObjectField-XRKCCMPB.css} +50 -33
  5. package/dist/ObjectField-XXOU2VP4.mjs +19 -0
  6. package/dist/{chunk-VBNE6GK2.mjs → chunk-5JSNFZKX.mjs} +7 -7
  7. package/dist/{chunk-P3RHOUJG.mjs → chunk-AMHAYK37.mjs} +739 -374
  8. package/dist/{chunk-WKMRHPOM.mjs → chunk-KUWVOWUV.mjs} +1 -1
  9. package/dist/{chunk-LBMMY5IM.mjs → chunk-MFTVX2ME.mjs} +1 -1
  10. package/dist/{ArrayField-F7OLZF6U.mjs → chunk-QBCQ7LDT.mjs} +364 -45
  11. package/dist/chunk-TE6MUUVZ.mjs +92 -0
  12. package/dist/{chunk-5OK3IPVN.mjs → chunk-VE6BIQKS.mjs} +1 -1
  13. package/dist/{chunk-H2LU4EW3.mjs → chunk-WDTSUNWU.mjs} +209 -156
  14. package/dist/{chunk-2VS2BST6.mjs → chunk-WH3A7FAR.mjs} +1 -1
  15. package/dist/{chunk-GIUKL443.mjs → chunk-XLNVCM4Q.mjs} +30 -30
  16. package/dist/{chunk-6RPYD5IO.mjs → chunk-YE4FXNJW.mjs} +2 -2
  17. package/dist/{full-65U7W6EN.mjs → full-SYDEKGLJ.mjs} +5 -5
  18. package/dist/index.css +74 -58
  19. package/dist/index.d.mts +37 -1
  20. package/dist/index.d.ts +37 -1
  21. package/dist/index.js +1098 -698
  22. package/dist/index.mjs +17 -10
  23. package/dist/{loaded-3NNC6Q35.mjs → loaded-5JH76RZT.mjs} +2 -2
  24. package/dist/{loaded-2CPFB62H.mjs → loaded-NHGZU7V3.mjs} +2 -2
  25. package/dist/{loaded-GYA4OMNE.mjs → loaded-ON5OAY2P.mjs} +2 -2
  26. package/dist/no-external.css +74 -58
  27. package/dist/no-external.d.mts +1 -1
  28. package/dist/no-external.d.ts +1 -1
  29. package/dist/no-external.js +1098 -698
  30. package/dist/no-external.mjs +17 -10
  31. package/package.json +1 -1
  32. package/dist/ObjectField-4SN4ZYFF.mjs +0 -87
  33. package/dist/chunk-BQW2NTNG.mjs +0 -339
  34. package/dist/chunk-IRJS3HWQ.mjs +0 -60
package/dist/index.mjs CHANGED
@@ -1,8 +1,11 @@
1
1
  import {
2
+ ColorPickerField,
2
3
  CredBuild,
3
4
  Drawer,
4
5
  DropZone,
5
6
  Render,
7
+ ResponsiveSliderField,
8
+ SliderField,
6
9
  blocksPlugin,
7
10
  createUseCredBuild,
8
11
  fieldsPlugin,
@@ -12,17 +15,18 @@ import {
12
15
  registerOverlayPortal,
13
16
  useCredBuild,
14
17
  useGetCredBuild
15
- } from "./chunk-P3RHOUJG.mjs";
16
- import "./chunk-6RPYD5IO.mjs";
18
+ } from "./chunk-AMHAYK37.mjs";
19
+ import "./chunk-YE4FXNJW.mjs";
17
20
  import {
18
21
  setDeep
19
- } from "./chunk-BQW2NTNG.mjs";
22
+ } from "./chunk-QBCQ7LDT.mjs";
23
+ import "./chunk-TE6MUUVZ.mjs";
20
24
  import {
21
25
  AutoField,
22
26
  Button,
23
27
  FieldLabel
24
- } from "./chunk-H2LU4EW3.mjs";
25
- import "./chunk-2VS2BST6.mjs";
28
+ } from "./chunk-WDTSUNWU.mjs";
29
+ import "./chunk-WH3A7FAR.mjs";
26
30
  import {
27
31
  migrate,
28
32
  resolveAllData,
@@ -37,11 +41,11 @@ import {
37
41
  Label,
38
42
  RichTextMenu,
39
43
  Separator
40
- } from "./chunk-VBNE6GK2.mjs";
41
- import "./chunk-LBMMY5IM.mjs";
42
- import "./chunk-WKMRHPOM.mjs";
43
- import "./chunk-5OK3IPVN.mjs";
44
- import "./chunk-GIUKL443.mjs";
44
+ } from "./chunk-5JSNFZKX.mjs";
45
+ import "./chunk-MFTVX2ME.mjs";
46
+ import "./chunk-KUWVOWUV.mjs";
47
+ import "./chunk-VE6BIQKS.mjs";
48
+ import "./chunk-XLNVCM4Q.mjs";
45
49
  import "./chunk-64A37UUC.mjs";
46
50
  import "./chunk-SMAWAXVX.mjs";
47
51
  import "./chunk-BFHV72KK.mjs";
@@ -54,6 +58,7 @@ export {
54
58
  ActionBar,
55
59
  AutoField,
56
60
  Button,
61
+ ColorPickerField,
57
62
  CredBuild,
58
63
  Drawer,
59
64
  DropZone,
@@ -62,8 +67,10 @@ export {
62
67
  IconButton,
63
68
  Label,
64
69
  Render,
70
+ ResponsiveSliderField,
65
71
  RichTextMenu,
66
72
  Separator,
73
+ SliderField,
67
74
  blocksPlugin,
68
75
  createUseCredBuild,
69
76
  fieldsPlugin,
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  useListOptions
3
- } from "./chunk-5OK3IPVN.mjs";
3
+ } from "./chunk-VE6BIQKS.mjs";
4
4
  import {
5
5
  List,
6
6
  SelectControl,
7
7
  useControlContext
8
- } from "./chunk-GIUKL443.mjs";
8
+ } from "./chunk-XLNVCM4Q.mjs";
9
9
  import "./chunk-64A37UUC.mjs";
10
10
  import "./chunk-SMAWAXVX.mjs";
11
11
  import "./chunk-BFHV72KK.mjs";
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  useHeadingOptions
3
- } from "./chunk-WKMRHPOM.mjs";
3
+ } from "./chunk-KUWVOWUV.mjs";
4
4
  import {
5
5
  Heading,
6
6
  SelectControl,
7
7
  useControlContext
8
- } from "./chunk-GIUKL443.mjs";
8
+ } from "./chunk-XLNVCM4Q.mjs";
9
9
  import "./chunk-64A37UUC.mjs";
10
10
  import "./chunk-SMAWAXVX.mjs";
11
11
  import "./chunk-BFHV72KK.mjs";
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  useAlignOptions
3
- } from "./chunk-LBMMY5IM.mjs";
3
+ } from "./chunk-MFTVX2ME.mjs";
4
4
  import {
5
5
  SelectControl,
6
6
  TextAlignStart,
7
7
  useControlContext
8
- } from "./chunk-GIUKL443.mjs";
8
+ } from "./chunk-XLNVCM4Q.mjs";
9
9
  import "./chunk-64A37UUC.mjs";
10
10
  import "./chunk-SMAWAXVX.mjs";
11
11
  import "./chunk-BFHV72KK.mjs";
@@ -240,10 +240,10 @@
240
240
  }
241
241
 
242
242
  /* css-module:/home/crediblemark/Project/Credibuild/components/AutoField/styles.module.css/#css-module-data */
243
- ._InputWrapper_1q7gk_1 + ._InputWrapper_1q7gk_1 {
243
+ ._InputWrapper_1mz7o_1 + ._InputWrapper_1mz7o_1 {
244
244
  margin-top: 12px;
245
245
  }
246
- ._Input-label_1q7gk_5 {
246
+ ._Input-label_1mz7o_5 {
247
247
  align-items: center;
248
248
  color: var(--credbuild-color-grey-04);
249
249
  display: flex;
@@ -251,17 +251,20 @@
251
251
  font-size: var(--credbuild-font-size-xxs);
252
252
  font-weight: 600;
253
253
  }
254
- ._Input-labelIcon_1q7gk_14 {
254
+ ._Input-label--noChildren_1mz7o_14 {
255
+ padding-bottom: 0;
256
+ }
257
+ ._Input-labelIcon_1mz7o_18 {
255
258
  color: var(--credbuild-color-grey-07);
256
259
  display: flex;
257
260
  margin-inline-end: 4px;
258
261
  padding-inline-start: 4px;
259
262
  }
260
- ._Input-disabledIcon_1q7gk_21 {
263
+ ._Input-disabledIcon_1mz7o_25 {
261
264
  color: var(--credbuild-color-grey-05);
262
265
  margin-inline-start: auto;
263
266
  }
264
- ._Input-input_1q7gk_26 {
267
+ ._Input-input_1mz7o_30 {
265
268
  background: var(--credbuild-color-white);
266
269
  border-width: 1px;
267
270
  border-style: solid;
@@ -276,11 +279,11 @@
276
279
  max-width: 100%;
277
280
  }
278
281
  @media (min-width: 458px) {
279
- ._Input-input_1q7gk_26 {
282
+ ._Input-input_1mz7o_30 {
280
283
  font-size: 14px;
281
284
  }
282
285
  }
283
- select._Input-input_1q7gk_26 {
286
+ select._Input-input_1mz7o_30 {
284
287
  appearance: none;
285
288
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
286
289
  background-size: 12px;
@@ -289,29 +292,29 @@ select._Input-input_1q7gk_26 {
289
292
  background-color: var(--credbuild-color-white);
290
293
  cursor: pointer;
291
294
  }
292
- select._Input-input_1q7gk_26:dir(rtl) {
295
+ select._Input-input_1mz7o_30:dir(rtl) {
293
296
  background-position: 12px calc(50% + 3px);
294
297
  }
295
298
  @media (hover: hover) and (pointer: fine) {
296
- ._Input_1q7gk_1:has(> input):hover ._Input-input_1q7gk_26:not([readonly]),
297
- ._Input_1q7gk_1:has(> textarea):hover ._Input-input_1q7gk_26:not([readonly]) {
299
+ ._Input_1mz7o_1:has(> input):hover ._Input-input_1mz7o_30:not([readonly]),
300
+ ._Input_1mz7o_1:has(> textarea):hover ._Input-input_1mz7o_30:not([readonly]) {
298
301
  border-color: var(--credbuild-color-grey-05);
299
302
  transition: none;
300
303
  }
301
- ._Input_1q7gk_1:has(> select):hover ._Input-input_1q7gk_26:not([disabled]) {
304
+ ._Input_1mz7o_1:has(> select):hover ._Input-input_1mz7o_30:not([disabled]) {
302
305
  background-color: var(--credbuild-color-azure-12);
303
306
  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>");
304
307
  border-color: var(--credbuild-color-grey-05);
305
308
  transition: none;
306
309
  }
307
310
  }
308
- ._Input-input_1q7gk_26:focus {
311
+ ._Input-input_1mz7o_30:focus {
309
312
  border-color: var(--credbuild-color-grey-05);
310
313
  outline: 2px solid var(--credbuild-color-azure-05);
311
314
  transition: none;
312
315
  }
313
- ._Input--readOnly_1q7gk_82 > ._Input-input_1q7gk_26,
314
- ._Input--readOnly_1q7gk_82 > select._Input-input_1q7gk_26 {
316
+ ._Input--readOnly_1mz7o_86 > ._Input-input_1mz7o_30,
317
+ ._Input--readOnly_1mz7o_86 > select._Input-input_1mz7o_30 {
315
318
  background-color: var(--credbuild-color-grey-11);
316
319
  border-color: var(--credbuild-color-grey-09);
317
320
  color: var(--credbuild-color-grey-04);
@@ -320,34 +323,34 @@ select._Input-input_1q7gk_26:dir(rtl) {
320
323
  outline: 0;
321
324
  transition: none;
322
325
  }
323
- ._Input-radioGroupItems_1q7gk_93 {
326
+ ._Input-radioGroupItems_1mz7o_97 {
324
327
  display: flex;
325
328
  border: 1px solid var(--credbuild-color-grey-09);
326
329
  border-radius: 4px;
327
330
  flex-wrap: wrap;
328
331
  }
329
- ._Input-radio_1q7gk_93 {
332
+ ._Input-radio_1mz7o_97 {
330
333
  border-inline-end: 1px solid var(--credbuild-color-grey-09);
331
334
  flex-grow: 1;
332
335
  }
333
- ._Input-radio_1q7gk_93:first-of-type {
336
+ ._Input-radio_1mz7o_97:first-of-type {
334
337
  border-bottom-left-radius: 4px;
335
338
  border-top-left-radius: 4px;
336
339
  }
337
- ._Input-radio_1q7gk_93:first-of-type ._Input-radioInner_1q7gk_110 {
340
+ ._Input-radio_1mz7o_97:first-of-type ._Input-radioInner_1mz7o_114 {
338
341
  border-bottom-left-radius: 3px;
339
342
  border-top-left-radius: 3px;
340
343
  }
341
- ._Input-radio_1q7gk_93:last-of-type {
344
+ ._Input-radio_1mz7o_97:last-of-type {
342
345
  border-bottom-right-radius: 4px;
343
346
  border-inline-end: 0;
344
347
  border-top-right-radius: 4px;
345
348
  }
346
- ._Input-radio_1q7gk_93:last-of-type ._Input-radioInner_1q7gk_110 {
349
+ ._Input-radio_1mz7o_97:last-of-type ._Input-radioInner_1mz7o_114 {
347
350
  border-bottom-right-radius: 3px;
348
351
  border-top-right-radius: 3px;
349
352
  }
350
- ._Input-radioInner_1q7gk_110 {
353
+ ._Input-radioInner_1mz7o_114 {
351
354
  background-color: var(--credbuild-color-white);
352
355
  color: var(--credbuild-color-grey-04);
353
356
  cursor: pointer;
@@ -356,32 +359,32 @@ select._Input-input_1q7gk_26:dir(rtl) {
356
359
  text-align: center;
357
360
  transition: background-color 50ms ease-in;
358
361
  }
359
- ._Input-radio_1q7gk_93:has(:focus-visible) {
362
+ ._Input-radio_1mz7o_97:has(:focus-visible) {
360
363
  outline: 2px solid var(--credbuild-color-azure-05);
361
364
  outline-offset: 2px;
362
365
  position: relative;
363
366
  }
364
367
  @media (hover: hover) and (pointer: fine) {
365
- ._Input-radioInner_1q7gk_110:hover {
368
+ ._Input-radioInner_1mz7o_114:hover {
366
369
  background-color: var(--credbuild-color-azure-12);
367
370
  transition: none;
368
371
  }
369
372
  }
370
- ._Input--readOnly_1q7gk_82 ._Input-radioInner_1q7gk_110 {
373
+ ._Input--readOnly_1mz7o_86 ._Input-radioInner_1mz7o_114 {
371
374
  background-color: var(--credbuild-color-white);
372
375
  color: var(--credbuild-color-grey-04);
373
376
  cursor: default;
374
377
  }
375
- ._Input-radio_1q7gk_93 ._Input-radioInput_1q7gk_155:checked ~ ._Input-radioInner_1q7gk_110 {
378
+ ._Input-radio_1mz7o_97 ._Input-radioInput_1mz7o_159:checked ~ ._Input-radioInner_1mz7o_114 {
376
379
  background-color: var(--credbuild-color-azure-11);
377
380
  color: var(--credbuild-color-azure-04);
378
381
  font-weight: 500;
379
382
  }
380
- ._Input--readOnly_1q7gk_82 ._Input-radioInput_1q7gk_155:checked ~ ._Input-radioInner_1q7gk_110 {
383
+ ._Input--readOnly_1mz7o_86 ._Input-radioInput_1mz7o_159:checked ~ ._Input-radioInner_1mz7o_114 {
381
384
  background-color: var(--credbuild-color-grey-11);
382
385
  color: var(--credbuild-color-grey-04);
383
386
  }
384
- ._Input-radio_1q7gk_93 ._Input-radioInput_1q7gk_155 {
387
+ ._Input-radio_1mz7o_97 ._Input-radioInput_1mz7o_159 {
385
388
  clip: rect(0 0 0 0);
386
389
  clip-path: inset(100%);
387
390
  height: 1px;
@@ -390,7 +393,7 @@ select._Input-input_1q7gk_26:dir(rtl) {
390
393
  white-space: nowrap;
391
394
  width: 1px;
392
395
  }
393
- textarea._Input-input_1q7gk_26 {
396
+ textarea._Input-input_1mz7o_30 {
394
397
  margin-bottom: -4px;
395
398
  }
396
399
 
@@ -1347,18 +1350,32 @@ textarea._Input-input_1q7gk_26 {
1347
1350
  }
1348
1351
 
1349
1352
  /* css-module:/home/crediblemark/Project/Credibuild/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data */
1350
- ._ObjectField_b2xjm_5 {
1353
+ ._ObjectField_1vrf5_1 {
1351
1354
  display: flex;
1352
1355
  flex-direction: column;
1353
- background-color: var(--credbuild-color-white);
1356
+ background-color: transparent;
1354
1357
  border: 1px solid var(--credbuild-color-grey-09);
1355
- border-radius: 4px;
1358
+ border-radius: 6px;
1359
+ margin-bottom: 8px;
1360
+ overflow: hidden;
1361
+ transition: all 0.2s ease;
1362
+ }
1363
+ ._ObjectField--isOpen_1vrf5_12 {
1364
+ border-color: var(--credbuild-color-azure-09);
1365
+ background-color: var(--credbuild-color-grey-11);
1356
1366
  }
1357
- ._ObjectField-fieldset_b2xjm_13 {
1367
+ ._ObjectField-content_1vrf5_17 {
1368
+ border-top: 1px solid var(--credbuild-color-grey-09);
1369
+ background-color: var(--credbuild-color-white);
1370
+ }
1371
+ ._ObjectField-fieldset_1vrf5_22 {
1358
1372
  border: none;
1359
1373
  margin: 0;
1360
1374
  min-width: 0;
1361
- padding: 16px 15px;
1375
+ padding: 12px 12px;
1376
+ display: flex;
1377
+ flex-direction: column;
1378
+ gap: 12px;
1362
1379
  }
1363
1380
 
1364
1381
  /* css-module:/home/crediblemark/Project/Credibuild/components/Drawer/styles.module.css/#css-module-data */
@@ -1817,13 +1834,13 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
1817
1834
  }
1818
1835
 
1819
1836
  /* css-module:/home/crediblemark/Project/Credibuild/components/CredBuild/components/Layout/styles.module.css/#css-module-data */
1820
- ._CredBuildLayout_ildl0_1 {
1837
+ ._CredBuildLayout_14aaz_1 {
1821
1838
  display: flex;
1822
1839
  flex: 1;
1823
1840
  height: 100vh;
1824
1841
  overflow: hidden;
1825
1842
  }
1826
- ._CredBuildLayout-inner_ildl0_8 {
1843
+ ._CredBuildLayout-inner_14aaz_8 {
1827
1844
  display: grid;
1828
1845
  flex: 1;
1829
1846
  grid-template-areas: "header";
@@ -1833,7 +1850,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
1833
1850
  overflow: hidden;
1834
1851
  }
1835
1852
  @media (min-width: 638px) {
1836
- ._CredBuildLayout-inner_ildl0_8 {
1853
+ ._CredBuildLayout-inner_14aaz_8 {
1837
1854
  --credbuild-side-bar-width: 300px;
1838
1855
  --cb-left-sidebar-width: 0px;
1839
1856
  --cb-right-sidebar-width: 0px;
@@ -1841,27 +1858,27 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
1841
1858
  grid-template-columns: var(--cb-left-sidebar-width) 1fr var(--cb-right-sidebar-width);
1842
1859
  grid-template-rows: 40px 1fr;
1843
1860
  }
1844
- ._CredBuildLayout--leftSideBarVisible_ildl0_29 ._CredBuildLayout-inner_ildl0_8 {
1861
+ ._CredBuildLayout--leftSideBarVisible_14aaz_29 ._CredBuildLayout-inner_14aaz_8 {
1845
1862
  --cb-left-sidebar-width: var(--credbuild-user-left-side-bar-width, var(--credbuild-side-bar-width));
1846
1863
  }
1847
- ._CredBuildLayout--rightSideBarVisible_ildl0_33 ._CredBuildLayout-inner_ildl0_8 {
1864
+ ._CredBuildLayout--rightSideBarVisible_14aaz_33 ._CredBuildLayout-inner_14aaz_8 {
1848
1865
  --cb-right-sidebar-width: var(--credbuild-user-right-side-bar-width, var(--credbuild-side-bar-width));
1849
1866
  }
1850
- ._CredBuild--hidePlugins_ildl0_37 ._CredBuildLayout-inner_ildl0_8 {
1867
+ ._CredBuild--hidePlugins_14aaz_37 ._CredBuildLayout-inner_14aaz_8 {
1851
1868
  grid-template-areas: "header header" "editor right";
1852
1869
  grid-template-columns: 1fr auto;
1853
1870
  }
1854
1871
  }
1855
- ._CredBuildLayout-item_ildl0_43 {
1872
+ ._CredBuildLayout-item_14aaz_43 {
1856
1873
  box-sizing: border-box;
1857
1874
  overflow: hidden;
1858
1875
  position: relative;
1859
1876
  }
1860
- ._CredBuildLayout-header_ildl0_49 {
1877
+ ._CredBuildLayout-header_14aaz_49 {
1861
1878
  grid-area: header;
1862
1879
  z-index: 20;
1863
1880
  }
1864
- ._CredBuildLayout-left_ildl0_54 {
1881
+ ._CredBuildLayout-left_14aaz_54 {
1865
1882
  grid-area: left;
1866
1883
  display: flex;
1867
1884
  flex-direction: column;
@@ -1869,36 +1886,35 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
1869
1886
  overflow: hidden;
1870
1887
  border-right: 1px solid var(--credbuild-color-grey-10);
1871
1888
  }
1872
- ._CredBuildLayout_ildl0_1:not(._CredBuildLayout--leftSideBarVisible_ildl0_29) ._CredBuildLayout-left_ildl0_54 {
1889
+ ._CredBuildLayout_14aaz_1:not(._CredBuildLayout--leftSideBarVisible_14aaz_29) ._CredBuildLayout-left_14aaz_54 {
1873
1890
  border-right: none;
1874
1891
  }
1875
- ._CredBuildLayout-editor_ildl0_67 {
1892
+ ._CredBuildLayout-editor_14aaz_67 {
1876
1893
  grid-area: editor;
1877
1894
  background-color: var(--credbuild-color-grey-09);
1878
1895
  display: flex;
1879
1896
  flex-direction: column;
1880
1897
  position: relative;
1881
- overflow: auto;
1882
1898
  }
1883
- ._CredBuildLayout-right_ildl0_76 {
1899
+ ._CredBuildLayout-right_14aaz_75 {
1884
1900
  grid-area: right;
1885
1901
  z-index: 10;
1886
1902
  border-left: 1px solid var(--credbuild-color-grey-10);
1887
1903
  overflow: auto;
1888
1904
  }
1889
- ._CredBuildLayout_ildl0_1:not(._CredBuildLayout--rightSideBarVisible_ildl0_33) ._CredBuildLayout-right_ildl0_76 {
1905
+ ._CredBuildLayout_14aaz_1:not(._CredBuildLayout--rightSideBarVisible_14aaz_33) ._CredBuildLayout-right_14aaz_75 {
1890
1906
  border-left: none;
1891
1907
  }
1892
- ._CredBuildLayout-left_ildl0_54,
1893
- ._CredBuildLayout-right_ildl0_76 {
1908
+ ._CredBuildLayout-left_14aaz_54,
1909
+ ._CredBuildLayout-right_14aaz_75 {
1894
1910
  background-color: var(--credbuild-color-white);
1895
1911
  height: 100%;
1896
1912
  }
1897
- ._CredBuildLayout-sidebar_ildl0_93 {
1913
+ ._CredBuildLayout-sidebar_14aaz_92 {
1898
1914
  display: none;
1899
1915
  }
1900
1916
  @media (min-width: 638px) {
1901
- ._CredBuildLayout-sidebar_ildl0_93 {
1917
+ ._CredBuildLayout-sidebar_14aaz_92 {
1902
1918
  display: block;
1903
1919
  height: 100%;
1904
1920
  overflow: hidden;
@@ -1906,31 +1922,31 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
1906
1922
  flex-direction: column;
1907
1923
  }
1908
1924
  }
1909
- ._CredBuildPluginTab_ildl0_108 {
1925
+ ._CredBuildPluginTab_14aaz_107 {
1910
1926
  display: none;
1911
1927
  flex-direction: column;
1912
1928
  flex: 1;
1913
1929
  overflow: hidden;
1914
1930
  }
1915
- ._CredBuildPluginTab--visible_ildl0_115 {
1931
+ ._CredBuildPluginTab--visible_14aaz_114 {
1916
1932
  display: flex;
1917
1933
  }
1918
- ._CredBuildPluginTab-body_ildl0_119 {
1934
+ ._CredBuildPluginTab-body_14aaz_118 {
1919
1935
  display: flex;
1920
1936
  flex-direction: column;
1921
1937
  flex: 1;
1922
1938
  overflow-y: auto;
1923
1939
  padding-bottom: 32px;
1924
1940
  }
1925
- ._CredBuildLayout-left_ildl0_54,
1926
- ._CredBuildLayout-right_ildl0_76,
1927
- ._CredBuildLayout-header_ildl0_49 {
1941
+ ._CredBuildLayout-left_14aaz_54,
1942
+ ._CredBuildLayout-right_14aaz_75,
1943
+ ._CredBuildLayout-header_14aaz_49 {
1928
1944
  border-radius: 0 !important;
1929
1945
  margin: 0 !important;
1930
1946
  box-shadow: none !important;
1931
1947
  border-top: none;
1932
1948
  }
1933
- ._CredBuildLayout--mounted_ildl0_135 ._CredBuildLayout-inner_ildl0_8 {
1949
+ ._CredBuildLayout--mounted_14aaz_134 ._CredBuildLayout-inner_14aaz_8 {
1934
1950
  opacity: 1;
1935
1951
  }
1936
1952
 
@@ -1,5 +1,5 @@
1
1
  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, c as ComponentData, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, a as Config, Q as ConfigParams, b as Content, C as CredBuildAction, S as CredBuildComponent, T as CredBuildContext, X as CredBuildMetadata, Y as CustomField, Z as CustomFieldRender, D as Data, e as DefaultComponentProps, d as DefaultComponents, f as DefaultRootFieldProps, _ as DefaultRootProps, $ as DefaultRootRenderProps, a0 as Direction, a1 as DragAxis, a2 as ExternalField, a3 as ExternalFieldWithAdaptor, a4 as ExtractConfigParams, a5 as ExtractField, p as Field, a6 as FieldMetadata, q as FieldProps, a7 as FieldRenderFunctions, a8 as FieldTransformFn, a9 as FieldTransformFnParams, n as FieldTransforms, F as Fields, H as History, I as IframeConfig, s as InitialHistory, aa as ItemWithId, ab as MappedItem, M as Metadata, ac as NumberField, ad as ObjectField, O as OnAction, ae as OverrideKey, k as Overrides, g as Permissions, j as Plugin, af as RadioField, i as ResolveDataTrigger, 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, l as UiState, U as UserGenerics, ap as Viewport, V as Viewports, aq as WithChildren, ar as WithCredBuildProps, W as WithId, as as WithSlotProps, at as overrideKeys } from './actions-CEH_5LMY.mjs';
2
- export { Action, ActionBar, AutoField, Button, CredBuild, CredBuildApi, Drawer, DropZone, FieldLabel, Group, IconButton, Label, Render, RichTextMenu, Separator, UseCredBuildData, blocksPlugin, createUseCredBuild, fieldsPlugin, legacySideBarPlugin, outlinePlugin, registerOverlayPortal, setDeep, useCredBuild, useGetCredBuild } from './index.mjs';
2
+ export { Action, ActionBar, AutoField, Button, ColorPickerField, CredBuild, CredBuildApi, Drawer, DropZone, FieldLabel, Group, IconButton, Label, Render, ResponsiveSliderField, RichTextMenu, Separator, SliderField, UseCredBuildData, blocksPlugin, createUseCredBuild, fieldsPlugin, legacySideBarPlugin, outlinePlugin, registerOverlayPortal, setDeep, useCredBuild, useGetCredBuild } from './index.mjs';
3
3
  export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-C78ZVz19.mjs';
4
4
  import 'react';
5
5
  import '@tiptap/react';
@@ -1,5 +1,5 @@
1
1
  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, c as ComponentData, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, a as Config, Q as ConfigParams, b as Content, C as CredBuildAction, S as CredBuildComponent, T as CredBuildContext, X as CredBuildMetadata, Y as CustomField, Z as CustomFieldRender, D as Data, e as DefaultComponentProps, d as DefaultComponents, f as DefaultRootFieldProps, _ as DefaultRootProps, $ as DefaultRootRenderProps, a0 as Direction, a1 as DragAxis, a2 as ExternalField, a3 as ExternalFieldWithAdaptor, a4 as ExtractConfigParams, a5 as ExtractField, p as Field, a6 as FieldMetadata, q as FieldProps, a7 as FieldRenderFunctions, a8 as FieldTransformFn, a9 as FieldTransformFnParams, n as FieldTransforms, F as Fields, H as History, I as IframeConfig, s as InitialHistory, aa as ItemWithId, ab as MappedItem, M as Metadata, ac as NumberField, ad as ObjectField, O as OnAction, ae as OverrideKey, k as Overrides, g as Permissions, j as Plugin, af as RadioField, i as ResolveDataTrigger, 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, l as UiState, U as UserGenerics, ap as Viewport, V as Viewports, aq as WithChildren, ar as WithCredBuildProps, W as WithId, as as WithSlotProps, at as overrideKeys } from './actions-CEH_5LMY.js';
2
- export { Action, ActionBar, AutoField, Button, CredBuild, CredBuildApi, Drawer, DropZone, FieldLabel, Group, IconButton, Label, Render, RichTextMenu, Separator, UseCredBuildData, blocksPlugin, createUseCredBuild, fieldsPlugin, legacySideBarPlugin, outlinePlugin, registerOverlayPortal, setDeep, useCredBuild, useGetCredBuild } from './index.js';
2
+ export { Action, ActionBar, AutoField, Button, ColorPickerField, CredBuild, CredBuildApi, Drawer, DropZone, FieldLabel, Group, IconButton, Label, Render, ResponsiveSliderField, RichTextMenu, Separator, SliderField, UseCredBuildData, blocksPlugin, createUseCredBuild, fieldsPlugin, legacySideBarPlugin, outlinePlugin, registerOverlayPortal, setDeep, useCredBuild, useGetCredBuild } from './index.js';
3
3
  export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-B4ZvMfxS.js';
4
4
  import 'react';
5
5
  import '@tiptap/react';