@measured/puck 0.21.0-canary.eb8ea5ce → 0.21.0-canary.ed10e2a4

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/index.css CHANGED
@@ -147,7 +147,7 @@
147
147
  /* bundle/index.css */
148
148
 
149
149
  /* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */
150
- ._ActionBar_1nmyk_1 {
150
+ ._ActionBar_rvadt_1 {
151
151
  align-items: center;
152
152
  cursor: default;
153
153
  display: flex;
@@ -163,7 +163,7 @@
163
163
  font-family: var(--puck-font-family);
164
164
  min-height: 26px;
165
165
  }
166
- ._ActionBar-label_1nmyk_18 {
166
+ ._ActionBar-label_rvadt_18 {
167
167
  color: var(--puck-color-grey-08);
168
168
  font-size: var(--puck-font-size-xxxs);
169
169
  font-weight: 500;
@@ -174,13 +174,13 @@
174
174
  text-overflow: ellipsis;
175
175
  white-space: nowrap;
176
176
  }
177
- ._ActionBarAction_1nmyk_30 + ._ActionBar-label_1nmyk_18 {
177
+ ._ActionBar-action_rvadt_30 + ._ActionBar-label_rvadt_18 {
178
178
  padding-inline-start: 0;
179
179
  }
180
- ._ActionBar-label_1nmyk_18 + ._ActionBarAction_1nmyk_30 {
180
+ ._ActionBar-label_rvadt_18 + ._ActionBar-action_rvadt_30 {
181
181
  margin-inline-start: -4px;
182
182
  }
183
- ._ActionBar-group_1nmyk_38 {
183
+ ._ActionBar-group_rvadt_38 {
184
184
  align-items: center;
185
185
  border-inline-start: 0.5px solid var(--puck-color-grey-05);
186
186
  display: flex;
@@ -188,18 +188,18 @@
188
188
  padding-inline-start: 4px;
189
189
  padding-inline-end: 4px;
190
190
  }
191
- ._ActionBar-group_1nmyk_38:first-of-type {
191
+ ._ActionBar-group_rvadt_38:first-of-type {
192
192
  border-inline-start: 0;
193
193
  }
194
- ._ActionBar-group_1nmyk_38:empty {
194
+ ._ActionBar-group_rvadt_38:empty {
195
195
  display: none;
196
196
  }
197
- ._ActionBarAction_1nmyk_30 {
197
+ ._ActionBar-action_rvadt_30 {
198
198
  background: transparent;
199
199
  border: none;
200
200
  color: var(--puck-color-grey-08);
201
201
  cursor: pointer;
202
- padding: 6px;
202
+ padding: 6px 8px;
203
203
  margin-inline-start: 4px;
204
204
  margin-inline-end: 4px;
205
205
  border-radius: 4px;
@@ -209,37 +209,26 @@
209
209
  justify-content: center;
210
210
  transition: color 50ms ease-in;
211
211
  }
212
- ._ActionBarAction--disabled_1nmyk_71 {
213
- cursor: auto;
214
- color: var(--puck-color-grey-06);
215
- }
216
- ._ActionBarAction_1nmyk_30 svg {
212
+ ._ActionBar-action_rvadt_30 svg {
217
213
  max-width: none !important;
218
214
  }
219
- ._ActionBarAction_1nmyk_30:focus-visible {
215
+ ._ActionBar-action_rvadt_30:focus-visible {
220
216
  outline: 2px solid var(--puck-color-azure-05);
221
217
  outline-offset: -2px;
222
218
  }
223
219
  @media (hover: hover) and (pointer: fine) {
224
- ._ActionBarAction_1nmyk_30:hover:not(._ActionBarAction--disabled_1nmyk_71) {
220
+ ._ActionBar-action_rvadt_30:hover {
225
221
  color: var(--puck-color-azure-06);
226
222
  transition: none;
227
223
  }
228
224
  }
229
- ._ActionBarAction_1nmyk_30:active:not(._ActionBarAction--disabled_1nmyk_71),
230
- ._ActionBarAction--active_1nmyk_93 {
225
+ ._ActionBar-action_rvadt_30:active {
231
226
  color: var(--puck-color-azure-07);
232
227
  transition: none;
233
228
  }
234
- ._ActionBar-group_1nmyk_38 * {
229
+ ._ActionBar-group_rvadt_38 * {
235
230
  margin: 0;
236
231
  }
237
- ._ActionBar-separator_1nmyk_102 {
238
- background: var(--puck-color-grey-05);
239
- margin-inline: 4px;
240
- width: 0.5px;
241
- height: 100%;
242
- }
243
232
 
244
233
  /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css/#css-module-data */
245
234
  ._InputWrapper_bsxfo_1 + ._InputWrapper_bsxfo_1 {
@@ -556,7 +545,7 @@ textarea._Input-input_bsxfo_26 {
556
545
  }
557
546
 
558
547
  /* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
559
- ._IconButton_ffob9_1 {
548
+ ._IconButton_swpni_1 {
560
549
  align-items: center;
561
550
  background: transparent;
562
551
  border: none;
@@ -568,26 +557,23 @@ textarea._Input-input_bsxfo_26 {
568
557
  padding: 4px;
569
558
  transition: background-color 50ms ease-in, color 50ms ease-in;
570
559
  }
571
- ._IconButton--active_ffob9_14 {
572
- color: var(--puck-color-azure-04);
573
- }
574
- ._IconButton_ffob9_1:focus-visible {
560
+ ._IconButton_swpni_1:focus-visible {
575
561
  outline: 2px solid var(--puck-color-azure-05);
576
562
  outline-offset: -2px;
577
563
  }
578
564
  @media (hover: hover) and (pointer: fine) {
579
- ._IconButton_ffob9_1:hover:not(._IconButton--disabled_ffob9_24) {
580
- background: var(--puck-color-grey-10);
565
+ ._IconButton_swpni_1:hover:not(._IconButton--disabled_swpni_20) {
566
+ background: var(--puck-color-azure-12);
581
567
  color: var(--puck-color-azure-04);
582
568
  cursor: pointer;
583
569
  transition: none;
584
570
  }
585
571
  }
586
- ._IconButton_ffob9_1:active {
572
+ ._IconButton_swpni_1:active {
587
573
  background: var(--puck-color-azure-11);
588
574
  transition: none;
589
575
  }
590
- ._IconButton-title_ffob9_37 {
576
+ ._IconButton-title_swpni_33 {
591
577
  clip: rect(0 0 0 0);
592
578
  clip-path: inset(100%);
593
579
  height: 1px;
@@ -596,7 +582,7 @@ textarea._Input-input_bsxfo_26 {
596
582
  white-space: nowrap;
597
583
  width: 1px;
598
584
  }
599
- ._IconButton--disabled_ffob9_24 {
585
+ ._IconButton--disabled_swpni_20 {
600
586
  color: var(--puck-color-grey-07);
601
587
  }
602
588
 
@@ -1098,248 +1084,6 @@ textarea._Input-input_bsxfo_26 {
1098
1084
  padding-inline-start: 8px;
1099
1085
  }
1100
1086
 
1101
- /* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/styles.module.css/#css-module-data */
1102
- ._RichTextMenu_k97eh_1 {
1103
- display: flex;
1104
- flex-direction: row;
1105
- flex-wrap: nowrap;
1106
- }
1107
- ._RichTextMenu--form_k97eh_7 {
1108
- border-top-left-radius: 4px;
1109
- border-top-right-radius: 4px;
1110
- padding: 6px 6px;
1111
- background-color: var(--puck-color-grey-12);
1112
- position: relative;
1113
- scrollbar-width: none;
1114
- overflow-x: auto;
1115
- }
1116
- ._RichTextMenu-group_k97eh_17 {
1117
- display: flex;
1118
- align-items: space-between;
1119
- flex-direction: row;
1120
- flex-wrap: nowrap;
1121
- padding-inline: 6px;
1122
- gap: 2px;
1123
- position: relative;
1124
- }
1125
- ._RichTextMenu-group_k97eh_17:first-of-type {
1126
- padding-left: 0;
1127
- }
1128
- ._RichTextMenu-group_k97eh_17:last-of-type {
1129
- padding-right: 0;
1130
- }
1131
- ._RichTextMenu--inline_k97eh_35 ._RichTextMenu-group_k97eh_17 {
1132
- color: var(--puck-color-grey-08);
1133
- gap: 0px;
1134
- flex-wrap: nowrap;
1135
- }
1136
- ._RichTextMenu-group_k97eh_17 + ._RichTextMenu-group_k97eh_17 {
1137
- border-left: 1px solid var(--puck-color-grey-10);
1138
- }
1139
- ._RichTextMenu--inline_k97eh_35 ._RichTextMenu-group_k97eh_17 + ._RichTextMenu-group_k97eh_17 {
1140
- border-left: 0.5px solid var(--puck-color-grey-05);
1141
- }
1142
-
1143
- /* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */
1144
- ._Control_1aveu_1 .lucide {
1145
- height: 18px;
1146
- width: 18px;
1147
- }
1148
- ._Control--inline_1aveu_6 .lucide {
1149
- height: 16px;
1150
- width: 16px;
1151
- }
1152
-
1153
- /* css-module:/home/runner/work/puck/puck/packages/core/components/Select/styles.module.css/#css-module-data */
1154
- ._Select_xjbef_1 {
1155
- position: relative;
1156
- z-index: 1;
1157
- }
1158
- ._Select-button_xjbef_6 {
1159
- align-items: center;
1160
- background: transparent;
1161
- border: none;
1162
- border-radius: 4px;
1163
- display: flex;
1164
- justify-content: center;
1165
- gap: 0px;
1166
- height: 100%;
1167
- padding: 4px;
1168
- padding-right: 2px;
1169
- }
1170
- ._Select--hasOptions_xjbef_19 ._Select-button_xjbef_6 {
1171
- color: currentColor;
1172
- }
1173
- ._Select--hasOptions_xjbef_19:not(._Select--disabled_xjbef_23) ._Select-button_xjbef_6 {
1174
- cursor: pointer;
1175
- }
1176
- ._Select-buttonIcon_xjbef_27 {
1177
- align-items: center;
1178
- display: flex;
1179
- justify-content: center;
1180
- }
1181
- ._Select--standalone_xjbef_33 ._Select-buttonIcon_xjbef_27 .lucide {
1182
- height: 18px;
1183
- width: 18px;
1184
- }
1185
- ._Select--actionBar_xjbef_38 ._Select-buttonIcon_xjbef_27 .lucide {
1186
- height: 16px;
1187
- width: 16px;
1188
- }
1189
- ._Select--hasOptions_xjbef_19:not(._Select--disabled_xjbef_23) ._Select-button_xjbef_6:hover,
1190
- ._Select--hasValue_xjbef_44 ._Select-button_xjbef_6 {
1191
- background: var(--puck-color-grey-10);
1192
- color: var(--puck-color-azure-04);
1193
- }
1194
- ._Select--disabled_xjbef_23 ._Select-button_xjbef_6 {
1195
- color: var(--puck-color-grey-07);
1196
- }
1197
- ._Select--actionBar_xjbef_38 {
1198
- &._Select--hasOptions_xjbef_19 ._Select-button_xjbef_6:hover,
1199
- &._Select--hasValue_xjbef_44 ._Select-button_xjbef_6 {
1200
- background: none;
1201
- color: var(--puck-color-azure-07);
1202
- }
1203
- }
1204
- ._Select-items_xjbef_61 {
1205
- background: white;
1206
- border: 1px solid var(--puck-color-grey-09);
1207
- border-radius: 8px;
1208
- margin: 10px 8px;
1209
- margin-left: 0;
1210
- padding: 4px;
1211
- z-index: 2;
1212
- list-style: none;
1213
- }
1214
- ._SelectItem_xjbef_72 {
1215
- background: transparent;
1216
- border-radius: 4px;
1217
- border: none;
1218
- color: var(--puck-color-grey-04);
1219
- cursor: pointer;
1220
- display: flex;
1221
- gap: 8px;
1222
- align-items: center;
1223
- font-size: var(--puck-font-size-xxs);
1224
- margin: 0;
1225
- padding: 8px 12px;
1226
- width: 100%;
1227
- }
1228
- ._SelectItem--isSelected_xjbef_87 {
1229
- background: var(--puck-color-azure-11);
1230
- color: var(--puck-color-azure-04);
1231
- font-weight: 500;
1232
- }
1233
- ._SelectItem--isSelected_xjbef_87 ._SelectItem-icon_xjbef_93 {
1234
- color: var(--puck-color-azure-04);
1235
- }
1236
- ._SelectItem_xjbef_72:hover {
1237
- background: var(--puck-color-azure-11);
1238
- color: var(--puck-color-azure-04);
1239
- }
1240
-
1241
- /* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
1242
- ._RichTextEditor_1elol_1 .ProseMirror {
1243
- white-space: pre-wrap;
1244
- word-wrap: break-word;
1245
- cursor: text;
1246
- outline: none;
1247
- position: relative;
1248
- }
1249
- ._RichTextEditor_1elol_1 .rich-text * {
1250
- white-space: pre-wrap;
1251
- user-select: auto;
1252
- -webkit-user-select: auto;
1253
- }
1254
- ._RichTextEditor_1elol_1 .rich-text blockquote {
1255
- margin: 1em 0;
1256
- padding: 0 1em;
1257
- border-left: 4px solid var(--puck-color-grey-09);
1258
- }
1259
- ._RichTextEditor_1elol_1 .rich-text code {
1260
- background-color: var(--puck-color-grey-11);
1261
- padding: 4px 8px;
1262
- border-radius: 4px;
1263
- }
1264
- ._RichTextEditor_1elol_1 .rich-text p:empty::before {
1265
- content: "\a0";
1266
- }
1267
- ._RichTextEditor_1elol_1 .rich-text pre code {
1268
- display: block;
1269
- padding: 8px 12px;
1270
- }
1271
- ._RichTextEditor_1elol_1 .rich-text > *:first-child,
1272
- ._RichTextEditor_1elol_1 .ProseMirror > *:first-child,
1273
- ._RichTextEditor_1elol_1 .rich-text * p:first-of-type {
1274
- margin-top: 0;
1275
- }
1276
- ._RichTextEditor_1elol_1 .rich-text > *:last-child,
1277
- ._RichTextEditor_1elol_1 .ProseMirror > *:last-child,
1278
- ._RichTextEditor_1elol_1 .rich-text * p:last-of-type {
1279
- margin-bottom: 0;
1280
- }
1281
- ._RichTextEditor--editor_1elol_50 {
1282
- background: var(--puck-color-white);
1283
- border-width: 1px;
1284
- border-style: solid;
1285
- border-color: var(--puck-color-grey-09);
1286
- border-radius: 4px;
1287
- box-sizing: border-box;
1288
- display: flex;
1289
- flex-direction: column;
1290
- font-family: inherit;
1291
- font-size: var(--puck-font-size-xxs);
1292
- resize: vertical;
1293
- transition: border-color 50ms ease-in;
1294
- width: 100%;
1295
- max-width: 100%;
1296
- min-height: 128px;
1297
- }
1298
- ._RichTextEditor--editor_1elol_50 .rich-text {
1299
- flex-grow: 1;
1300
- }
1301
- ._RichTextEditor--editor_1elol_50 .rich-text:not(:has(.ProseMirror)),
1302
- ._RichTextEditor--editor_1elol_50 .rich-text .ProseMirror {
1303
- height: 100%;
1304
- padding: 12px 15px;
1305
- }
1306
- ._RichTextEditor--editor_1elol_50 .rich-text ul,
1307
- ._RichTextEditor--editor_1elol_50 .rich-text ol {
1308
- padding-left: 24px;
1309
- }
1310
- ._RichTextEditor--editor_1elol_50 .rich-text li {
1311
- line-height: 1.5;
1312
- }
1313
- ._RichTextEditor--editor_1elol_50 .rich-text p {
1314
- margin-block: 12px;
1315
- }
1316
- ._RichTextEditor--editor_1elol_50 .rich-text ul {
1317
- list-style: disc;
1318
- }
1319
- ._RichTextEditor--editor_1elol_50 .rich-text ol {
1320
- list-style: decimal;
1321
- }
1322
- ._RichTextEditor--editor_1elol_50:focus-within {
1323
- border-color: var(--puck-color-grey-05);
1324
- outline: 2px solid var(--puck-color-azure-05);
1325
- transition: none;
1326
- }
1327
- ._RichTextEditor--editor_1elol_50._RichTextEditor--disabled_1elol_106 {
1328
- background: var(--puck-color-grey-11);
1329
- }
1330
- ._RichTextEditor_1elol_1:not(:focus-within):not(._RichTextEditor--isActive_1elol_110) .ProseMirror ::selection {
1331
- background-color: transparent;
1332
- }
1333
- ._RichTextEditor-menu_1elol_116 {
1334
- border-bottom: 1px solid var(--puck-color-grey-10);
1335
- position: sticky;
1336
- top: 0;
1337
- z-index: 1;
1338
- }
1339
- ._RichTextEditor--disabled_1elol_106 ._RichTextEditor-menu_1elol_116 {
1340
- border-bottom: 1px solid var(--puck-color-grey-09);
1341
- }
1342
-
1343
1087
  /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data */
1344
1088
  ._ObjectField_1ua3y_5 {
1345
1089
  display: flex;
@@ -1582,7 +1326,7 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1582
1326
  outline-offset: 2px;
1583
1327
  }
1584
1328
  [data-puck-overlay-portal]:focus-within {
1585
- outline: 2px var(--puck-color-azure-07) dashed;
1329
+ outline: 2px var(--puck-color-azure-07) solid;
1586
1330
  outline-offset: 2px;
1587
1331
  }
1588
1332
 
package/dist/index.d.mts CHANGED
@@ -1,23 +1,8 @@
1
- import { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as FieldTransforms, h as RichtextField, i as Field, j as FieldProps, D as DropZoneProps, k as Data, l as OnAction, n as InitialHistory, o as ItemSelector } from './walk-tree-Ja9bNCM9.mjs';
2
- export { af as Adaptor, ad as ArrayField, G as ArrayState, at as AsFieldProps, Z as BaseData, a7 as BaseField, ah as CacheOpts, L as ComponentConfigExtensions, Y as ComponentConfigParams, a2 as ComponentDataMap, a0 as ComponentDataOptionalId, a5 as ComponentMetadata, X as ConfigParams, a3 as Content, ak as CustomField, aj as CustomFieldRender, aq as DefaultComponentProps, Q as DefaultComponents, an as DefaultRootFieldProps, ap as DefaultRootProps, ao as DefaultRootRenderProps, q as Direction, s as DragAxis, ai as ExternalField, ag as ExternalFieldWithAdaptor, T as ExtractConfigParams, av as ExtractField, a6 as FieldMetadata, B as FieldRenderFunctions, x as FieldTransformFn, v as FieldTransformFnParams, E as ItemWithId, a1 as MappedItem, a9 as NumberField, ae as ObjectField, z as OverrideKey, K as PuckComponent, am as PuckContext, a4 as PuckMetadata, ac as RadioField, p as RichText, N as RootConfig, $ as RootData, _ as RootDataWithoutProps, ab as SelectField, S as Slot, J as SlotComponent, al as SlotField, a8 as TextField, aa as TextareaField, u as Viewport, au as WithChildren, ar as WithId, as as WithPuckProps, W as WithSlotProps, m as migrate, y as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-Ja9bNCM9.mjs';
1
+ import { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as FieldTransforms, h as Field, i as FieldProps, D as DropZoneProps, j as Data, k as OnAction, l as InitialHistory, n as ItemSelector } from './walk-tree-CgWnYC1X.mjs';
2
+ export { ad as Adaptor, ab as ArrayField, B as ArrayState, ar as AsFieldProps, X as BaseData, a5 as BaseField, af as CacheOpts, J as ComponentConfigExtensions, T as ComponentConfigParams, a0 as ComponentDataMap, _ as ComponentDataOptionalId, a3 as ComponentMetadata, Q as ConfigParams, a1 as Content, ai as CustomField, ah as CustomFieldRender, ao as DefaultComponentProps, L as DefaultComponents, al as DefaultRootFieldProps, an as DefaultRootProps, am as DefaultRootRenderProps, o as Direction, p as DragAxis, ag as ExternalField, ae as ExternalFieldWithAdaptor, N as ExtractConfigParams, at as ExtractField, a4 as FieldMetadata, y as FieldRenderFunctions, u as FieldTransformFn, s as FieldTransformFnParams, z as ItemWithId, $ as MappedItem, a7 as NumberField, ac as ObjectField, x as OverrideKey, G as PuckComponent, ak as PuckContext, a2 as PuckMetadata, aa as RadioField, K as RootConfig, Z as RootData, Y as RootDataWithoutProps, a9 as SelectField, S as Slot, E as SlotComponent, aj as SlotField, a6 as TextField, a8 as TextareaField, q as Viewport, as as WithChildren, ap as WithId, aq as WithPuckProps, W as WithSlotProps, m as migrate, v as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CgWnYC1X.mjs';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as react from 'react';
5
5
  import react__default, { ReactNode, SyntheticEvent, ReactElement } from 'react';
6
- import { Editor } from '@tiptap/react';
7
- import '@tiptap/extension-blockquote';
8
- import '@tiptap/extension-bold';
9
- import '@tiptap/extension-code';
10
- import '@tiptap/extension-code-block';
11
- import '@tiptap/extension-hard-break';
12
- import '@tiptap/extension-heading';
13
- import '@tiptap/extension-horizontal-rule';
14
- import '@tiptap/extension-italic';
15
- import '@tiptap/extension-link';
16
- import '@tiptap/extension-list';
17
- import '@tiptap/extension-paragraph';
18
- import '@tiptap/extension-strike';
19
- import '@tiptap/extension-text-align';
20
- import '@tiptap/extension-underline';
21
6
 
22
7
  type HistorySlice<D = any> = {
23
8
  index: number;
@@ -122,13 +107,6 @@ type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserCon
122
107
  nodes: NodesSlice;
123
108
  permissions: PermissionsSlice;
124
109
  fieldTransforms: FieldTransforms;
125
- currentRichText?: {
126
- inlineComponentId?: string;
127
- inline: boolean;
128
- field: RichtextField;
129
- editor: Editor;
130
- id: string;
131
- } | null;
132
110
  };
133
111
 
134
112
  declare const ActionBar: {
@@ -136,12 +114,10 @@ declare const ActionBar: {
136
114
  label?: string;
137
115
  children?: ReactNode;
138
116
  }): react_jsx_runtime.JSX.Element;
139
- Action: ({ children, label, onClick, active, disabled, }: {
117
+ Action: ({ children, label, onClick, }: {
140
118
  children: ReactNode;
141
119
  label?: string;
142
120
  onClick: (e: SyntheticEvent) => void;
143
- active?: boolean;
144
- disabled?: boolean;
145
121
  }) => react_jsx_runtime.JSX.Element;
146
122
  Label: ({ label }: {
147
123
  label: string;
@@ -149,14 +125,11 @@ declare const ActionBar: {
149
125
  Group: ({ children }: {
150
126
  children: ReactNode;
151
127
  }) => react_jsx_runtime.JSX.Element;
152
- Separator: () => react_jsx_runtime.JSX.Element;
153
128
  };
154
- declare const Action: ({ children, label, onClick, active, disabled, }: {
129
+ declare const Action: ({ children, label, onClick, }: {
155
130
  children: ReactNode;
156
131
  label?: string;
157
132
  onClick: (e: SyntheticEvent) => void;
158
- active?: boolean;
159
- disabled?: boolean;
160
133
  }) => react_jsx_runtime.JSX.Element;
161
134
  declare const Group: ({ children }: {
162
135
  children: ReactNode;
@@ -164,7 +137,6 @@ declare const Group: ({ children }: {
164
137
  declare const Label: ({ label }: {
165
138
  label: string;
166
139
  }) => react_jsx_runtime.JSX.Element;
167
- declare const Separator: () => react_jsx_runtime.JSX.Element;
168
140
 
169
141
  declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }: {
170
142
  children?: ReactNode;
@@ -213,11 +185,11 @@ declare const Drawer: {
213
185
 
214
186
  declare const DropZone: react.ForwardRefExoticComponent<DropZoneProps & react.RefAttributes<HTMLDivElement>>;
215
187
 
216
- declare const IconButton: ({ active, children, href, onClick, type, disabled, tabIndex, newTab, fullWidth, title, }: {
217
- active?: boolean;
188
+ declare const IconButton: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, title, }: {
218
189
  children: ReactNode;
219
190
  href?: string;
220
191
  onClick?: (e: SyntheticEvent) => void | Promise<void>;
192
+ variant?: "primary" | "secondary";
221
193
  type?: "button" | "submit" | "reset";
222
194
  disabled?: boolean;
223
195
  tabIndex?: number;
@@ -280,75 +252,6 @@ declare function Render<UserConfig extends Config = Config, G extends UserGeneri
280
252
  metadata?: Metadata;
281
253
  }): react_jsx_runtime.JSX.Element;
282
254
 
283
- declare function AlignLeft(): react_jsx_runtime.JSX.Element;
284
-
285
- declare function AlignCenter(): react_jsx_runtime.JSX.Element;
286
-
287
- declare function AlignRight(): react_jsx_runtime.JSX.Element;
288
-
289
- declare function AlignJustify(): react_jsx_runtime.JSX.Element;
290
-
291
- declare function AlignSelect(): react_jsx_runtime.JSX.Element;
292
-
293
- declare function Bold(): react_jsx_runtime.JSX.Element;
294
-
295
- declare function Italic(): react_jsx_runtime.JSX.Element;
296
-
297
- declare function Underline(): react_jsx_runtime.JSX.Element;
298
-
299
- declare function Strikethrough(): react_jsx_runtime.JSX.Element;
300
-
301
- declare function InlineCode(): react_jsx_runtime.JSX.Element;
302
-
303
- declare function BulletList(): react_jsx_runtime.JSX.Element;
304
-
305
- declare function OrderedList(): react_jsx_runtime.JSX.Element;
306
-
307
- declare function CodeBlock(): react_jsx_runtime.JSX.Element;
308
-
309
- declare function Blockquote(): react_jsx_runtime.JSX.Element;
310
-
311
- declare function HorizontalRule(): react_jsx_runtime.JSX.Element;
312
-
313
- declare function HeadingSelect(): react_jsx_runtime.JSX.Element;
314
-
315
- declare function ListSelect(): react_jsx_runtime.JSX.Element;
316
-
317
- declare function Control({ icon, disabled, active, onClick, title, }: {
318
- icon: ReactNode;
319
- disabled?: boolean;
320
- active?: boolean;
321
- onClick: (e: SyntheticEvent) => any;
322
- title: string;
323
- }): react_jsx_runtime.JSX.Element;
324
-
325
- declare const RichTextMenu: {
326
- ({ children }: {
327
- children: ReactNode;
328
- }): react_jsx_runtime.JSX.Element;
329
- Group: ({ children }: {
330
- children: ReactNode;
331
- }) => react_jsx_runtime.JSX.Element;
332
- Control: typeof Control;
333
- AlignCenter: typeof AlignCenter;
334
- AlignJustify: typeof AlignJustify;
335
- AlignLeft: typeof AlignLeft;
336
- AlignRight: typeof AlignRight;
337
- AlignSelect: typeof AlignSelect;
338
- Blockquote: typeof Blockquote;
339
- Bold: typeof Bold;
340
- BulletList: typeof BulletList;
341
- CodeBlock: typeof CodeBlock;
342
- HeadingSelect: typeof HeadingSelect;
343
- HorizontalRule: typeof HorizontalRule;
344
- InlineCode: typeof InlineCode;
345
- Italic: typeof Italic;
346
- ListSelect: typeof ListSelect;
347
- OrderedList: typeof OrderedList;
348
- Strikethrough: typeof Strikethrough;
349
- Underline: typeof Underline;
350
- };
351
-
352
255
  declare const registerOverlayPortal: (el: HTMLElement | null | undefined, opts?: {
353
256
  disableDrag?: boolean;
354
257
  disableDragOnFocus?: boolean;
@@ -401,4 +304,4 @@ declare function usePuck<UserConfig extends Config = Config>(): UsePuckStore<Use
401
304
  */
402
305
  declare function useGetPuck(): () => UsePuckStore<Config>;
403
306
 
404
- export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RichTextMenu, RichtextField, RootDataWithProps, Separator, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };
307
+ export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };