@webiny/website-builder-react 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.81ae05e56b

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 (10) hide show
  1. package/components/useBindingsForElement.d.ts +80 -48
  2. package/createComponent.js +1 -0
  3. package/createComponent.js.map +1 -1
  4. package/createComponent.test.js +3 -0
  5. package/createComponent.test.js.map +1 -1
  6. package/index.d.ts +2 -2
  7. package/index.js.map +1 -1
  8. package/package.json +9 -9
  9. package/types.d.ts +36 -1
  10. package/types.js.map +1 -1
package/components/useBindingsForElement.d.ts CHANGED
@@ -6,6 +6,9 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
6
6
  alignItems?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignItems | undefined> | undefined;
7
7
  alignSelf?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignSelf | undefined> | undefined;
8
8
  alignTracks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignTracks | undefined> | undefined;
9
+ alignmentBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignmentBaseline | undefined> | undefined;
10
+ anchorName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnchorName | undefined> | undefined;
11
+ anchorScope?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnchorScope | undefined> | undefined;
9
12
  animationComposition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationComposition | undefined> | undefined;
10
13
  animationDelay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDelay<string & {}> | undefined> | undefined;
11
14
  animationDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDirection | undefined> | undefined;
@@ -31,7 +34,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
31
34
  backgroundPositionY?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundPositionY<string | number> | undefined> | undefined;
32
35
  backgroundRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundRepeat | undefined> | undefined;
33
36
  backgroundSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundSize<string | number> | undefined> | undefined;
34
- blockOverflow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BlockOverflow | undefined> | undefined;
37
+ baselineShift?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BaselineShift<string | number> | undefined> | undefined;
35
38
  blockSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BlockSize<string | number> | undefined> | undefined;
36
39
  borderBlockEndColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockEndColor | undefined> | undefined;
37
40
  borderBlockEndStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockEndStyle | undefined> | undefined;
@@ -79,8 +82,10 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
79
82
  caretShape?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CaretShape | undefined> | undefined;
80
83
  clear?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Clear | undefined> | undefined;
81
84
  clipPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipPath | undefined> | undefined;
85
+ clipRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipRule | undefined> | undefined;
82
86
  color?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Color | undefined> | undefined;
83
87
  colorAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PrintColorAdjust | undefined> | undefined;
88
+ colorInterpolationFilters?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorInterpolationFilters | undefined> | undefined;
84
89
  colorScheme?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorScheme | undefined> | undefined;
85
90
  columnCount?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnCount | undefined> | undefined;
86
91
  columnFill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnFill | undefined> | undefined;
@@ -103,9 +108,17 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
103
108
  counterReset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CounterReset | undefined> | undefined;
104
109
  counterSet?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CounterSet | undefined> | undefined;
105
110
  cursor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Cursor | undefined> | undefined;
111
+ cx?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Cx<string | number> | undefined> | undefined;
112
+ cy?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Cy<string | number> | undefined> | undefined;
113
+ d?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.D | undefined> | undefined;
106
114
  direction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Direction | undefined> | undefined;
107
115
  display?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Display | undefined> | undefined;
116
+ dominantBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.DominantBaseline | undefined> | undefined;
108
117
  emptyCells?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.EmptyCells | undefined> | undefined;
118
+ fieldSizing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FieldSizing | undefined> | undefined;
119
+ fill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Fill | undefined> | undefined;
120
+ fillOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillOpacity | undefined> | undefined;
121
+ fillRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillRule | undefined> | undefined;
109
122
  filter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Filter | undefined> | undefined;
110
123
  flexBasis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexBasis<string | number> | undefined> | undefined;
111
124
  flexDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexDirection | undefined> | undefined;
@@ -113,6 +126,8 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
113
126
  flexShrink?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexShrink | undefined> | undefined;
114
127
  flexWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexWrap | undefined> | undefined;
115
128
  float?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Float | undefined> | undefined;
129
+ floodColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodColor | undefined> | undefined;
130
+ floodOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodOpacity | undefined> | undefined;
116
131
  fontFamily?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontFamily | undefined> | undefined;
117
132
  fontFeatureSettings?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontFeatureSettings | undefined> | undefined;
118
133
  fontKerning?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontKerning | undefined> | undefined;
@@ -122,7 +137,6 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
122
137
  fontSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSize<string | number> | undefined> | undefined;
123
138
  fontSizeAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSizeAdjust | undefined> | undefined;
124
139
  fontSmooth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSmooth<string | number> | undefined> | undefined;
125
- fontStretch?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontStretch | undefined> | undefined;
126
140
  fontStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontStyle | undefined> | undefined;
127
141
  fontSynthesis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSynthesis | undefined> | undefined;
128
142
  fontSynthesisPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSynthesisPosition | undefined> | undefined;
@@ -138,6 +152,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
138
152
  fontVariantPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontVariantPosition | undefined> | undefined;
139
153
  fontVariationSettings?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontVariationSettings | undefined> | undefined;
140
154
  fontWeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontWeight | undefined> | undefined;
155
+ fontWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontWidth | undefined> | undefined;
141
156
  forcedColorAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ForcedColorAdjust | undefined> | undefined;
142
157
  gridAutoColumns?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridAutoColumns<string | number> | undefined> | undefined;
143
158
  gridAutoFlow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridAutoFlow | undefined> | undefined;
@@ -158,12 +173,13 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
158
173
  imageRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImageRendering | undefined> | undefined;
159
174
  imageResolution?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImageResolution | undefined> | undefined;
160
175
  initialLetter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InitialLetter | undefined> | undefined;
176
+ initialLetterAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InitialLetterAlign | undefined> | undefined;
161
177
  inlineSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InlineSize<string | number> | undefined> | undefined;
162
- inputSecurity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InputSecurity | undefined> | undefined;
163
178
  insetBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockEnd<string | number> | undefined> | undefined;
164
179
  insetBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockStart<string | number> | undefined> | undefined;
165
180
  insetInlineEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInlineEnd<string | number> | undefined> | undefined;
166
181
  insetInlineStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInlineStart<string | number> | undefined> | undefined;
182
+ interpolateSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InterpolateSize | undefined> | undefined;
167
183
  isolation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Isolation | undefined> | undefined;
168
184
  justifyContent?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyContent | undefined> | undefined;
169
185
  justifyItems?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyItems | undefined> | undefined;
@@ -171,6 +187,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
171
187
  justifyTracks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyTracks | undefined> | undefined;
172
188
  left?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Left<string | number> | undefined> | undefined;
173
189
  letterSpacing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LetterSpacing<string | number> | undefined> | undefined;
190
+ lightingColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LightingColor | undefined> | undefined;
174
191
  lineBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineBreak | undefined> | undefined;
175
192
  lineHeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineHeight<string | number> | undefined> | undefined;
176
193
  lineHeightStep?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineHeightStep<string | number> | undefined> | undefined;
@@ -186,6 +203,9 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
186
203
  marginRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginRight<string | number> | undefined> | undefined;
187
204
  marginTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginTop<string | number> | undefined> | undefined;
188
205
  marginTrim?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginTrim | undefined> | undefined;
206
+ markerEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerEnd | undefined> | undefined;
207
+ markerMid?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerMid | undefined> | undefined;
208
+ markerStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerStart | undefined> | undefined;
189
209
  maskBorderMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderMode | undefined> | undefined;
190
210
  maskBorderOutset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderOutset<string | number> | undefined> | undefined;
191
211
  maskBorderRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderRepeat | undefined> | undefined;
@@ -220,6 +240,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
220
240
  motionRotation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetRotate | undefined> | undefined;
221
241
  objectFit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ObjectFit | undefined> | undefined;
222
242
  objectPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ObjectPosition<string | number> | undefined> | undefined;
243
+ objectViewBox?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ObjectViewBox | undefined> | undefined;
223
244
  offsetAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetAnchor<string | number> | undefined> | undefined;
