@webstudio-is/react-sdk 0.91.0 → 0.93.0

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 (108) hide show
  1. package/lib/app/index.js +1 -0
  2. package/lib/app/root.js +2 -4
  3. package/lib/component-renderer.js +3 -5
  4. package/lib/components/component-meta.js +6 -11
  5. package/lib/components/components-utils.js +1 -0
  6. package/lib/context.js +2 -4
  7. package/lib/css/css.js +4 -9
  8. package/lib/css/global-rules.js +3 -5
  9. package/lib/css/index.js +1 -0
  10. package/lib/css/normalize-type-check.js +1 -0
  11. package/lib/css/normalize.js +48 -96
  12. package/lib/css/presets.js +3 -6
  13. package/lib/css/style-rules.js +3 -6
  14. package/{src/css/style-rules.test.ts → lib/css/style-rules.test.js} +23 -28
  15. package/lib/embed-template.js +7 -22
  16. package/{src/embed-template.test.ts → lib/embed-template.test.js} +165 -176
  17. package/lib/expression.js +11 -22
  18. package/{src/expression.test.ts → lib/expression.test.js} +55 -83
  19. package/lib/generator.js +2 -4
  20. package/{src/generator.test.ts → lib/generator.test.js} +28 -31
  21. package/lib/hook.js +2 -4
  22. package/{src/hook.test.ts → lib/hook.test.js} +4 -4
  23. package/lib/index.js +9 -31
  24. package/lib/instance-utils.js +2 -4
  25. package/{src/instance-utils.test.ts → lib/instance-utils.test.js} +19 -43
  26. package/lib/prop-meta.js +150 -0
  27. package/lib/props.js +8 -16
  28. package/{src/props.test.ts → lib/props.test.js} +39 -68
  29. package/lib/pubsub/create.js +2 -4
  30. package/lib/pubsub/index.js +1 -0
  31. package/lib/pubsub/raf-queue.js +2 -4
  32. package/lib/tree/create-elements-tree.js +2 -4
  33. package/lib/tree/index.js +1 -0
  34. package/lib/tree/root.js +2 -5
  35. package/lib/tree/webstudio-component.js +10 -20
  36. package/lib/types/component-renderer.d.ts +1 -1
  37. package/lib/types/components/component-meta.d.ts +526 -526
  38. package/lib/types/context.d.ts +1 -2
  39. package/lib/types/css/css.d.ts +22 -23
  40. package/lib/types/css/global-rules.d.ts +19 -19
  41. package/lib/types/css/normalize.d.ts +2444 -2444
  42. package/lib/types/css/style-rules.d.ts +2 -2
  43. package/lib/types/embed-template.d.ts +648 -648
  44. package/lib/types/generator.d.ts +1 -1
  45. package/lib/types/hook.d.ts +3 -3
  46. package/lib/types/index.d.ts +1 -0
  47. package/lib/types/instance-utils.d.ts +3 -3
  48. package/lib/types/prop-meta.d.ts +396 -0
  49. package/lib/types/props.d.ts +52 -53
  50. package/lib/types/tree/create-elements-tree.d.ts +3 -4
  51. package/lib/types/tree/root.d.ts +8 -8
  52. package/lib/types/tree/webstudio-component.d.ts +1 -1
  53. package/package.json +14 -22
  54. package/lib/cjs/app/index.js +0 -18
  55. package/lib/cjs/app/root.js +0 -40
  56. package/lib/cjs/component-renderer.js +0 -143
  57. package/lib/cjs/components/component-meta.js +0 -87
  58. package/lib/cjs/components/components-utils.js +0 -17
  59. package/lib/cjs/context.js +0 -43
  60. package/lib/cjs/css/css.js +0 -84
  61. package/lib/cjs/css/global-rules.js +0 -37
  62. package/lib/cjs/css/index.js +0 -20
  63. package/lib/cjs/css/normalize-type-check.js +0 -26
  64. package/lib/cjs/css/normalize.js +0 -349
  65. package/lib/cjs/css/presets.js +0 -48
  66. package/lib/cjs/css/style-rules.js +0 -86
  67. package/lib/cjs/embed-template.js +0 -368
  68. package/lib/cjs/expression.js +0 -371
  69. package/lib/cjs/generator.js +0 -128
  70. package/lib/cjs/hook.js +0 -34
  71. package/lib/cjs/index.js +0 -59
  72. package/lib/cjs/instance-utils.js +0 -65
  73. package/lib/cjs/package.json +0 -1
  74. package/lib/cjs/props.js +0 -204
  75. package/lib/cjs/pubsub/create.js +0 -78
  76. package/lib/cjs/pubsub/index.js +0 -18
  77. package/lib/cjs/pubsub/raf-queue.js +0 -42
  78. package/lib/cjs/tree/create-elements-tree.js +0 -152
  79. package/lib/cjs/tree/index.js +0 -20
  80. package/lib/cjs/tree/root.js +0 -100
  81. package/lib/cjs/tree/webstudio-component.js +0 -91
  82. package/src/app/index.ts +0 -1
  83. package/src/app/root.tsx +0 -25
  84. package/src/component-renderer.tsx +0 -146
  85. package/src/components/component-meta.ts +0 -86
  86. package/src/components/components-utils.ts +0 -13
  87. package/src/context.tsx +0 -73
  88. package/src/css/css.ts +0 -88
  89. package/src/css/global-rules.ts +0 -26
  90. package/src/css/index.ts +0 -3
  91. package/src/css/normalize-type-check.ts +0 -13
  92. package/src/css/normalize.ts +0 -507
  93. package/src/css/presets.ts +0 -27
  94. package/src/css/style-rules.ts +0 -101
  95. package/src/embed-template.ts +0 -438
  96. package/src/expression.ts +0 -401
  97. package/src/generator.ts +0 -147
  98. package/src/hook.ts +0 -52
  99. package/src/index.ts +0 -39
  100. package/src/instance-utils.ts +0 -65
  101. package/src/props.ts +0 -231
  102. package/src/pubsub/create.ts +0 -77
  103. package/src/pubsub/index.ts +0 -1
  104. package/src/pubsub/raf-queue.ts +0 -25
  105. package/src/tree/create-elements-tree.tsx +0 -186
  106. package/src/tree/index.ts +0 -3
  107. package/src/tree/root.ts +0 -131
  108. package/src/tree/webstudio-component.tsx +0 -97
