@webiny/website-builder-react 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.eb196ccd2f

package/components/useBindingsForElement.d.ts

@@ -3,26 +3,25 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
     styles: Partial<{
         filter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Filter | undefined> | undefined;
         fill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Fill | undefined> | undefined;
-        stroke?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Stroke | undefined> | undefined;
-        animationName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationName | undefined> | undefined;
-        all?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Globals | undefined> | undefined;
-        offset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Offset<string | number> | undefined> | undefined;
+        color?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Color | undefined> | undefined;
+        clipPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipPath | undefined> | undefined;
+        mask?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Mask<string | number> | undefined> | undefined;
         height?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Height<string | number> | undefined> | undefined;
         width?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Width<string | number> | undefined> | undefined;
-        left?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Left<string | number> | undefined> | undefined;
-        top?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Top<string | number> | undefined> | undefined;
         accentColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AccentColor | undefined> | undefined;
         alignContent?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignContent | undefined> | undefined;
         alignItems?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignItems | undefined> | undefined;
         alignSelf?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignSelf | undefined> | undefined;
-        alignmentBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignmentBaseline | undefined> | undefined;
+        alignTracks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignTracks | undefined> | undefined;
         animationComposition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationComposition | undefined> | undefined;
         animationDelay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDelay<string & {}> | undefined> | undefined;
         animationDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDirection | undefined> | undefined;
         animationDuration?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDuration<string & {}> | undefined> | undefined;
         animationFillMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationFillMode | undefined> | undefined;
         animationIterationCount?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationIterationCount | undefined> | undefined;
+        animationName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationName | undefined> | undefined;
         animationPlayState?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationPlayState | undefined> | undefined;
+        animationTimeline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationTimeline | undefined> | undefined;
         animationTimingFunction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationTimingFunction | undefined> | undefined;
         appearance?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Appearance | undefined> | undefined;
         backdropFilter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackdropFilter | undefined> | undefined;
@@ -33,58 +32,49 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         backgroundColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundColor | undefined> | undefined;
         backgroundImage?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundImage | undefined> | undefined;
         backgroundOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundOrigin | undefined> | undefined;
-        backgroundPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundPosition<string | number> | undefined> | undefined;
         backgroundPositionX?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundPositionX<string | number> | undefined> | undefined;
         backgroundPositionY?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundPositionY<string | number> | undefined> | undefined;
         backgroundRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundRepeat | undefined> | undefined;
         backgroundSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundSize<string | number> | undefined> | undefined;
-        baselineShift?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BaselineShift<string | number> | undefined> | undefined;
+        blockOverflow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BlockOverflow | undefined> | undefined;
         blockSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BlockSize<string | number> | undefined> | undefined;
-        borderBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockEnd<string | number> | undefined> | undefined;
         borderBlockEndColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockEndColor | undefined> | undefined;
         borderBlockEndStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockEndStyle | undefined> | undefined;
         borderBlockEndWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockEndWidth<string | number> | undefined> | undefined;
-        borderBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockStart<string | number> | undefined> | undefined;
         borderBlockStartColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockStartColor | undefined> | undefined;
         borderBlockStartStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockStartStyle | undefined> | undefined;
         borderBlockStartWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockStartWidth<string | number> | undefined> | undefined;
-        borderBottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBottom<string | number> | undefined> | undefined;
         borderBottomColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBottomColor | undefined> | undefined;
         borderBottomLeftRadius?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined> | undefined;
         borderBottomRightRadius?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBottomRightRadius<string | number> | undefined> | undefined;
         borderBottomStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBottomStyle | undefined> | undefined;
         borderBottomWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBottomWidth<string | number> | undefined> | undefined;
         borderCollapse?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderCollapse | undefined> | undefined;
-        borderImage?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImage | undefined> | undefined;
         borderImageOutset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImageOutset<string | number> | undefined> | undefined;
         borderImageRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImageRepeat | undefined> | undefined;
         borderImageSlice?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImageSlice | undefined> | undefined;
         borderImageSource?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImageSource | undefined> | undefined;
         borderImageWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImageWidth<string | number> | undefined> | undefined;
-        borderInlineEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineEnd<string | number> | undefined> | undefined;
         borderInlineEndColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineEndColor | undefined> | undefined;
         borderInlineEndStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineEndStyle | undefined> | undefined;
         borderInlineEndWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineEndWidth<string | number> | undefined> | undefined;
-        borderInlineStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineStart<string | number> | undefined> | undefined;
         borderInlineStartColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineStartColor | undefined> | undefined;
         borderInlineStartStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineStartStyle | undefined> | undefined;
         borderInlineStartWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineStartWidth<string | number> | undefined> | undefined;
-        borderLeft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderLeft<string | number> | undefined> | undefined;
         borderLeftColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderLeftColor | undefined> | undefined;
         borderLeftStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderLeftStyle | undefined> | undefined;
         borderLeftWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderLeftWidth<string | number> | undefined> | undefined;
-        borderRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderRight<string | number> | undefined> | undefined;
         borderRightColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderRightColor | undefined> | undefined;
         borderRightStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderRightStyle | undefined> | undefined;
         borderRightWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderRightWidth<string | number> | undefined> | undefined;
         borderSpacing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderSpacing<string | number> | undefined> | undefined;
-        borderTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderTop<string | number> | undefined> | undefined;
         borderTopColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderTopColor | undefined> | undefined;
         borderTopLeftRadius?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderTopLeftRadius<string | number> | undefined> | undefined;
         borderTopRightRadius?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderTopRightRadius<string | number> | undefined> | undefined;
         borderTopStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderTopStyle | undefined> | undefined;
         borderTopWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderTopWidth<string | number> | undefined> | undefined;
         bottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Bottom<string | number> | undefined> | undefined;
+        boxDecorationBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxDecorationBreak | undefined> | undefined;
         boxSizing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxSizing | undefined> | undefined;
         breakAfter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BreakAfter | undefined> | undefined;
         breakBefore?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BreakBefore | undefined> | undefined;
@@ -92,11 +82,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         captionSide?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CaptionSide | undefined> | undefined;
         caretColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CaretColor | undefined> | undefined;
         clear?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Clear | undefined> | undefined;
-        clip?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Clip | undefined> | undefined;
-        clipPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipPath | undefined> | undefined;
-        clipRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipRule | undefined> | undefined;
-        color?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Color | undefined> | undefined;
-        colorInterpolation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorInterpolation | undefined> | undefined;
+        colorAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PrintColorAdjust | undefined> | undefined;
         colorScheme?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorScheme | undefined> | undefined;
         columnCount?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnCount | undefined> | undefined;
         columnFill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnFill | undefined> | undefined;
@@ -108,30 +94,28 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         columnWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnWidth<string | number> | undefined> | undefined;
         contain?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Contain | undefined> | undefined;
         content?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Content | undefined> | undefined;
+        contentVisibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ContentVisibility | undefined> | undefined;
         counterIncrement?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CounterIncrement | undefined> | undefined;
         counterReset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CounterReset | undefined> | undefined;
         counterSet?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CounterSet | undefined> | undefined;
         cursor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Cursor | undefined> | undefined;
         direction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Direction | undefined> | undefined;
         display?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Display | undefined> | undefined;
-        dominantBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.DominantBaseline | undefined> | undefined;
         emptyCells?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.EmptyCells | undefined> | undefined;
-        fillOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillOpacity | undefined> | undefined;
-        fillRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillRule | undefined> | undefined;
         flexBasis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexBasis<string | number> | undefined> | undefined;
         flexDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexDirection | undefined> | undefined;
         flexGrow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexGrow | undefined> | undefined;
         flexShrink?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexShrink | undefined> | undefined;
         flexWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexWrap | undefined> | undefined;
         float?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Float | undefined> | undefined;
-        floodColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodColor | undefined> | undefined;
-        floodOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodOpacity | undefined> | undefined;
         fontFamily?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontFamily | undefined> | undefined;
         fontFeatureSettings?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontFeatureSettings | undefined> | undefined;
         fontKerning?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontKerning | undefined> | undefined;
+        fontLanguageOverride?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontLanguageOverride | undefined> | undefined;
         fontOpticalSizing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontOpticalSizing | undefined> | undefined;
         fontSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSize<string | number> | undefined> | undefined;
         fontSizeAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSizeAdjust | undefined> | undefined;
+        fontSmooth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSmooth<string | number> | undefined> | undefined;
         fontStretch?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontStretch | undefined> | undefined;
         fontStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontStyle | undefined> | undefined;
         fontSynthesis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSynthesis | undefined> | undefined;
@@ -144,28 +128,25 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         fontVariationSettings?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontVariationSettings | undefined> | undefined;
         fontWeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontWeight | undefined> | undefined;
         forcedColorAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ForcedColorAdjust | undefined> | undefined;
-        gridArea?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridArea | undefined> | undefined;
         gridAutoColumns?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridAutoColumns<string | number> | undefined> | undefined;
         gridAutoFlow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridAutoFlow | undefined> | undefined;
         gridAutoRows?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridAutoRows<string | number> | undefined> | undefined;
-        gridColumn?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridColumn | undefined> | undefined;
         gridColumnEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridColumnEnd | undefined> | undefined;
-        gridColumnGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridColumnGap<string | number> | undefined> | undefined;
         gridColumnStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridColumnStart | undefined> | undefined;
-        gridGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridGap<string | number> | undefined> | undefined;
-        gridRow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridRow | undefined> | undefined;
         gridRowEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridRowEnd | undefined> | undefined;
-        gridRowGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridRowGap<string | number> | undefined> | undefined;
         gridRowStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridRowStart | undefined> | undefined;
-        gridTemplate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridTemplate | undefined> | undefined;
         gridTemplateAreas?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridTemplateAreas | undefined> | undefined;
         gridTemplateColumns?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridTemplateColumns<string | number> | undefined> | undefined;
         gridTemplateRows?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridTemplateRows<string | number> | undefined> | undefined;
+        hangingPunctuation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.HangingPunctuation | undefined> | undefined;
         hyphenateCharacter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.HyphenateCharacter | undefined> | undefined;
         hyphens?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Hyphens | undefined> | undefined;
         imageOrientation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImageOrientation | undefined> | undefined;
         imageRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImageRendering | undefined> | undefined;
+        imageResolution?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImageResolution | undefined> | undefined;
+        initialLetter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InitialLetter | undefined> | undefined;
         inlineSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InlineSize<string | number> | undefined> | undefined;
+        inputSecurity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InputSecurity | undefined> | undefined;
         insetBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlock<string | number> | undefined> | undefined;
         insetBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockEnd<string | number> | undefined> | undefined;
         insetBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockStart<string | number> | undefined> | undefined;
@@ -176,10 +157,12 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         justifyContent?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyContent | undefined> | undefined;
         justifyItems?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyItems | undefined> | undefined;
         justifySelf?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifySelf | undefined> | undefined;
+        justifyTracks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyTracks | undefined> | undefined;
+        left?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Left<string | number> | undefined> | undefined;
         letterSpacing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LetterSpacing<string | number> | undefined> | undefined;
-        lightingColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LightingColor | undefined> | undefined;
         lineBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineBreak | undefined> | undefined;
         lineHeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineHeight<string | number> | undefined> | undefined;
+        lineHeightStep?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineHeightStep<string | number> | undefined> | undefined;
         listStyleImage?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ListStyleImage | undefined> | undefined;
         listStylePosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ListStylePosition | undefined> | undefined;
         listStyleType?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ListStyleType | undefined> | undefined;
@@ -193,10 +176,12 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         marginLeft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginLeft<string | number> | undefined> | undefined;
         marginRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginRight<string | number> | undefined> | undefined;
         marginTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginTop<string | number> | undefined> | undefined;
-        markerEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerEnd | undefined> | undefined;
-        markerMid?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerMid | undefined> | undefined;
-        markerStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerStart | undefined> | undefined;
-        mask?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Mask<string | number> | undefined> | undefined;
+        maskBorderMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderMode | undefined> | undefined;
+        maskBorderOutset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderOutset<string | number> | undefined> | undefined;
+        maskBorderRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderRepeat | undefined> | undefined;
+        maskBorderSlice?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderSlice | undefined> | undefined;
+        maskBorderSource?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderSource | undefined> | undefined;
+        maskBorderWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderWidth<string | number> | undefined> | undefined;
         maskClip?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskClip | undefined> | undefined;
         maskComposite?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskComposite | undefined> | undefined;
         maskImage?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskImage | undefined> | undefined;
@@ -206,34 +191,43 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         maskRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskRepeat | undefined> | undefined;
         maskSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskSize<string | number> | undefined> | undefined;
         maskType?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskType | undefined> | undefined;
+        mathDepth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MathDepth | undefined> | undefined;
+        mathShift?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MathShift | undefined> | undefined;
         mathStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MathStyle | undefined> | undefined;
         maxBlockSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaxBlockSize<string | number> | undefined> | undefined;
         maxHeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaxHeight<string | number> | undefined> | undefined;
         maxInlineSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaxInlineSize<string | number> | undefined> | undefined;
+        maxLines?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaxLines | undefined> | undefined;
         maxWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaxWidth<string | number> | undefined> | undefined;
         minBlockSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MinBlockSize<string | number> | undefined> | undefined;
         minHeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MinHeight<string | number> | undefined> | undefined;
         minInlineSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MinInlineSize<string | number> | undefined> | undefined;
         minWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MinWidth<string | number> | undefined> | undefined;
         mixBlendMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MixBlendMode | undefined> | undefined;
+        motionDistance?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetDistance<string | number> | undefined> | undefined;
+        motionPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetPath | undefined> | undefined;
+        motionRotation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetRotate | undefined> | undefined;
         objectFit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ObjectFit | undefined> | undefined;
         objectPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ObjectPosition<string | number> | undefined> | undefined;
+        offsetAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetAnchor<string | number> | undefined> | undefined;
         offsetDistance?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetDistance<string | number> | undefined> | undefined;
         offsetPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetPath | undefined> | undefined;
         offsetRotate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetRotate | undefined> | undefined;
+        offsetRotation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetRotate | undefined> | undefined;
         opacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Opacity | undefined> | undefined;
         order?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Order | undefined> | undefined;
         orphans?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Orphans | undefined> | undefined;
         outlineColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineColor | undefined> | undefined;
         outlineStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineStyle | undefined> | undefined;
         outlineWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineWidth<string | number> | undefined> | undefined;
-        overflow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Overflow | undefined> | undefined;
         overflowAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowAnchor | undefined> | undefined;
+        overflowBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowBlock | undefined> | undefined;
+        overflowClipBox?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowClipBox | undefined> | undefined;
         overflowClipMargin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowClipMargin<string | number> | undefined> | undefined;
+        overflowInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowInline | undefined> | undefined;
         overflowWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowWrap | undefined> | undefined;
         overflowX?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowX | undefined> | undefined;
         overflowY?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowY | undefined> | undefined;
-        overscrollBehavior?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehavior | undefined> | undefined;
         overscrollBehaviorBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehaviorBlock | undefined> | undefined;
         overscrollBehaviorInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehaviorInline | undefined> | undefined;
         overscrollBehaviorX?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehaviorX | undefined> | undefined;
@@ -262,6 +256,8 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         right?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Right<string | number> | undefined> | undefined;
         rotate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Rotate | undefined> | undefined;
         rowGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RowGap<string | number> | undefined> | undefined;
+        rubyAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyAlign | undefined> | undefined;
+        rubyMerge?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyMerge | undefined> | undefined;
         rubyPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyPosition | undefined> | undefined;
         scale?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Scale | undefined> | undefined;
         scrollBehavior?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollBehavior | undefined> | undefined;
@@ -286,41 +282,41 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         scrollPaddingRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingRight<string | number> | undefined> | undefined;
         scrollPaddingTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingTop<string | number> | undefined> | undefined;
         scrollSnapAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapAlign | undefined> | undefined;
+        scrollSnapMargin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMargin<string | number> | undefined> | undefined;
+        scrollSnapMarginBottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBottom<string | number> | undefined> | undefined;
+        scrollSnapMarginLeft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginLeft<string | number> | undefined> | undefined;
+        scrollSnapMarginRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginRight<string | number> | undefined> | undefined;
+        scrollSnapMarginTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginTop<string | number> | undefined> | undefined;
         scrollSnapStop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapStop | undefined> | undefined;
         scrollSnapType?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapType | undefined> | undefined;
+        scrollbarColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollbarColor | undefined> | undefined;
         scrollbarGutter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollbarGutter | undefined> | undefined;
+        scrollbarWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollbarWidth | undefined> | undefined;
         shapeImageThreshold?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeImageThreshold | undefined> | undefined;
         shapeMargin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeMargin<string | number> | undefined> | undefined;
         shapeOutside?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeOutside | undefined> | undefined;
-        shapeRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeRendering | undefined> | undefined;
-        stopColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopColor | undefined> | undefined;
-        stopOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopOpacity | undefined> | undefined;
-        strokeDasharray?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDasharray<string | number> | undefined> | undefined;
-        strokeDashoffset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDashoffset<string | number> | undefined> | undefined;
-        strokeLinecap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinecap | undefined> | undefined;
-        strokeLinejoin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinejoin | undefined> | undefined;
-        strokeMiterlimit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeMiterlimit | undefined> | undefined;
-        strokeOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeOpacity | undefined> | undefined;
-        strokeWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeWidth<string | number> | undefined> | undefined;
         tabSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TabSize<string | number> | undefined> | undefined;
         tableLayout?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TableLayout | undefined> | undefined;
         textAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAlign | undefined> | undefined;
         textAlignLast?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAlignLast | undefined> | undefined;
-        textAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAnchor | undefined> | undefined;
         textCombineUpright?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextCombineUpright | undefined> | undefined;
         textDecorationColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationColor | undefined> | undefined;
         textDecorationLine?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationLine | undefined> | undefined;
+        textDecorationSkip?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationSkip | undefined> | undefined;
         textDecorationSkipInk?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationSkipInk | undefined> | undefined;
         textDecorationStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationStyle | undefined> | undefined;
         textDecorationThickness?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationThickness<string | number> | undefined> | undefined;
         textEmphasisPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextEmphasisPosition | undefined> | undefined;
         textIndent?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextIndent<string | number> | undefined> | undefined;
+        textJustify?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextJustify | undefined> | undefined;
         textOrientation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextOrientation | undefined> | undefined;
         textOverflow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextOverflow | undefined> | undefined;
         textRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextRendering | undefined> | undefined;
+        textSizeAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextSizeAdjust | undefined> | undefined;
         textTransform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextTransform | undefined> | undefined;
         textUnderlineOffset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextUnderlineOffset<string | number> | undefined> | undefined;
         textUnderlinePosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextUnderlinePosition | undefined> | undefined;
+        top?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Top<string | number> | undefined> | undefined;
         touchAction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TouchAction | undefined> | undefined;
         transform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transform | undefined> | undefined;
         transformBox?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformBox | undefined> | undefined;
@@ -343,50 +339,28 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         wordWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WordWrap | undefined> | undefined;
         writingMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WritingMode | undefined> | undefined;
         zIndex?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ZIndex | undefined> | undefined;
-        alignTracks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignTracks | undefined> | undefined;
-        animationTimeline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationTimeline | undefined> | undefined;
-        blockOverflow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BlockOverflow | undefined> | undefined;
-        boxDecorationBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxDecorationBreak | undefined> | undefined;
-        colorAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PrintColorAdjust | undefined> | undefined;
-        contentVisibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ContentVisibility | undefined> | undefined;
-        fontLanguageOverride?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontLanguageOverride | undefined> | undefined;
-        fontSmooth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSmooth<string | number> | undefined> | undefined;
-        hangingPunctuation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.HangingPunctuation | undefined> | undefined;
-        imageResolution?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImageResolution | undefined> | undefined;
-        initialLetter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InitialLetter | undefined> | undefined;
-        inputSecurity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InputSecurity | undefined> | undefined;
-        justifyTracks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyTracks | undefined> | undefined;
-        lineHeightStep?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineHeightStep<string | number> | undefined> | undefined;
-        maskBorderMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderMode | undefined> | undefined;
-        maskBorderOutset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderOutset<string | number> | undefined> | undefined;
-        maskBorderRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderRepeat | undefined> | undefined;
-        maskBorderSlice?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderSlice | undefined> | undefined;
-        maskBorderSource?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderSource | undefined> | undefined;
-        maskBorderWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderWidth<string | number> | undefined> | undefined;
-        mathDepth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MathDepth | undefined> | undefined;
-        mathShift?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MathShift | undefined> | undefined;
-        maxLines?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaxLines | undefined> | undefined;
-        motionDistance?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetDistance<string | number> | undefined> | undefined;
-        motionPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetPath | undefined> | undefined;
-        motionRotation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetRotate | undefined> | undefined;
-        offsetAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetAnchor<string | number> | undefined> | undefined;
-        offsetRotation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetRotate | undefined> | undefined;
-        overflowBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowBlock | undefined> | undefined;
-        overflowClipBox?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowClipBox | undefined> | undefined;
-        overflowInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowInline | undefined> | undefined;
-        rubyAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyAlign | undefined> | undefined;
-        rubyMerge?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyMerge | undefined> | undefined;
-        scrollSnapMargin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMargin<string | number> | undefined> | undefined;
-        scrollSnapMarginBottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBottom<string | number> | undefined> | undefined;
-        scrollSnapMarginLeft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginLeft<string | number> | undefined> | undefined;
-        scrollSnapMarginRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginRight<string | number> | undefined> | undefined;
-        scrollSnapMarginTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginTop<string | number> | undefined> | undefined;
-        scrollbarColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollbarColor | undefined> | undefined;
-        scrollbarWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollbarWidth | undefined> | undefined;
-        textDecorationSkip?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationSkip | undefined> | undefined;
-        textJustify?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextJustify | undefined> | undefined;
-        textSizeAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextSizeAdjust | undefined> | undefined;
         zoom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Zoom | undefined> | undefined;
+        all?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Globals | undefined> | undefined;
+        backgroundPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundPosition<string | number> | undefined> | undefined;
+        borderBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockEnd<string | number> | undefined> | undefined;
+        borderBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockStart<string | number> | undefined> | undefined;
+        borderBottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBottom<string | number> | undefined> | undefined;
+        borderImage?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImage | undefined> | undefined;
+        borderInlineEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineEnd<string | number> | undefined> | undefined;
+        borderInlineStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineStart<string | number> | undefined> | undefined;
+        borderLeft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderLeft<string | number> | undefined> | undefined;
+        borderRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderRight<string | number> | undefined> | undefined;
+        borderTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderTop<string | number> | undefined> | undefined;
+        gridArea?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridArea | undefined> | undefined;
+        gridColumn?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridColumn | undefined> | undefined;
+        gridRow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridRow | undefined> | undefined;
+        gridTemplate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridTemplate | undefined> | undefined;
+        lineClamp?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineClamp | undefined> | undefined;
+        maskBorder?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorder | undefined> | undefined;
+        motion?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Offset<string | number> | undefined> | undefined;
+        offset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Offset<string | number> | undefined> | undefined;
+        overflow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Overflow | undefined> | undefined;
+        overscrollBehavior?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehavior | undefined> | undefined;
         MozAnimationDelay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDelay<string & {}> | undefined> | undefined;
         MozAnimationDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDirection | undefined> | undefined;
         MozAnimationDuration?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDuration<string & {}> | undefined> | undefined;
@@ -611,9 +585,6 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         WebkitUserModify?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WebkitUserModify | undefined> | undefined;
         WebkitUserSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UserSelect | undefined> | undefined;
         WebkitWritingMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WritingMode | undefined> | undefined;
-        lineClamp?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineClamp | undefined> | undefined;
-        maskBorder?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorder | undefined> | undefined;
-        motion?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Offset<string | number> | undefined> | undefined;
         MozAnimation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Animation<string & {}> | undefined> | undefined;
         MozBorderImage?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImage | undefined> | undefined;
         MozColumnRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnRule<string | number> | undefined> | undefined;
@@ -648,6 +619,10 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         boxOrdinalGroup?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrdinalGroup | undefined> | undefined;
         boxOrient?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrient | undefined> | undefined;
         boxPack?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxPack | undefined> | undefined;
+        clip?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Clip | undefined> | undefined;
+        gridColumnGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridColumnGap<string | number> | undefined> | undefined;
+        gridGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridGap<string | number> | undefined> | undefined;
+        gridRowGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridRowGap<string | number> | undefined> | undefined;
         imeMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImeMode | undefined> | undefined;
         offsetBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlock<string | number> | undefined> | undefined;
         offsetBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockEnd<string | number> | undefined> | undefined;
@@ -739,8 +714,33 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         WebkitBoxPack?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxPack | undefined> | undefined;
         WebkitScrollSnapPointsX?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapPointsX | undefined> | undefined;
         WebkitScrollSnapPointsY?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapPointsY | undefined> | undefined;
+        alignmentBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignmentBaseline | undefined> | undefined;
+        baselineShift?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BaselineShift<string | number> | undefined> | undefined;
+        clipRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipRule | undefined> | undefined;
+        colorInterpolation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorInterpolation | undefined> | undefined;
         colorRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorRendering | undefined> | undefined;
+        dominantBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.DominantBaseline | undefined> | undefined;
+        fillOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillOpacity | undefined> | undefined;
+        fillRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillRule | undefined> | undefined;
+        floodColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodColor | undefined> | undefined;
+        floodOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodOpacity | undefined> | undefined;
         glyphOrientationVertical?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GlyphOrientationVertical | undefined> | undefined;
+        lightingColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LightingColor | undefined> | undefined;
+        markerEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerEnd | undefined> | undefined;
+        markerMid?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerMid | undefined> | undefined;
+        markerStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerStart | undefined> | undefined;
+        shapeRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeRendering | undefined> | undefined;
+        stopColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopColor | undefined> | undefined;
+        stopOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopOpacity | undefined> | undefined;
+        stroke?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Stroke | undefined> | undefined;
+        strokeDasharray?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDasharray<string | number> | undefined> | undefined;
+        strokeDashoffset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDashoffset<string | number> | undefined> | undefined;
+        strokeLinecap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinecap | undefined> | undefined;
+        strokeLinejoin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinejoin | undefined> | undefined;
+        strokeMiterlimit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeMiterlimit | undefined> | undefined;
+        strokeOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeOpacity | undefined> | undefined;
+        strokeWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeWidth<string | number> | undefined> | undefined;
+        textAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAnchor | undefined> | undefined;
         vectorEffect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.VectorEffect | undefined> | undefined;
     }>;
 };