224
245
  offsetDistance?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetDistance<string | number> | undefined> | undefined;
225
246
  offsetPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetPath | undefined> | undefined;
@@ -254,25 +275,32 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
254
275
  paddingRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingRight<string | number> | undefined> | undefined;
255
276
  paddingTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingTop<string | number> | undefined> | undefined;
256
277
  page?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Page | undefined> | undefined;
257
- pageBreakAfter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakAfter | undefined> | undefined;
258
- pageBreakBefore?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakBefore | undefined> | undefined;
259
- pageBreakInside?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakInside | undefined> | undefined;
260
278
  paintOrder?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaintOrder | undefined> | undefined;
261
279
  perspective?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Perspective<string | number> | undefined> | undefined;
262
280
  perspectiveOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PerspectiveOrigin<string | number> | undefined> | undefined;
263
281
  pointerEvents?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PointerEvents | undefined> | undefined;
264
282
  position?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Position | undefined> | undefined;
283
+ positionAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionAnchor | undefined> | undefined;
284
+ positionArea?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionArea | undefined> | undefined;
285
+ positionTryFallbacks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionTryFallbacks | undefined> | undefined;
286
+ positionTryOrder?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionTryOrder | undefined> | undefined;
287
+ positionVisibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionVisibility | undefined> | undefined;
265
288
  printColorAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PrintColorAdjust | undefined> | undefined;
266
289
  quotes?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Quotes | undefined> | undefined;
290
+ r?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.R<string | number> | undefined> | undefined;
267
291
  resize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Resize | undefined> | undefined;
268
292
  right?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Right<string | number> | undefined> | undefined;
269
293
  rotate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Rotate | undefined> | undefined;
270
294
  rowGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RowGap<string | number> | undefined> | undefined;
271
295
  rubyAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyAlign | undefined> | undefined;
272
296
  rubyMerge?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyMerge | undefined> | undefined;
297
+ rubyOverhang?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyOverhang | undefined> | undefined;
273
298
  rubyPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyPosition | undefined> | undefined;
299
+ rx?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Rx<string | number> | undefined> | undefined;
300
+ ry?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Ry<string | number> | undefined> | undefined;
274
301
  scale?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Scale | undefined> | undefined;
275
302
  scrollBehavior?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollBehavior | undefined> | undefined;
303
+ scrollInitialTarget?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollInitialTarget | undefined> | undefined;
276
304
  scrollMarginBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined> | undefined;
277
305
  scrollMarginBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBlockStart<string | number> | undefined> | undefined;
278
306
  scrollMarginBottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBottom<string | number> | undefined> | undefined;
@@ -304,10 +332,28 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
304
332
  shapeImageThreshold?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeImageThreshold | undefined> | undefined;
305
333
  shapeMargin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeMargin<string | number> | undefined> | undefined;
306
334
  shapeOutside?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeOutside | undefined> | undefined;
335
+ shapeRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeRendering | undefined> | undefined;
336
+ speakAs?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.SpeakAs | undefined> | undefined;
337
+ stopColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopColor | undefined> | undefined;
338
+ stopOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopOpacity | undefined> | undefined;
339
+ stroke?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Stroke | undefined> | undefined;
340
+ strokeColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeColor | undefined> | undefined;
341
+ strokeDasharray?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDasharray<string | number> | undefined> | undefined;
342
+ strokeDashoffset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDashoffset<string | number> | undefined> | undefined;
343
+ strokeLinecap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinecap | undefined> | undefined;
344
+ strokeLinejoin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinejoin | undefined> | undefined;
345
+ strokeMiterlimit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeMiterlimit | undefined> | undefined;
346
+ strokeOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeOpacity | undefined> | undefined;
347
+ strokeWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeWidth<string | number> | undefined> | undefined;
307
348
  tabSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TabSize<string | number> | undefined> | undefined;
308
349
  tableLayout?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TableLayout | undefined> | undefined;
309
350
  textAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAlign | undefined> | undefined;
310
351
  textAlignLast?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAlignLast | undefined> | undefined;
352
+ textAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAnchor | undefined> | undefined;
353
+ textAutospace?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAutospace | undefined> | undefined;
354
+ textBox?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextBox | undefined> | undefined;
355
+ textBoxEdge?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextBoxEdge | undefined> | undefined;
356
+ textBoxTrim?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextBoxTrim | undefined> | undefined;
311
357
  textCombineUpright?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextCombineUpright | undefined> | undefined;
312
358
  textDecorationColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationColor | undefined> | undefined;
313
359
  textDecorationLine?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationLine | undefined> | undefined;
@@ -322,10 +368,12 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
322
368
  textOverflow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextOverflow | undefined> | undefined;
323
369
  textRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextRendering | undefined> | undefined;
324
370
  textSizeAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextSizeAdjust | undefined> | undefined;
371
+ textSpacingTrim?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextSpacingTrim | undefined> | undefined;
325
372
  textTransform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextTransform | undefined> | undefined;
326
373
  textUnderlineOffset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextUnderlineOffset<string | number> | undefined> | undefined;
327
374
  textUnderlinePosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextUnderlinePosition | undefined> | undefined;
328
- textWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextWrap | undefined> | undefined;
375
+ textWrapMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextWrapMode | undefined> | undefined;
376
+ textWrapStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextWrapStyle | undefined> | undefined;
329
377
  timelineScope?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TimelineScope | undefined> | undefined;
330
378
  top?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Top<string | number> | undefined> | undefined;
331
379
  touchAction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TouchAction | undefined> | undefined;
@@ -341,15 +389,16 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
341
389
  translate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Translate<string | number> | undefined> | undefined;
342
390
  unicodeBidi?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UnicodeBidi | undefined> | undefined;
343
391
  userSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UserSelect | undefined> | undefined;
392
+ vectorEffect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.VectorEffect | undefined> | undefined;
344
393
  verticalAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.VerticalAlign<string | number> | undefined> | undefined;
345
394
  viewTimelineAxis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTimelineAxis | undefined> | undefined;
346
395
  viewTimelineInset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTimelineInset<string | number> | undefined> | undefined;
347
396
  viewTimelineName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTimelineName | undefined> | undefined;
397
+ viewTransitionClass?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTransitionClass | undefined> | undefined;
348
398
  viewTransitionName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTransitionName | undefined> | undefined;
349
399
  visibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Visibility | undefined> | undefined;
350
400
  whiteSpace?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WhiteSpace | undefined> | undefined;
351
401
  whiteSpaceCollapse?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WhiteSpaceCollapse | undefined> | undefined;
352
- whiteSpaceTrim?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WhiteSpaceTrim | undefined> | undefined;
353
402
  widows?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Widows | undefined> | undefined;
354
403
  width?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Width<string | number> | undefined> | undefined;
355
404
  willChange?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WillChange | undefined> | undefined;
@@ -357,6 +406,8 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
357
406
  wordSpacing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WordSpacing<string | number> | undefined> | undefined;
358
407
  wordWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WordWrap | undefined> | undefined;
359
408
  writingMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WritingMode | undefined> | undefined;
409
+ x?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.X<string | number> | undefined> | undefined;
410
+ y?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Y<string | number> | undefined> | undefined;
360
411
  zIndex?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ZIndex | undefined> | undefined;
361
412
  zoom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Zoom | undefined> | undefined;
362
413
  all?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Globals | undefined> | undefined;
@@ -391,12 +442,14 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
391
442
  overscrollBehavior?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehavior | undefined> | undefined;
392
443
  paddingBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingBlock<string | number> | undefined> | undefined;
393
444
  paddingInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingInline<string | number> | undefined> | undefined;
445
+ positionTry?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionTry | undefined> | undefined;
394
446
  scrollMarginBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBlock<string | number> | undefined> | undefined;
395
447
  scrollMarginInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginInline<string | number> | undefined> | undefined;
396
448
  scrollPaddingBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingBlock<string | number> | undefined> | undefined;