package/lib/types/components/component-meta.d.ts CHANGED
@@ -683,1284 +683,1284 @@ declare const WsComponentMeta: z.ZodObject<{
683
683
  icon: z.ZodString;
684
684
  presetStyle: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodType<{
685
685
  value: {
686
- type: "unit";
687
686
  value: number;
687
+ type: "unit";
688
688
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
689
689
  } | {
690
- type: "keyword";
691
690
  value: string;
691
+ type: "keyword";
692
692
  } | {
693
- type: "unparsed";
694
693
  value: string;
694
+ type: "unparsed";
695
695
  hidden?: boolean | undefined;
696
696
  } | {
697
- type: "fontFamily";
698
697
  value: string[];
698
+ type: "fontFamily";
699
699
  } | {
700
700
  type: "rgb";
701
- alpha: number;
702
701
  r: number;
703
702
  g: number;
704
703
  b: number;
704
+ alpha: number;
705
705
  } | {
706
- type: "image";
707
706
  value: {
708
- type: "asset";
709
707
  value: string;
708
+ type: "asset";
710
709
  } | {
711
710
  type: "url";
712
711
  url: string;
713
712
  };
713
+ type: "image";
714
714
  hidden?: boolean | undefined;
715
715
  } | {
716
- type: "invalid";
717
716
  value: string;
717
+ type: "invalid";
718
718
  } | {
719
- type: "unset";
720
719
  value: "";
720
+ type: "unset";
721
721
  } | {
722
- type: "tuple";
723
722
  value: ({
724
- type: "unit";
725
723
  value: number;
724
+ type: "unit";
726
725
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
727
726
  } | {
728
- type: "keyword";
729
727
  value: string;
728
+ type: "keyword";
730
729
  } | {
731
- type: "unparsed";
732
730
  value: string;
731
+ type: "unparsed";
733
732
  hidden?: boolean | undefined;
734
733
  } | {
735
734
  type: "rgb";
736
- alpha: number;
737
735
  r: number;
738
736
  g: number;
739
737
  b: number;
738
+ alpha: number;
740
739
  })[];
740
+ type: "tuple";
741
741
  hidden?: boolean | undefined;
742
742
  } | {
743
- type: "layers";
744
743
  value: ({
745
- type: "unit";
746
744
  value: number;
745
+ type: "unit";
747
746
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
748
747
  } | {
749
- type: "keyword";
750
748
  value: string;
749
+ type: "keyword";
751
750
  } | {
752
- type: "unparsed";
753
751
  value: string;
752
+ type: "unparsed";
754
753
  hidden?: boolean | undefined;
755
754
  } | {
756
- type: "image";
757
755
  value: {
758
- type: "asset";
759
756
  value: string;
757
+ type: "asset";
760
758
  } | {
761
759
  type: "url";
762
760
  url: string;
763
761
  };
762
+ type: "image";
764
763
  hidden?: boolean | undefined;
765
764
  } | {
766
- type: "invalid";
767
765
  value: string;
766
+ type: "invalid";
768
767
  } | {
769
- type: "tuple";
770
768
  value: ({
771
- type: "unit";
772
769
  value: number;
770
+ type: "unit";
773
771
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
774
772
  } | {
775
- type: "keyword";
776
773
  value: string;
774
+ type: "keyword";
777
775
  } | {
778
- type: "unparsed";
779
776
  value: string;
777
+ type: "unparsed";
780
778
  hidden?: boolean | undefined;
781
779
  } | {
782
780
  type: "rgb";
783
- alpha: number;
784
781
  r: number;
785
782
  g: number;
786
783
  b: number;
784
+ alpha: number;
787
785
  })[];
786
+ type: "tuple";
788
787
  hidden?: boolean | undefined;
789
788
  })[];
789
+ type: "layers";
790
790
  } | {
791
- type: "var";
792
791
  value: string;
792
+ type: "var";
793
793
  fallbacks: ({
794
- type: "unit";
795
794
  value: number;
795
+ type: "unit";
796
796
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
797
797
  } | {
798
- type: "keyword";
799
798
  value: string;
799
+ type: "keyword";
800
800
  } | {
801
- type: "unparsed";
802
801
  value: string;
802
+ type: "unparsed";
803
803
  hidden?: boolean | undefined;
804
804
  } | {
805
- type: "fontFamily";
806
805
  value: string[];
806
+ type: "fontFamily";
807
807
  } | {
808
808
  type: "rgb";
809
- alpha: number;
810
809
  r: number;
811
810
  g: number;
812
811
  b: number;
812
+ alpha: number;
813
813
  } | {
814
- type: "image";
815
814
  value: {
816
- type: "asset";
817
815
  value: string;
816
+ type: "asset";
818
817
  } | {
819
818
  type: "url";
820
819
  url: string;
821
820
  };
821
+ type: "image";
822
822
  hidden?: boolean | undefined;
823
823
  } | {
824
- type: "tuple";
825
824
  value: ({
826
- type: "unit";
827
825
  value: number;
826
+ type: "unit";
828
827
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
829
828
  } | {
830
- type: "keyword";
831
829
  value: string;
830
+ type: "keyword";
832
831
  } | {
833
- type: "unparsed";
834
832
  value: string;
833
+ type: "unparsed";
835
834
  hidden?: boolean | undefined;
836
835
  } | {
837
836
  type: "rgb";
838
- alpha: number;
839
837
  r: number;
840
838
  g: number;
841
839
  b: number;
840
+ alpha: number;
842
841
  })[];
842
+ type: "tuple";
843
843
  hidden?: boolean | undefined;
844
844
  } | {
845
- type: "layers";
846
845
  value: ({
847
- type: "unit";
848
846
  value: number;
847
+ type: "unit";
849
848
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
850
849
  } | {
851
- type: "keyword";
852
850
  value: string;
851
+ type: "keyword";
853
852
  } | {
854
- type: "unparsed";
855
853
  value: string;
854
+ type: "unparsed";
856
855
  hidden?: boolean | undefined;
857
856
  } | {
858
- type: "image";
859
857
  value: {
860
- type: "asset";
861
858
  value: string;
859
+ type: "asset";
862
860
  } | {
863
861
  type: "url";
864
862
  url: string;
865
863
  };
864
+ type: "image";
866
865
  hidden?: boolean | undefined;
867
866
  } | {
868
- type: "invalid";
869
867
  value: string;
868
+ type: "invalid";
870
869
  } | {
871
- type: "tuple";
872
870
  value: ({
873
- type: "unit";
874
871
  value: number;
872
+ type: "unit";
875
873
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
876
874
  } | {
877
- type: "keyword";
878
875
  value: string;
876
+ type: "keyword";
879
877
  } | {
880
- type: "unparsed";
881
878
  value: string;
879
+ type: "unparsed";
882
880
  hidden?: boolean | undefined;
883
881
  } | {
884
882
  type: "rgb";
885
- alpha: number;
886
883
  r: number;
887
884
  g: number;
888
885
  b: number;
886
+ alpha: number;
889
887
  })[];
888
+ type: "tuple";
890
889
  hidden?: boolean | undefined;
891
890
  })[];
891
+ type: "layers";
892
892
  })[];
893
893
  };
894
894
  state?: string | undefined;
895
- property: "filter" | "float" | "page" | "clip" | "top" | "right" | `--${string}` | "WebkitFontSmoothing" | "MozOsxFontSmoothing" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "animationTimeline" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockOverflow" | "blockSize" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "display" | "emptyCells" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inputSecurity" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTransitionName" | "visibility" | "whiteSpace" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex";
895
+ property: import("@webstudio-is/css-engine").StyleProperty;
896
896
  }, z.ZodTypeDef, {
897
897
  value: {
898
- type: "unit";
899
898
  value: number;
899
+ type: "unit";
900
900
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
901
901
  } | {
902
- type: "keyword";
903
902
  value: string;
903
+ type: "keyword";
904
904
  } | {
905
- type: "unparsed";
906
905
  value: string;
906
+ type: "unparsed";
907
907
  hidden?: boolean | undefined;
908
908
  } | {
909
- type: "fontFamily";
910
909
  value: string[];
910
+ type: "fontFamily";
911
911
  } | {
912
912
  type: "rgb";
913
- alpha: number;
914
913
  r: number;
915
914
  g: number;
916
915
  b: number;
916
+ alpha: number;
917
917
  } | {
918
- type: "image";
919
918
  value: {
920
- type: "asset";
921
919
  value: string;
920
+ type: "asset";
922
921
  } | {
923
922
  type: "url";
924
923
  url: string;
925
924
  };
925
+ type: "image";
926
926
  hidden?: boolean | undefined;
927
927
  } | {
928
- type: "invalid";
929
928
  value: string;
929
+ type: "invalid";
930
930
  } | {
931
- type: "unset";
932
931
  value: "";
932
+ type: "unset";
933
933
  } | {
934
- type: "tuple";
935
934
  value: ({
936
- type: "unit";
937
935
  value: number;
936
+ type: "unit";
938
937
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
939
938
  } | {
940
- type: "keyword";
941
939
  value: string;
940
+ type: "keyword";
942
941
  } | {
943
- type: "unparsed";
944
942
  value: string;
943
+ type: "unparsed";
945
944
  hidden?: boolean | undefined;
946
945
  } | {
947
946
  type: "rgb";
948
- alpha: number;
949
947
  r: number;
950
948
  g: number;
951
949
  b: number;
950
+ alpha: number;
952
951
  })[];
952
+ type: "tuple";
953
953
  hidden?: boolean | undefined;
954
954
  } | {
955
- type: "layers";
956
955
  value: ({
957
- type: "unit";
958
956
  value: number;
957
+ type: "unit";
959
958
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
960
959
  } | {
961
- type: "keyword";
962
960
  value: string;
961
+ type: "keyword";
963
962
  } | {
964
- type: "unparsed";
965
963
  value: string;
964
+ type: "unparsed";
966
965
  hidden?: boolean | undefined;
967
966
  } | {
968
- type: "image";
969
967
  value: {
970
- type: "asset";
971
968
  value: string;
969
+ type: "asset";
972
970
  } | {
973
971
  type: "url";
974
972
  url: string;
975
973
  };
974
+ type: "image";
976
975
  hidden?: boolean | undefined;
977
976
  } | {
978
- type: "invalid";
979
977
  value: string;
978
+ type: "invalid";
980
979
  } | {
981
- type: "tuple";
982
980
  value: ({
983
- type: "unit";
984
981
  value: number;
982
+ type: "unit";
985
983
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
986
984
  } | {
987
- type: "keyword";
988
985
  value: string;
986
+ type: "keyword";
989
987
  } | {
990
- type: "unparsed";
991
988
  value: string;
989
+ type: "unparsed";
992
990
  hidden?: boolean | undefined;
993
991
  } | {
994
992
  type: "rgb";
995
- alpha: number;
996
993
  r: number;
997
994
  g: number;
998
995
  b: number;
996
+ alpha: number;
999
997
  })[];
998
+ type: "tuple";
1000
999
  hidden?: boolean | undefined;
1001
1000
  })[];
1001
+ type: "layers";
1002
1002
  } | {
1003
- type: "var";
1004
1003
  value: string;
1004
+ type: "var";
1005
1005
  fallbacks: ({
1006
- type: "unit";
1007
1006
  value: number;
1007
+ type: "unit";
1008
1008
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1009
1009
  } | {
1010
- type: "keyword";
1011
1010
  value: string;
1011
+ type: "keyword";
1012
1012
  } | {
1013
- type: "unparsed";
1014
1013
  value: string;
1014
+ type: "unparsed";
1015
1015
  hidden?: boolean | undefined;
1016
1016
  } | {
1017
- type: "fontFamily";
1018
1017
  value: string[];
1018
+ type: "fontFamily";
1019
1019
  } | {
1020
1020
  type: "rgb";
1021
- alpha: number;
1022
1021
  r: number;
1023
1022
  g: number;
1024
1023
  b: number;
1024
+ alpha: number;
1025
1025
  } | {
1026
- type: "image";
1027
1026
  value: {
1028
- type: "asset";
1029
1027
  value: string;
1028
+ type: "asset";
1030
1029
  } | {
1031
1030
  type: "url";
1032
1031
  url: string;
1033
1032
  };
1033
+ type: "image";
1034
1034
  hidden?: boolean | undefined;
1035
1035
  } | {
1036
- type: "tuple";
1037
1036
  value: ({
1038
- type: "unit";
1039
1037
  value: number;
1038
+ type: "unit";
1040
1039
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1041
1040
  } | {
1042
- type: "keyword";
1043
1041
  value: string;
1042
+ type: "keyword";
1044
1043
  } | {
1045
- type: "unparsed";
1046
1044
  value: string;
1045
+ type: "unparsed";
1047
1046
  hidden?: boolean | undefined;
1048
1047
  } | {
1049
1048
  type: "rgb";
1050
- alpha: number;
1051
1049
  r: number;
1052
1050
  g: number;
1053
1051
  b: number;
1052
+ alpha: number;
1054
1053
  })[];
1054
+ type: "tuple";
1055
1055
  hidden?: boolean | undefined;
1056
1056
  } | {
1057
- type: "layers";
1058
1057
  value: ({
1059
- type: "unit";
1060
1058
  value: number;
1059
+ type: "unit";
1061
1060
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1062
1061
  } | {
1063
- type: "keyword";
1064
1062
  value: string;
1063
+ type: "keyword";
1065
1064
  } | {
1066
- type: "unparsed";
1067
1065
  value: string;
1066
+ type: "unparsed";
1068
1067
  hidden?: boolean | undefined;
1069
1068
  } | {
1070
- type: "image";
1071
1069
  value: {
1072
- type: "asset";
1073
1070
  value: string;
1071
+ type: "asset";
1074
1072
  } | {
1075
1073
  type: "url";
1076
1074
  url: string;
1077
1075
  };
1076
+ type: "image";
1078
1077
  hidden?: boolean | undefined;
1079
1078
  } | {
1080
- type: "invalid";
1081
1079
  value: string;
1080
+ type: "invalid";
1082
1081
  } | {
1083
- type: "tuple";
1084
1082
  value: ({
1085
- type: "unit";
1086
1083
  value: number;
1084
+ type: "unit";
1087
1085
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1088
1086
  } | {
1089
- type: "keyword";
1090
1087
  value: string;
1088
+ type: "keyword";
1091
1089
  } | {
1092
- type: "unparsed";
1093
1090
  value: string;
1091
+ type: "unparsed";
1094
1092
  hidden?: boolean | undefined;
1095
1093
  } | {
1096
1094
  type: "rgb";
1097
- alpha: number;
1098
1095
  r: number;
1099
1096
  g: number;
1100
1097
  b: number;
1098
+ alpha: number;
1101
1099
  })[];
1100
+ type: "tuple";
1102
1101
  hidden?: boolean | undefined;
1103
1102
  })[];
1103
+ type: "layers";
1104
1104
  })[];
1105
1105
  };
1106
1106
  state?: string | undefined;
1107
- property: "filter" | "float" | "page" | "clip" | "top" | "right" | `--${string}` | "WebkitFontSmoothing" | "MozOsxFontSmoothing" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "animationTimeline" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockOverflow" | "blockSize" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "display" | "emptyCells" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inputSecurity" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTransitionName" | "visibility" | "whiteSpace" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex";
1107
+ property: import("@webstudio-is/css-engine").StyleProperty;
1108
1108
  }>>>;
1109
1109
  presetTokens: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodObject<{
1110
1110
  variant: z.ZodOptional<z.ZodString>;
1111
1111
  styles: z.ZodArray<z.ZodType<{
1112
1112
  value: {
1113
- type: "unit";
1114
1113
  value: number;
1114
+ type: "unit";
1115
1115
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1116
1116
  } | {
1117
- type: "keyword";
1118
1117
  value: string;
1118
+ type: "keyword";
1119
1119
  } | {
1120
- type: "unparsed";
1121
1120
  value: string;
1121
+ type: "unparsed";
1122
1122
  hidden?: boolean | undefined;
1123
1123
  } | {
1124
- type: "fontFamily";
1125
1124
  value: string[];
1125
+ type: "fontFamily";
1126
1126
  } | {
1127
1127
  type: "rgb";
1128
- alpha: number;
1129
1128
  r: number;
1130
1129
  g: number;
1131
1130
  b: number;
1131
+ alpha: number;
1132
1132
  } | {
1133
- type: "image";
1134
1133
  value: {
1135
- type: "asset";
1136
1134
  value: string;
1135
+ type: "asset";
1137
1136
  } | {
1138
1137
  type: "url";
1139
1138
  url: string;
1140
1139
  };
1140
+ type: "image";
1141
1141
  hidden?: boolean | undefined;
1142
1142
  } | {
1143
- type: "invalid";
1144
1143
  value: string;
1144
+ type: "invalid";
1145
1145
  } | {
1146
- type: "unset";
1147
1146
  value: "";
1147
+ type: "unset";
1148
1148
  } | {
1149
- type: "tuple";
1150
1149
  value: ({
1151
- type: "unit";
1152
1150
  value: number;
1151
+ type: "unit";
1153
1152
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1154
1153
  } | {
1155
- type: "keyword";
1156
1154
  value: string;
1155
+ type: "keyword";
1157
1156
  } | {
1158
- type: "unparsed";
1159
1157
  value: string;
1158
+ type: "unparsed";
1160
1159
  hidden?: boolean | undefined;
1161
1160
  } | {
1162
1161
  type: "rgb";
1163
- alpha: number;
1164
1162
  r: number;
1165
1163
  g: number;
1166
1164
  b: number;
1165
+ alpha: number;
1167
1166
  })[];
1167
+ type: "tuple";
1168
1168
  hidden?: boolean | undefined;
1169
1169
  } | {
1170
- type: "layers";
1171
1170
  value: ({
1172
- type: "unit";
1173
1171
  value: number;
1172
+ type: "unit";
1174
1173
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1175
1174
  } | {
1176
- type: "keyword";
1177
1175
  value: string;
1176
+ type: "keyword";
1178
1177
  } | {
1179
- type: "unparsed";
1180
1178
  value: string;
1179
+ type: "unparsed";
1181
1180
  hidden?: boolean | undefined;
1182
1181
  } | {
1183
- type: "image";
1184
1182
  value: {
1185
- type: "asset";
1186
1183
  value: string;
1184
+ type: "asset";
1187
1185
  } | {
1188
1186
  type: "url";
1189
1187
  url: string;
1190
1188
  };
1189
+ type: "image";
1191
1190
  hidden?: boolean | undefined;
1192
1191
  } | {
1193
- type: "invalid";
1194
1192
  value: string;
1193
+ type: "invalid";
1195
1194
  } | {
1196
- type: "tuple";
1197
1195
  value: ({
1198
- type: "unit";
1199
1196
  value: number;
1197
+ type: "unit";
1200
1198
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1201
1199
  } | {
1202
- type: "keyword";
1203
1200
  value: string;
1201
+ type: "keyword";
1204
1202
  } | {
1205
- type: "unparsed";
1206
1203
  value: string;
1204
+ type: "unparsed";
1207
1205
  hidden?: boolean | undefined;
1208
1206
  } | {
1209
1207
  type: "rgb";
1210
- alpha: number;
1211
1208
  r: number;
1212
1209
  g: number;
1213
1210
  b: number;
1211
+ alpha: number;
1214
1212
  })[];
1213
+ type: "tuple";
1215
1214
  hidden?: boolean | undefined;
1216
1215
  })[];
1216
+ type: "layers";
1217
1217
  } | {
1218
- type: "var";
1219
1218
  value: string;
1219
+ type: "var";
1220
1220
  fallbacks: ({
1221
- type: "unit";
1222
1221
  value: number;
1222
+ type: "unit";
1223
1223
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1224
1224
  } | {
1225
- type: "keyword";
1226
1225
  value: string;
1226
+ type: "keyword";
1227
1227
  } | {
1228
- type: "unparsed";
1229
1228
  value: string;
1229
+ type: "unparsed";
1230
1230
  hidden?: boolean | undefined;
1231
1231
  } | {
1232
- type: "fontFamily";
1233
1232
  value: string[];
1233
+ type: "fontFamily";
1234
1234
  } | {
1235
1235
  type: "rgb";
1236
- alpha: number;
1237
1236
  r: number;
1238
1237
  g: number;
1239
1238
  b: number;
1239
+ alpha: number;
1240
1240
  } | {
1241
- type: "image";
1242
1241
  value: {
1243
- type: "asset";
1244
1242
  value: string;
1243
+ type: "asset";
1245
1244
  } | {
1246
1245
  type: "url";
1247
1246
  url: string;
1248
1247
  };
1248
+ type: "image";
1249
1249
  hidden?: boolean | undefined;
1250
1250
  } | {
1251
- type: "tuple";
1252
1251
  value: ({
1253
- type: "unit";
1254
1252
  value: number;
1253
+ type: "unit";
1255
1254
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1256
1255
  } | {
1257
- type: "keyword";
1258
1256
  value: string;
1257
+ type: "keyword";
1259
1258
  } | {
1260
- type: "unparsed";
1261
1259
  value: string;
1260
+ type: "unparsed";
1262
1261
  hidden?: boolean | undefined;
1263
1262
  } | {
1264
1263
  type: "rgb";
1265
- alpha: number;
1266
1264
  r: number;
1267
1265
  g: number;
1268
1266
  b: number;
1267
+ alpha: number;
1269
1268
  })[];
1269
+ type: "tuple";
1270
1270
  hidden?: boolean | undefined;
1271
1271
  } | {
1272
- type: "layers";
1273
1272
  value: ({
1274
- type: "unit";
1275
1273
  value: number;
1274
+ type: "unit";
1276
1275
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1277
1276
  } | {
1278
- type: "keyword";
1279
1277
  value: string;
1278
+ type: "keyword";
1280
1279
  } | {
1281
- type: "unparsed";
1282
1280
  value: string;
1281
+ type: "unparsed";
1283
1282
  hidden?: boolean | undefined;
1284
1283
  } | {
1285
- type: "image";
1286
1284
  value: {
1287
- type: "asset";
1288
1285
  value: string;
1286
+ type: "asset";
1289
1287
  } | {
1290
1288
  type: "url";
1291
1289
  url: string;
1292
1290
  };
1291
+ type: "image";
1293
1292
  hidden?: boolean | undefined;
1294
1293
  } | {
1295
- type: "invalid";
1296
1294
  value: string;
1295
+ type: "invalid";
1297
1296
  } | {
1298
- type: "tuple";
1299
1297
  value: ({
1300
- type: "unit";
1301
1298
  value: number;
1299
+ type: "unit";
1302
1300
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1303
1301
  } | {
1304
- type: "keyword";
1305
1302
  value: string;
1303
+ type: "keyword";
1306
1304
  } | {
1307
- type: "unparsed";
1308
1305
  value: string;
1306
+ type: "unparsed";
1309
1307
  hidden?: boolean | undefined;
1310
1308
  } | {
1311
1309
  type: "rgb";
1312
- alpha: number;
1313
1310
  r: number;
1314
1311
  g: number;
1315
1312
  b: number;
1313
+ alpha: number;
1316
1314
  })[];
1315
+ type: "tuple";
1317
1316
  hidden?: boolean | undefined;
1318
1317
  })[];
1318
+ type: "layers";
1319
1319
  })[];
1320
1320
  };
1321
1321
  state?: string | undefined;
1322
- property: "filter" | "float" | "page" | "clip" | "top" | "right" | `--${string}` | "WebkitFontSmoothing" | "MozOsxFontSmoothing" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "animationTimeline" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockOverflow" | "blockSize" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "display" | "emptyCells" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inputSecurity" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTransitionName" | "visibility" | "whiteSpace" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex";
1322
+ property: import("@webstudio-is/css-engine").StyleProperty;
1323
1323
  }, z.ZodTypeDef, {
1324
1324
  value: {
1325
- type: "unit";
1326
1325
  value: number;
1326
+ type: "unit";
1327
1327
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1328
1328
  } | {
1329
- type: "keyword";
1330
1329
  value: string;
1330
+ type: "keyword";
1331
1331
  } | {
1332
- type: "unparsed";
1333
1332
  value: string;
1333
+ type: "unparsed";
1334
1334
  hidden?: boolean | undefined;
1335
1335
  } | {
1336
- type: "fontFamily";
1337
1336
  value: string[];
1337
+ type: "fontFamily";
1338
1338
  } | {
1339
1339
  type: "rgb";
1340
- alpha: number;
1341
1340
  r: number;
1342
1341
  g: number;
1343
1342
  b: number;
1343
+ alpha: number;
1344
1344
  } | {
1345
- type: "image";
1346
1345
  value: {
1347
- type: "asset";
1348
1346
  value: string;
1347
+ type: "asset";
1349
1348
  } | {
1350
1349
  type: "url";
1351
1350
  url: string;
1352
1351
  };
1352
+ type: "image";
1353
1353
  hidden?: boolean | undefined;
1354
1354
  } | {
1355
- type: "invalid";
1356
1355
  value: string;
1356
+ type: "invalid";
1357
1357
  } | {
1358
- type: "unset";
1359
1358
  value: "";
1359
+ type: "unset";
1360
1360
  } | {
1361
- type: "tuple";
1362
1361
  value: ({
1363
- type: "unit";
1364
1362
  value: number;
1363
+ type: "unit";
1365
1364
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1366
1365
  } | {
1367
- type: "keyword";
1368
1366
  value: string;
1367
+ type: "keyword";
1369
1368
  } | {
1370
- type: "unparsed";
1371
1369
  value: string;
1370
+ type: "unparsed";
1372
1371
  hidden?: boolean | undefined;
1373
1372
  } | {
1374
1373
  type: "rgb";
1375
- alpha: number;
1376
1374
  r: number;
1377
1375
  g: number;
1378
1376
  b: number;
1377
+ alpha: number;
1379
1378
  })[];
1379
+ type: "tuple";
1380
1380
  hidden?: boolean | undefined;
1381
1381
  } | {
1382
- type: "layers";
1383
1382
  value: ({
1384
- type: "unit";
1385
1383
  value: number;
1384
+ type: "unit";
1386
1385
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1387
1386
  } | {
1388
- type: "keyword";
1389
1387
  value: string;
1388
+ type: "keyword";
1390
1389
  } | {
1391
- type: "unparsed";
1392
1390
  value: string;
1391
+ type: "unparsed";
1393
1392
  hidden?: boolean | undefined;
1394
1393
  } | {
1395
- type: "image";
1396
1394
  value: {
1397
- type: "asset";
1398
1395
  value: string;
1396
+ type: "asset";
1399
1397
  } | {
1400
1398
  type: "url";
1401
1399
  url: string;
1402
1400
  };
1401
+ type: "image";
1403
1402
  hidden?: boolean | undefined;
1404
1403
  } | {
1405
- type: "invalid";
1406
1404
  value: string;
1405
+ type: "invalid";
1407
1406
  } | {
1408
- type: "tuple";
1409
1407
  value: ({
1410
- type: "unit";
1411
1408
  value: number;
1409
+ type: "unit";
1412
1410
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1413
1411
  } | {
1414
- type: "keyword";
1415
1412
  value: string;
1413
+ type: "keyword";
1416
1414
  } | {
1417
- type: "unparsed";
1418
1415
  value: string;
1416
+ type: "unparsed";
1419
1417
  hidden?: boolean | undefined;
1420
1418
  } | {
1421
1419
  type: "rgb";
1422
- alpha: number;
1423
1420
  r: number;
1424
1421
  g: number;
1425
1422
  b: number;
1423
+ alpha: number;
1426
1424
  })[];
1425
+ type: "tuple";
1427
1426
  hidden?: boolean | undefined;
1428
1427
  })[];
1428
+ type: "layers";
1429
1429
  } | {
1430
- type: "var";
1431
1430
  value: string;
1431
+ type: "var";
1432
1432
  fallbacks: ({
1433
- type: "unit";
1434
1433
  value: number;
1434
+ type: "unit";
1435
1435
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1436
1436
  } | {
1437
- type: "keyword";
1438
1437
  value: string;
1438
+ type: "keyword";
1439
1439
  } | {
1440
- type: "unparsed";
1441
1440
  value: string;
1441
+ type: "unparsed";
1442
1442
  hidden?: boolean | undefined;
1443
1443
  } | {
1444
- type: "fontFamily";
1445
1444
  value: string[];
1445
+ type: "fontFamily";
1446
1446
  } | {
1447
1447
  type: "rgb";
1448
- alpha: number;
1449
1448
  r: number;
1450
1449
  g: number;
1451
1450
  b: number;
1451
+ alpha: number;
1452
1452
  } | {
1453
- type: "image";
1454
1453
  value: {
1455
- type: "asset";
1456
1454
  value: string;
1455
+ type: "asset";
1457
1456
  } | {
1458
1457
  type: "url";
1459
1458
  url: string;
1460
1459
  };
1460
+ type: "image";
1461
1461
  hidden?: boolean | undefined;
1462
1462
  } | {
1463
- type: "tuple";
1464
1463
  value: ({
1465
- type: "unit";
1466
1464
  value: number;
1465
+ type: "unit";
1467
1466
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1468
1467
  } | {
1469
- type: "keyword";
1470
1468
  value: string;
1469
+ type: "keyword";
1471
1470
  } | {
1472
- type: "unparsed";
1473
1471
  value: string;
1472
+ type: "unparsed";
1474
1473
  hidden?: boolean | undefined;
1475
1474
  } | {
1476
1475
  type: "rgb";
1477
- alpha: number;
1478
1476
  r: number;
1479
1477
  g: number;
1480
1478
  b: number;
1479
+ alpha: number;
1481
1480
  })[];
1481
+ type: "tuple";
1482
1482
  hidden?: boolean | undefined;
1483
1483
  } | {
1484
- type: "layers";
1485
1484
  value: ({
1486
- type: "unit";
1487
1485
  value: number;
1486
+ type: "unit";
1488
1487
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1489
1488
  } | {
1490
- type: "keyword";
1491
1489
  value: string;
1490
+ type: "keyword";
1492
1491
  } | {
1493
- type: "unparsed";
1494
1492
  value: string;
1493
+ type: "unparsed";
1495
1494
  hidden?: boolean | undefined;
1496
1495
  } | {
1497
- type: "image";
1498
1496
  value: {
1499
- type: "asset";
1500
1497
  value: string;
1498
+ type: "asset";
1501
1499
  } | {
1502
1500
  type: "url";
1503
1501
  url: string;
1504
1502
  };
1503
+ type: "image";
1505
1504
  hidden?: boolean | undefined;
1506
1505
  } | {
1507
- type: "invalid";
1508
1506
  value: string;
1507
+ type: "invalid";
1509
1508
  } | {
1510
- type: "tuple";
1511
1509
  value: ({
1512
- type: "unit";
1513
1510
  value: number;
1511
+ type: "unit";
1514
1512
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1515
1513
  } | {
1516
- type: "keyword";
1517
1514
  value: string;
1515
+ type: "keyword";
1518
1516
  } | {
1519
- type: "unparsed";
1520
1517
  value: string;
1518
+ type: "unparsed";
1521
1519
  hidden?: boolean | undefined;
1522
1520
  } | {
1523
1521
  type: "rgb";
1524
- alpha: number;
1525
1522
  r: number;
1526
1523
  g: number;
1527
1524
  b: number;
1525
+ alpha: number;
1528
1526
  })[];
1527
+ type: "tuple";
1529
1528
  hidden?: boolean | undefined;
1530
1529
  })[];
1530
+ type: "layers";
1531
1531
  })[];
1532
1532
  };
1533
1533
  state?: string | undefined;
1534
- property: "filter" | "float" | "page" | "clip" | "top" | "right" | `--${string}` | "WebkitFontSmoothing" | "MozOsxFontSmoothing" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "animationTimeline" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockOverflow" | "blockSize" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "display" | "emptyCells" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inputSecurity" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTransitionName" | "visibility" | "whiteSpace" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex";
1534
+ property: import("@webstudio-is/css-engine").StyleProperty;
1535
1535
  }>, "many">;
1536
1536
  }, "strip", z.ZodTypeAny, {
1537
1537
  styles: {
1538
1538
  value: {
1539
- type: "unit";
1540
1539
  value: number;
1540
+ type: "unit";
1541
1541
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1542
1542
  } | {
1543
- type: "keyword";
1544
1543
  value: string;
1544
+ type: "keyword";
1545
1545
  } | {
1546
- type: "unparsed";
1547
1546
  value: string;
1547
+ type: "unparsed";
1548
1548
  hidden?: boolean | undefined;
1549
1549
  } | {
1550
- type: "fontFamily";
1551
1550
  value: string[];
1551
+ type: "fontFamily";
1552
1552
  } | {
1553
1553
  type: "rgb";
1554
- alpha: number;
1555
1554
  r: number;
1556
1555
  g: number;
1557
1556
  b: number;
1557
+ alpha: number;
1558
1558
  } | {
1559
- type: "image";
1560
1559
  value: {
1561
- type: "asset";
1562
1560
  value: string;
1561
+ type: "asset";
1563
1562
  } | {
1564
1563
  type: "url";
1565
1564
  url: string;
1566
1565
  };
1566
+ type: "image";
1567
1567
  hidden?: boolean | undefined;
1568
1568
  } | {
1569
- type: "invalid";
1570
1569
  value: string;
1570
+ type: "invalid";
1571
1571
  } | {
1572
- type: "unset";
1573
1572
  value: "";
1573
+ type: "unset";
1574
1574
  } | {
1575
- type: "tuple";
1576
1575
  value: ({
1577
- type: "unit";
1578
1576
  value: number;
1577
+ type: "unit";
1579
1578
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1580
1579
  } | {
1581
- type: "keyword";
1582
1580
  value: string;
1581
+ type: "keyword";
1583
1582
  } | {
1584
- type: "unparsed";
1585
1583
  value: string;
1584
+ type: "unparsed";
1586
1585
  hidden?: boolean | undefined;
1587
1586
  } | {
1588
1587
  type: "rgb";
1589
- alpha: number;
1590
1588
  r: number;
1591
1589
  g: number;
1592
1590
  b: number;
1591
+ alpha: number;
1593
1592
  })[];
1593
+ type: "tuple";
1594
1594
  hidden?: boolean | undefined;
1595
1595
  } | {
1596
- type: "layers";
1597
1596
  value: ({
1598
- type: "unit";
1599
1597
  value: number;
1598
+ type: "unit";
1600
1599
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1601
1600
  } | {
1602
- type: "keyword";
1603
1601
  value: string;
1602
+ type: "keyword";
1604
1603
  } | {
1605
- type: "unparsed";
1606
1604
  value: string;
1605
+ type: "unparsed";
1607
1606
  hidden?: boolean | undefined;
1608
1607
  } | {
1609
- type: "image";
1610
1608
  value: {
1611
- type: "asset";
1612
1609
  value: string;
1610
+ type: "asset";
1613
1611
  } | {
1614
1612
  type: "url";
1615
1613
  url: string;
1616
1614
  };
1615
+ type: "image";
1617
1616
  hidden?: boolean | undefined;
1618
1617
  } | {
1619
- type: "invalid";
1620
1618
  value: string;
1619
+ type: "invalid";
1621
1620
  } | {
1622
- type: "tuple";
1623
1621
  value: ({
1624
- type: "unit";
1625
1622
  value: number;
1623
+ type: "unit";
1626
1624
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1627
1625
  } | {
1628
- type: "keyword";
1629
1626
  value: string;
1627
+ type: "keyword";
1630
1628
  } | {
1631
- type: "unparsed";
1632
1629
  value: string;
1630
+ type: "unparsed";
1633
1631
  hidden?: boolean | undefined;
1634
1632
  } | {
1635
1633
  type: "rgb";
1636
- alpha: number;
1637
1634
  r: number;
1638
1635
  g: number;
1639
1636
  b: number;
1637
+ alpha: number;
1640
1638
  })[];
1639
+ type: "tuple";
1641
1640
  hidden?: boolean | undefined;
1642
1641
  })[];
1642
+ type: "layers";
1643
1643
  } | {
1644
- type: "var";
1645
1644
  value: string;
1645
+ type: "var";
1646
1646
  fallbacks: ({
1647
- type: "unit";
1648
1647
  value: number;
1648
+ type: "unit";
1649
1649
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1650
1650
  } | {
1651
- type: "keyword";
1652
1651
  value: string;
1652
+ type: "keyword";
1653
1653
  } | {
1654
- type: "unparsed";
1655
1654
  value: string;
1655
+ type: "unparsed";
1656
1656
  hidden?: boolean | undefined;
1657
1657
  } | {
1658
- type: "fontFamily";
1659
1658
  value: string[];
1659
+ type: "fontFamily";
1660
1660
  } | {
1661
1661
  type: "rgb";
1662
- alpha: number;
1663
1662
  r: number;
1664
1663
  g: number;
1665
1664
  b: number;
1665
+ alpha: number;
1666
1666
  } | {
1667
- type: "image";
1668
1667
  value: {
1669
- type: "asset";
1670
1668
  value: string;
1669
+ type: "asset";
1671
1670
  } | {
1672
1671
  type: "url";
1673
1672
  url: string;
1674
1673
  };
1674
+ type: "image";
1675
1675
  hidden?: boolean | undefined;
1676
1676
  } | {
1677
- type: "tuple";
1678
1677
  value: ({
1679
- type: "unit";
1680
1678
  value: number;
1679
+ type: "unit";
1681
1680
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1682
1681
  } | {
1683
- type: "keyword";
1684
1682
  value: string;
1683
+ type: "keyword";
1685
1684
  } | {
1686
- type: "unparsed";
1687
1685
  value: string;
1686
+ type: "unparsed";
1688
1687
  hidden?: boolean | undefined;
1689
1688
  } | {
1690
1689
  type: "rgb";
1691
- alpha: number;
1692
1690
  r: number;
1693
1691
  g: number;
1694
1692
  b: number;
1693
+ alpha: number;
1695
1694
  })[];
1695
+ type: "tuple";
1696
1696
  hidden?: boolean | undefined;
1697
1697
  } | {
1698
- type: "layers";
1699
1698
  value: ({
1700
- type: "unit";
1701
1699
  value: number;
1700
+ type: "unit";
1702
1701
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1703
1702
  } | {
1704
- type: "keyword";
1705
1703
  value: string;
1704
+ type: "keyword";
1706
1705
  } | {
1707
- type: "unparsed";
1708
1706
  value: string;
1707
+ type: "unparsed";
1709
1708
  hidden?: boolean | undefined;
1710
1709
  } | {
1711
- type: "image";
1712
1710
  value: {
1713
- type: "asset";
1714
1711
  value: string;
1712
+ type: "asset";
1715
1713
  } | {
1716
1714
  type: "url";
1717
1715
  url: string;
1718
1716
  };
1717
+ type: "image";
1719
1718
  hidden?: boolean | undefined;
1720
1719
  } | {
1721
- type: "invalid";
1722
1720
  value: string;
1721
+ type: "invalid";
1723
1722
  } | {
1724
- type: "tuple";
1725
1723
  value: ({
1726
- type: "unit";
1727
1724
  value: number;
1725
+ type: "unit";
1728
1726
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1729
1727
  } | {
1730
- type: "keyword";
1731
1728
  value: string;
1729
+ type: "keyword";
1732
1730
  } | {
1733
- type: "unparsed";
1734
1731
  value: string;
1732
+ type: "unparsed";
1735
1733
  hidden?: boolean | undefined;
1736
1734
  } | {
1737
1735
  type: "rgb";
1738
- alpha: number;
1739
1736
  r: number;
1740
1737
  g: number;
1741
1738
  b: number;
1739
+ alpha: number;
1742
1740
  })[];
1741
+ type: "tuple";
1743
1742
  hidden?: boolean | undefined;
1744
1743
  })[];
1744
+ type: "layers";
1745
1745
  })[];
1746
1746
  };
1747
1747
  state?: string | undefined;
1748
- property: "filter" | "float" | "page" | "clip" | "top" | "right" | `--${string}` | "WebkitFontSmoothing" | "MozOsxFontSmoothing" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "animationTimeline" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockOverflow" | "blockSize" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "display" | "emptyCells" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inputSecurity" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTransitionName" | "visibility" | "whiteSpace" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex";
1748
+ property: import("@webstudio-is/css-engine").StyleProperty;
1749
1749
  }[];
1750
1750
  variant?: string | undefined;
1751
1751
  }, {
1752
1752
  styles: {
1753
1753
  value: {
1754
- type: "unit";
1755
1754
  value: number;
1755
+ type: "unit";
1756
1756
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1757
1757
  } | {
1758
- type: "keyword";
1759
1758
  value: string;
1759
+ type: "keyword";
1760
1760
  } | {
1761
- type: "unparsed";
1762
1761
  value: string;
1762
+ type: "unparsed";
1763
1763
  hidden?: boolean | undefined;
1764
1764
  } | {
1765
- type: "fontFamily";
1766
1765
  value: string[];
1766
+ type: "fontFamily";
1767
1767
  } | {
1768
1768
  type: "rgb";
1769
- alpha: number;
1770
1769
  r: number;
1771
1770
  g: number;
1772
1771
  b: number;
1772
+ alpha: number;
1773
1773
  } | {
1774
- type: "image";
1775
1774
  value: {
1776
- type: "asset";
1777
1775
  value: string;
1776
+ type: "asset";
1778
1777
  } | {
1779
1778
  type: "url";
1780
1779
  url: string;
1781
1780
  };
1781
+ type: "image";
1782
1782
  hidden?: boolean | undefined;
1783
1783
  } | {
1784
- type: "invalid";
1785
1784
  value: string;
1785
+ type: "invalid";
1786
1786
  } | {
1787
- type: "unset";
1788
1787
  value: "";
1788
+ type: "unset";
1789
1789
  } | {
1790
- type: "tuple";
1791
1790
  value: ({
1792
- type: "unit";
1793
1791
  value: number;
1792
+ type: "unit";
1794
1793
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1795
1794
  } | {
1796
- type: "keyword";
1797
1795
  value: string;
1796
+ type: "keyword";
1798
1797
  } | {
1799
- type: "unparsed";
1800
1798
  value: string;
1799
+ type: "unparsed";
1801
1800
  hidden?: boolean | undefined;
1802
1801
  } | {
1803
1802
  type: "rgb";
1804
- alpha: number;
1805
1803
  r: number;
1806
1804
  g: number;
1807
1805
  b: number;
1806
+ alpha: number;
1808
1807
  })[];
1808
+ type: "tuple";
1809
1809
  hidden?: boolean | undefined;
1810
1810
  } | {
1811
- type: "layers";
1812
1811
  value: ({
1813
- type: "unit";
1814
1812
  value: number;
1813
+ type: "unit";
1815
1814
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1816
1815
  } | {
1817
- type: "keyword";
1818
1816
  value: string;
1817
+ type: "keyword";
1819
1818
  } | {
1820
- type: "unparsed";
1821
1819
  value: string;
1820
+ type: "unparsed";
1822
1821
  hidden?: boolean | undefined;
1823
1822
  } | {
1824
- type: "image";
1825
1823
  value: {
1826
- type: "asset";
1827
1824
  value: string;
1825
+ type: "asset";
1828
1826
  } | {
1829
1827
  type: "url";
1830
1828
  url: string;
1831
1829
  };
1830
+ type: "image";
1832
1831
  hidden?: boolean | undefined;
1833
1832
  } | {
1834
- type: "invalid";
1835
1833
  value: string;
1834
+ type: "invalid";
1836
1835
  } | {
1837
- type: "tuple";
1838
1836
  value: ({
1839
- type: "unit";
1840
1837
  value: number;
1838
+ type: "unit";
1841
1839
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1842
1840
  } | {
1843
- type: "keyword";
1844
1841
  value: string;
1842
+ type: "keyword";
1845
1843
  } | {
1846
- type: "unparsed";
1847
1844
  value: string;
1845
+ type: "unparsed";
1848
1846
  hidden?: boolean | undefined;
1849
1847
  } | {
1850
1848
  type: "rgb";
1851
- alpha: number;
1852
1849
  r: number;
1853
1850
  g: number;
1854
1851
  b: number;
1852
+ alpha: number;
1855
1853
  })[];
1854
+ type: "tuple";
1856
1855
  hidden?: boolean | undefined;
1857
1856
  })[];
1857
+ type: "layers";
1858
1858
  } | {
1859
- type: "var";
1860
1859
  value: string;
1860
+ type: "var";
1861
1861
  fallbacks: ({
1862
- type: "unit";
1863
1862
  value: number;
1863
+ type: "unit";
1864
1864
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1865
1865
  } | {
1866
- type: "keyword";
1867
1866
  value: string;
1867
+ type: "keyword";
1868
1868
  } | {
1869
- type: "unparsed";
1870
1869
  value: string;
1870
+ type: "unparsed";
1871
1871
  hidden?: boolean | undefined;
1872
1872
  } | {
1873
- type: "fontFamily";
1874
1873
  value: string[];
1874
+ type: "fontFamily";
1875
1875
  } | {
1876
1876
  type: "rgb";
1877
- alpha: number;
1878
1877
  r: number;
1879
1878
  g: number;
1880
1879
  b: number;
1880
+ alpha: number;
1881
1881
  } | {
1882
- type: "image";
1883
1882
  value: {
1884
- type: "asset";
1885
1883
  value: string;
1884
+ type: "asset";
1886
1885
  } | {
1887
1886
  type: "url";
1888
1887
  url: string;
1889
1888
  };
1889
+ type: "image";
1890
1890
  hidden?: boolean | undefined;
1891
1891
  } | {
1892
- type: "tuple";
1893
1892
  value: ({
1894
- type: "unit";
1895
1893
  value: number;
1894
+ type: "unit";
1896
1895
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1897
1896
  } | {
1898
- type: "keyword";
1899
1897
  value: string;
1898
+ type: "keyword";
1900
1899
  } | {
1901
- type: "unparsed";
1902
1900
  value: string;
1901
+ type: "unparsed";
1903
1902
  hidden?: boolean | undefined;
1904
1903
  } | {
1905
1904
  type: "rgb";
1906
- alpha: number;
1907
1905
  r: number;
1908
1906
  g: number;
1909
1907
  b: number;
1908
+ alpha: number;
1910
1909
  })[];
1910
+ type: "tuple";
1911
1911
  hidden?: boolean | undefined;
1912
1912
  } | {
1913
- type: "layers";
1914
1913
  value: ({
1915
- type: "unit";
1916
1914
  value: number;
1915
+ type: "unit";
1917
1916
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1918
1917
  } | {
1919
- type: "keyword";
1920
1918
  value: string;
1919
+ type: "keyword";
1921
1920
  } | {
1922
- type: "unparsed";
1923
1921
  value: string;
1922
+ type: "unparsed";
1924
1923
  hidden?: boolean | undefined;
1925
1924
  } | {
1926
- type: "image";
1927
1925
  value: {
1928
- type: "asset";
1929
1926
  value: string;
1927
+ type: "asset";
1930
1928
  } | {
1931
1929
  type: "url";
1932
1930
  url: string;
1933
1931
  };
1932
+ type: "image";
1934
1933
  hidden?: boolean | undefined;
1935
1934
  } | {
1936
- type: "invalid";
1937
1935
  value: string;
1936
+ type: "invalid";
1938
1937
  } | {
1939
- type: "tuple";
1940
1938
  value: ({
1941
- type: "unit";
1942
1939
  value: number;
1940
+ type: "unit";
1943
1941
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1944
1942
  } | {
1945
- type: "keyword";
1946
1943
  value: string;
1944
+ type: "keyword";
1947
1945
  } | {
1948
- type: "unparsed";
1949
1946
  value: string;
1947
+ type: "unparsed";
1950
1948
  hidden?: boolean | undefined;
1951
1949
  } | {
1952
1950
  type: "rgb";
1953
- alpha: number;
1954
1951
  r: number;
1955
1952
  g: number;
1956
1953
  b: number;
1954
+ alpha: number;
1957
1955
  })[];
1956
+ type: "tuple";
1958
1957
  hidden?: boolean | undefined;
1959
1958
  })[];
1959
+ type: "layers";
1960
1960
  })[];
1961
1961
  };
1962
1962
  state?: string | undefined;
1963
- property: "filter" | "float" | "page" | "clip" | "top" | "right" | `--${string}` | "WebkitFontSmoothing" | "MozOsxFontSmoothing" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "animationTimeline" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockOverflow" | "blockSize" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "display" | "emptyCells" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inputSecurity" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTransitionName" | "visibility" | "whiteSpace" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex";
1963
+ property: import("@webstudio-is/css-engine").StyleProperty;
1964
1964
  }[];
1965
1965
  variant?: string | undefined;
1966
1966
  }>>>;
@@ -1981,17 +1981,17 @@ declare const WsComponentMeta: z.ZodObject<{
1981
1981
  type: z.ZodLiteral<"text">;
1982
1982
  value: z.ZodString;
1983
1983
  }, "strip", z.ZodTypeAny, {
1984
- type: "text";
1985
1984
  value: string;
1986
- }, {
1987
1985
  type: "text";
1986
+ }, {
1988
1987
  value: string;
1988
+ type: "text";
1989
1989
  }>]>, "many">>>;