package/components/useBindingsForElement.js

@@ -1,8 +1,8 @@
 import { toJS } from "mobx";
 import { BindingsProcessor } from "@webiny/website-builder-sdk";
-import { useViewport } from "./useViewportInfo";
-import { useDocumentStore } from "./DocumentStoreProvider";
-import { useSelectFromState } from "./useSelectFromState";
+import { useViewport } from "./useViewportInfo.js";
+import { useDocumentStore } from "./DocumentStoreProvider.js";
+import { useSelectFromState } from "./useSelectFromState.js";
 export const useBindingsForElement = (elementId, breakpoint) => {
   const documentStore = useDocumentStore();
   const viewport = useViewport();

package/components/useBindingsForElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["toJS","BindingsProcessor","useViewport","useDocumentStore","useSelectFromState","useBindingsForElement","elementId","breakpoint","documentStore","viewport","getDocument","document","bindings","breakpoints","map","bp","name","bindingsProcessor","getBindings"],"sources":["useBindingsForElement.ts"],"sourcesContent":["import { toJS } from \"mobx\";\nimport { BindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport { useViewport } from \"./useViewportInfo\";\nimport { useDocumentStore } from \"./DocumentStoreProvider\";\nimport { useSelectFromState } from \"./useSelectFromState\";\n\nexport const useBindingsForElement = (elementId: string, breakpoint: string) => {\n    const documentStore = useDocumentStore();\n    const viewport = useViewport();\n\n    return useSelectFromState(\n        () => documentStore.getDocument()!,\n        document => {\n            const bindings = toJS(document.bindings[elementId]) ?? {};\n            const breakpoints = viewport.breakpoints.map(bp => bp.name);\n\n            // Merge element bindings.\n            const bindingsProcessor = new BindingsProcessor(breakpoints);\n\n            return bindingsProcessor.getBindings(bindings, breakpoint);\n        },\n        [elementId, breakpoint]\n    );\n};\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,MAAM;AAC3B,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,WAAW;AACpB,SAASC,gBAAgB;AACzB,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,qBAAqB,GAAGA,CAACC,SAAiB,EAAEC,UAAkB,KAAK;EAC5E,MAAMC,aAAa,GAAGL,gBAAgB,CAAC,CAAC;EACxC,MAAMM,QAAQ,GAAGP,WAAW,CAAC,CAAC;EAE9B,OAAOE,kBAAkB,CACrB,MAAMI,aAAa,CAACE,WAAW,CAAC,CAAE,EAClCC,QAAQ,IAAI;IACR,MAAMC,QAAQ,GAAGZ,IAAI,CAACW,QAAQ,CAACC,QAAQ,CAACN,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC;IACzD,MAAMO,WAAW,GAAGJ,QAAQ,CAACI,WAAW,CAACC,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACC,IAAI,CAAC;;IAE3D;IACA,MAAMC,iBAAiB,GAAG,IAAIhB,iBAAiB,CAACY,WAAW,CAAC;IAE5D,OAAOI,iBAAiB,CAACC,WAAW,CAACN,QAAQ,EAAEL,UAAU,CAAC;EAC9D,CAAC,EACD,CAACD,SAAS,EAAEC,UAAU,CAC1B,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["toJS","BindingsProcessor","useViewport","useDocumentStore","useSelectFromState","useBindingsForElement","elementId","breakpoint","documentStore","viewport","getDocument","document","bindings","breakpoints","map","bp","name","bindingsProcessor","getBindings"],"sources":["useBindingsForElement.ts"],"sourcesContent":["import { toJS } from \"mobx\";\nimport { BindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport { useViewport } from \"./useViewportInfo.js\";\nimport { useDocumentStore } from \"./DocumentStoreProvider.js\";\nimport { useSelectFromState } from \"./useSelectFromState.js\";\n\nexport const useBindingsForElement = (elementId: string, breakpoint: string) => {\n    const documentStore = useDocumentStore();\n    const viewport = useViewport();\n\n    return useSelectFromState(\n        () => documentStore.getDocument()!,\n        document => {\n            const bindings = toJS(document.bindings[elementId]) ?? {};\n            const breakpoints = viewport.breakpoints.map(bp => bp.name);\n\n            // Merge element bindings.\n            const bindingsProcessor = new BindingsProcessor(breakpoints);\n\n            return bindingsProcessor.getBindings(bindings, breakpoint);\n        },\n        [elementId, breakpoint]\n    );\n};\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,MAAM;AAC3B,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,WAAW;AACpB,SAASC,gBAAgB;AACzB,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,qBAAqB,GAAGA,CAACC,SAAiB,EAAEC,UAAkB,KAAK;EAC5E,MAAMC,aAAa,GAAGL,gBAAgB,CAAC,CAAC;EACxC,MAAMM,QAAQ,GAAGP,WAAW,CAAC,CAAC;EAE9B,OAAOE,kBAAkB,CACrB,MAAMI,aAAa,CAACE,WAAW,CAAC,CAAE,EAClCC,QAAQ,IAAI;IACR,MAAMC,QAAQ,GAAGZ,IAAI,CAACW,QAAQ,CAACC,QAAQ,CAACN,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC;IACzD,MAAMO,WAAW,GAAGJ,QAAQ,CAACI,WAAW,CAACC,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACC,IAAI,CAAC;;IAE3D;IACA,MAAMC,iBAAiB,GAAG,IAAIhB,iBAAiB,CAACY,WAAW,CAAC;IAE5D,OAAOI,iBAAiB,CAACC,WAAW,CAACN,QAAQ,EAAEL,UAAU,CAAC;EAC9D,CAAC,EACD,CAACD,SAAS,EAAEC,UAAU,CAC1B,CAAC;AACL,CAAC","ignoreList":[]}

package/components/useDocumentState.js

@@ -1,5 +1,5 @@
-import { useDocumentStore } from "./DocumentStoreProvider";
-import { useSelectFromState } from "./useSelectFromState";
+import { useDocumentStore } from "./DocumentStoreProvider.js";
+import { useSelectFromState } from "./useSelectFromState.js";
 export const useDocumentState = () => {
   const documentStore = useDocumentStore();
   return useSelectFromState(() => documentStore.getDocument(), document => document.state ?? {});

package/components/useDocumentState.js.map

@@ -1 +1 @@
-{"version":3,"names":["useDocumentStore","useSelectFromState","useDocumentState","documentStore","getDocument","document","state"],"sources":["useDocumentState.ts"],"sourcesContent":["import { useDocumentStore } from \"./DocumentStoreProvider\";\nimport { useSelectFromState } from \"./useSelectFromState\";\n\nexport const useDocumentState = () => {\n    const documentStore = useDocumentStore();\n    return useSelectFromState(\n        () => documentStore.getDocument()!,\n        document => document.state ?? {}\n    );\n};\n"],"mappings":"AAAA,SAASA,gBAAgB;AACzB,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAMC,aAAa,GAAGH,gBAAgB,CAAC,CAAC;EACxC,OAAOC,kBAAkB,CACrB,MAAME,aAAa,CAACC,WAAW,CAAC,CAAE,EAClCC,QAAQ,IAAIA,QAAQ,CAACC,KAAK,IAAI,CAAC,CACnC,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useDocumentStore","useSelectFromState","useDocumentState","documentStore","getDocument","document","state"],"sources":["useDocumentState.ts"],"sourcesContent":["import { useDocumentStore } from \"./DocumentStoreProvider.js\";\nimport { useSelectFromState } from \"./useSelectFromState.js\";\n\nexport const useDocumentState = () => {\n    const documentStore = useDocumentStore();\n    return useSelectFromState(\n        () => documentStore.getDocument()!,\n        document => document.state ?? {}\n    );\n};\n"],"mappings":"AAAA,SAASA,gBAAgB;AACzB,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAMC,aAAa,GAAGH,gBAAgB,CAAC,CAAC;EACxC,OAAOC,kBAAkB,CACrB,MAAME,aAAa,CAACC,WAAW,CAAC,CAAE,EAClCC,QAAQ,IAAIA,QAAQ,CAACC,KAAK,IAAI,CAAC,CACnC,CAAC;AACL,CAAC","ignoreList":[]}

package/editorComponents/Box.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import type { ComponentPropsWithChildren } from "../types";
+import type { ComponentPropsWithChildren } from "../types.js";
 export declare const BoxComponent: ({ inputs }: ComponentPropsWithChildren) => React.JSX.Element;

package/editorComponents/Box.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BoxComponent","inputs","createElement","Fragment","children"],"sources":["Box.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ComponentPropsWithChildren } from \"~/types\";\n\nexport const BoxComponent = ({ inputs }: ComponentPropsWithChildren) => {\n    return <>{inputs.children}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAAmC,CAAC,KAAK;EACpE,oBAAOF,KAAA,CAAAG,aAAA,CAAAH,KAAA,CAAAI,QAAA,QAAGF,MAAM,CAACG,QAAW,CAAC;AACjC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","BoxComponent","inputs","createElement","Fragment","children"],"sources":["Box.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ComponentPropsWithChildren } from \"~/types.js\";\n\nexport const BoxComponent = ({ inputs }: ComponentPropsWithChildren) => {\n    return <>{inputs.children}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAAmC,CAAC,KAAK;EACpE,oBAAOF,KAAA,CAAAG,aAAA,CAAAH,KAAA,CAAAI,QAAA,QAAGF,MAAM,CAACG,QAAW,CAAC;AACjC,CAAC","ignoreList":[]}