397
449
  scrollPaddingInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingInline<string | number> | undefined> | undefined;
398
450
  scrollSnapMargin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMargin<string | number> | undefined> | undefined;
399
451
  scrollTimeline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollTimeline | undefined> | undefined;
452
+ textWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextWrap | undefined> | undefined;
400
453
  viewTimeline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTimeline | undefined> | undefined;
401
454
  MozAnimationDelay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDelay<string & {}> | undefined> | undefined;
402
455
  MozAnimationDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDirection | undefined> | undefined;
@@ -407,6 +460,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
407
460
  MozAnimationPlayState?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationPlayState | undefined> | undefined;
408
461
  MozAnimationTimingFunction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationTimingFunction | undefined> | undefined;
409
462
  MozAppearance?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozAppearance | undefined> | undefined;
463
+ MozBackfaceVisibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackfaceVisibility | undefined> | undefined;
410
464
  MozBinding?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozBinding | undefined> | undefined;
411
465
  MozBorderBottomColors?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozBorderBottomColors | undefined> | undefined;
412
466
  MozBorderEndColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineEndColor | undefined> | undefined;
@@ -418,8 +472,6 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
418
472
  MozBorderStartStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineStartStyle | undefined> | undefined;
419
473
  MozBorderTopColors?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozBorderTopColors | undefined> | undefined;
420
474
  MozBoxSizing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxSizing | undefined> | undefined;
421
- MozColumnCount?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnCount | undefined> | undefined;
422
- MozColumnFill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnFill | undefined> | undefined;
423
475
  MozColumnRuleColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnRuleColor | undefined> | undefined;
424
476
  MozColumnRuleStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnRuleStyle | undefined> | undefined;
425
477
  MozColumnRuleWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnRuleWidth<string | number> | undefined> | undefined;
@@ -428,7 +480,6 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
428
480
  MozFontFeatureSettings?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontFeatureSettings | undefined> | undefined;
429
481
  MozFontLanguageOverride?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontLanguageOverride | undefined> | undefined;
430
482
  MozHyphens?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Hyphens | undefined> | undefined;
431
- MozImageRegion?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozImageRegion | undefined> | undefined;
432
483
  MozMarginEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInlineEnd<string | number> | undefined> | undefined;
433
484
  MozMarginStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInlineStart<string | number> | undefined> | undefined;
434
485
  MozOrient?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOrient | undefined> | undefined;
@@ -439,11 +490,15 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
439
490
  MozOutlineRadiusTopright?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined> | undefined;
440
491
  MozPaddingEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingInlineEnd<string | number> | undefined> | undefined;
441
492
  MozPaddingStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingInlineStart<string | number> | undefined> | undefined;
493
+ MozPerspective?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Perspective<string | number> | undefined> | undefined;
494
+ MozPerspectiveOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PerspectiveOrigin<string | number> | undefined> | undefined;
442
495
  MozStackSizing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozStackSizing | undefined> | undefined;
443
496
  MozTabSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TabSize<string | number> | undefined> | undefined;
444
497
  MozTextBlink?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozTextBlink | undefined> | undefined;
445
498
  MozTextSizeAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextSizeAdjust | undefined> | undefined;
446
- MozUserFocus?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozUserFocus | undefined> | undefined;
499
+ MozTransform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transform | undefined> | undefined;
500
+ MozTransformOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformOrigin<string | number> | undefined> | undefined;
501
+ MozTransformStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformStyle | undefined> | undefined;
447
502
  MozUserModify?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozUserModify | undefined> | undefined;
448
503
  MozUserSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UserSelect | undefined> | undefined;
449
504
  MozWindowDragging?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozWindowDragging | undefined> | undefined;
@@ -562,6 +617,8 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
562
617
  WebkitJustifyContent?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyContent | undefined> | undefined;
563
618
  WebkitLineBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineBreak | undefined> | undefined;
564
619
  WebkitLineClamp?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WebkitLineClamp | undefined> | undefined;
620
+ WebkitLogicalHeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BlockSize<string | number> | undefined> | undefined;
621
+ WebkitLogicalWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InlineSize<string | number> | undefined> | undefined;
565
622
  WebkitMarginEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInlineEnd<string | number> | undefined> | undefined;
566
623
  WebkitMarginStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInlineStart<string | number> | undefined> | undefined;
567
624
  WebkitMaskAttachment?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WebkitMaskAttachment | undefined> | undefined;
@@ -616,13 +673,14 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
616
673
  WebkitTransitionProperty?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionProperty | undefined> | undefined;
617
674
  WebkitTransitionTimingFunction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionTimingFunction | undefined> | undefined;
618
675
  WebkitUserModify?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WebkitUserModify | undefined> | undefined;
619
- WebkitUserSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UserSelect | undefined> | undefined;
676
+ WebkitUserSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WebkitUserSelect | undefined> | undefined;
620
677
  WebkitWritingMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WritingMode | undefined> | undefined;
621
678
  MozAnimation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Animation<string & {}> | undefined> | undefined;
622
679
  MozBorderImage?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImage | undefined> | undefined;
623
680
  MozColumnRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnRule<string | number> | undefined> | undefined;
624
681
  MozColumns?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Columns<string | number> | undefined> | undefined;
625
682
  MozOutlineRadius?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOutlineRadius<string | number> | undefined> | undefined;
683
+ MozTransition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transition<string & {}> | undefined> | undefined;
626
684
  msContentZoomLimit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MsContentZoomLimit | undefined> | undefined;
627
685
  msContentZoomSnap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MsContentZoomSnap | undefined> | undefined;
628
686
  msFlex?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Flex<string | number> | undefined> | undefined;
@@ -643,7 +701,6 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
643
701
  WebkitTextEmphasis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextEmphasis | undefined> | undefined;
644
702
  WebkitTextStroke?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WebkitTextStroke<string | number> | undefined> | undefined;
645
703
  WebkitTransition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transition<string & {}> | undefined> | undefined;
646
- azimuth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Azimuth | undefined> | undefined;
647
704
  boxAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxAlign | undefined> | undefined;
648
705
  boxDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxDirection | undefined> | undefined;
649
706
  boxFlex?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxFlex | undefined> | undefined;
@@ -653,16 +710,22 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
653
710
  boxOrient?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrient | undefined> | undefined;
654
711
  boxPack?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxPack | undefined> | undefined;
655
712
  clip?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Clip | undefined> | undefined;
713
+ fontStretch?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontStretch | undefined> | undefined;
656
714
  gridColumnGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridColumnGap<string | number> | undefined> | undefined;
657
715
  gridGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridGap<string | number> | undefined> | undefined;
658
716
  gridRowGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridRowGap<string | number> | undefined> | undefined;
659
717
  imeMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImeMode | undefined> | undefined;
718
+ insetArea?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionArea | undefined> | undefined;
660
719
  offsetBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlock<string | number> | undefined> | undefined;
661
720
  offsetBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockEnd<string | number> | undefined> | undefined;
662
721
  offsetBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockStart<string | number> | undefined> | undefined;
663
722
  offsetInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInline<string | number> | undefined> | undefined;
664
723
  offsetInlineEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInlineEnd<string | number> | undefined> | undefined;
665
724
  offsetInlineStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInlineStart<string | number> | undefined> | undefined;
725
+ pageBreakAfter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakAfter | undefined> | undefined;
726
+ pageBreakBefore?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakBefore | undefined> | undefined;
727
+ pageBreakInside?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakInside | undefined> | undefined;
728
+ positionTryOptions?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionTryFallbacks | undefined> | undefined;
666
729
  scrollSnapCoordinate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapCoordinate<string | number> | undefined> | undefined;
667
730
  scrollSnapDestination?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapDestination<string | number> | undefined> | undefined;
668
731
  scrollSnapPointsX?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapPointsX | undefined> | undefined;
@@ -680,9 +743,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
680
743
  KhtmlLineBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineBreak | undefined> | undefined;
