@measured/puck 0.19.0-canary.1fc19b5 → 0.19.0-canary.2c1db862

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.
package/dist/rsc.css ADDED
@@ -0,0 +1,339 @@
1
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
2
+ ._DraggableComponent_qzbgx_1 {
3
+ position: absolute;
4
+ pointer-events: none;
5
+ --overlay-background: color-mix( in srgb, var(--puck-color-azure-08) 30%, transparent );
6
+ }
7
+ ._DraggableComponent-overlay_qzbgx_12 {
8
+ cursor: pointer;
9
+ height: 100%;
10
+ width: 100%;
11
+ top: 0;
12
+ outline: 2px var(--puck-color-azure-09) solid;
13
+ outline-offset: -2px;
14
+ position: absolute;
15
+ pointer-events: none;
16
+ box-sizing: border-box;
17
+ z-index: 1;
18
+ }
19
+ ._DraggableComponent_qzbgx_1:focus-visible > ._DraggableComponent-overlay_qzbgx_12 {
20
+ outline: 1px solid var(--puck-color-azure-05);
21
+ }
22
+ ._DraggableComponent-loadingOverlay_qzbgx_29 {
23
+ background: var(--puck-color-white);
24
+ color: var(--puck-color-grey-03);
25
+ border-radius: 4px;
26
+ display: flex;
27
+ padding: 8px;
28
+ top: 8px;
29
+ right: 8px;
30
+ position: absolute;
31
+ z-index: 1;
32
+ pointer-events: all;
33
+ box-sizing: border-box;
34
+ opacity: 0.8;
35
+ z-index: 1;
36
+ }
37
+ ._DraggableComponent--hover_qzbgx_45:not(._DraggableComponent--isLocked_qzbgx_45) > ._DraggableComponent-overlay_qzbgx_12 {
38
+ background: var(--overlay-background);
39
+ }
40
+ ._DraggableComponent--hover_qzbgx_45 > ._DraggableComponent-overlay_qzbgx_12 {
41
+ outline: 2px var(--puck-color-azure-09) solid;
42
+ }
43
+ ._DraggableComponent--isSelected_qzbgx_54 > ._DraggableComponent-overlay_qzbgx_12 {
44
+ outline-color: var(--puck-color-azure-07);
45
+ }
46
+ ._DraggableComponent_qzbgx_1:has(._DraggableComponent--hover_qzbgx_45 > ._DraggableComponent-overlay_qzbgx_12) > ._DraggableComponent-overlay_qzbgx_12 {
47
+ display: none;
48
+ }
49
+ ._DraggableComponent-actionsOverlay_qzbgx_66 {
50
+ position: sticky;
51
+ opacity: 0;
52
+ pointer-events: none;
53
+ z-index: 2;
54
+ }
55
+ ._DraggableComponent--isSelected_qzbgx_54 ._DraggableComponent-actionsOverlay_qzbgx_66 {
56
+ opacity: 1;
57
+ pointer-events: auto;
58
+ }
59
+ ._DraggableComponent-actions_qzbgx_66 {
60
+ position: absolute;
61
+ width: auto;
62
+ cursor: grab;
63
+ display: flex;
64
+ box-sizing: border-box;
65
+ transform-origin: right top;
66
+ min-height: 36px;
67
+ }
68
+
69
+ /* components/DraggableComponent/styles.css */
70
+ [data-puck-component] * {
71
+ pointer-events: none;
72
+ user-select: none;
73
+ -webkit-user-select: none;
74
+ }
75
+ [data-puck-component] {
76
+ cursor: grab;
77
+ pointer-events: auto !important;
78
+ user-select: none;
79
+ -webkit-user-select: none;
80
+ }
81
+ [data-puck-dropzone] {
82
+ pointer-events: auto !important;
83
+ }
84
+ [data-puck-disabled] {
85
+ cursor: pointer;
86
+ }
87
+ [data-puck-dragging]:not([data-dnd-dragging]) {
88
+ background: var(--puck-color-azure-06) !important;
89
+ border: none !important;
90
+ color: #00000000 !important;
91
+ opacity: 0.3 !important;
92
+ outline: none !important;
93
+ transition: none !important;
94
+ }
95
+ [data-puck-dragging]:not([data-dnd-dragging]) *,
96
+ [data-puck-dragging]:not([data-dnd-dragging])::after,
97
+ [data-puck-dragging]:not([data-dnd-dragging])::before {
98
+ opacity: 0 !important;
99
+ }
100
+ [data-dnd-dragging][data-puck-component] {
101
+ pointer-events: none !important;
102
+ outline: 2px var(--puck-color-azure-09) solid !important;
103
+ outline-offset: -2px !important;
104
+ }
105
+
106
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/Loader/styles.module.css/#css-module-data */
107
+ @keyframes _loader-animation_nacdm_1 {
108
+ 0% {
109
+ transform: rotate(0deg) scale(1);
110
+ }
111
+ 50% {
112
+ transform: rotate(180deg) scale(0.8);
113
+ }
114
+ 100% {
115
+ transform: rotate(360deg) scale(1);
116
+ }
117
+ }
118
+ ._Loader_nacdm_13 {
119
+ background: transparent;
120
+ border-radius: 100%;
121
+ border: 2px solid currentColor;
122
+ border-bottom-color: transparent;
123
+ display: inline-block;
124
+ animation: _loader-animation_nacdm_1 1s 0s infinite linear;
125
+ animation-fill-mode: both;
126
+ }
127
+
128
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */
129
+ ._ActionBar_rvadt_1 {
130
+ align-items: center;
131
+ cursor: default;
132
+ display: flex;
133
+ width: auto;
134
+ padding: 4px;
135
+ padding-inline-start: 0;
136
+ padding-inline-end: 0;
137
+ border-top-left-radius: 8px;
138
+ border-top-right-radius: 8px;
139
+ border-radius: 8px;
140
+ background: var(--puck-color-grey-01);
141
+ color: var(--puck-color-white);
142
+ font-family: var(--puck-font-family);
143
+ min-height: 26px;
144
+ }
145
+ ._ActionBar-label_rvadt_18 {
146
+ color: var(--puck-color-grey-08);
147
+ font-size: var(--puck-font-size-xxxs);
148
+ font-weight: 500;
149
+ padding-inline-start: 8px;
150
+ padding-inline-end: 8px;
151
+ margin-inline-start: 4px;
152
+ margin-inline-end: 4px;
153
+ text-overflow: ellipsis;
154
+ white-space: nowrap;
155
+ }
156
+ ._ActionBar-action_rvadt_30 + ._ActionBar-label_rvadt_18 {
157
+ padding-inline-start: 0;
158
+ }
159
+ ._ActionBar-label_rvadt_18 + ._ActionBar-action_rvadt_30 {
160
+ margin-inline-start: -4px;
161
+ }
162
+ ._ActionBar-group_rvadt_38 {
163
+ align-items: center;
164
+ border-inline-start: 0.5px solid var(--puck-color-grey-05);
165
+ display: flex;
166
+ height: 100%;
167
+ padding-inline-start: 4px;
168
+ padding-inline-end: 4px;
169
+ }
170
+ ._ActionBar-group_rvadt_38:first-of-type {
171
+ border-inline-start: 0;
172
+ }
173
+ ._ActionBar-group_rvadt_38:empty {
174
+ display: none;
175
+ }
176
+ ._ActionBar-action_rvadt_30 {
177
+ background: transparent;
178
+ border: none;
179
+ color: var(--puck-color-grey-08);
180
+ cursor: pointer;
181
+ padding: 6px 8px;
182
+ margin-inline-start: 4px;
183
+ margin-inline-end: 4px;
184
+ border-radius: 4px;
185
+ overflow: hidden;
186
+ display: flex;
187
+ align-items: center;
188
+ justify-content: center;
189
+ transition: color 50ms ease-in;
190
+ }
191
+ ._ActionBar-action_rvadt_30 svg {
192
+ max-width: none !important;
193
+ }
194
+ ._ActionBar-action_rvadt_30:focus-visible {
195
+ outline: 2px solid var(--puck-color-azure-05);
196
+ outline-offset: -2px;
197
+ }
198
+ @media (hover: hover) and (pointer: fine) {
199
+ ._ActionBar-action_rvadt_30:hover {
200
+ color: var(--puck-color-azure-06);
201
+ transition: none;
202
+ }
203
+ }
204
+ ._ActionBar-action_rvadt_30:active {
205
+ color: var(--puck-color-azure-07);
206
+ transition: none;
207
+ }
208
+ ._ActionBar-group_rvadt_38 * {
209
+ margin: 0;
210
+ }
211
+
212
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/DropZone/styles.module.css/#css-module-data */
213
+ ._DropZone_3dmev_1 {
214
+ --resize-animation-ms: 150ms;
215
+ position: relative;
216
+ height: 100%;
217
+ min-height: var(--min-empty-height);
218
+ outline-offset: -2px;
219
+ width: 100%;
220
+ }
221
+ ._DropZone--hasChildren_3dmev_11 {
222
+ min-height: 0;
223
+ }
224
+ ._DropZone_3dmev_1:empty {
225
+ min-height: var(--min-empty-height);
226
+ }
227
+ ._DropZone_3dmev_1:not(._DropZone--userIsDragging_3dmev_19) {
228
+ transition: min-height var(--resize-animation-ms) ease-in;
229
+ }
230
+ ._DropZone--isAreaSelected_3dmev_23,
231
+ ._DropZone--hoveringOverArea_3dmev_24:not(._DropZone--isRootZone_3dmev_24) {
232
+ background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent);
233
+ outline: 2px dashed var(--puck-color-azure-08);
234
+ }
235
+ ._DropZone_3dmev_1:empty {
236
+ background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent);
237
+ outline: 2px dashed var(--puck-color-azure-08);
238
+ }
239
+ ._DropZone--isDestination_3dmev_34 {
240
+ outline: 2px dashed var(--puck-color-azure-04) !important;
241
+ }
242
+ ._DropZone--isDestination_3dmev_34:not(._DropZone--isRootZone_3dmev_24) {
243
+ background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent) !important;
244
+ }
245
+ ._DropZone-item_3dmev_46 {
246
+ position: relative;
247
+ }
248
+ ._DropZone-hitbox_3dmev_50 {
249
+ position: absolute;
250
+ bottom: -12px;
251
+ height: 24px;
252
+ width: 100%;
253
+ z-index: 1;
254
+ }
255
+ ._DropZone--isEnabled_3dmev_58._DropZone--userIsDragging_3dmev_19 {
256
+ outline: 2px dashed var(--puck-color-azure-06);
257
+ }
258
+ ._DropZone_3dmev_1 > *:not([data-puck-component]) {
259
+ opacity: 0;
260
+ }
261
+ body:has(._DropZone--isAnimating_3dmev_67:empty) [data-puck-overlay] {
262
+ opacity: 0 !important;
263
+ }
264
+
265
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/Drawer/styles.module.css/#css-module-data */
266
+ ._Drawer_fkqfo_1 {
267
+ display: flex;
268
+ flex-direction: column;
269
+ font-family: var(--puck-font-family);
270
+ gap: 12px;
271
+ }
272
+ ._Drawer-draggable_fkqfo_8 {
273
+ position: relative;
274
+ }
275
+ ._Drawer-draggableBg_fkqfo_12 {
276
+ position: absolute;
277
+ top: 0;
278
+ right: 0;
279
+ bottom: 0;
280
+ left: 0;
281
+ pointer-events: none;
282
+ }
283
+ ._Drawer-draggableFg_fkqfo_21 {
284
+ z-index: 1;
285
+ }
286
+ ._DrawerItem-draggable_fkqfo_25 {
287
+ background: var(--puck-color-white);
288
+ cursor: grab;
289
+ padding: 12px;
290
+ display: flex;
291
+ border: 1px var(--puck-color-grey-09) solid;
292
+ border-radius: 4px;
293
+ font-size: var(--puck-font-size-xxs);
294
+ justify-content: space-between;
295
+ align-items: center;
296
+ transition: background-color 50ms ease-in, color 50ms ease-in;
297
+ }
298
+ ._DrawerItem--disabled_fkqfo_38 ._DrawerItem-draggable_fkqfo_25 {
299
+ background: var(--puck-color-grey-11);
300
+ color: var(--puck-color-grey-05);
301
+ cursor: not-allowed;
302
+ }
303
+ ._DrawerItem_fkqfo_25:focus-visible {
304
+ outline: 0;
305
+ }
306
+ ._Drawer_fkqfo_1:not(._Drawer--isDraggingFrom_fkqfo_48) ._DrawerItem_fkqfo_25:focus-visible ._DrawerItem-draggable_fkqfo_25 {
307
+ border-radius: 4px;
308
+ outline: 2px solid var(--puck-color-azure-05);
309
+ outline-offset: 2px;
310
+ }
311
+ @media (hover: hover) and (pointer: fine) {
312
+ ._Drawer_fkqfo_1:not(._Drawer--isDraggingFrom_fkqfo_48) ._DrawerItem_fkqfo_25:not(._DrawerItem--disabled_fkqfo_38) ._DrawerItem-draggable_fkqfo_25:hover {
313
+ background-color: var(--puck-color-azure-12);
314
+ color: var(--puck-color-azure-04);
315
+ transition: none;
316
+ }
317
+ }
318
+ ._DrawerItem-name_fkqfo_66 {
319
+ overflow-x: hidden;
320
+ text-overflow: ellipsis;
321
+ white-space: nowrap;
322
+ }
323
+
324
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/DragIcon/styles.module.css/#css-module-data */
325
+ ._DragIcon_17p8x_1 {
326
+ color: var(--puck-color-grey-05);
327
+ cursor: grab;
328
+ padding: 4px;
329
+ border-radius: 4px;
330
+ }
331
+ ._DragIcon--disabled_17p8x_8 {
332
+ cursor: no-drop;
333
+ }
334
+ @media (hover: hover) and (pointer: fine) {
335
+ ._DragIcon_17p8x_1:not(._DragIcon--disabled_17p8x_8):hover {
336
+ color: var(--puck-color-azure-05);
337
+ background-color: var(--puck-color-azure-12);
338
+ }
339
+ }
package/dist/rsc.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { C as Config, U as UserGenerics, M as Metadata } from './resolve-all-data-wwgDuTnC.mjs';
3
- export { a6 as resolveAllData } from './resolve-all-data-wwgDuTnC.mjs';
2
+ import { a as Config, U as UserGenerics, M as Metadata } from './resolve-all-data-BFRAghCj.mjs';
3
+ export { ac as resolveAllData, ab as transformProps } from './resolve-all-data-BFRAghCj.mjs';
4
4
  import 'react';
5
5
 
6
6
  declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, metadata, }: {
package/dist/rsc.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { C as Config, U as UserGenerics, M as Metadata } from './resolve-all-data-wwgDuTnC.js';
3
- export { a6 as resolveAllData } from './resolve-all-data-wwgDuTnC.js';
2
+ import { a as Config, U as UserGenerics, M as Metadata } from './resolve-all-data-BFRAghCj.js';
3
+ export { ac as resolveAllData, ab as transformProps } from './resolve-all-data-BFRAghCj.js';
4
4
  import 'react';
5
5
 
6
6
  declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, metadata, }: {