package/editorComponents/Box.manifest.js

@@ -1,7 +1,7 @@
 "use client";
 
-import { createComponent } from "../createComponent";
-import { BoxComponent } from "./Box";
+import { createComponent } from "../createComponent.js";
+import { BoxComponent } from "./Box.js";
 export const Box = createComponent(BoxComponent, {
   name: "Webiny/Box",
   label: "Box",

package/editorComponents/Box.manifest.js.map

@@ -1 +1 @@
-{"version":3,"names":["createComponent","BoxComponent","Box","name","label","group","image","acceptsChildren","defaults","styles","paddingTop","paddingRight","paddingBottom","paddingLeft"],"sources":["Box.manifest.ts"],"sourcesContent":["\"use client\";\nimport { createComponent } from \"~/createComponent\";\nimport { BoxComponent } from \"./Box\";\n\nexport const Box = createComponent(BoxComponent, {\n    name: \"Webiny/Box\",\n    label: \"Box\",\n    group: \"basic\",\n    image: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e8eaed\"><path d=\"M120-120v-720h720v720H120Zm80-80h560v-560H200v560Zm0 0v-560 560Z\"/></svg>`,\n    acceptsChildren: true,\n    defaults: {\n        styles: {\n            paddingTop: \"5px\",\n            paddingRight: \"5px\",\n            paddingBottom: \"5px\",\n            paddingLeft: \"5px\"\n        }\n    }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,eAAe;AACxB,SAASC,YAAY;AAErB,OAAO,MAAMC,GAAG,GAAGF,eAAe,CAACC,YAAY,EAAE;EAC7CE,IAAI,EAAE,YAAY;EAClBC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,+LAA+L;EACtMC,eAAe,EAAE,IAAI;EACrBC,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,UAAU,EAAE,KAAK;MACjBC,YAAY,EAAE,KAAK;MACnBC,aAAa,EAAE,KAAK;MACpBC,WAAW,EAAE;IACjB;EACJ;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["createComponent","BoxComponent","Box","name","label","group","image","acceptsChildren","defaults","styles","paddingTop","paddingRight","paddingBottom","paddingLeft"],"sources":["Box.manifest.ts"],"sourcesContent":["\"use client\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { BoxComponent } from \"./Box.js\";\n\nexport const Box = createComponent(BoxComponent, {\n    name: \"Webiny/Box\",\n    label: \"Box\",\n    group: \"basic\",\n    image: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e8eaed\"><path d=\"M120-120v-720h720v720H120Zm80-80h560v-560H200v560Zm0 0v-560 560Z\"/></svg>`,\n    acceptsChildren: true,\n    defaults: {\n        styles: {\n            paddingTop: \"5px\",\n            paddingRight: \"5px\",\n            paddingBottom: \"5px\",\n            paddingLeft: \"5px\"\n        }\n    }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,eAAe;AACxB,SAASC,YAAY;AAErB,OAAO,MAAMC,GAAG,GAAGF,eAAe,CAACC,YAAY,EAAE;EAC7CE,IAAI,EAAE,YAAY;EAClBC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,+LAA+L;EACtMC,eAAe,EAAE,IAAI;EACrBC,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,UAAU,EAAE,KAAK;MACjBC,YAAY,EAAE,KAAK;MACnBC,aAAa,EAAE,KAAK;MACpBC,WAAW,EAAE;IACjB;EACJ;AACJ,CAAC,CAAC","ignoreList":[]}