681
744
  KhtmlOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Opacity | undefined> | undefined;
682
745
  KhtmlUserSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UserSelect | undefined> | undefined;
683
- MozBackfaceVisibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackfaceVisibility | undefined> | undefined;
684
746
  MozBackgroundClip?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundClip | undefined> | undefined;
685
- MozBackgroundInlinePolicy?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxDecorationBreak | undefined> | undefined;
686
747
  MozBackgroundOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundOrigin | undefined> | undefined;
687
748
  MozBackgroundSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundSize<string | number> | undefined> | undefined;
688
749
  MozBorderRadius?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderRadius<string | number> | undefined> | undefined;
@@ -697,6 +758,8 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
697
758
  MozBoxOrient?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrient | undefined> | undefined;
698
759
  MozBoxPack?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxPack | undefined> | undefined;
699
760
  MozBoxShadow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxShadow | undefined> | undefined;
761
+ MozColumnCount?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnCount | undefined> | undefined;
762
+ MozColumnFill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnFill | undefined> | undefined;
700
763
  MozFloatEdge?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozFloatEdge | undefined> | undefined;
701
764
  MozForceBrokenImageIcon?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozForceBrokenImageIcon | undefined> | undefined;
702
765
  MozOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Opacity | undefined> | undefined;
@@ -704,20 +767,15 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
704
767
  MozOutlineColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineColor | undefined> | undefined;
705
768
  MozOutlineStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineStyle | undefined> | undefined;
706
769
  MozOutlineWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineWidth<string | number> | undefined> | undefined;
707
- MozPerspective?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Perspective<string | number> | undefined> | undefined;
708
- MozPerspectiveOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PerspectiveOrigin<string | number> | undefined> | undefined;
709
770
  MozTextAlignLast?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAlignLast | undefined> | undefined;
710
771
  MozTextDecorationColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationColor | undefined> | undefined;
711
772
  MozTextDecorationLine?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationLine | undefined> | undefined;
712
773
  MozTextDecorationStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationStyle | undefined> | undefined;
713
- MozTransform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transform | undefined> | undefined;
714
- MozTransformOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformOrigin<string | number> | undefined> | undefined;
715
- MozTransformStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformStyle | undefined> | undefined;
716
- MozTransition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transition<string & {}> | undefined> | undefined;
717
774
  MozTransitionDelay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionDelay<string & {}> | undefined> | undefined;
718
775
  MozTransitionDuration?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionDuration<string & {}> | undefined> | undefined;
719
776
  MozTransitionProperty?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionProperty | undefined> | undefined;
720
777
  MozTransitionTimingFunction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionTimingFunction | undefined> | undefined;
778
+ MozUserFocus?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozUserFocus | undefined> | undefined;
721
779
  MozUserInput?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozUserInput | undefined> | undefined;
722
780
  msImeMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImeMode | undefined> | undefined;
723
781
  OAnimation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Animation<string & {}> | undefined> | undefined;
@@ -750,34 +808,8 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
750
808
  WebkitBoxOrdinalGroup?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrdinalGroup | undefined> | undefined;
751
809
  WebkitBoxOrient?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrient | undefined> | undefined;
752
810
  WebkitBoxPack?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxPack | undefined> | undefined;
753
- alignmentBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignmentBaseline | undefined> | undefined;
754
- baselineShift?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BaselineShift<string | number> | undefined> | undefined;
755
- clipRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipRule | undefined> | undefined;
756
811
  colorInterpolation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorInterpolation | undefined> | undefined;
757
812
  colorRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorRendering | undefined> | undefined;
758
- dominantBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.DominantBaseline | undefined> | undefined;
759
- fill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Fill | undefined> | undefined;
760
- fillOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillOpacity | undefined> | undefined;
761
- fillRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillRule | undefined> | undefined;
762
- floodColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodColor | undefined> | undefined;
763
- floodOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodOpacity | undefined> | undefined;
764
813
  glyphOrientationVertical?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GlyphOrientationVertical | undefined> | undefined;
765
- lightingColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LightingColor | undefined> | undefined;
766
- markerEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerEnd | undefined> | undefined;
767
- markerMid?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerMid | undefined> | undefined;
768
- markerStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerStart | undefined> | undefined;
769
- shapeRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeRendering | undefined> | undefined;
770
- stopColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopColor | undefined> | undefined;
771
- stopOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopOpacity | undefined> | undefined;
772
- stroke?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Stroke | undefined> | undefined;
773
- strokeDasharray?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDasharray<string | number> | undefined> | undefined;
774
- strokeDashoffset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDashoffset<string | number> | undefined> | undefined;
775
- strokeLinecap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinecap | undefined> | undefined;
776
- strokeLinejoin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinejoin | undefined> | undefined;
777
- strokeMiterlimit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeMiterlimit | undefined> | undefined;
778
- strokeOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeOpacity | undefined> | undefined;
779
- strokeWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeWidth<string | number> | undefined> | undefined;
780
- textAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAnchor | undefined> | undefined;
781
- vectorEffect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.VectorEffect | undefined> | undefined;
782
814
  }>;
783
815
  };
package/createComponent.js CHANGED
@@ -28,6 +28,7 @@ export function createComponent(component, manifest) {
28
28
  component,
29
29
  manifest: {
30
30
  ...manifest,
31
+ tags: manifest.tags ?? [],
31
32
  inputs
32
33
  }
33
34
  };
