npm - @webstudio-is/react-sdk - Versions diffs - 0.74.0 → 0.76.0 - Mend

@webstudio-is/react-sdk 0.74.0 → 0.76.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 (47) hide show

package/lib/cjs/components/component-meta.js +1 -0
package/lib/cjs/context.js +5 -1
package/lib/cjs/css/global-rules.js +1 -1
package/lib/cjs/css/normalize.js +10 -13
package/lib/cjs/embed-template.js +68 -3
package/lib/cjs/expression.js +191 -0
package/lib/cjs/index.js +7 -1
package/lib/cjs/props.js +28 -10
package/lib/cjs/tree/create-elements-tree.js +14 -1
package/lib/cjs/tree/root.js +55 -0
package/lib/cjs/tree/webstudio-component.js +9 -2
package/lib/components/component-meta.js +1 -0
package/lib/context.js +5 -1
package/lib/css/global-rules.js +1 -1
package/lib/css/normalize.js +10 -13
package/lib/embed-template.js +68 -3
package/lib/expression.js +161 -0
package/lib/index.js +13 -1
package/lib/props.js +28 -10
package/lib/tree/create-elements-tree.js +14 -1
package/lib/tree/root.js +63 -1
package/lib/tree/webstudio-component.js +9 -2
package/lib/types/components/component-meta.d.ts +115 -0
package/lib/types/context.d.ts +3 -0
package/lib/types/css/normalize.d.ts +1316 -0
package/lib/types/embed-template.d.ts +512 -0
package/lib/types/expression.d.ts +6 -0
package/lib/types/expression.test.d.ts +1 -0
package/lib/types/index.d.ts +2 -1
package/lib/types/props.d.ts +8 -7
package/lib/types/tree/create-elements-tree.d.ts +4 -2
package/lib/types/tree/root.d.ts +3 -3
package/lib/types/tree/webstudio-component.d.ts +1 -0
package/package.json +15 -15
package/src/components/component-meta.ts +1 -0
package/src/context.tsx +11 -0
package/src/css/global-rules.ts +2 -1
package/src/css/normalize.ts +10 -13
package/src/embed-template.test.ts +177 -1
package/src/embed-template.ts +73 -2
package/src/expression.test.ts +122 -0
package/src/expression.ts +183 -0
package/src/index.ts +7 -0
package/src/props.ts +29 -10
package/src/tree/create-elements-tree.tsx +20 -1
package/src/tree/root.ts +81 -4
package/src/tree/webstudio-component.tsx +7 -1

package/lib/types/css/normalize.d.ts CHANGED Viewed