1990
1990
  order: z.ZodOptional<z.ZodNumber>;
1991
1991
  }, "strip", z.ZodTypeAny, {
1992
1992
  type: "embed" | "control" | "container" | "rich-text-child";
1993
1993
  icon: string;
1994
- category?: "text" | "hidden" | "general" | "media" | "forms" | "radix" | undefined;
1994
+ category?: "text" | "hidden" | "media" | "general" | "forms" | "radix" | undefined;
1995
1995
  requiredAncestors?: string[] | undefined;
1996
1996
  invalidAncestors?: string[] | undefined;
1997
1997
  indexWithinAncestor?: string | undefined;
@@ -2001,430 +2001,430 @@ declare const WsComponentMeta: z.ZodObject<{
2001
2001
  description?: string | undefined;
2002
2002
  presetStyle?: Record<string, {
2003
2003
  value: {
2004
- type: "unit";
2005
2004
  value: number;
2005
+ type: "unit";
2006
2006
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2007
2007
  } | {
2008
- type: "keyword";
2009
2008
  value: string;
2009
+ type: "keyword";
2010
2010
  } | {
2011
- type: "unparsed";
2012
2011
  value: string;
2012
+ type: "unparsed";
2013
2013
  hidden?: boolean | undefined;
2014
2014
  } | {
2015
- type: "fontFamily";
2016
2015
  value: string[];
2016
+ type: "fontFamily";
2017
2017
  } | {
2018
2018
  type: "rgb";
2019
- alpha: number;
2020
2019
  r: number;
2021
2020
  g: number;
2022
2021
  b: number;
2022
+ alpha: number;
2023
2023
  } | {
2024
- type: "image";
2025
2024
  value: {
2026
- type: "asset";
2027
2025
  value: string;
2026
+ type: "asset";
2028
2027
  } | {
2029
2028
  type: "url";
2030
2029
  url: string;
2031
2030
  };
2031
+ type: "image";
2032
2032
  hidden?: boolean | undefined;
2033
2033
  } | {
2034
- type: "invalid";
2035
2034
  value: string;
2035
+ type: "invalid";
2036
2036
  } | {
2037
- type: "unset";
2038
2037
  value: "";
2038
+ type: "unset";
2039
2039
  } | {
2040
- type: "tuple";
2041
2040
  value: ({
2042
- type: "unit";
2043
2041
  value: number;
2042
+ type: "unit";
2044
2043
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2045
2044
  } | {
2046
- type: "keyword";
2047
2045
  value: string;
2046
+ type: "keyword";
2048
2047
  } | {
2049
- type: "unparsed";
2050
2048
  value: string;
2049
+ type: "unparsed";
2051
2050
  hidden?: boolean | undefined;
2052
2051
  } | {
2053
2052
  type: "rgb";
2054
- alpha: number;
2055
2053
  r: number;
2056
2054
  g: number;
2057
2055
  b: number;
2056
+ alpha: number;
2058
2057
  })[];
2058
+ type: "tuple";
2059
2059
  hidden?: boolean | undefined;
2060
2060
  } | {
2061
- type: "layers";
2062
2061
  value: ({
2063
- type: "unit";
2064
2062
  value: number;
2063
+ type: "unit";
2065
2064
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2066
2065
  } | {
2067
- type: "keyword";
2068
2066
  value: string;
2067
+ type: "keyword";
2069
2068
  } | {
2070
- type: "unparsed";
2071
2069
  value: string;
2070
+ type: "unparsed";
2072
2071
  hidden?: boolean | undefined;
2073
2072
  } | {
2074
- type: "image";
2075
2073
  value: {
2076
- type: "asset";
2077
2074
  value: string;
2075
+ type: "asset";
2078
2076
  } | {
2079
2077
  type: "url";
2080
2078
  url: string;
2081
2079
  };
2080
+ type: "image";
2082
2081
  hidden?: boolean | undefined;
2083
2082
  } | {
2084
- type: "invalid";
2085
2083
  value: string;
2084
+ type: "invalid";
2086
2085
  } | {
2087
- type: "tuple";
2088
2086
  value: ({
2089
- type: "unit";
2090
2087
  value: number;
2088
+ type: "unit";
2091
2089
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2092
2090
  } | {
2093
- type: "keyword";
2094
2091
  value: string;
2092
+ type: "keyword";
2095
2093
  } | {
2096
- type: "unparsed";
2097
2094
  value: string;
2095
+ type: "unparsed";
2098
2096
  hidden?: boolean | undefined;
2099
2097
  } | {
2100
2098
  type: "rgb";
2101
- alpha: number;
2102
2099
  r: number;
2103
2100
  g: number;
2104
2101
  b: number;
2102
+ alpha: number;
2105
2103
  })[];
2104
+ type: "tuple";
2106
2105
  hidden?: boolean | undefined;
2107
2106
  })[];
2107
+ type: "layers";
2108
2108
  } | {
2109
- type: "var";
2110
2109
  value: string;
2110
+ type: "var";
2111
2111
  fallbacks: ({
2112
- type: "unit";
2113
2112
  value: number;
2113
+ type: "unit";
2114
2114
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2115
2115
  } | {
2116
- type: "keyword";
2117
2116
  value: string;
2117
+ type: "keyword";
2118
2118
  } | {
2119
- type: "unparsed";
2120
2119
  value: string;
2120
+ type: "unparsed";
2121
2121
  hidden?: boolean | undefined;
2122
2122
  } | {
2123
- type: "fontFamily";
2124
2123
  value: string[];
2124
+ type: "fontFamily";
2125
2125
  } | {
2126
2126
  type: "rgb";
2127
- alpha: number;
2128
2127
  r: number;
2129
2128
  g: number;
2130
2129
  b: number;
2130
+ alpha: number;
2131
2131
  } | {
2132
- type: "image";
2133
2132
  value: {
2134
- type: "asset";
2135
2133
  value: string;
2134
+ type: "asset";
2136
2135
  } | {
2137
2136
  type: "url";
2138
2137
  url: string;
2139
2138
  };
2139
+ type: "image";
2140
2140
  hidden?: boolean | undefined;
2141
2141
  } | {
2142
- type: "tuple";
2143
2142
  value: ({
2144
- type: "unit";
2145
2143
  value: number;
2144
+ type: "unit";
2146
2145
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2147
2146
  } | {
2148
- type: "keyword";
2149
2147
  value: string;
2148
+ type: "keyword";
2150
2149
  } | {
2151
- type: "unparsed";
2152
2150
  value: string;
2151
+ type: "unparsed";
2153
2152
  hidden?: boolean | undefined;
2154
2153
  } | {
2155
2154
  type: "rgb";
2156
- alpha: number;
2157
2155
  r: number;
2158
2156
  g: number;
2159
2157
  b: number;
2158
+ alpha: number;
2160
2159
  })[];
2160
+ type: "tuple";
2161
2161
  hidden?: boolean | undefined;
2162
2162
  } | {
2163
- type: "layers";
2164
2163
  value: ({
2165
- type: "unit";
2166
2164
  value: number;
2165
+ type: "unit";
2167
2166
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2168
2167
  } | {
2169
- type: "keyword";
2170
2168
  value: string;
2169
+ type: "keyword";
2171
2170
  } | {
2172
- type: "unparsed";
2173
2171
  value: string;
2172
+ type: "unparsed";
2174
2173
  hidden?: boolean | undefined;
2175
2174
  } | {
2176
- type: "image";
2177
2175
  value: {
2178
- type: "asset";
2179
2176
  value: string;
2177
+ type: "asset";
2180
2178
  } | {
2181
2179
  type: "url";
2182
2180
  url: string;
2183
2181
  };
2182
+ type: "image";
2184
2183
  hidden?: boolean | undefined;
2185
2184
  } | {
2186
- type: "invalid";
2187
2185
  value: string;
2186
+ type: "invalid";
2188
2187
  } | {
2189
- type: "tuple";
2190
2188
  value: ({
2191
- type: "unit";
2192
2189
  value: number;
2190
+ type: "unit";
2193
2191
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2194
2192
  } | {
2195
- type: "keyword";
2196
2193
  value: string;
2194
+ type: "keyword";
2197
2195
  } | {
2198
- type: "unparsed";
2199
2196
  value: string;
2197
+ type: "unparsed";
2200
2198
  hidden?: boolean | undefined;
2201
2199
  } | {
2202
2200
  type: "rgb";
2203
- alpha: number;
2204
2201
  r: number;
2205
2202
  g: number;
2206
2203
  b: number;
2204
+ alpha: number;
2207
2205
  })[];
2206
+ type: "tuple";
2208
2207
  hidden?: boolean | undefined;
2209
2208
  })[];
2209
+ type: "layers";
2210
2210
  })[];
2211
2211
  };
2212
2212
  state?: string | undefined;
2213
- property: "filter" | "float" | "page" | "clip" | "top" | "right" | `--${string}` | "WebkitFontSmoothing" | "MozOsxFontSmoothing" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "animationTimeline" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockOverflow" | "blockSize" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "display" | "emptyCells" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inputSecurity" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTransitionName" | "visibility" | "whiteSpace" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex";
2213
+ property: import("@webstudio-is/css-engine").StyleProperty;
2214
2214
  }> | undefined;
2215
2215
  presetTokens?: Record<string, {
2216
2216
  styles: {
2217
2217
  value: {
2218
- type: "unit";
2219
2218
  value: number;
2219
+ type: "unit";
2220
2220
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2221
2221
  } | {
2222
- type: "keyword";
2223
2222
  value: string;
2223
+ type: "keyword";
2224
2224
  } | {
2225
- type: "unparsed";
2226
2225
  value: string;
2226
+ type: "unparsed";
2227
2227
  hidden?: boolean | undefined;
2228
2228
  } | {
2229
- type: "fontFamily";
2230
2229
  value: string[];
2230
+ type: "fontFamily";
2231
2231
  } | {
2232
2232
  type: "rgb";
2233
- alpha: number;
2234
2233
  r: number;
2235
2234
  g: number;
2236
2235
  b: number;
2236
+ alpha: number;
2237
2237
  } | {
2238
- type: "image";
2239
2238
  value: {
2240
- type: "asset";
2241
2239
  value: string;
2240
+ type: "asset";
2242
2241
  } | {
2243
2242
  type: "url";
2244
2243
  url: string;
2245
2244
  };
2245
+ type: "image";
2246
2246
  hidden?: boolean | undefined;
2247
2247
  } | {
2248
- type: "invalid";
2249
2248
  value: string;
2249
+ type: "invalid";
2250
2250
  } | {
2251
- type: "unset";
2252
2251
  value: "";
2252
+ type: "unset";
2253
2253
  } | {
2254
- type: "tuple";
2255
2254
  value: ({
2256
- type: "unit";
2257
2255
  value: number;
2256
+ type: "unit";
2258
2257
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2259
2258
  } | {
2260
- type: "keyword";
2261
2259
  value: string;
2260
+ type: "keyword";
2262
2261
  } | {
2263
- type: "unparsed";
2264
2262
  value: string;
2263
+ type: "unparsed";
2265
2264
  hidden?: boolean | undefined;
2266
2265
  } | {
2267
2266
  type: "rgb";
2268
- alpha: number;
2269
2267
  r: number;
2270
2268
  g: number;
2271
2269
  b: number;
2270
+ alpha: number;
2272
2271
  })[];
2272
+ type: "tuple";
2273
2273
  hidden?: boolean | undefined;
2274
2274
  } | {
2275
- type: "layers";
2276
2275
  value: ({
2277
- type: "unit";
2278
2276
  value: number;
2277
+ type: "unit";
2279
2278
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2280
2279
  } | {
2281
- type: "keyword";
2282
2280
  value: string;
2281
+ type: "keyword";
2283
2282
  } | {
2284
- type: "unparsed";
2285
2283
  value: string;
2284
+ type: "unparsed";
2286
2285
  hidden?: boolean | undefined;
2287
2286
  } | {
2288
- type: "image";
2289
2287
  value: {
2290
- type: "asset";
2291
2288
  value: string;
2289
+ type: "asset";
2292
2290
  } | {
2293
2291
  type: "url";
2294
2292
  url: string;
2295
2293
  };
2294
+ type: "image";
2296
2295
  hidden?: boolean | undefined;
2297
2296
  } | {
2298
- type: "invalid";
2299
2297
  value: string;
2298
+ type: "invalid";
2300
2299
  } | {
2301
- type: "tuple";
2302
2300
  value: ({
2303
- type: "unit";
2304
2301
  value: number;
2302
+ type: "unit";
2305
2303
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2306
2304
  } | {
2307
- type: "keyword";
2308
2305
  value: string;
2306
+ type: "keyword";
2309
2307
  } | {
2310
- type: "unparsed";
2311
2308
  value: string;
2309
+ type: "unparsed";
2312
2310
  hidden?: boolean | undefined;
2313
2311
  } | {
2314
2312
  type: "rgb";
2315
- alpha: number;
2316
2313
  r: number;
2317
2314
  g: number;
2318
2315
  b: number;
2316
+ alpha: number;
2319
2317
  })[];
2318
+ type: "tuple";
2320
2319
  hidden?: boolean | undefined;
2321
2320
  })[];
2321
+ type: "layers";
2322
2322
  } | {
2323
- type: "var";
2324
2323
  value: string;
2324
+ type: "var";
2325
2325
  fallbacks: ({
2326
- type: "unit";
2327
2326
  value: number;
2327
+ type: "unit";
2328
2328
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2329
2329
  } | {
2330
- type: "keyword";
2331
2330
  value: string;
2331
+ type: "keyword";
2332
2332
  } | {
2333
- type: "unparsed";
2334
2333
  value: string;
2334
+ type: "unparsed";
2335
2335
  hidden?: boolean | undefined;
2336
2336
  } | {
2337
- type: "fontFamily";
2338
2337
  value: string[];
2338
+ type: "fontFamily";
2339
2339
  } | {
2340
2340
  type: "rgb";
2341
- alpha: number;
2342
2341
  r: number;
2343
2342
  g: number;
2344
2343
  b: number;
2344
+ alpha: number;
2345
2345
  } | {
2346
- type: "image";
2347
2346
  value: {
2348
- type: "asset";
2349
2347
  value: string;
2348
+ type: "asset";
2350
2349
  } | {
2351
2350
  type: "url";
2352
2351
  url: string;
2353
2352
  };
2353
+ type: "image";
2354
2354
  hidden?: boolean | undefined;
2355
2355
  } | {
2356
- type: "tuple";
2357
2356
  value: ({
2358
- type: "unit";
2359
2357
  value: number;
2358
+ type: "unit";
2360
2359
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2361
2360
  } | {
2362
- type: "keyword";
2363
2361
  value: string;
2362
+ type: "keyword";
2364
2363
  } | {
2365
- type: "unparsed";
2366
2364
  value: string;
2365
+ type: "unparsed";
2367
2366
  hidden?: boolean | undefined;
2368
2367
  } | {
2369
2368
  type: "rgb";
2370
- alpha: number;
2371
2369
  r: number;
2372
2370
  g: number;
2373
2371
  b: number;
2372
+ alpha: number;
2374
2373
  })[];
2374
+ type: "tuple";
2375
2375
  hidden?: boolean | undefined;
2376
2376
  } | {
2377
- type: "layers";
2378
2377
  value: ({
2379
- type: "unit";
2380
2378
  value: number;
2379
+ type: "unit";
2381
2380
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2382
2381
  } | {
2383
- type: "keyword";
2384
2382
  value: string;
2383
+ type: "keyword";
2385
2384
  } | {
2386
- type: "unparsed";
2387
2385
  value: string;
2386
+ type: "unparsed";
2388
2387
  hidden?: boolean | undefined;
2389
2388
  } | {
2390
- type: "image";
2391
2389
  value: {
2392
- type: "asset";
2393
2390
  value: string;
2391
+ type: "asset";
2394
2392
  } | {
2395
2393
  type: "url";
2396
2394
  url: string;
2397
2395
  };
2396
+ type: "image";
2398
2397
  hidden?: boolean | undefined;
2399
2398
  } | {
2400
- type: "invalid";
2401
2399
  value: string;
2400
+ type: "invalid";
2402
2401
  } | {
2403
- type: "tuple";
2404
2402
  value: ({
2405
- type: "unit";
2406
2403
  value: number;
2404
+ type: "unit";
2407
2405
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2408
2406
  } | {
2409
- type: "keyword";
2410
2407
  value: string;
2408
+ type: "keyword";
2411
2409
  } | {
2412
- type: "unparsed";
2413
2410
  value: string;
2411
+ type: "unparsed";
2414
2412
  hidden?: boolean | undefined;
2415
2413
  } | {
2416
2414
  type: "rgb";
2417
- alpha: number;
2418
2415
  r: number;
2419
2416
  g: number;
2420
2417
  b: number;
2418
+ alpha: number;
2421
2419
  })[];
2420
+ type: "tuple";
2422
2421
  hidden?: boolean | undefined;
2423
2422
  })[];
2423
+ type: "layers";
2424
2424
  })[];
2425
2425
  };
2426
2426
  state?: string | undefined;
2427
- property: "filter" | "float" | "page" | "clip" | "top" | "right" | `--${string}` | "WebkitFontSmoothing" | "MozOsxFontSmoothing" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "animationTimeline" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockOverflow" | "blockSize" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "display" | "emptyCells" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inputSecurity" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTransitionName" | "visibility" | "whiteSpace" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex";
2427
+ property: import("@webstudio-is/css-engine").StyleProperty;
2428
2428
  }[];
2429
2429
  variant?: string | undefined;
2430
2430
  }> | undefined;
@@ -2434,14 +2434,14 @@ declare const WsComponentMeta: z.ZodObject<{
2434
2434
  category?: "states" | "component-states" | undefined;
2435
2435
  }[] | undefined;
2436
2436
  template?: ({
2437
- type: "text";
2438
2437
  value: string;
2438
+ type: "text";
2439
2439
  } | import("../embed-template").EmbedTemplateInstance)[] | undefined;
2440
2440
  order?: number | undefined;
2441
2441
  }, {
2442
2442
  type: "embed" | "control" | "container" | "rich-text-child";
2443
2443
  icon: string;
2444
- category?: "text" | "hidden" | "general" | "media" | "forms" | "radix" | undefined;
2444
+ category?: "text" | "hidden" | "media" | "general" | "forms" | "radix" | undefined;
2445
2445
  requiredAncestors?: string[] | undefined;
2446
2446
  invalidAncestors?: string[] | undefined;
2447
2447
  indexWithinAncestor?: string | undefined;
@@ -2451,430 +2451,430 @@ declare const WsComponentMeta: z.ZodObject<{
2451
2451
  description?: string | undefined;
2452
2452
  presetStyle?: Record<string, {
2453
2453
  value: {
2454
- type: "unit";
2455
2454
  value: number;
2455
+ type: "unit";
2456
2456
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2457
2457
  } | {
2458
- type: "keyword";
2459
2458
  value: string;
2459
+ type: "keyword";
2460
2460
  } | {
2461
- type: "unparsed";
2462
2461
  value: string;
2462
+ type: "unparsed";
2463
2463
  hidden?: boolean | undefined;
2464
2464
  } | {
2465
- type: "fontFamily";
2466
2465
  value: string[];
2466
+ type: "fontFamily";
2467
2467
  } | {
2468
2468
  type: "rgb";
2469
- alpha: number;
2470
2469
  r: number;
2471
2470
  g: number;
2472
2471
  b: number;
2472
+ alpha: number;
2473
2473
  } | {
2474
- type: "image";
2475
2474
  value: {
2476
- type: "asset";
2477
2475
  value: string;
2476
+ type: "asset";
2478
2477
  } | {
2479
2478
  type: "url";
2480
2479
  url: string;
2481
2480
  };
2481
+ type: "image";
2482
2482
  hidden?: boolean | undefined;
2483
2483
  } | {
2484
- type: "invalid";
2485
2484
  value: string;
2485
+ type: "invalid";
2486
2486
  } | {
2487
- type: "unset";
2488
2487
  value: "";
2488
+ type: "unset";
2489
2489
  } | {
2490
- type: "tuple";
2491
2490
  value: ({
2492
- type: "unit";
2493
2491
  value: number;
2492
+ type: "unit";
2494
2493
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2495
2494
  } | {
2496
- type: "keyword";
2497
2495
  value: string;
2496
+ type: "keyword";
2498
2497
  } | {
2499
- type: "unparsed";
2500
2498
  value: string;
2499
+ type: "unparsed";
2501
2500
  hidden?: boolean | undefined;
2502
2501
  } | {
2503
2502
  type: "rgb";
2504
- alpha: number;
2505
2503
  r: number;
2506
2504
  g: number;
2507
2505
  b: number;
2506
+ alpha: number;
2508
2507
  })[];
2508
+ type: "tuple";
2509
2509
  hidden?: boolean | undefined;
2510
2510
  } | {
2511
- type: "layers";
2512
2511
  value: ({
2513
- type: "unit";
2514
2512
  value: number;
2513
+ type: "unit";
2515
2514
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2516
2515
  } | {
2517
- type: "keyword";
2518
2516
  value: string;
2517
+ type: "keyword";
2519
2518
  } | {
2520
- type: "unparsed";
2521
2519
  value: string;
2520
+ type: "unparsed";
2522
2521
  hidden?: boolean | undefined;
2523
2522
  } | {
2524
- type: "image";
2525
2523
  value: {
2526
- type: "asset";
2527
2524
  value: string;
2525
+ type: "asset";
2528
2526
  } | {
2529
2527
  type: "url";
2530
2528
  url: string;
2531
2529
  };
2530
+ type: "image";
2532
2531
  hidden?: boolean | undefined;
2533
2532
  } | {
2534
- type: "invalid";
2535
2533
  value: string;
2534
+ type: "invalid";
2536
2535
  } | {
2537
- type: "tuple";
2538
2536
  value: ({
2539
- type: "unit";
2540
2537
  value: number;
2538
+ type: "unit";
2541
2539
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2542
2540
  } | {
2543
- type: "keyword";
2544
2541
  value: string;
2542
+ type: "keyword";
2545
2543
  } | {
2546
- type: "unparsed";
2547
2544
  value: string;
2545
+ type: "unparsed";
2548
2546
  hidden?: boolean | undefined;
2549
2547
  } | {
2550
2548
  type: "rgb";
2551
- alpha: number;
2552
2549
  r: number;
2553
2550
  g: number;
2554
2551
  b: number;
2552
+ alpha: number;
2555
2553
  })[];
2554
+ type: "tuple";
2556
2555
  hidden?: boolean | undefined;
2557
2556
  })[];
2557
+ type: "layers";
2558
2558
  } | {
2559
- type: "var";
2560
2559
  value: string;
2560
+ type: "var";
2561
2561
  fallbacks: ({
2562
- type: "unit";
2563
2562
  value: number;
2563
+ type: "unit";
2564
2564
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2565
2565
  } | {
2566
- type: "keyword";
2567
2566
  value: string;
2567
+ type: "keyword";
2568
2568
  } | {
2569
- type: "unparsed";
2570
2569
  value: string;
2570
+ type: "unparsed";
2571
2571
  hidden?: boolean | undefined;
2572
2572
  } | {
2573
- type: "fontFamily";
2574
2573
  value: string[];
2574
+ type: "fontFamily";
2575
2575
  } | {
2576
2576
  type: "rgb";
2577
- alpha: number;
2578
2577
  r: number;
2579
2578
  g: number;
2580
2579
  b: number;
2580
+ alpha: number;
2581
2581
  } | {
2582
- type: "image";
2583
2582
  value: {
2584
- type: "asset";
2585
2583
  value: string;
2584
+ type: "asset";
2586
2585
  } | {
2587
2586
  type: "url";
2588
2587
  url: string;
2589
2588
  };
2589
+ type: "image";
2590
2590
  hidden?: boolean | undefined;
2591
2591
  } | {
2592
- type: "tuple";
2593
2592
  value: ({
2594
- type: "unit";
2595
2593
  value: number;
2594
+ type: "unit";
2596
2595
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2597
2596
  } | {
2598
- type: "keyword";
2599
2597
  value: string;
2598
+ type: "keyword";
2600
2599
  } | {
2601
- type: "unparsed";
2602
2600
  value: string;
2601
+ type: "unparsed";
2603
2602
  hidden?: boolean | undefined;
2604
2603
  } | {
2605
2604
  type: "rgb";
2606
- alpha: number;
2607
2605
  r: number;
2608
2606
  g: number;
2609
2607
  b: number;
2608
+ alpha: number;
2610
2609
  })[];
2610
+ type: "tuple";
2611
2611
  hidden?: boolean | undefined;
2612
2612
  } | {
2613
- type: "layers";
2614
2613
  value: ({
2615
- type: "unit";
2616
2614
  value: number;
2615
+ type: "unit";
2617
2616
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2618
2617
  } | {
2619
- type: "keyword";
2620
2618
  value: string;
2619
+ type: "keyword";
2621
2620
  } | {
2622
- type: "unparsed";
2623
2621
  value: string;
2622
+ type: "unparsed";
2624
2623
  hidden?: boolean | undefined;
2625
2624
  } | {
2626
- type: "image";
2627
2625
  value: {
2628
- type: "asset";
2629
2626
  value: string;
2627
+ type: "asset";
2630
2628
  } | {
2631
2629
  type: "url";
2632
2630
  url: string;
2633
2631
  };
2632
+ type: "image";
2634
2633
  hidden?: boolean | undefined;
2635
2634
  } | {
2636
- type: "invalid";
2637
2635
  value: string;
2636
+ type: "invalid";
2638
2637
  } | {
2639
- type: "tuple";
2640
2638
  value: ({
2641
- type: "unit";
2642
2639
  value: number;
2640
+ type: "unit";
2643
2641
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2644
2642
  } | {
2645
- type: "keyword";
2646
2643
  value: string;
2644
+ type: "keyword";
2647
2645
  } | {
2648
- type: "unparsed";
2649
2646
  value: string;
2647
+ type: "unparsed";
2650
2648
  hidden?: boolean | undefined;
2651
2649
  } | {
2652
2650
  type: "rgb";
2653
- alpha: number;
2654
2651
  r: number;
2655
2652
  g: number;
2656
2653
  b: number;
2654
+ alpha: number;
2657
2655
  })[];
2656
+ type: "tuple";
2658
2657
  hidden?: boolean | undefined;
2659
2658
  })[];
2659
+ type: "layers";
2660
2660
  })[];
2661
2661
  };
2662
2662
  state?: string | undefined;
2663
- property: "filter" | "float" | "page" | "clip" | "top" | "right" | `--${string}` | "WebkitFontSmoothing" | "MozOsxFontSmoothing" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "animationTimeline" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockOverflow" | "blockSize" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "display" | "emptyCells" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inputSecurity" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTransitionName" | "visibility" | "whiteSpace" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex";
2663
+ property: import("@webstudio-is/css-engine").StyleProperty;
2664
2664
  }> | undefined;
2665
2665
  presetTokens?: Record<string, {
2666
2666
  styles: {
2667
2667
  value: {
2668
- type: "unit";
2669
2668
  value: number;
2669
+ type: "unit";
2670
2670
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2671
2671
  } | {
2672
- type: "keyword";
2673
2672
  value: string;
2673
+ type: "keyword";
2674
2674
  } | {
2675
- type: "unparsed";
2676
2675
  value: string;
2676
+ type: "unparsed";
2677
2677
  hidden?: boolean | undefined;
2678
2678
  } | {
2679
- type: "fontFamily";
2680
2679
  value: string[];
2680
+ type: "fontFamily";
2681
2681
  } | {
2682
2682
  type: "rgb";
2683
- alpha: number;
2684
2683
  r: number;
2685
2684
  g: number;
2686
2685
  b: number;
2686
+ alpha: number;
2687
2687
  } | {
2688
- type: "image";
2689
2688
  value: {
2690
- type: "asset";
2691
2689
  value: string;
2690
+ type: "asset";
2692
2691
  } | {
2693
2692
  type: "url";
2694
2693
  url: string;
2695
2694
  };
2695
+ type: "image";
2696
2696
  hidden?: boolean | undefined;
2697
2697
  } | {
2698
- type: "invalid";
2699
2698
  value: string;
2699
+ type: "invalid";
2700
2700
  } | {
2701
- type: "unset";
2702
2701
  value: "";
2702
+ type: "unset";
2703
2703
  } | {
2704
- type: "tuple";
2705
2704
  value: ({
2706
- type: "unit";
2707
2705
  value: number;
2706
+ type: "unit";
2708
2707
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2709
2708
  } | {
2710
- type: "keyword";
2711
2709
  value: string;
2710
+ type: "keyword";
2712
2711
  } | {
2713
- type: "unparsed";
2714
2712
  value: string;
2713
+ type: "unparsed";
2715
2714
  hidden?: boolean | undefined;
2716
2715
  } | {
2717
2716
  type: "rgb";
2718
- alpha: number;
2719
2717
  r: number;
2720
2718
  g: number;
2721
2719
  b: number;
2720
+ alpha: number;
2722
2721
  })[];
2722
+ type: "tuple";
2723
2723
  hidden?: boolean | undefined;
2724
2724
  } | {
2725
- type: "layers";
2726
2725
  value: ({
2727
- type: "unit";
2728
2726
  value: number;
2727
+ type: "unit";
2729
2728
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2730
2729
  } | {
2731
- type: "keyword";
2732
2730
  value: string;
2731
+ type: "keyword";
2733
2732
  } | {
2734
- type: "unparsed";
2735
2733
  value: string;
2734
+ type: "unparsed";
2736
2735
  hidden?: boolean | undefined;
2737
2736
  } | {
2738
- type: "image";
2739
2737
  value: {
2740
- type: "asset";
2741
2738
  value: string;
2739
+ type: "asset";
2742
2740
  } | {
2743
2741
  type: "url";
2744
2742
  url: string;
2745
2743
  };
2744
+ type: "image";
2746
2745
  hidden?: boolean | undefined;
2747
2746
  } | {
2748
- type: "invalid";
2749
2747
  value: string;
2748
+ type: "invalid";
2750
2749
  } | {
2751
- type: "tuple";
2752
2750
  value: ({
2753
- type: "unit";
2754
2751
  value: number;
2752
+ type: "unit";
2755
2753
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2756
2754
  } | {
2757
- type: "keyword";
2758
2755
  value: string;
2756
+ type: "keyword";
2759
2757
  } | {
2760
- type: "unparsed";
2761
2758
  value: string;
2759
+ type: "unparsed";
2762
2760
  hidden?: boolean | undefined;
2763
2761
  } | {
2764
2762
  type: "rgb";
2765
- alpha: number;
2766
2763
  r: number;
2767
2764
  g: number;
2768
2765
  b: number;
2766
+ alpha: number;
2769
2767
  })[];
2768
+ type: "tuple";
2770
2769
  hidden?: boolean | undefined;
2771
2770
  })[];
2771
+ type: "layers";
2772
2772
  } | {
2773
- type: "var";
2774
2773
  value: string;
2774
+ type: "var";
2775
2775
  fallbacks: ({
2776
- type: "unit";
2777
2776
  value: number;
2777
+ type: "unit";
2778
2778
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2779
2779
  } | {
2780
- type: "keyword";
2781
2780
  value: string;
2781
+ type: "keyword";
2782
2782
  } | {
2783
- type: "unparsed";
2784
2783
  value: string;
2784
+ type: "unparsed";
2785
2785
  hidden?: boolean | undefined;
2786
2786
  } | {
2787
- type: "fontFamily";
2788
2787
  value: string[];
2788
+ type: "fontFamily";
2789
2789
  } | {
2790
2790
  type: "rgb";
2791
- alpha: number;
2792
2791
  r: number;
2793
2792
  g: number;
2794
2793
  b: number;
2794
+ alpha: number;
2795
2795
  } | {
2796
- type: "image";
2797
2796
  value: {
2798
- type: "asset";
2799
2797
  value: string;
2798
+ type: "asset";
2800
2799
  } | {
2801
2800
  type: "url";
2802
2801
  url: string;
2803
2802
  };
2803
+ type: "image";
2804
2804
  hidden?: boolean | undefined;
2805
2805
  } | {
2806
- type: "tuple";
2807
2806
  value: ({
2808
- type: "unit";
2809
2807
  value: number;
2808
+ type: "unit";
2810
2809
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2811
2810
  } | {
2812
- type: "keyword";
2813
2811
  value: string;
2812
+ type: "keyword";
2814
2813
  } | {
2815
- type: "unparsed";
2816
2814
  value: string;
2815
+ type: "unparsed";
2817
2816
  hidden?: boolean | undefined;
2818
2817
  } | {
2819
2818
  type: "rgb";
2820
- alpha: number;
2821
2819
  r: number;
2822
2820
  g: number;
2823
2821
  b: number;
2822
+ alpha: number;
2824
2823
  })[];
2824
+ type: "tuple";
2825
2825
  hidden?: boolean | undefined;
2826
2826
  } | {
2827
- type: "layers";
2828
2827
  value: ({
2829
- type: "unit";
2830
2828
  value: number;
2829
+ type: "unit";
2831
2830
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2832
2831
  } | {
2833
- type: "keyword";
2834
2832
  value: string;
2833
+ type: "keyword";
2835
2834
  } | {
2836
- type: "unparsed";
2837
2835
  value: string;
2836
+ type: "unparsed";
2838
2837
  hidden?: boolean | undefined;
2839
2838
  } | {
2840
- type: "image";
2841
2839
  value: {
2842
- type: "asset";
2843
2840
  value: string;
2841
+ type: "asset";
2844
2842
  } | {
2845
2843
  type: "url";
2846
2844
  url: string;
2847
2845
  };
2846
+ type: "image";
2848
2847
  hidden?: boolean | undefined;
2849
2848
  } | {
2850
- type: "invalid";
2851
2849
  value: string;
2850
+ type: "invalid";
2852
2851
  } | {
2853
- type: "tuple";
2854
2852
  value: ({
2855
- type: "unit";
2856
2853
  value: number;
2854
+ type: "unit";
2857
2855
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2858
2856
  } | {
2859
- type: "keyword";
2860
2857
  value: string;
2858
+ type: "keyword";
2861
2859
  } | {
2862
- type: "unparsed";
2863
2860
  value: string;
2861
+ type: "unparsed";
2864
2862
  hidden?: boolean | undefined;
2865
2863
  } | {
2866
2864
  type: "rgb";
2867
- alpha: number;
2868
2865
  r: number;
2869
2866
  g: number;
2870
2867
  b: number;
2868
+ alpha: number;
2871
2869
  })[];
2870
+ type: "tuple";
2872
2871
  hidden?: boolean | undefined;
2873
2872
  })[];
2873
+ type: "layers";
2874
2874
  })[];
2875
2875
  };
2876
2876
  state?: string | undefined;
2877
- property: "filter" | "float" | "page" | "clip" | "top" | "right" | `--${string}` | "WebkitFontSmoothing" | "MozOsxFontSmoothing" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "animationTimeline" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockOverflow" | "blockSize" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "display" | "emptyCells" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inputSecurity" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTransitionName" | "visibility" | "whiteSpace" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex";
2877
+ property: import("@webstudio-is/css-engine").StyleProperty;
2878
2878
  }[];
2879
2879
  variant?: string | undefined;
2880
2880
  }> | undefined;
@@ -2884,8 +2884,8 @@ declare const WsComponentMeta: z.ZodObject<{
2884
2884
  category?: "states" | "component-states" | undefined;
2885
2885
  }[] | undefined;
2886
2886
  template?: ({
2887
- type: "text";
2888
2887
  value: string;
2888
+ type: "text";
2889
2889
  } | import("../embed-template").EmbedTemplateInstance)[] | undefined;
2890
2890
  order?: number | undefined;
2891
2891
  }>;