package/createComponent.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["createSlotInput","createComponent","component","manifest","inputs","Array","isArray","push","inputsObject","Object","keys","forEach","name","acceptsChildren","hasChildren","some","input"],"sources":["createComponent.ts"],"sourcesContent":["import type {\n Component,\n ComponentInput,\n ComponentManifestInput,\n InputFactory\n} from \"@webiny/website-builder-sdk\";\nimport { createSlotInput } from \"@webiny/website-builder-sdk\";\nimport type { ExtractInputs } from \"~/types.js\";\n\nexport function createComponent<\n TComponent extends (props: any) => any,\n TInputs extends ExtractInputs<Parameters<TComponent>[0]>\n>(component: TComponent, manifest: ComponentManifestInput<TInputs>): Component {\n const inputs: ComponentInput[] = [];\n\n // Normalize inputs to always be an array of objects.\n\n if (Array.isArray(manifest.inputs)) {\n inputs.push(...manifest.inputs);\n } else {\n const inputsObject: Record<string, InputFactory<any>> = manifest.inputs ?? {};\n Object.keys(inputsObject).forEach((name: string) => {\n inputs.push({ ...inputsObject[name], name });\n });\n }\n\n const acceptsChildren = manifest.acceptsChildren;\n\n if (acceptsChildren) {\n const hasChildren = inputs.some(input => input.name === \"children\");\n if (!hasChildren) {\n inputs.push(createSlotInput({ name: \"children\" }));\n }\n }\n\n return { component, manifest: { ...manifest, inputs } };\n}\n"],"mappings":"AAMA,SAASA,eAAe,QAAQ,6BAA6B;AAG7D,OAAO,SAASC,eAAeA,CAG7BC,SAAqB,EAAEC,QAAyC,EAAa;EAC3E,MAAMC,MAAwB,GAAG,EAAE;;EAEnC;;EAEA,IAAIC,KAAK,CAACC,OAAO,CAACH,QAAQ,CAACC,MAAM,CAAC,EAAE;IAChCA,MAAM,CAACG,IAAI,CAAC,GAAGJ,QAAQ,CAACC,MAAM,CAAC;EACnC,CAAC,MAAM;IACH,MAAMI,YAA+C,GAAGL,QAAQ,CAACC,MAAM,IAAI,CAAC,CAAC;IAC7EK,MAAM,CAACC,IAAI,CAACF,YAAY,CAAC,CAACG,OAAO,CAAEC,IAAY,IAAK;MAChDR,MAAM,CAACG,IAAI,CAAC;QAAE,GAAGC,YAAY,CAACI,IAAI,CAAC;QAAEA;MAAK,CAAC,CAAC;IAChD,CAAC,CAAC;EACN;EAEA,MAAMC,eAAe,GAAGV,QAAQ,CAACU,eAAe;EAEhD,IAAIA,eAAe,EAAE;IACjB,MAAMC,WAAW,GAAGV,MAAM,CAACW,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACJ,IAAI,KAAK,UAAU,CAAC;IACnE,IAAI,CAACE,WAAW,EAAE;MACdV,MAAM,CAACG,IAAI,CAACP,eAAe,CAAC;QAAEY,IAAI,EAAE;MAAW,CAAC,CAAC,CAAC;IACtD;EACJ;EAEA,OAAO;IAAEV,SAAS;IAAEC,QAAQ,EAAE;MAAE,GAAGA,QAAQ;MAAEC;IAAO;EAAE,CAAC;AAC3D","ignoreList":[]}
1
+ {"version":3,"names":["createSlotInput","createComponent","component","manifest","inputs","Array","isArray","push","inputsObject","Object","keys","forEach","name","acceptsChildren","hasChildren","some","input","tags"],"sources":["createComponent.ts"],"sourcesContent":["import type {\n Component,\n ComponentInput,\n ComponentManifest,\n ComponentManifestInput,\n InputFactory\n} from \"@webiny/website-builder-sdk\";\nimport { createSlotInput } from \"@webiny/website-builder-sdk\";\nimport type { ExtractInputs } from \"~/types.js\";\n\nexport function createComponent<\n TComponent extends (props: any) => any,\n TInputs extends ExtractInputs<Parameters<TComponent>[0]>\n>(component: TComponent, manifest: ComponentManifestInput<TInputs>): Component {\n const inputs: ComponentInput[] = [];\n\n // Normalize inputs to always be an array of objects.\n\n if (Array.isArray(manifest.inputs)) {\n inputs.push(...manifest.inputs);\n } else {\n const inputsObject: Record<string, InputFactory<any>> = manifest.inputs ?? {};\n Object.keys(inputsObject).forEach((name: string) => {\n inputs.push({ ...inputsObject[name], name });\n });\n }\n\n const acceptsChildren = manifest.acceptsChildren;\n\n if (acceptsChildren) {\n const hasChildren = inputs.some(input => input.name === \"children\");\n if (!hasChildren) {\n inputs.push(createSlotInput({ name: \"children\" }));\n }\n }\n\n return {\n component,\n manifest: { ...manifest, tags: manifest.tags ?? [], inputs } as ComponentManifest\n };\n}\n"],"mappings":"AAOA,SAASA,eAAe,QAAQ,6BAA6B;AAG7D,OAAO,SAASC,eAAeA,CAG7BC,SAAqB,EAAEC,QAAyC,EAAa;EAC3E,MAAMC,MAAwB,GAAG,EAAE;;EAEnC;;EAEA,IAAIC,KAAK,CAACC,OAAO,CAACH,QAAQ,CAACC,MAAM,CAAC,EAAE;IAChCA,MAAM,CAACG,IAAI,CAAC,GAAGJ,QAAQ,CAACC,MAAM,CAAC;EACnC,CAAC,MAAM;IACH,MAAMI,YAA+C,GAAGL,QAAQ,CAACC,MAAM,IAAI,CAAC,CAAC;IAC7EK,MAAM,CAACC,IAAI,CAACF,YAAY,CAAC,CAACG,OAAO,CAAEC,IAAY,IAAK;MAChDR,MAAM,CAACG,IAAI,CAAC;QAAE,GAAGC,YAAY,CAACI,IAAI,CAAC;QAAEA;MAAK,CAAC,CAAC;IAChD,CAAC,CAAC;EACN;EAEA,MAAMC,eAAe,GAAGV,QAAQ,CAACU,eAAe;EAEhD,IAAIA,eAAe,EAAE;IACjB,MAAMC,WAAW,GAAGV,MAAM,CAACW,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACJ,IAAI,KAAK,UAAU,CAAC;IACnE,IAAI,CAACE,WAAW,EAAE;MACdV,MAAM,CAACG,IAAI,CAACP,eAAe,CAAC;QAAEY,IAAI,EAAE;MAAW,CAAC,CAAC,CAAC;IACtD;EACJ;EAEA,OAAO;IACHV,SAAS;IACTC,QAAQ,EAAE;MAAE,GAAGA,QAAQ;MAAEc,IAAI,EAAEd,QAAQ,CAACc,IAAI,IAAI,EAAE;MAAEb;IAAO;EAC/D,CAAC;AACL","ignoreList":[]}
package/createComponent.test.js CHANGED
@@ -38,6 +38,7 @@ describe("Component Manifest", () => {
38
38
  });