@@ -66,7 +66,14 @@ export declare const div: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -106,7 +113,14 @@ export declare const div: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -154,7 +168,14 @@ export declare const div: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -194,7 +215,14 @@ export declare const div: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -257,7 +285,14 @@ export declare const address: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -297,7 +332,14 @@ export declare const address: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -345,7 +387,14 @@ export declare const address: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -385,7 +434,14 @@ export declare const address: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -448,7 +504,14 @@ export declare const article: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -488,7 +551,14 @@ export declare const article: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -536,7 +606,14 @@ export declare const article: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -576,7 +653,14 @@ export declare const article: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -639,7 +723,14 @@ export declare const aside: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -679,7 +770,14 @@ export declare const aside: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -727,7 +825,14 @@ export declare const aside: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -767,7 +872,14 @@ export declare const aside: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -830,7 +942,14 @@ export declare const figure: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -870,7 +989,14 @@ export declare const figure: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -918,7 +1044,14 @@ export declare const figure: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -958,7 +1091,14 @@ export declare const figure: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -1021,7 +1161,14 @@ export declare const footer: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -1061,7 +1208,14 @@ export declare const footer: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -1109,7 +1263,14 @@ export declare const footer: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -1149,7 +1310,14 @@ export declare const footer: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -1212,7 +1380,14 @@ export declare const header: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -1252,7 +1427,14 @@ export declare const header: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -1300,7 +1482,14 @@ export declare const header: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -1340,7 +1529,14 @@ export declare const header: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -1403,7 +1599,14 @@ export declare const main: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -1443,7 +1646,14 @@ export declare const main: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -1491,7 +1701,14 @@ export declare const main: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -1531,7 +1748,14 @@ export declare const main: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -1594,7 +1818,14 @@ export declare const nav: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -1634,7 +1865,14 @@ export declare const nav: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -1682,7 +1920,14 @@ export declare const nav: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -1722,7 +1967,14 @@ export declare const nav: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -1785,7 +2037,14 @@ export declare const section: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -1825,7 +2084,14 @@ export declare const section: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -1873,7 +2139,14 @@ export declare const section: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -1913,7 +2186,14 @@ export declare const section: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -1976,7 +2256,14 @@ export declare const form: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -2016,7 +2303,14 @@ export declare const form: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -2064,7 +2358,14 @@ export declare const form: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -2104,7 +2405,14 @@ export declare const form: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -2167,7 +2475,14 @@ export declare const label: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -2207,7 +2522,14 @@ export declare const label: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -2255,7 +2577,14 @@ export declare const label: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -2295,7 +2624,14 @@ export declare const label: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -2358,7 +2694,14 @@ export declare const h1: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -2398,7 +2741,14 @@ export declare const h1: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -2446,7 +2796,14 @@ export declare const h1: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -2486,7 +2843,14 @@ export declare const h1: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -2549,7 +2913,14 @@ export declare const h2: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -2589,7 +2960,14 @@ export declare const h2: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -2637,7 +3015,14 @@ export declare const h2: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -2677,7 +3062,14 @@ export declare const h2: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -2740,7 +3132,14 @@ export declare const h3: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -2780,7 +3179,14 @@ export declare const h3: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -2828,7 +3234,14 @@ export declare const h3: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -2868,7 +3281,14 @@ export declare const h3: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -2931,7 +3351,14 @@ export declare const h4: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -2971,7 +3398,14 @@ export declare const h4: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -3019,7 +3453,14 @@ export declare const h4: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -3059,7 +3500,14 @@ export declare const h4: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -3122,7 +3570,14 @@ export declare const h5: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -3162,7 +3617,14 @@ export declare const h5: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -3210,7 +3672,14 @@ export declare const h5: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -3250,7 +3719,14 @@ export declare const h5: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -3313,7 +3789,14 @@ export declare const h6: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -3353,7 +3836,14 @@ export declare const h6: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -3401,7 +3891,14 @@ export declare const h6: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -3441,7 +3938,14 @@ export declare const h6: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -3504,7 +4008,14 @@ export declare const i: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -3544,7 +4055,14 @@ export declare const i: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -3592,7 +4110,14 @@ export declare const i: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -3632,7 +4157,14 @@ export declare const i: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -3695,7 +4227,14 @@ export declare const img: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -3735,7 +4274,14 @@ export declare const img: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -3783,7 +4329,14 @@ export declare const img: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -3823,7 +4376,14 @@ export declare const img: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -3886,7 +4446,14 @@ export declare const a: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -3926,7 +4493,14 @@ export declare const a: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -3974,7 +4548,14 @@ export declare const a: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -4014,7 +4595,14 @@ export declare const a: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -4077,7 +4665,14 @@ export declare const li: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -4117,7 +4712,14 @@ export declare const li: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -4165,7 +4767,14 @@ export declare const li: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -4205,7 +4814,14 @@ export declare const li: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -4268,7 +4884,14 @@ export declare const ul: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -4308,7 +4931,14 @@ export declare const ul: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -4356,7 +4986,14 @@ export declare const ul: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -4396,7 +5033,14 @@ export declare const ul: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -4459,7 +5103,14 @@ export declare const ol: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -4499,7 +5150,14 @@ export declare const ol: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -4547,7 +5205,14 @@ export declare const ol: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -4587,7 +5252,14 @@ export declare const ol: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -4650,7 +5322,14 @@ export declare const p: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -4690,7 +5369,14 @@ export declare const p: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -4738,7 +5424,14 @@ export declare const p: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -4778,7 +5471,14 @@ export declare const p: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -4841,7 +5541,14 @@ export declare const span: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -4881,7 +5588,14 @@ export declare const span: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -4929,7 +5643,14 @@ export declare const span: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -4969,7 +5690,14 @@ export declare const span: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -5037,7 +5765,14 @@ export declare const html: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -5077,7 +5812,14 @@ export declare const html: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -5125,7 +5867,14 @@ export declare const html: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -5165,7 +5914,14 @@ export declare const html: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -5232,7 +5988,14 @@ export declare const body: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -5272,7 +6035,14 @@ export declare const body: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -5320,7 +6090,14 @@ export declare const body: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -5360,7 +6137,14 @@ export declare const body: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -5427,7 +6211,14 @@ export declare const hr: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -5467,7 +6258,14 @@ export declare const hr: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -5515,7 +6313,14 @@ export declare const hr: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -5555,7 +6360,14 @@ export declare const hr: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -5630,7 +6442,14 @@ export declare const b: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -5670,7 +6489,14 @@ export declare const b: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -5718,7 +6544,14 @@ export declare const b: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -5758,7 +6591,14 @@ export declare const b: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -5821,7 +6661,14 @@ export declare const strong: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -5861,7 +6708,14 @@ export declare const strong: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -5909,7 +6763,14 @@ export declare const strong: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -5949,7 +6810,14 @@ export declare const strong: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -6016,7 +6884,14 @@ export declare const code: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -6056,7 +6931,14 @@ export declare const code: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -6104,7 +6986,14 @@ export declare const code: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -6144,7 +7033,14 @@ export declare const code: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -6207,7 +7103,14 @@ export declare const kbd: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -6247,7 +7150,14 @@ export declare const kbd: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -6295,7 +7205,14 @@ export declare const kbd: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -6335,7 +7252,14 @@ export declare const kbd: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -6398,7 +7322,14 @@ export declare const samp: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -6438,7 +7369,14 @@ export declare const samp: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -6486,7 +7424,14 @@ export declare const samp: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -6526,7 +7471,14 @@ export declare const samp: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -6589,7 +7541,14 @@ export declare const pre: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -6629,7 +7588,14 @@ export declare const pre: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -6677,7 +7643,14 @@ export declare const pre: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -6717,7 +7690,14 @@ export declare const pre: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -6783,7 +7763,14 @@ export declare const small: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -6823,7 +7810,14 @@ export declare const small: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -6871,7 +7865,14 @@ export declare const small: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -6911,7 +7912,14 @@ export declare const small: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -6974,7 +7982,14 @@ export declare const sub: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -7014,7 +8029,14 @@ export declare const sub: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -7062,7 +8084,14 @@ export declare const sub: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -7102,7 +8131,14 @@ export declare const sub: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -7165,7 +8201,14 @@ export declare const sup: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -7205,7 +8248,14 @@ export declare const sup: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -7253,7 +8303,14 @@ export declare const sup: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -7293,7 +8350,14 @@ export declare const sup: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -7360,7 +8424,14 @@ export declare const table: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -7400,7 +8471,14 @@ export declare const table: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -7448,7 +8526,14 @@ export declare const table: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -7488,7 +8573,14 @@ export declare const table: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -7551,7 +8643,14 @@ export declare const input: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -7591,7 +8690,14 @@ export declare const input: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -7639,7 +8745,14 @@ export declare const input: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -7679,7 +8792,14 @@ export declare const input: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -7742,7 +8862,14 @@ export declare const optgroup: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -7782,7 +8909,14 @@ export declare const optgroup: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -7830,7 +8964,14 @@ export declare const optgroup: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -7870,7 +9011,14 @@ export declare const optgroup: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -7933,7 +9081,14 @@ export declare const textarea: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -7973,7 +9128,14 @@ export declare const textarea: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -8021,7 +9183,14 @@ export declare const textarea: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -8061,7 +9230,14 @@ export declare const textarea: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -8127,7 +9303,14 @@ export declare const button: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -8167,7 +9350,14 @@ export declare const button: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -8215,7 +9405,14 @@ export declare const button: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -8255,7 +9452,14 @@ export declare const button: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -8318,7 +9522,14 @@ export declare const select: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -8358,7 +9569,14 @@ export declare const select: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -8406,7 +9624,14 @@ export declare const select: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -8446,7 +9671,14 @@ export declare const select: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -8553,7 +9785,14 @@ export declare const legend: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -8593,7 +9832,14 @@ export declare const legend: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -8641,7 +9887,14 @@ export declare const legend: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -8681,7 +9934,14 @@ export declare const legend: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -8747,7 +10007,14 @@ export declare const progress: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -8787,7 +10054,14 @@ export declare const progress: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -8835,7 +10109,14 @@ export declare const progress: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -8875,7 +10156,14 @@ export declare const progress: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };
@@ -8979,7 +10267,14 @@ export declare const summary: ({
             type: "unparsed";
             value: string;
             hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
         })[];
+        hidden?: boolean | undefined;
     } | {
         type: "layers";
         value: ({
@@ -9019,7 +10314,14 @@ export declare const summary: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         })[];
     } | {
         type: "var";
@@ -9067,7 +10369,14 @@ export declare const summary: ({
                 type: "unparsed";
                 value: string;
                 hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
             })[];
+            hidden?: boolean | undefined;
         } | {
             type: "layers";
             value: ({
@@ -9107,7 +10416,14 @@ export declare const summary: ({
                     type: "unparsed";
                     value: string;
                     hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
                 })[];
+                hidden?: boolean | undefined;
             })[];
         })[];
     };