39
39
  const snapshot = {
40
40
  name: "Button",
41
+ tags: [],
41
42
  inputs: [{
42
43
  type: "text",
43
44
  label: "Title",
@@ -68,6 +69,7 @@ describe("Component Manifest", () => {
68
69
  expect(manifest).toEqual({
69
70
  name: "Button",
70
71
  acceptsChildren: true,
72
+ tags: [],
71
73
  inputs: [{
72
74
  type: "slot",
73
75
  list: true,
@@ -108,6 +110,7 @@ describe("Component Manifest", () => {
108
110
  const snapshot = {
109
111
  name: "Button",
110
112
  acceptsChildren: true,
113
+ tags: [],
111
114
  inputs: [{
112
115
  type: "text",
113
116
  renderer: "Webiny/Input",
package/createComponent.test.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["describe","expect","it","createComponent","createTextInput","createSlotInput","Button","_","button1","name","inputs","label","button2","title","children","snapshot","type","renderer","list","defaultValue","manifest","toEqual","acceptsChildren"],"sources":["createComponent.test.ts"],"sourcesContent":["import { describe, expect, it } from \"vitest\";\nimport type { ComponentProps, ExtractInputNames } from \"~/types.js\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { createTextInput } from \"~/index.js\";\nimport { createSlotInput } from \"@webiny/website-builder-sdk\";\n\n/**\n * These tests are aimed at testing TS types rather than functionality itself.\n * // TODO: figure out how to enable typechecking for a single test. Currently it only typechecks at build time.\n */\n\ndescribe(\"Component Manifest\", () => {\n it(\"should support input arrays and strict input objects\", () => {\n // eslint-disable-next-line\n const Button = (_: ComponentProps<{ title: string; children: React.ReactNode }>) => {\n return null;\n };\n\n type Inputs = ExtractInputNames<typeof Button>;\n\n const button1 = createComponent(Button, {\n name: \"Button\",\n inputs: [\n // Passing a generic narrows down the `name` property and provides autocomplete.\n createTextInput<Inputs>({\n name: \"title\",\n label: \"Title\"\n }),\n // Skipping the generic still performs typechecks, but doesn't provide autocomplete.\n createSlotInput({\n name: \"children\"\n })\n ]\n });\n\n const button2 = createComponent(Button, {\n name: \"Button\",\n inputs: {\n title: createTextInput({\n label: \"Title\"\n }),\n children: createSlotInput({})\n }\n });\n\n const snapshot = {\n name: \"Button\",\n inputs: [\n {\n type: \"text\",\n label: \"Title\",\n renderer: \"Webiny/Input\",\n name: \"title\"\n },\n {\n type: \"slot\",\n renderer: \"Webiny/Slot\",\n name: \"children\",\n list: true,\n defaultValue: []\n }\n ]\n };\n\n expect(button1.manifest).toEqual(snapshot);\n expect(button2.manifest).toEqual(snapshot);\n });\n\n it(\"acceptsChildren should satisfy the `children` input requirement\", () => {\n // eslint-disable-next-line\n const Button = (_: ComponentProps<{ children: React.ReactNode }>) => {\n return null;\n };\n\n const { manifest } = createComponent(Button, {\n name: \"Button\",\n acceptsChildren: true\n });\n\n expect(manifest).toEqual({\n name: \"Button\",\n acceptsChildren: true,\n inputs: [\n {\n type: \"slot\",\n list: true,\n renderer: \"Webiny/Slot\",\n name: \"children\",\n defaultValue: []\n }\n ]\n });\n });\n\n it(\"`acceptsChildren` should work alongside other inputs\", () => {\n // eslint-disable-next-line\n const Button = (_: ComponentProps<{ title: string; children: React.ReactNode }>) => {\n return null;\n };\n\n // Inputs as array\n const button1 = createComponent(Button, {\n name: \"Button\",\n acceptsChildren: true,\n inputs: [\n createTextInput({\n name: \"title\",\n label: \"Title\"\n })\n ]\n });\n\n // Inputs as object\n const button2 = createComponent(Button, {\n name: \"Button\",\n acceptsChildren: true,\n inputs: {\n title: createTextInput({\n label: \"Title\"\n })\n }\n });\n\n // Both must produce the same component manifest\n const snapshot = {\n name: \"Button\",\n acceptsChildren: true,\n inputs: [\n {\n type: \"text\",\n renderer: \"Webiny/Input\",\n name: \"title\",\n label: \"Title\"\n },\n {\n type: \"slot\",\n renderer: \"Webiny/Slot\",\n name: \"children\",\n list: true,\n defaultValue: []\n }\n ]\n };\n\n expect(button1.manifest).toEqual(snapshot);\n expect(button2.manifest).toEqual(snapshot);\n });\n});\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ,QAAQ;AAE7C,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SAASC,eAAe,QAAQ,6BAA6B;;AAE7D;AACA;AACA;AACA;;AAEAL,QAAQ,CAAC,oBAAoB,EAAE,MAAM;EACjCE,EAAE,CAAC,sDAAsD,EAAE,MAAM;IAC7D;IACA,MAAMI,MAAM,GAAIC,CAA+D,IAAK;MAChF,OAAO,IAAI;IACf,CAAC;IAID,MAAMC,OAAO,GAAGL,eAAe,CAACG,MAAM,EAAE;MACpCG,IAAI,EAAE,QAAQ;MACdC,MAAM,EAAE;MACJ;MACAN,eAAe,CAAS;QACpBK,IAAI,EAAE,OAAO;QACbE,KAAK,EAAE;MACX,CAAC,CAAC;MACF;MACAN,eAAe,CAAC;QACZI,IAAI,EAAE;MACV,CAAC,CAAC;IAEV,CAAC,CAAC;IAEF,MAAMG,OAAO,GAAGT,eAAe,CAACG,MAAM,EAAE;MACpCG,IAAI,EAAE,QAAQ;MACdC,MAAM,EAAE;QACJG,KAAK,EAAET,eAAe,CAAC;UACnBO,KAAK,EAAE;QACX,CAAC,CAAC;QACFG,QAAQ,EAAET,eAAe,CAAC,CAAC,CAAC;MAChC;IACJ,CAAC,CAAC;IAEF,MAAMU,QAAQ,GAAG;MACbN,IAAI,EAAE,QAAQ;MACdC,MAAM,EAAE,CACJ;QACIM,IAAI,EAAE,MAAM;QACZL,KAAK,EAAE,OAAO;QACdM,QAAQ,EAAE,cAAc;QACxBR,IAAI,EAAE;MACV,CAAC,EACD;QACIO,IAAI,EAAE,MAAM;QACZC,QAAQ,EAAE,aAAa;QACvBR,IAAI,EAAE,UAAU;QAChBS,IAAI,EAAE,IAAI;QACVC,YAAY,EAAE;MAClB,CAAC;IAET,CAAC;IAEDlB,MAAM,CAACO,OAAO,CAACY,QAAQ,CAAC,CAACC,OAAO,CAACN,QAAQ,CAAC;IAC1Cd,MAAM,CAACW,OAAO,CAACQ,QAAQ,CAAC,CAACC,OAAO,CAACN,QAAQ,CAAC;EAC9C,CAAC,CAAC;EAEFb,EAAE,CAAC,iEAAiE,EAAE,MAAM;IACxE;IACA,MAAMI,MAAM,GAAIC,CAAgD,IAAK;MACjE,OAAO,IAAI;IACf,CAAC;IAED,MAAM;MAAEa;IAAS,CAAC,GAAGjB,eAAe,CAACG,MAAM,EAAE;MACzCG,IAAI,EAAE,QAAQ;MACda,eAAe,EAAE;IACrB,CAAC,CAAC;IAEFrB,MAAM,CAACmB,QAAQ,CAAC,CAACC,OAAO,CAAC;MACrBZ,IAAI,EAAE,QAAQ;MACda,eAAe,EAAE,IAAI;MACrBZ,MAAM,EAAE,CACJ;QACIM,IAAI,EAAE,MAAM;QACZE,IAAI,EAAE,IAAI;QACVD,QAAQ,EAAE,aAAa;QACvBR,IAAI,EAAE,UAAU;QAChBU,YAAY,EAAE;MAClB,CAAC;IAET,CAAC,CAAC;EACN,CAAC,CAAC;EAEFjB,EAAE,CAAC,sDAAsD,EAAE,MAAM;IAC7D;IACA,MAAMI,MAAM,GAAIC,CAA+D,IAAK;MAChF,OAAO,IAAI;IACf,CAAC;;IAED;IACA,MAAMC,OAAO,GAAGL,eAAe,CAACG,MAAM,EAAE;MACpCG,IAAI,EAAE,QAAQ;MACda,eAAe,EAAE,IAAI;MACrBZ,MAAM,EAAE,CACJN,eAAe,CAAC;QACZK,IAAI,EAAE,OAAO;QACbE,KAAK,EAAE;MACX,CAAC,CAAC;IAEV,CAAC,CAAC;;IAEF;IACA,MAAMC,OAAO,GAAGT,eAAe,CAACG,MAAM,EAAE;MACpCG,IAAI,EAAE,QAAQ;MACda,eAAe,EAAE,IAAI;MACrBZ,MAAM,EAAE;QACJG,KAAK,EAAET,eAAe,CAAC;UACnBO,KAAK,EAAE;QACX,CAAC;MACL;IACJ,CAAC,CAAC;;IAEF;IACA,MAAMI,QAAQ,GAAG;MACbN,IAAI,EAAE,QAAQ;MACda,eAAe,EAAE,IAAI;MACrBZ,MAAM,EAAE,CACJ;QACIM,IAAI,EAAE,MAAM;QACZC,QAAQ,EAAE,cAAc;QACxBR,IAAI,EAAE,OAAO;QACbE,KAAK,EAAE;MACX,CAAC,EACD;QACIK,IAAI,EAAE,MAAM;QACZC,QAAQ,EAAE,aAAa;QACvBR,IAAI,EAAE,UAAU;QAChBS,IAAI,EAAE,IAAI;QACVC,YAAY,EAAE;MAClB,CAAC;IAET,CAAC;IAEDlB,MAAM,CAACO,OAAO,CAACY,QAAQ,CAAC,CAACC,OAAO,CAACN,QAAQ,CAAC;IAC1Cd,MAAM,CAACW,OAAO,CAACQ,QAAQ,CAAC,CAACC,OAAO,CAACN,QAAQ,CAAC;EAC9C,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["describe","expect","it","createComponent","createTextInput","createSlotInput","Button","_","button1","name","inputs","label","button2","title","children","snapshot","tags","type","renderer","list","defaultValue","manifest","toEqual","acceptsChildren"],"sources":["createComponent.test.ts"],"sourcesContent":["import { describe, expect, it } from \"vitest\";\nimport type { ComponentProps, ExtractInputNames } from \"~/types.js\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { createTextInput } from \"~/index.js\";\nimport { createSlotInput } from \"@webiny/website-builder-sdk\";\n\n/**\n * These tests are aimed at testing TS types rather than functionality itself.\n * // TODO: figure out how to enable typechecking for a single test. Currently it only typechecks at build time.\n */\n\ndescribe(\"Component Manifest\", () => {\n it(\"should support input arrays and strict input objects\", () => {\n // eslint-disable-next-line\n const Button = (_: ComponentProps<{ title: string; children: React.ReactNode }>) => {\n return null;\n };\n\n type Inputs = ExtractInputNames<typeof Button>;\n\n const button1 = createComponent(Button, {\n name: \"Button\",\n inputs: [\n // Passing a generic narrows down the `name` property and provides autocomplete.\n createTextInput<Inputs>({\n name: \"title\",\n label: \"Title\"\n }),\n // Skipping the generic still performs typechecks, but doesn't provide autocomplete.\n createSlotInput({\n name: \"children\"\n })\n ]\n });\n\n const button2 = createComponent(Button, {\n name: \"Button\",\n inputs: {\n title: createTextInput({\n label: \"Title\"\n }),\n children: createSlotInput({})\n }\n });\n\n const snapshot = {\n name: \"Button\",\n tags: [],\n inputs: [\n {\n type: \"text\",\n label: \"Title\",\n renderer: \"Webiny/Input\",\n name: \"title\"\n },\n {\n type: \"slot\",\n renderer: \"Webiny/Slot\",\n name: \"children\",\n list: true,\n defaultValue: []\n }\n ]\n };\n\n expect(button1.manifest).toEqual(snapshot);\n expect(button2.manifest).toEqual(snapshot);\n });\n\n it(\"acceptsChildren should satisfy the `children` input requirement\", () => {\n // eslint-disable-next-line\n const Button = (_: ComponentProps<{ children: React.ReactNode }>) => {\n return null;\n };\n\n const { manifest } = createComponent(Button, {\n name: \"Button\",\n acceptsChildren: true\n });\n\n expect(manifest).toEqual({\n name: \"Button\",\n acceptsChildren: true,\n tags: [],\n inputs: [\n {\n type: \"slot\",\n list: true,\n renderer: \"Webiny/Slot\",\n name: \"children\",\n defaultValue: []\n }\n ]\n });\n });\n\n it(\"`acceptsChildren` should work alongside other inputs\", () => {\n // eslint-disable-next-line\n const Button = (_: ComponentProps<{ title: string; children: React.ReactNode }>) => {\n return null;\n };\n\n // Inputs as array\n const button1 = createComponent(Button, {\n name: \"Button\",\n acceptsChildren: true,\n inputs: [\n createTextInput({\n name: \"title\",\n label: \"Title\"\n })\n ]\n });\n\n // Inputs as object\n const button2 = createComponent(Button, {\n name: \"Button\",\n acceptsChildren: true,\n inputs: {\n title: createTextInput({\n label: \"Title\"\n })\n }\n });\n\n // Both must produce the same component manifest\n const snapshot = {\n name: \"Button\",\n acceptsChildren: true,\n tags: [],\n inputs: [\n {\n type: \"text\",\n renderer: \"Webiny/Input\",\n name: \"title\",\n label: \"Title\"\n },\n {\n type: \"slot\",\n renderer: \"Webiny/Slot\",\n name: \"children\",\n list: true,\n defaultValue: []\n }\n ]\n };\n\n expect(button1.manifest).toEqual(snapshot);\n expect(button2.manifest).toEqual(snapshot);\n });\n});\n"],"mappings":"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","ignoreList":[]}
package/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export * from "./components/index.js";
2
2
  export * from "./createComponent.js";
3
- export { createTextInput, createLongTextInput, createNumberInput, createBooleanInput, createColorInput, createFileInput, createDateInput, createLexicalInput, createSelectInput, createRadioInput, createObjectInput, createTagsInput, createSlotInput, createInput, createElement, createTheme, contentSdk, environment, setHeadersProvider, getHeadersProvider, registerComponentGroup, type CssProperties, type Document, type DocumentElement, type Breakpoint, type CreateElementParams, type ContentSDKConfig, type ComponentManifest, type ComponentInput, type WebsiteBuilderThemeInput, StyleSettings } from "@webiny/website-builder-sdk";
4
- export type { ComponentProps, ComponentPropsWithChildren } from "./types.js";
3
+ export { createTextInput, createLongTextInput, createNumberInput, createBooleanInput, createColorInput, createFileInput, createDateInput, createLexicalInput, createSelectInput, createRadioInput, createObjectInput, createTagsInput, createSlotInput, createInput, createElement, createTheme, contentSdk, environment, setHeadersProvider, getHeadersProvider, registerComponentGroup, type CssProperties, type Document, type DocumentElement, type Breakpoint, type CreateElementParams, type ContentSDKConfig, type ComponentManifest, type ComponentInput, type ComponentConstraint, type WebsiteBuilderThemeInput, StyleSettings } from "@webiny/website-builder-sdk";
4
+ export type { ComponentProps, ComponentPropsWithChildren, InferManifest, InferComponentChange, InferDescendantChange } from "./types.js";
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["createTextInput","createLongTextInput","createNumberInput","createBooleanInput","createColorInput","createFileInput","createDateInput","createLexicalInput","createSelectInput","createRadioInput","createObjectInput","createTagsInput","createSlotInput","createInput","createElement","createTheme","contentSdk","environment","setHeadersProvider","getHeadersProvider","registerComponentGroup","StyleSettings"],"sources":["index.ts"],"sourcesContent":["export * from \"./components/index.js\";\nexport * from \"./createComponent.js\";\n\nexport {\n createTextInput,\n createLongTextInput,\n createNumberInput,\n createBooleanInput,\n createColorInput,\n createFileInput,\n createDateInput,\n createLexicalInput,\n createSelectInput,\n createRadioInput,\n createObjectInput,\n createTagsInput,\n createSlotInput,\n createInput,\n createElement,\n createTheme,\n contentSdk,\n environment,\n setHeadersProvider,\n getHeadersProvider,\n registerComponentGroup,\n type CssProperties,\n type Document,\n type DocumentElement,\n type Breakpoint,\n type CreateElementParams,\n type ContentSDKConfig,\n type ComponentManifest,\n type ComponentInput,\n type WebsiteBuilderThemeInput,\n StyleSettings\n} from \"@webiny/website-builder-sdk\";\n\nexport type { ComponentProps, ComponentPropsWithChildren } from \"./types.js\";\n"],"mappings":"AAAA;AACA;AAEA,SACIA,eAAe,EACfC,mBAAmB,EACnBC,iBAAiB,EACjBC,kBAAkB,EAClBC,gBAAgB,EAChBC,eAAe,EACfC,eAAe,EACfC,kBAAkB,EAClBC,iBAAiB,EACjBC,gBAAgB,EAChBC,iBAAiB,EACjBC,eAAe,EACfC,eAAe,EACfC,WAAW,EACXC,aAAa,EACbC,WAAW,EACXC,UAAU,EACVC,WAAW,EACXC,kBAAkB,EAClBC,kBAAkB,EAClBC,sBAAsB,EAUtBC,aAAa,QACV,6BAA6B","ignoreList":[]}
1
+ {"version":3,"names":["createTextInput","createLongTextInput","createNumberInput","createBooleanInput","createColorInput","createFileInput","createDateInput","createLexicalInput","createSelectInput","createRadioInput","createObjectInput","createTagsInput","createSlotInput","createInput","createElement","createTheme","contentSdk","environment","setHeadersProvider","getHeadersProvider","registerComponentGroup","StyleSettings"],"sources":["index.ts"],"sourcesContent":["export * from \"./components/index.js\";\nexport * from \"./createComponent.js\";\n\nexport {\n createTextInput,\n createLongTextInput,\n createNumberInput,\n createBooleanInput,\n createColorInput,\n createFileInput,\n createDateInput,\n createLexicalInput,\n createSelectInput,\n createRadioInput,\n createObjectInput,\n createTagsInput,\n createSlotInput,\n createInput,\n createElement,\n createTheme,\n contentSdk,\n environment,\n setHeadersProvider,\n getHeadersProvider,\n registerComponentGroup,\n type CssProperties,\n type Document,\n type DocumentElement,\n type Breakpoint,\n type CreateElementParams,\n type ContentSDKConfig,\n type ComponentManifest,\n type ComponentInput,\n type ComponentConstraint,\n type WebsiteBuilderThemeInput,\n StyleSettings\n} from \"@webiny/website-builder-sdk\";\n\nexport type {\n ComponentProps,\n ComponentPropsWithChildren,\n InferManifest,\n InferComponentChange,\n InferDescendantChange\n} from \"./types.js\";\n"],"mappings":"AAAA;AACA;AAEA,SACIA,eAAe,EACfC,mBAAmB,EACnBC,iBAAiB,EACjBC,kBAAkB,EAClBC,gBAAgB,EAChBC,eAAe,EACfC,eAAe,EACfC,kBAAkB,EAClBC,iBAAiB,EACjBC,gBAAgB,EAChBC,iBAAiB,EACjBC,eAAe,EACfC,eAAe,EACfC,WAAW,EACXC,aAAa,EACbC,WAAW,EACXC,UAAU,EACVC,WAAW,EACXC,kBAAkB,EAClBC,kBAAkB,EAClBC,sBAAsB,EAWtBC,aAAa,QACV,6BAA6B","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webiny/website-builder-react",
3
- "version": "0.0.0-unstable.6f45466a1d",
3
+ "version": "0.0.0-unstable.81ae05e56b",
4
4
  "type": "module",
5
5
  "main": "index.js",
6
6
  "repository": {
@@ -18,22 +18,22 @@
18
18
  ],
19
19
  "license": "MIT",
20
20
  "dependencies": {
21
- "@webiny/website-builder-sdk": "0.0.0-unstable.6f45466a1d",
21
+ "@webiny/website-builder-sdk": "0.0.0-unstable.81ae05e56b",
22
22
  "deep-equal": "2.2.3",
23
23
  "mobx": "6.15.0",
24
- "mobx-react-lite": "3.4.3",
25
- "react": "18.2.0",
26
- "react-dom": "18.2.0"
24
+ "mobx-react-lite": "4.1.1",
25
+ "react": "18.3.1",
26
+ "react-dom": "18.3.1"
27
27
  },
28
28
  "devDependencies": {
29
- "@types/react": "18.2.79",
30
- "@webiny/build-tools": "0.0.0-unstable.6f45466a1d",
29
+ "@types/react": "18.3.28",
30
+ "@webiny/build-tools": "0.0.0-unstable.81ae05e56b",
31
31
  "typescript": "5.9.3",
32
- "vitest": "3.2.4"
32
+ "vitest": "4.1.0"
33
33
  },
34
34
  "publishConfig": {
35
35
  "access": "public",
36
36
  "directory": "dist"
37
37
  },
38
- "gitHead": "6f45466a1d9fb94f6156923501eb90ac303b81a5"
38
+ "gitHead": "81ae05e56bcc774d1e077ca615a0005e736aa5a6"
39
39
  }
package/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { CssProperties, DocumentElement } from "@webiny/website-builder-sdk";
1
+ import type { CssProperties, DocumentElement, ComponentManifestInput, ComponentChangeHandler, DescendantChangeHandler } from "@webiny/website-builder-sdk";
2
2
  export type ComponentProps<TInputs = unknown> = {
3
3
  inputs: TInputs;
4
4
  styles: CssProperties;
@@ -12,3 +12,38 @@ export type ExtractInputs<T> = T extends {
12
12
  inputs: infer I;
13
13
  } ? I : never;
14
14
  export type ExtractInputNames<T extends (props: any) => any> = keyof ExtractInputs<Parameters<T>[0]>;
15
+ /**
16
+ * Infer the full typed ComponentManifestInput from a React component.
17
+ *
18
+ * @example
19
+ * ```ts
20
+ * import type { InferManifest } from "@webiny/website-builder-nextjs";
21
+ * import type { Funnel } from "./Funnel.js";
22
+ *
23
+ * type FunnelManifest = InferManifest<typeof Funnel>;
24
+ *
25
+ * // Use indexed access for callback types:
26
+ * const handler: FunnelManifest["onDescendantChange"] = ctx => {
27
+ * ctx.inputs.registry; // fully typed
28
+ * };
29
+ * ```
30
+ */
31
+ export type InferManifest<T extends (props: any) => any> = ComponentManifestInput<ExtractInputs<Parameters<T>[0]>>;
32
+ /**
33
+ * Extract a single typed onChange handler from a component.
34
+ *
35
+ * @example
36
+ * ```ts
37
+ * const handler: InferComponentChange<typeof Funnel> = ctx => { ... };
38
+ * ```
39
+ */
40
+ export type InferComponentChange<T extends (props: any) => any> = ComponentChangeHandler<ExtractInputs<Parameters<T>[0]>>;
41
+ /**
42
+ * Extract a single typed onDescendantChange handler from a component.
43
+ *
44
+ * @example
45
+ * ```ts
46
+ * const handler: InferDescendantChange<typeof Funnel> = ctx => { ... };
47
+ * ```
48
+ */
49
+ export type InferDescendantChange<T extends (props: any) => any> = DescendantChangeHandler<ExtractInputs<Parameters<T>[0]>>;
package/types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { CssProperties, DocumentElement } from \"@webiny/website-builder-sdk\";\n\nexport type ComponentProps<TInputs = unknown> = {\n inputs: TInputs;\n styles: CssProperties;\n element: DocumentElement;\n breakpoint: string;\n};\n\nexport type ComponentPropsWithChildren<TInputs = unknown> = ComponentProps<\n TInputs & { children: React.ReactNode }\n>;\n\nexport type ExtractInputs<T> = T extends { inputs: infer I } ? I : never;\n\nexport type ExtractInputNames<T extends (props: any) => any> = keyof ExtractInputs<\n Parameters<T>[0]\n>;\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {\n CssProperties,\n DocumentElement,\n ComponentManifestInput,\n ComponentChangeHandler,\n DescendantChangeHandler\n} from \"@webiny/website-builder-sdk\";\n\nexport type ComponentProps<TInputs = unknown> = {\n inputs: TInputs;\n styles: CssProperties;\n element: DocumentElement;\n breakpoint: string;\n};\n\nexport type ComponentPropsWithChildren<TInputs = unknown> = ComponentProps<\n TInputs & { children: React.ReactNode }\n>;\n\nexport type ExtractInputs<T> = T extends { inputs: infer I } ? I : never;\n\nexport type ExtractInputNames<T extends (props: any) => any> = keyof ExtractInputs<\n Parameters<T>[0]\n>;\n\n/**\n * Infer the full typed ComponentManifestInput from a React component.\n *\n * @example\n * ```ts\n * import type { InferManifest } from \"@webiny/website-builder-nextjs\";\n * import type { Funnel } from \"./Funnel.js\";\n *\n * type FunnelManifest = InferManifest<typeof Funnel>;\n *\n * // Use indexed access for callback types:\n * const handler: FunnelManifest[\"onDescendantChange\"] = ctx => {\n * ctx.inputs.registry; // fully typed\n * };\n * ```\n */\nexport type InferManifest<T extends (props: any) => any> = ComponentManifestInput<\n ExtractInputs<Parameters<T>[0]>\n>;\n\n/**\n * Extract a single typed onChange handler from a component.\n *\n * @example\n * ```ts\n * const handler: InferComponentChange<typeof Funnel> = ctx => { ... };\n * ```\n */\nexport type InferComponentChange<T extends (props: any) => any> = ComponentChangeHandler<\n ExtractInputs<Parameters<T>[0]>\n>;\n\n/**\n * Extract a single typed onDescendantChange handler from a component.\n *\n * @example\n * ```ts\n * const handler: InferDescendantChange<typeof Funnel> = ctx => { ... };\n * ```\n */\nexport type InferDescendantChange<T extends (props: any) => any> = DescendantChangeHandler<\n ExtractInputs<Parameters<T>[0]>\n>;\n"],"mappings":"","ignoreList":[]}