@jeromefitz/design-system 1.1.2 → 1.2.0

package/components/index.d.ts

@@ -20869,35 +20869,7 @@ declare const Code: _stitches_react_types_styled_component.StyledComponent<"code
     };
 }>>;
 
-declare const Container: _stitches_react_types_styled_component.StyledComponent<"div", _stitches_react_types_styled_component.StyledComponentProps<[{
-    boxSizing: string;
-    flexShrink: number;
-    ml: string;
-    mr: string;
-    px: string;
-    variants: {
-        size: {
-            '1': {
-                maxWidth: string;
-            };
-            '2': {
-                maxWidth: string;
-            };
-            '3': {
-                maxWidth: string;
-            };
-            '4': {
-                maxWidth: string;
-            };
-            '5': {
-                maxWidth: string;
-            };
-        };
-    };
-    defaultVariants: {
-        size: "5";
-    };
-}]>, {
+declare const Breakout: _stitches_react_types_styled_component.StyledComponent<"div", {}, {
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
     bp3: "(min-width: 1200px)";
@@ -21984,123 +21956,33 @@ declare const Container: _stitches_react_types_styled_component.StyledComponent<
     };
 }>>;
 
-declare type DialogProps = React$1.ComponentProps<typeof DialogPrimitive.Root> & {
-    children: React$1.ReactNode;
-};
-declare function Dialog({ children, ...props }: DialogProps): JSX.Element;
-/**
- * @exports
- */
-declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const DialogTitle: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
-
-declare const Emoji: ({ character, margin }: {
-    character: any;
-    margin?: boolean;
-}) => JSX.Element;
-
-declare const EmojiParser: ({ id, text }: {
-    id: any;
-    text: any;
-}) => JSX.Element;
-
-declare const Flex: _stitches_react_types_styled_component.StyledComponent<"div", _stitches_react_types_styled_component.StyledComponentProps<[{
+declare const Container: _stitches_react_types_styled_component.StyledComponent<"div", _stitches_react_types_styled_component.StyledComponentProps<[{
     boxSizing: string;
-    display: string;
+    flexShrink: number;
+    ml: string;
+    mr: string;
+    px: string;
     variants: {
-        direction: {
-            row: {
-                flexDirection: string;
-            };
-            column: {
-                flexDirection: string;
-            };
-            rowReverse: {
-                flexDirection: string;
-            };
-            columnReverse: {
-                flexDirection: string;
-            };
-        };
-        align: {
-            start: {
-                alignItems: string;
-            };
-            center: {
-                alignItems: string;
-            };
-            end: {
-                alignItems: string;
-            };
-            stretch: {
-                alignItems: string;
-            };
-            baseline: {
-                alignItems: string;
-            };
-        };
-        justify: {
-            start: {
-                justifyContent: string;
-            };
-            center: {
-                justifyContent: string;
-            };
-            end: {
-                justifyContent: string;
-            };
-            between: {
-                justifyContent: string;
-            };
-        };
-        wrap: {
-            noWrap: {
-                flexWrap: string;
-            };
-            wrap: {
-                flexWrap: string;
-            };
-            wrapReverse: {
-                flexWrap: string;
-            };
-        };
-        gap: {
-            1: {
-                gap: string;
-            };
-            2: {
-                gap: string;
-            };
-            3: {
-                gap: string;
-            };
-            4: {
-                gap: string;
-            };
-            5: {
-                gap: string;
+        size: {
+            '1': {
+                maxWidth: string;
             };
-            6: {
-                gap: string;
+            '2': {
+                maxWidth: string;
             };
-            7: {
-                gap: string;
+            '3': {
+                maxWidth: string;
             };
-            8: {
-                gap: string;
+            '4': {
+                maxWidth: string;
             };
-            9: {
-                gap: string;
+            '5': {
+                maxWidth: string;
             };
         };
     };
     defaultVariants: {
-        direction: "row";
-        align: "stretch";
-        justify: "start";
-        wrap: "noWrap";
+        size: "5";
     };
 }]>, {
     bp1: "(min-width: 520px)";
@@ -23189,9 +23071,125 @@ declare const Flex: _stitches_react_types_styled_component.StyledComponent<"div"
     };
 }>>;
 
-declare const FocusArea: React$1.ForwardRefExoticComponent<Pick<Omit<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React$1.Ref<HTMLDivElement>;
-}, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {
+declare type DialogProps = React$1.ComponentProps<typeof DialogPrimitive.Root> & {
+    children: React$1.ReactNode;
+};
+declare function Dialog({ children, ...props }: DialogProps): JSX.Element;
+/**
+ * @exports
+ */
+declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogTitle: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
+
+declare const Emoji: ({ character, margin }: {
+    character: any;
+    margin?: boolean;
+}) => JSX.Element;
+
+declare const EmojiParser: ({ id, text }: {
+    id: any;
+    text: any;
+}) => JSX.Element;
+
+declare const Flex: _stitches_react_types_styled_component.StyledComponent<"div", _stitches_react_types_styled_component.StyledComponentProps<[{
+    boxSizing: string;
+    display: string;
+    variants: {
+        direction: {
+            row: {
+                flexDirection: string;
+            };
+            column: {
+                flexDirection: string;
+            };
+            rowReverse: {
+                flexDirection: string;
+            };
+            columnReverse: {
+                flexDirection: string;
+            };
+        };
+        align: {
+            start: {
+                alignItems: string;
+            };
+            center: {
+                alignItems: string;
+            };
+            end: {
+                alignItems: string;
+            };
+            stretch: {
+                alignItems: string;
+            };
+            baseline: {
+                alignItems: string;
+            };
+        };
+        justify: {
+            start: {
+                justifyContent: string;
+            };
+            center: {
+                justifyContent: string;
+            };
+            end: {
+                justifyContent: string;
+            };
+            between: {
+                justifyContent: string;
+            };
+        };
+        wrap: {
+            noWrap: {
+                flexWrap: string;
+            };
+            wrap: {
+                flexWrap: string;
+            };
+            wrapReverse: {
+                flexWrap: string;
+            };
+        };
+        gap: {
+            1: {
+                gap: string;
+            };
+            2: {
+                gap: string;
+            };
+            3: {
+                gap: string;
+            };
+            4: {
+                gap: string;
+            };
+            5: {
+                gap: string;
+            };
+            6: {
+                gap: string;
+            };
+            7: {
+                gap: string;
+            };
+            8: {
+                gap: string;
+            };
+            9: {
+                gap: string;
+            };
+        };
+    };
+    defaultVariants: {
+        direction: "row";
+        align: "stretch";
+        justify: "start";
+        wrap: "noWrap";
+    };
+}]>, {
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
     bp3: "(min-width: 1200px)";
@@ -23200,243 +23198,1332 @@ declare const FocusArea: React$1.ForwardRefExoticComponent<Pick<Omit<Pick<React$
     hover: "(any-hover: hover)";
     dark: "(prefers-color-scheme: dark)";
     light: "(prefers-color-scheme: light)";
-}> & {
-    css?: _stitches_react_types_css_util.CSS<{
-        bp1: "(min-width: 520px)";
-        bp2: "(min-width: 900px)";
-        bp3: "(min-width: 1200px)";
-        bp4: "(min-width: 1800px)";
-        motion: "(prefers-reduced-motion)";
-        hover: "(any-hover: hover)";
-        dark: "(prefers-color-scheme: dark)";
-        light: "(prefers-color-scheme: light)";
-    }, {
-        colors: {
-            hiContrast: string;
-            loContrast: string;
-            canvas: string;
-            panel: string;
-            transparentPanel: string;
-            shadowLight: string;
-            shadowDark: string;
-            yellowA1: string;
-            yellowA2: string;
-            yellowA3: string;
-            yellowA4: string;
-            yellowA5: string;
-            yellowA6: string;
-            yellowA7: string;
-            yellowA8: string;
-            yellowA9: string;
-            yellowA10: string;
-            yellowA11: string;
-            yellowA12: string;
-            yellow1: string;
-            yellow2: string;
-            yellow3: string;
-            yellow4: string;
-            yellow5: string;
-            yellow6: string;
-            yellow7: string;
-            yellow8: string;
-            yellow9: string;
-            yellow10: string;
-            yellow11: string;
-            yellow12: string;
-            whiteA1: string;
-            whiteA2: string;
-            whiteA3: string;
-            whiteA4: string;
-            whiteA5: string;
-            whiteA6: string;
-            whiteA7: string;
-            whiteA8: string;
-            whiteA9: string;
-            whiteA10: string;
-            whiteA11: string;
-            whiteA12: string;
-            violetA1: string;
-            violetA2: string;
-            violetA3: string;
-            violetA4: string;
-            violetA5: string;
-            violetA6: string;
-            violetA7: string;
-            violetA8: string;
-            violetA9: string;
-            violetA10: string;
-            violetA11: string;
-            violetA12: string;
-            violet1: string;
-            violet2: string;
-            violet3: string;
-            violet4: string;
-            violet5: string;
-            violet6: string;
-            violet7: string;
-            violet8: string;
-            violet9: string;
-            violet10: string;
-            violet11: string;
-            violet12: string;
-            tomatoA1: string;
-            tomatoA2: string;
-            tomatoA3: string;
-            tomatoA4: string;
-            tomatoA5: string;
-            tomatoA6: string;
-            tomatoA7: string;
-            tomatoA8: string;
-            tomatoA9: string;
-            tomatoA10: string;
-            tomatoA11: string;
-            tomatoA12: string;
-            tomato1: string;
-            tomato2: string;
-            tomato3: string;
-            tomato4: string;
-            tomato5: string;
-            tomato6: string;
-            tomato7: string;
-            tomato8: string;
-            tomato9: string;
-            tomato10: string;
-            tomato11: string;
-            tomato12: string;
-            tealA1: string;
-            tealA2: string;
-            tealA3: string;
-            tealA4: string;
-            tealA5: string;
-            tealA6: string;
-            tealA7: string;
-            tealA8: string;
-            tealA9: string;
-            tealA10: string;
-            tealA11: string;
-            tealA12: string;
-            teal1: string;
-            teal2: string;
-            teal3: string;
-            teal4: string;
-            teal5: string;
-            teal6: string;
-            teal7: string;
-            teal8: string;
-            teal9: string;
-            teal10: string;
-            teal11: string;
-            teal12: string;
-            slateA1: string;
-            slateA2: string;
-            slateA3: string;
-            slateA4: string;
-            slateA5: string;
-            slateA6: string;
-            slateA7: string;
-            slateA8: string;
-            slateA9: string;
-            slateA10: string;
-            slateA11: string;
-            slateA12: string;
-            slate1: string;
-            slate2: string;
-            slate3: string;
-            slate4: string;
-            slate5: string;
-            slate6: string;
-            slate7: string;
-            slate8: string;
-            slate9: string;
-            slate10: string;
-            slate11: string;
-            slate12: string;
-            skyA1: string;
-            skyA2: string;
-            skyA3: string;
-            skyA4: string;
-            skyA5: string;
-            skyA6: string;
-            skyA7: string;
-            skyA8: string;
-            skyA9: string;
-            skyA10: string;
-            skyA11: string;
-            skyA12: string;
-            sky1: string;
-            sky2: string;
-            sky3: string;
-            sky4: string;
-            sky5: string;
-            sky6: string;
-            sky7: string;
-            sky8: string;
-            sky9: string;
-            sky10: string;
-            sky11: string;
-            sky12: string;
-            sandA1: string;
-            sandA2: string;
-            sandA3: string;
-            sandA4: string;
-            sandA5: string;
-            sandA6: string;
-            sandA7: string;
-            sandA8: string;
-            sandA9: string;
-            sandA10: string;
-            sandA11: string;
-            sandA12: string;
-            sand1: string;
-            sand2: string;
-            sand3: string;
-            sand4: string;
-            sand5: string;
-            sand6: string;
-            sand7: string;
-            sand8: string;
-            sand9: string;
-            sand10: string;
-            sand11: string;
-            sand12: string;
-            sageA1: string;
-            sageA2: string;
-            sageA3: string;
-            sageA4: string;
-            sageA5: string;
-            sageA6: string;
-            sageA7: string;
-            sageA8: string;
-            sageA9: string;
-            sageA10: string;
-            sageA11: string;
-            sageA12: string;
-            sage1: string;
-            sage2: string;
-            sage3: string;
-            sage4: string;
-            sage5: string;
-            sage6: string;
-            sage7: string;
-            sage8: string;
-            sage9: string;
-            sage10: string;
-            sage11: string;
-            sage12: string;
-            redA1: string;
-            redA2: string;
-            redA3: string;
-            redA4: string;
-            redA5: string;
-            redA6: string;
-            redA7: string;
-            redA8: string;
-            redA9: string;
-            redA10: string;
-            redA11: string;
-            redA12: string;
-            red1: string;
-            red2: string;
+}, _stitches_react_types_css_util.CSS<{
+    bp1: "(min-width: 520px)";
+    bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
+    bp4: "(min-width: 1800px)";
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+}, {
+    colors: {
+        hiContrast: string;
+        loContrast: string;
+        canvas: string;
+        panel: string;
+        transparentPanel: string;
+        shadowLight: string;
+        shadowDark: string;
+        yellowA1: string;
+        yellowA2: string;
+        yellowA3: string;
+        yellowA4: string;
+        yellowA5: string;
+        yellowA6: string;
+        yellowA7: string;
+        yellowA8: string;
+        yellowA9: string;
+        yellowA10: string;
+        yellowA11: string;
+        yellowA12: string;
+        yellow1: string;
+        yellow2: string;
+        yellow3: string;
+        yellow4: string;
+        yellow5: string;
+        yellow6: string;
+        yellow7: string;
+        yellow8: string;
+        yellow9: string;
+        yellow10: string;
+        yellow11: string;
+        yellow12: string;
+        whiteA1: string;
+        whiteA2: string;
+        whiteA3: string;
+        whiteA4: string;
+        whiteA5: string;
+        whiteA6: string;
+        whiteA7: string;
+        whiteA8: string;
+        whiteA9: string;
+        whiteA10: string;
+        whiteA11: string;
+        whiteA12: string;
+        violetA1: string;
+        violetA2: string;
+        violetA3: string;
+        violetA4: string;
+        violetA5: string;
+        violetA6: string;
+        violetA7: string;
+        violetA8: string;
+        violetA9: string;
+        violetA10: string;
+        violetA11: string;
+        violetA12: string;
+        violet1: string;
+        violet2: string;
+        violet3: string;
+        violet4: string;
+        violet5: string;
+        violet6: string;
+        violet7: string;
+        violet8: string;
+        violet9: string;
+        violet10: string;
+        violet11: string;
+        violet12: string;
+        tomatoA1: string;
+        tomatoA2: string;
+        tomatoA3: string;
+        tomatoA4: string;
+        tomatoA5: string;
+        tomatoA6: string;
+        tomatoA7: string;
+        tomatoA8: string;
+        tomatoA9: string;
+        tomatoA10: string;
+        tomatoA11: string;
+        tomatoA12: string;
+        tomato1: string;
+        tomato2: string;
+        tomato3: string;
+        tomato4: string;
+        tomato5: string;
+        tomato6: string;
+        tomato7: string;
+        tomato8: string;
+        tomato9: string;
+        tomato10: string;
+        tomato11: string;
+        tomato12: string;
+        tealA1: string;
+        tealA2: string;
+        tealA3: string;
+        tealA4: string;
+        tealA5: string;
+        tealA6: string;
+        tealA7: string;
+        tealA8: string;
+        tealA9: string;
+        tealA10: string;
+        tealA11: string;
+        tealA12: string;
+        teal1: string;
+        teal2: string;
+        teal3: string;
+        teal4: string;
+        teal5: string;
+        teal6: string;
+        teal7: string;
+        teal8: string;
+        teal9: string;
+        teal10: string;
+        teal11: string;
+        teal12: string;
+        slateA1: string;
+        slateA2: string;
+        slateA3: string;
+        slateA4: string;
+        slateA5: string;
+        slateA6: string;
+        slateA7: string;
+        slateA8: string;
+        slateA9: string;
+        slateA10: string;
+        slateA11: string;
+        slateA12: string;
+        slate1: string;
+        slate2: string;
+        slate3: string;
+        slate4: string;
+        slate5: string;
+        slate6: string;
+        slate7: string;
+        slate8: string;
+        slate9: string;
+        slate10: string;
+        slate11: string;
+        slate12: string;
+        skyA1: string;
+        skyA2: string;
+        skyA3: string;
+        skyA4: string;
+        skyA5: string;
+        skyA6: string;
+        skyA7: string;
+        skyA8: string;
+        skyA9: string;
+        skyA10: string;
+        skyA11: string;
+        skyA12: string;
+        sky1: string;
+        sky2: string;
+        sky3: string;
+        sky4: string;
+        sky5: string;
+        sky6: string;
+        sky7: string;
+        sky8: string;
+        sky9: string;
+        sky10: string;
+        sky11: string;
+        sky12: string;
+        sandA1: string;
+        sandA2: string;
+        sandA3: string;
+        sandA4: string;
+        sandA5: string;
+        sandA6: string;
+        sandA7: string;
+        sandA8: string;
+        sandA9: string;
+        sandA10: string;
+        sandA11: string;
+        sandA12: string;
+        sand1: string;
+        sand2: string;
+        sand3: string;
+        sand4: string;
+        sand5: string;
+        sand6: string;
+        sand7: string;
+        sand8: string;
+        sand9: string;
+        sand10: string;
+        sand11: string;
+        sand12: string;
+        sageA1: string;
+        sageA2: string;
+        sageA3: string;
+        sageA4: string;
+        sageA5: string;
+        sageA6: string;
+        sageA7: string;
+        sageA8: string;
+        sageA9: string;
+        sageA10: string;
+        sageA11: string;
+        sageA12: string;
+        sage1: string;
+        sage2: string;
+        sage3: string;
+        sage4: string;
+        sage5: string;
+        sage6: string;
+        sage7: string;
+        sage8: string;
+        sage9: string;
+        sage10: string;
+        sage11: string;
+        sage12: string;
+        redA1: string;
+        redA2: string;
+        redA3: string;
+        redA4: string;
+        redA5: string;
+        redA6: string;
+        redA7: string;
+        redA8: string;
+        redA9: string;
+        redA10: string;
+        redA11: string;
+        redA12: string;
+        red1: string;
+        red2: string;
+        red3: string;
+        red4: string;
+        red5: string;
+        red6: string;
+        red7: string;
+        red8: string;
+        red9: string;
+        red10: string;
+        red11: string;
+        red12: string;
+        purpleA1: string;
+        purpleA2: string;
+        purpleA3: string;
+        purpleA4: string;
+        purpleA5: string;
+        purpleA6: string;
+        purpleA7: string;
+        purpleA8: string;
+        purpleA9: string;
+        purpleA10: string;
+        purpleA11: string;
+        purpleA12: string;
+        purple1: string;
+        purple2: string;
+        purple3: string;
+        purple4: string;
+        purple5: string;
+        purple6: string;
+        purple7: string;
+        purple8: string;
+        purple9: string;
+        purple10: string;
+        purple11: string;
+        purple12: string;
+        plumA1: string;
+        plumA2: string;
+        plumA3: string;
+        plumA4: string;
+        plumA5: string;
+        plumA6: string;
+        plumA7: string;
+        plumA8: string;
+        plumA9: string;
+        plumA10: string;
+        plumA11: string;
+        plumA12: string;
+        plum1: string;
+        plum2: string;
+        plum3: string;
+        plum4: string;
+        plum5: string;
+        plum6: string;
+        plum7: string;
+        plum8: string;
+        plum9: string;
+        plum10: string;
+        plum11: string;
+        plum12: string;
+        pinkA1: string;
+        pinkA2: string;
+        pinkA3: string;
+        pinkA4: string;
+        pinkA5: string;
+        pinkA6: string;
+        pinkA7: string;
+        pinkA8: string;
+        pinkA9: string;
+        pinkA10: string;
+        pinkA11: string;
+        pinkA12: string;
+        pink1: string;
+        pink2: string;
+        pink3: string;
+        pink4: string;
+        pink5: string;
+        pink6: string;
+        pink7: string;
+        pink8: string;
+        pink9: string;
+        pink10: string;
+        pink11: string;
+        pink12: string;
+        orangeA1: string;
+        orangeA2: string;
+        orangeA3: string;
+        orangeA4: string;
+        orangeA5: string;
+        orangeA6: string;
+        orangeA7: string;
+        orangeA8: string;
+        orangeA9: string;
+        orangeA10: string;
+        orangeA11: string;
+        orangeA12: string;
+        orange1: string;
+        orange2: string;
+        orange3: string;
+        orange4: string;
+        orange5: string;
+        orange6: string;
+        orange7: string;
+        orange8: string;
+        orange9: string;
+        orange10: string;
+        orange11: string;
+        orange12: string;
+        oliveA1: string;
+        oliveA2: string;
+        oliveA3: string;
+        oliveA4: string;
+        oliveA5: string;
+        oliveA6: string;
+        oliveA7: string;
+        oliveA8: string;
+        oliveA9: string;
+        oliveA10: string;
+        oliveA11: string;
+        oliveA12: string;
+        olive1: string;
+        olive2: string;
+        olive3: string;
+        olive4: string;
+        olive5: string;
+        olive6: string;
+        olive7: string;
+        olive8: string;
+        olive9: string;
+        olive10: string;
+        olive11: string;
+        olive12: string;
+        mintA1: string;
+        mintA2: string;
+        mintA3: string;
+        mintA4: string;
+        mintA5: string;
+        mintA6: string;
+        mintA7: string;
+        mintA8: string;
+        mintA9: string;
+        mintA10: string;
+        mintA11: string;
+        mintA12: string;
+        mint1: string;
+        mint2: string;
+        mint3: string;
+        mint4: string;
+        mint5: string;
+        mint6: string;
+        mint7: string;
+        mint8: string;
+        mint9: string;
+        mint10: string;
+        mint11: string;
+        mint12: string;
+        mauveA1: string;
+        mauveA2: string;
+        mauveA3: string;
+        mauveA4: string;
+        mauveA5: string;
+        mauveA6: string;
+        mauveA7: string;
+        mauveA8: string;
+        mauveA9: string;
+        mauveA10: string;
+        mauveA11: string;
+        mauveA12: string;
+        mauve1: string;
+        mauve2: string;
+        mauve3: string;
+        mauve4: string;
+        mauve5: string;
+        mauve6: string;
+        mauve7: string;
+        mauve8: string;
+        mauve9: string;
+        mauve10: string;
+        mauve11: string;
+        mauve12: string;
+        limeA1: string;
+        limeA2: string;
+        limeA3: string;
+        limeA4: string;
+        limeA5: string;
+        limeA6: string;
+        limeA7: string;
+        limeA8: string;
+        limeA9: string;
+        limeA10: string;
+        limeA11: string;
+        limeA12: string;
+        lime1: string;
+        lime2: string;
+        lime3: string;
+        lime4: string;
+        lime5: string;
+        lime6: string;
+        lime7: string;
+        lime8: string;
+        lime9: string;
+        lime10: string;
+        lime11: string;
+        lime12: string;
+        indigoA1: string;
+        indigoA2: string;
+        indigoA3: string;
+        indigoA4: string;
+        indigoA5: string;
+        indigoA6: string;
+        indigoA7: string;
+        indigoA8: string;
+        indigoA9: string;
+        indigoA10: string;
+        indigoA11: string;
+        indigoA12: string;
+        indigo1: string;
+        indigo2: string;
+        indigo3: string;
+        indigo4: string;
+        indigo5: string;
+        indigo6: string;
+        indigo7: string;
+        indigo8: string;
+        indigo9: string;
+        indigo10: string;
+        indigo11: string;
+        indigo12: string;
+        greenA1: string;
+        greenA2: string;
+        greenA3: string;
+        greenA4: string;
+        greenA5: string;
+        greenA6: string;
+        greenA7: string;
+        greenA8: string;
+        greenA9: string;
+        greenA10: string;
+        greenA11: string;
+        greenA12: string;
+        green1: string;
+        green2: string;
+        green3: string;
+        green4: string;
+        green5: string;
+        green6: string;
+        green7: string;
+        green8: string;
+        green9: string;
+        green10: string;
+        green11: string;
+        green12: string;
+        grayA1: string;
+        grayA2: string;
+        grayA3: string;
+        grayA4: string;
+        grayA5: string;
+        grayA6: string;
+        grayA7: string;
+        grayA8: string;
+        grayA9: string;
+        grayA10: string;
+        grayA11: string;
+        grayA12: string;
+        gray1: string;
+        gray2: string;
+        gray3: string;
+        gray4: string;
+        gray5: string;
+        gray6: string;
+        gray7: string;
+        gray8: string;
+        gray9: string;
+        gray10: string;
+        gray11: string;
+        gray12: string;
+        grassA1: string;
+        grassA2: string;
+        grassA3: string;
+        grassA4: string;
+        grassA5: string;
+        grassA6: string;
+        grassA7: string;
+        grassA8: string;
+        grassA9: string;
+        grassA10: string;
+        grassA11: string;
+        grassA12: string;
+        grass1: string;
+        grass2: string;
+        grass3: string;
+        grass4: string;
+        grass5: string;
+        grass6: string;
+        grass7: string;
+        grass8: string;
+        grass9: string;
+        grass10: string;
+        grass11: string;
+        grass12: string;
+        goldA1: string;
+        goldA2: string;
+        goldA3: string;
+        goldA4: string;
+        goldA5: string;
+        goldA6: string;
+        goldA7: string;
+        goldA8: string;
+        goldA9: string;
+        goldA10: string;
+        goldA11: string;
+        goldA12: string;
+        gold1: string;
+        gold2: string;
+        gold3: string;
+        gold4: string;
+        gold5: string;
+        gold6: string;
+        gold7: string;
+        gold8: string;
+        gold9: string;
+        gold10: string;
+        gold11: string;
+        gold12: string;
+        cyanA1: string;
+        cyanA2: string;
+        cyanA3: string;
+        cyanA4: string;
+        cyanA5: string;
+        cyanA6: string;
+        cyanA7: string;
+        cyanA8: string;
+        cyanA9: string;
+        cyanA10: string;
+        cyanA11: string;
+        cyanA12: string;
+        cyan1: string;
+        cyan2: string;
+        cyan3: string;
+        cyan4: string;
+        cyan5: string;
+        cyan6: string;
+        cyan7: string;
+        cyan8: string;
+        cyan9: string;
+        cyan10: string;
+        cyan11: string;
+        cyan12: string;
+        crimsonA1: string;
+        crimsonA2: string;
+        crimsonA3: string;
+        crimsonA4: string;
+        crimsonA5: string;
+        crimsonA6: string;
+        crimsonA7: string;
+        crimsonA8: string;
+        crimsonA9: string;
+        crimsonA10: string;
+        crimsonA11: string;
+        crimsonA12: string;
+        crimson1: string;
+        crimson2: string;
+        crimson3: string;
+        crimson4: string;
+        crimson5: string;
+        crimson6: string;
+        crimson7: string;
+        crimson8: string;
+        crimson9: string;
+        crimson10: string;
+        crimson11: string;
+        crimson12: string;
+        brownA1: string;
+        brownA2: string;
+        brownA3: string;
+        brownA4: string;
+        brownA5: string;
+        brownA6: string;
+        brownA7: string;
+        brownA8: string;
+        brownA9: string;
+        brownA10: string;
+        brownA11: string;
+        brownA12: string;
+        brown1: string;
+        brown2: string;
+        brown3: string;
+        brown4: string;
+        brown5: string;
+        brown6: string;
+        brown7: string;
+        brown8: string;
+        brown9: string;
+        brown10: string;
+        brown11: string;
+        brown12: string;
+        bronzeA1: string;
+        bronzeA2: string;
+        bronzeA3: string;
+        bronzeA4: string;
+        bronzeA5: string;
+        bronzeA6: string;
+        bronzeA7: string;
+        bronzeA8: string;
+        bronzeA9: string;
+        bronzeA10: string;
+        bronzeA11: string;
+        bronzeA12: string;
+        bronze1: string;
+        bronze2: string;
+        bronze3: string;
+        bronze4: string;
+        bronze5: string;
+        bronze6: string;
+        bronze7: string;
+        bronze8: string;
+        bronze9: string;
+        bronze10: string;
+        bronze11: string;
+        bronze12: string;
+        blueA1: string;
+        blueA2: string;
+        blueA3: string;
+        blueA4: string;
+        blueA5: string;
+        blueA6: string;
+        blueA7: string;
+        blueA8: string;
+        blueA9: string;
+        blueA10: string;
+        blueA11: string;
+        blueA12: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        blue4: string;
+        blue5: string;
+        blue6: string;
+        blue7: string;
+        blue8: string;
+        blue9: string;
+        blue10: string;
+        blue11: string;
+        blue12: string;
+        blackA1: string;
+        blackA2: string;
+        blackA3: string;
+        blackA4: string;
+        blackA5: string;
+        blackA6: string;
+        blackA7: string;
+        blackA8: string;
+        blackA9: string;
+        blackA10: string;
+        blackA11: string;
+        blackA12: string;
+        amberA1: string;
+        amberA2: string;
+        amberA3: string;
+        amberA4: string;
+        amberA5: string;
+        amberA6: string;
+        amberA7: string;
+        amberA8: string;
+        amberA9: string;
+        amberA10: string;
+        amberA11: string;
+        amberA12: string;
+        amber1: string;
+        amber2: string;
+        amber3: string;
+        amber4: string;
+        amber5: string;
+        amber6: string;
+        amber7: string;
+        amber8: string;
+        amber9: string;
+        amber10: string;
+        amber11: string;
+        amber12: string;
+    };
+    fonts: {
+        mono: string;
+        sans: string;
+        serif: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    sizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    fontSizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    radii: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        round: string;
+        pill: string;
+    };
+    zIndices: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        max: string;
+    };
+}, _stitches_react_types_config.DefaultThemeMap, {
+    p: (value: {
+        readonly [$$PropertyValue]: "padding";
+    }) => {
+        padding: {
+            readonly [$$PropertyValue]: "padding";
+        };
+    };
+    pt: (value: {
+        readonly [$$PropertyValue]: "paddingTop";
+    }) => {
+        paddingTop: {
+            readonly [$$PropertyValue]: "paddingTop";
+        };
+    };
+    pr: (value: {
+        readonly [$$PropertyValue]: "paddingRight";
+    }) => {
+        paddingRight: {
+            readonly [$$PropertyValue]: "paddingRight";
+        };
+    };
+    pb: (value: {
+        readonly [$$PropertyValue]: "paddingBottom";
+    }) => {
+        paddingBottom: {
+            readonly [$$PropertyValue]: "paddingBottom";
+        };
+    };
+    pl: (value: {
+        readonly [$$PropertyValue]: "paddingLeft";
+    }) => {
+        paddingLeft: {
+            readonly [$$PropertyValue]: "paddingLeft";
+        };
+    };
+    px: (value: {
+        readonly [$$PropertyValue]: "paddingLeft";
+    }) => {
+        paddingLeft: {
+            readonly [$$PropertyValue]: "paddingLeft";
+        };
+        paddingRight: {
+            readonly [$$PropertyValue]: "paddingLeft";
+        };
+    };
+    py: (value: {
+        readonly [$$PropertyValue]: "paddingTop";
+    }) => {
+        paddingTop: {
+            readonly [$$PropertyValue]: "paddingTop";
+        };
+        paddingBottom: {
+            readonly [$$PropertyValue]: "paddingTop";
+        };
+    };
+    m: (value: {
+        readonly [$$PropertyValue]: "margin";
+    }) => {
+        margin: {
+            readonly [$$PropertyValue]: "margin";
+        };
+    };
+    mt: (value: {
+        readonly [$$PropertyValue]: "marginTop";
+    }) => {
+        marginTop: {
+            readonly [$$PropertyValue]: "marginTop";
+        };
+    };
+    mr: (value: {
+        readonly [$$PropertyValue]: "marginRight";
+    }) => {
+        marginRight: {
+            readonly [$$PropertyValue]: "marginRight";
+        };
+    };
+    mb: (value: {
+        readonly [$$PropertyValue]: "marginBottom";
+    }) => {
+        marginBottom: {
+            readonly [$$PropertyValue]: "marginBottom";
+        };
+    };
+    ml: (value: {
+        readonly [$$PropertyValue]: "marginLeft";
+    }) => {
+        marginLeft: {
+            readonly [$$PropertyValue]: "marginLeft";
+        };
+    };
+    mx: (value: {
+        readonly [$$PropertyValue]: "marginLeft";
+    }) => {
+        marginLeft: {
+            readonly [$$PropertyValue]: "marginLeft";
+        };
+        marginRight: {
+            readonly [$$PropertyValue]: "marginLeft";
+        };
+    };
+    my: (value: {
+        readonly [$$PropertyValue]: "marginTop";
+    }) => {
+        marginTop: {
+            readonly [$$PropertyValue]: "marginTop";
+        };
+        marginBottom: {
+            readonly [$$PropertyValue]: "marginTop";
+        };
+    };
+    ta: (value: {
+        readonly [$$PropertyValue]: "textAlign";
+    }) => {
+        textAlign: {
+            readonly [$$PropertyValue]: "textAlign";
+        };
+    };
+    fd: (value: {
+        readonly [$$PropertyValue]: "flexDirection";
+    }) => {
+        flexDirection: {
+            readonly [$$PropertyValue]: "flexDirection";
+        };
+    };
+    fw: (value: {
+        readonly [$$PropertyValue]: "flexWrap";
+    }) => {
+        flexWrap: {
+            readonly [$$PropertyValue]: "flexWrap";
+        };
+    };
+    ai: (value: {
+        readonly [$$PropertyValue]: "alignItems";
+    }) => {
+        alignItems: {
+            readonly [$$PropertyValue]: "alignItems";
+        };
+    };
+    ac: (value: {
+        readonly [$$PropertyValue]: "alignContent";
+    }) => {
+        alignContent: {
+            readonly [$$PropertyValue]: "alignContent";
+        };
+    };
+    jc: (value: {
+        readonly [$$PropertyValue]: "justifyContent";
+    }) => {
+        justifyContent: {
+            readonly [$$PropertyValue]: "justifyContent";
+        };
+    };
+    as: (value: {
+        readonly [$$PropertyValue]: "alignSelf";
+    }) => {
+        alignSelf: {
+            readonly [$$PropertyValue]: "alignSelf";
+        };
+    };
+    fg: (value: {
+        readonly [$$PropertyValue]: "flexGrow";
+    }) => {
+        flexGrow: {
+            readonly [$$PropertyValue]: "flexGrow";
+        };
+    };
+    fs: (value: {
+        readonly [$$PropertyValue]: "flexShrink";
+    }) => {
+        flexShrink: {
+            readonly [$$PropertyValue]: "flexShrink";
+        };
+    };
+    fb: (value: {
+        readonly [$$PropertyValue]: "flexBasis";
+    }) => {
+        flexBasis: {
+            readonly [$$PropertyValue]: "flexBasis";
+        };
+    };
+    bc: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
+    }) => {
+        backgroundColor: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
+    };
+    br: (value: {
+        readonly [$$PropertyValue]: "borderRadius";
+    }) => {
+        borderRadius: {
+            readonly [$$PropertyValue]: "borderRadius";
+        };
+    };
+    btrr: (value: {
+        readonly [$$PropertyValue]: "borderTopRightRadius";
+    }) => {
+        borderTopRightRadius: {
+            readonly [$$PropertyValue]: "borderTopRightRadius";
+        };
+    };
+    bbrr: (value: {
+        readonly [$$PropertyValue]: "borderBottomRightRadius";
+    }) => {
+        borderBottomRightRadius: {
+            readonly [$$PropertyValue]: "borderBottomRightRadius";
+        };
+    };
+    bblr: (value: {
+        readonly [$$PropertyValue]: "borderBottomLeftRadius";
+    }) => {
+        borderBottomLeftRadius: {
+            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+        };
+    };
+    btlr: (value: {
+        readonly [$$PropertyValue]: "borderTopLeftRadius";
+    }) => {
+        borderTopLeftRadius: {
+            readonly [$$PropertyValue]: "borderTopLeftRadius";
+        };
+    };
+    bs: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    lh: (value: {
+        readonly [$$PropertyValue]: "lineHeight";
+    }) => {
+        lineHeight: {
+            readonly [$$PropertyValue]: "lineHeight";
+        };
+    };
+    ox: (value: {
+        readonly [$$PropertyValue]: "overflowX";
+    }) => {
+        overflowX: {
+            readonly [$$PropertyValue]: "overflowX";
+        };
+    };
+    oy: (value: {
+        readonly [$$PropertyValue]: "overflowY";
+    }) => {
+        overflowY: {
+            readonly [$$PropertyValue]: "overflowY";
+        };
+    };
+    pe: (value: {
+        readonly [$$PropertyValue]: "pointerEvents";
+    }) => {
+        pointerEvents: {
+            readonly [$$PropertyValue]: "pointerEvents";
+        };
+    };
+    us: (value: {
+        readonly [$$PropertyValue]: "userSelect";
+    }) => {
+        WebkitUserSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+    };
+    userSelect: (value: {
+        readonly [$$PropertyValue]: "userSelect";
+    }) => {
+        WebkitUserSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+    };
+    size: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    appearance: (value: {
+        readonly [$$PropertyValue]: "appearance";
+    }) => {
+        WebkitAppearance: {
+            readonly [$$PropertyValue]: "appearance";
+        };
+        appearance: {
+            readonly [$$PropertyValue]: "appearance";
+        };
+    };
+    backgroundClip: (value: {
+        readonly [$$PropertyValue]: "backgroundClip";
+    }) => {
+        WebkitBackgroundClip: {
+            readonly [$$PropertyValue]: "backgroundClip";
+        };
+        backgroundClip: {
+            readonly [$$PropertyValue]: "backgroundClip";
+        };
+    };
+}>>;
+
+declare const FocusArea: React$1.ForwardRefExoticComponent<Pick<Omit<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+}, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {
+    bp1: "(min-width: 520px)";
+    bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
+    bp4: "(min-width: 1800px)";
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+}> & {
+    css?: _stitches_react_types_css_util.CSS<{
+        bp1: "(min-width: 520px)";
+        bp2: "(min-width: 900px)";
+        bp3: "(min-width: 1200px)";
+        bp4: "(min-width: 1800px)";
+        motion: "(prefers-reduced-motion)";
+        hover: "(any-hover: hover)";
+        dark: "(prefers-color-scheme: dark)";
+        light: "(prefers-color-scheme: light)";
+    }, {
+        colors: {
+            hiContrast: string;
+            loContrast: string;
+            canvas: string;
+            panel: string;
+            transparentPanel: string;
+            shadowLight: string;
+            shadowDark: string;
+            yellowA1: string;
+            yellowA2: string;
+            yellowA3: string;
+            yellowA4: string;
+            yellowA5: string;
+            yellowA6: string;
+            yellowA7: string;
+            yellowA8: string;
+            yellowA9: string;
+            yellowA10: string;
+            yellowA11: string;
+            yellowA12: string;
+            yellow1: string;
+            yellow2: string;
+            yellow3: string;
+            yellow4: string;
+            yellow5: string;
+            yellow6: string;
+            yellow7: string;
+            yellow8: string;
+            yellow9: string;
+            yellow10: string;
+            yellow11: string;
+            yellow12: string;
+            whiteA1: string;
+            whiteA2: string;
+            whiteA3: string;
+            whiteA4: string;
+            whiteA5: string;
+            whiteA6: string;
+            whiteA7: string;
+            whiteA8: string;
+            whiteA9: string;
+            whiteA10: string;
+            whiteA11: string;
+            whiteA12: string;
+            violetA1: string;
+            violetA2: string;
+            violetA3: string;
+            violetA4: string;
+            violetA5: string;
+            violetA6: string;
+            violetA7: string;
+            violetA8: string;
+            violetA9: string;
+            violetA10: string;
+            violetA11: string;
+            violetA12: string;
+            violet1: string;
+            violet2: string;
+            violet3: string;
+            violet4: string;
+            violet5: string;
+            violet6: string;
+            violet7: string;
+            violet8: string;
+            violet9: string;
+            violet10: string;
+            violet11: string;
+            violet12: string;
+            tomatoA1: string;
+            tomatoA2: string;
+            tomatoA3: string;
+            tomatoA4: string;
+            tomatoA5: string;
+            tomatoA6: string;
+            tomatoA7: string;
+            tomatoA8: string;
+            tomatoA9: string;
+            tomatoA10: string;
+            tomatoA11: string;
+            tomatoA12: string;
+            tomato1: string;
+            tomato2: string;
+            tomato3: string;
+            tomato4: string;
+            tomato5: string;
+            tomato6: string;
+            tomato7: string;
+            tomato8: string;
+            tomato9: string;
+            tomato10: string;
+            tomato11: string;
+            tomato12: string;
+            tealA1: string;
+            tealA2: string;
+            tealA3: string;
+            tealA4: string;
+            tealA5: string;
+            tealA6: string;
+            tealA7: string;
+            tealA8: string;
+            tealA9: string;
+            tealA10: string;
+            tealA11: string;
+            tealA12: string;
+            teal1: string;
+            teal2: string;
+            teal3: string;
+            teal4: string;
+            teal5: string;
+            teal6: string;
+            teal7: string;
+            teal8: string;
+            teal9: string;
+            teal10: string;
+            teal11: string;
+            teal12: string;
+            slateA1: string;
+            slateA2: string;
+            slateA3: string;
+            slateA4: string;
+            slateA5: string;
+            slateA6: string;
+            slateA7: string;
+            slateA8: string;
+            slateA9: string;
+            slateA10: string;
+            slateA11: string;
+            slateA12: string;
+            slate1: string;
+            slate2: string;
+            slate3: string;
+            slate4: string;
+            slate5: string;
+            slate6: string;
+            slate7: string;
+            slate8: string;
+            slate9: string;
+            slate10: string;
+            slate11: string;
+            slate12: string;
+            skyA1: string;
+            skyA2: string;
+            skyA3: string;
+            skyA4: string;
+            skyA5: string;
+            skyA6: string;
+            skyA7: string;
+            skyA8: string;
+            skyA9: string;
+            skyA10: string;
+            skyA11: string;
+            skyA12: string;
+            sky1: string;
+            sky2: string;
+            sky3: string;
+            sky4: string;
+            sky5: string;
+            sky6: string;
+            sky7: string;
+            sky8: string;
+            sky9: string;
+            sky10: string;
+            sky11: string;
+            sky12: string;
+            sandA1: string;
+            sandA2: string;
+            sandA3: string;
+            sandA4: string;
+            sandA5: string;
+            sandA6: string;
+            sandA7: string;
+            sandA8: string;
+            sandA9: string;
+            sandA10: string;
+            sandA11: string;
+            sandA12: string;
+            sand1: string;
+            sand2: string;
+            sand3: string;
+            sand4: string;
+            sand5: string;
+            sand6: string;
+            sand7: string;
+            sand8: string;
+            sand9: string;
+            sand10: string;
+            sand11: string;
+            sand12: string;
+            sageA1: string;
+            sageA2: string;
+            sageA3: string;
+            sageA4: string;
+            sageA5: string;
+            sageA6: string;
+            sageA7: string;
+            sageA8: string;
+            sageA9: string;
+            sageA10: string;
+            sageA11: string;
+            sageA12: string;
+            sage1: string;
+            sage2: string;
+            sage3: string;
+            sage4: string;
+            sage5: string;
+            sage6: string;
+            sage7: string;
+            sage8: string;
+            sage9: string;
+            sage10: string;
+            sage11: string;
+            sage12: string;
+            redA1: string;
+            redA2: string;
+            redA3: string;
+            redA4: string;
+            redA5: string;
+            redA6: string;
+            redA7: string;
+            redA8: string;
+            redA9: string;
+            redA10: string;
+            redA11: string;
+            redA12: string;
+            red1: string;
+            red2: string;
             red3: string;
             red4: string;
             red5: string;
@@ -23916,530 +25003,1760 @@ declare const FocusArea: React$1.ForwardRefExoticComponent<Pick<Omit<Pick<React$
             amber11: string;
             amber12: string;
         };
-        fonts: {
-            mono: string;
-            sans: string;
-            serif: string;
+        fonts: {
+            mono: string;
+            sans: string;
+            serif: string;
+        };
+        space: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+        };
+        sizes: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+        };
+        fontSizes: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+        };
+        radii: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            round: string;
+            pill: string;
+        };
+        zIndices: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            max: string;
+        };
+    }, _stitches_react_types_config.DefaultThemeMap, {
+        p: (value: {
+            readonly [$$PropertyValue]: "padding";
+        }) => {
+            padding: {
+                readonly [$$PropertyValue]: "padding";
+            };
+        };
+        pt: (value: {
+            readonly [$$PropertyValue]: "paddingTop";
+        }) => {
+            paddingTop: {
+                readonly [$$PropertyValue]: "paddingTop";
+            };
+        };
+        pr: (value: {
+            readonly [$$PropertyValue]: "paddingRight";
+        }) => {
+            paddingRight: {
+                readonly [$$PropertyValue]: "paddingRight";
+            };
+        };
+        pb: (value: {
+            readonly [$$PropertyValue]: "paddingBottom";
+        }) => {
+            paddingBottom: {
+                readonly [$$PropertyValue]: "paddingBottom";
+            };
+        };
+        pl: (value: {
+            readonly [$$PropertyValue]: "paddingLeft";
+        }) => {
+            paddingLeft: {
+                readonly [$$PropertyValue]: "paddingLeft";
+            };
+        };
+        px: (value: {
+            readonly [$$PropertyValue]: "paddingLeft";
+        }) => {
+            paddingLeft: {
+                readonly [$$PropertyValue]: "paddingLeft";
+            };
+            paddingRight: {
+                readonly [$$PropertyValue]: "paddingLeft";
+            };
+        };
+        py: (value: {
+            readonly [$$PropertyValue]: "paddingTop";
+        }) => {
+            paddingTop: {
+                readonly [$$PropertyValue]: "paddingTop";
+            };
+            paddingBottom: {
+                readonly [$$PropertyValue]: "paddingTop";
+            };
+        };
+        m: (value: {
+            readonly [$$PropertyValue]: "margin";
+        }) => {
+            margin: {
+                readonly [$$PropertyValue]: "margin";
+            };
+        };
+        mt: (value: {
+            readonly [$$PropertyValue]: "marginTop";
+        }) => {
+            marginTop: {
+                readonly [$$PropertyValue]: "marginTop";
+            };
+        };
+        mr: (value: {
+            readonly [$$PropertyValue]: "marginRight";
+        }) => {
+            marginRight: {
+                readonly [$$PropertyValue]: "marginRight";
+            };
+        };
+        mb: (value: {
+            readonly [$$PropertyValue]: "marginBottom";
+        }) => {
+            marginBottom: {
+                readonly [$$PropertyValue]: "marginBottom";
+            };
+        };
+        ml: (value: {
+            readonly [$$PropertyValue]: "marginLeft";
+        }) => {
+            marginLeft: {
+                readonly [$$PropertyValue]: "marginLeft";
+            };
+        };
+        mx: (value: {
+            readonly [$$PropertyValue]: "marginLeft";
+        }) => {
+            marginLeft: {
+                readonly [$$PropertyValue]: "marginLeft";
+            };
+            marginRight: {
+                readonly [$$PropertyValue]: "marginLeft";
+            };
+        };
+        my: (value: {
+            readonly [$$PropertyValue]: "marginTop";
+        }) => {
+            marginTop: {
+                readonly [$$PropertyValue]: "marginTop";
+            };
+            marginBottom: {
+                readonly [$$PropertyValue]: "marginTop";
+            };
+        };
+        ta: (value: {
+            readonly [$$PropertyValue]: "textAlign";
+        }) => {
+            textAlign: {
+                readonly [$$PropertyValue]: "textAlign";
+            };
+        };
+        fd: (value: {
+            readonly [$$PropertyValue]: "flexDirection";
+        }) => {
+            flexDirection: {
+                readonly [$$PropertyValue]: "flexDirection";
+            };
         };
-        space: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
+        fw: (value: {
+            readonly [$$PropertyValue]: "flexWrap";
+        }) => {
+            flexWrap: {
+                readonly [$$PropertyValue]: "flexWrap";
+            };
         };
-        sizes: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
+        ai: (value: {
+            readonly [$$PropertyValue]: "alignItems";
+        }) => {
+            alignItems: {
+                readonly [$$PropertyValue]: "alignItems";
+            };
         };
-        fontSizes: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
+        ac: (value: {
+            readonly [$$PropertyValue]: "alignContent";
+        }) => {
+            alignContent: {
+                readonly [$$PropertyValue]: "alignContent";
+            };
         };
-        radii: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            round: string;
-            pill: string;
+        jc: (value: {
+            readonly [$$PropertyValue]: "justifyContent";
+        }) => {
+            justifyContent: {
+                readonly [$$PropertyValue]: "justifyContent";
+            };
         };
-        zIndices: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            max: string;
+        as: (value: {
+            readonly [$$PropertyValue]: "alignSelf";
+        }) => {
+            alignSelf: {
+                readonly [$$PropertyValue]: "alignSelf";
+            };
         };
-    }, _stitches_react_types_config.DefaultThemeMap, {
-        p: (value: {
+        fg: (value: {
+            readonly [$$PropertyValue]: "flexGrow";
+        }) => {
+            flexGrow: {
+                readonly [$$PropertyValue]: "flexGrow";
+            };
+        };
+        fs: (value: {
+            readonly [$$PropertyValue]: "flexShrink";
+        }) => {
+            flexShrink: {
+                readonly [$$PropertyValue]: "flexShrink";
+            };
+        };
+        fb: (value: {
+            readonly [$$PropertyValue]: "flexBasis";
+        }) => {
+            flexBasis: {
+                readonly [$$PropertyValue]: "flexBasis";
+            };
+        };
+        bc: (value: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        }) => {
+            backgroundColor: {
+                readonly [$$PropertyValue]: "backgroundColor";
+            };
+        };
+        br: (value: {
+            readonly [$$PropertyValue]: "borderRadius";
+        }) => {
+            borderRadius: {
+                readonly [$$PropertyValue]: "borderRadius";
+            };
+        };
+        btrr: (value: {
+            readonly [$$PropertyValue]: "borderTopRightRadius";
+        }) => {
+            borderTopRightRadius: {
+                readonly [$$PropertyValue]: "borderTopRightRadius";
+            };
+        };
+        bbrr: (value: {
+            readonly [$$PropertyValue]: "borderBottomRightRadius";
+        }) => {
+            borderBottomRightRadius: {
+                readonly [$$PropertyValue]: "borderBottomRightRadius";
+            };
+        };
+        bblr: (value: {
+            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+        }) => {
+            borderBottomLeftRadius: {
+                readonly [$$PropertyValue]: "borderBottomLeftRadius";
+            };
+        };
+        btlr: (value: {
+            readonly [$$PropertyValue]: "borderTopLeftRadius";
+        }) => {
+            borderTopLeftRadius: {
+                readonly [$$PropertyValue]: "borderTopLeftRadius";
+            };
+        };
+        bs: (value: {
+            readonly [$$PropertyValue]: "boxShadow";
+        }) => {
+            boxShadow: {
+                readonly [$$PropertyValue]: "boxShadow";
+            };
+        };
+        lh: (value: {
+            readonly [$$PropertyValue]: "lineHeight";
+        }) => {
+            lineHeight: {
+                readonly [$$PropertyValue]: "lineHeight";
+            };
+        };
+        ox: (value: {
+            readonly [$$PropertyValue]: "overflowX";
+        }) => {
+            overflowX: {
+                readonly [$$PropertyValue]: "overflowX";
+            };
+        };
+        oy: (value: {
+            readonly [$$PropertyValue]: "overflowY";
+        }) => {
+            overflowY: {
+                readonly [$$PropertyValue]: "overflowY";
+            };
+        };
+        pe: (value: {
+            readonly [$$PropertyValue]: "pointerEvents";
+        }) => {
+            pointerEvents: {
+                readonly [$$PropertyValue]: "pointerEvents";
+            };
+        };
+        us: (value: {
+            readonly [$$PropertyValue]: "userSelect";
+        }) => {
+            WebkitUserSelect: {
+                readonly [$$PropertyValue]: "userSelect";
+            };
+            userSelect: {
+                readonly [$$PropertyValue]: "userSelect";
+            };
+        };
+        userSelect: (value: {
+            readonly [$$PropertyValue]: "userSelect";
+        }) => {
+            WebkitUserSelect: {
+                readonly [$$PropertyValue]: "userSelect";
+            };
+            userSelect: {
+                readonly [$$PropertyValue]: "userSelect";
+            };
+        };
+        size: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            width: {
+                readonly [$$PropertyValue]: "width";
+            };
+            height: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
+        appearance: (value: {
+            readonly [$$PropertyValue]: "appearance";
+        }) => {
+            WebkitAppearance: {
+                readonly [$$PropertyValue]: "appearance";
+            };
+            appearance: {
+                readonly [$$PropertyValue]: "appearance";
+            };
+        };
+        backgroundClip: (value: {
+            readonly [$$PropertyValue]: "backgroundClip";
+        }) => {
+            WebkitBackgroundClip: {
+                readonly [$$PropertyValue]: "backgroundClip";
+            };
+            backgroundClip: {
+                readonly [$$PropertyValue]: "backgroundClip";
+            };
+        };
+    }>;
+}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "css"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Grid: _stitches_react_types_styled_component.StyledComponent<"div", _stitches_react_types_styled_component.StyledComponentProps<[{
+    boxSizing: string;
+    display: string;
+    variants: {
+        align: {
+            start: {
+                alignItems: string;
+            };
+            center: {
+                alignItems: string;
+            };
+            end: {
+                alignItems: string;
+            };
+            stretch: {
+                alignItems: string;
+            };
+            baseline: {
+                alignItems: string;
+            };
+        };
+        justify: {
+            start: {
+                justifyContent: string;
+            };
+            center: {
+                justifyContent: string;
+            };
+            end: {
+                justifyContent: string;
+            };
+            between: {
+                justifyContent: string;
+            };
+        };
+        flow: {
+            row: {
+                gridAutoFlow: string;
+            };
+            column: {
+                gridAutoFlow: string;
+            };
+            dense: {
+                gridAutoFlow: string;
+            };
+            rowDense: {
+                gridAutoFlow: string;
+            };
+            columnDense: {
+                gridAutoFlow: string;
+            };
+        };
+        columns: {
+            1: {
+                gridTemplateColumns: string;
+            };
+            2: {
+                gridTemplateColumns: string;
+            };
+            3: {
+                gridTemplateColumns: string;
+            };
+            4: {
+                gridTemplateColumns: string;
+            };
+            5: {
+                gridTemplateColumns: string;
+            };
+            6: {
+                gridTemplateColumns: string;
+            };
+        };
+        gap: {
+            1: {
+                gap: string;
+            };
+            2: {
+                gap: string;
+            };
+            3: {
+                gap: string;
+            };
+            4: {
+                gap: string;
+            };
+            5: {
+                gap: string;
+            };
+            6: {
+                gap: string;
+            };
+            7: {
+                gap: string;
+            };
+            8: {
+                gap: string;
+            };
+            9: {
+                gap: string;
+            };
+        };
+        gapX: {
+            1: {
+                columnGap: string;
+            };
+            2: {
+                columnGap: string;
+            };
+            3: {
+                columnGap: string;
+            };
+            4: {
+                columnGap: string;
+            };
+            5: {
+                columnGap: string;
+            };
+            6: {
+                columnGap: string;
+            };
+            7: {
+                columnGap: string;
+            };
+            8: {
+                columnGap: string;
+            };
+            9: {
+                columnGap: string;
+            };
+        };
+        gapY: {
+            1: {
+                rowGap: string;
+            };
+            2: {
+                rowGap: string;
+            };
+            3: {
+                rowGap: string;
+            };
+            4: {
+                rowGap: string;
+            };
+            5: {
+                rowGap: string;
+            };
+            6: {
+                rowGap: string;
+            };
+            7: {
+                rowGap: string;
+            };
+            8: {
+                rowGap: string;
+            };
+            9: {
+                rowGap: string;
+            };
+        };
+    };
+}]>, {
+    bp1: "(min-width: 520px)";
+    bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
+    bp4: "(min-width: 1800px)";
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+}, _stitches_react_types_css_util.CSS<{
+    bp1: "(min-width: 520px)";
+    bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
+    bp4: "(min-width: 1800px)";
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+}, {
+    colors: {
+        hiContrast: string;
+        loContrast: string;
+        canvas: string;
+        panel: string;
+        transparentPanel: string;
+        shadowLight: string;
+        shadowDark: string;
+        yellowA1: string;
+        yellowA2: string;
+        yellowA3: string;
+        yellowA4: string;
+        yellowA5: string;
+        yellowA6: string;
+        yellowA7: string;
+        yellowA8: string;
+        yellowA9: string;
+        yellowA10: string;
+        yellowA11: string;
+        yellowA12: string;
+        yellow1: string;
+        yellow2: string;
+        yellow3: string;
+        yellow4: string;
+        yellow5: string;
+        yellow6: string;
+        yellow7: string;
+        yellow8: string;
+        yellow9: string;
+        yellow10: string;
+        yellow11: string;
+        yellow12: string;
+        whiteA1: string;
+        whiteA2: string;
+        whiteA3: string;
+        whiteA4: string;
+        whiteA5: string;
+        whiteA6: string;
+        whiteA7: string;
+        whiteA8: string;
+        whiteA9: string;
+        whiteA10: string;
+        whiteA11: string;
+        whiteA12: string;
+        violetA1: string;
+        violetA2: string;
+        violetA3: string;
+        violetA4: string;
+        violetA5: string;
+        violetA6: string;
+        violetA7: string;
+        violetA8: string;
+        violetA9: string;
+        violetA10: string;
+        violetA11: string;
+        violetA12: string;
+        violet1: string;
+        violet2: string;
+        violet3: string;
+        violet4: string;
+        violet5: string;
+        violet6: string;
+        violet7: string;
+        violet8: string;
+        violet9: string;
+        violet10: string;
+        violet11: string;
+        violet12: string;
+        tomatoA1: string;
+        tomatoA2: string;
+        tomatoA3: string;
+        tomatoA4: string;
+        tomatoA5: string;
+        tomatoA6: string;
+        tomatoA7: string;
+        tomatoA8: string;
+        tomatoA9: string;
+        tomatoA10: string;
+        tomatoA11: string;
+        tomatoA12: string;
+        tomato1: string;
+        tomato2: string;
+        tomato3: string;
+        tomato4: string;
+        tomato5: string;
+        tomato6: string;
+        tomato7: string;
+        tomato8: string;
+        tomato9: string;
+        tomato10: string;
+        tomato11: string;
+        tomato12: string;
+        tealA1: string;
+        tealA2: string;
+        tealA3: string;
+        tealA4: string;
+        tealA5: string;
+        tealA6: string;
+        tealA7: string;
+        tealA8: string;
+        tealA9: string;
+        tealA10: string;
+        tealA11: string;
+        tealA12: string;
+        teal1: string;
+        teal2: string;
+        teal3: string;
+        teal4: string;
+        teal5: string;
+        teal6: string;
+        teal7: string;
+        teal8: string;
+        teal9: string;
+        teal10: string;
+        teal11: string;
+        teal12: string;
+        slateA1: string;
+        slateA2: string;
+        slateA3: string;
+        slateA4: string;
+        slateA5: string;
+        slateA6: string;
+        slateA7: string;
+        slateA8: string;
+        slateA9: string;
+        slateA10: string;
+        slateA11: string;
+        slateA12: string;
+        slate1: string;
+        slate2: string;
+        slate3: string;
+        slate4: string;
+        slate5: string;
+        slate6: string;
+        slate7: string;
+        slate8: string;
+        slate9: string;
+        slate10: string;
+        slate11: string;
+        slate12: string;
+        skyA1: string;
+        skyA2: string;
+        skyA3: string;
+        skyA4: string;
+        skyA5: string;
+        skyA6: string;
+        skyA7: string;
+        skyA8: string;
+        skyA9: string;
+        skyA10: string;
+        skyA11: string;
+        skyA12: string;
+        sky1: string;
+        sky2: string;
+        sky3: string;
+        sky4: string;
+        sky5: string;
+        sky6: string;
+        sky7: string;
+        sky8: string;
+        sky9: string;
+        sky10: string;
+        sky11: string;
+        sky12: string;
+        sandA1: string;
+        sandA2: string;
+        sandA3: string;
+        sandA4: string;
+        sandA5: string;
+        sandA6: string;
+        sandA7: string;
+        sandA8: string;
+        sandA9: string;
+        sandA10: string;
+        sandA11: string;
+        sandA12: string;
+        sand1: string;
+        sand2: string;
+        sand3: string;
+        sand4: string;
+        sand5: string;
+        sand6: string;
+        sand7: string;
+        sand8: string;
+        sand9: string;
+        sand10: string;
+        sand11: string;
+        sand12: string;
+        sageA1: string;
+        sageA2: string;
+        sageA3: string;
+        sageA4: string;
+        sageA5: string;
+        sageA6: string;
+        sageA7: string;
+        sageA8: string;
+        sageA9: string;
+        sageA10: string;
+        sageA11: string;
+        sageA12: string;
+        sage1: string;
+        sage2: string;
+        sage3: string;
+        sage4: string;
+        sage5: string;
+        sage6: string;
+        sage7: string;
+        sage8: string;
+        sage9: string;
+        sage10: string;
+        sage11: string;
+        sage12: string;
+        redA1: string;
+        redA2: string;
+        redA3: string;
+        redA4: string;
+        redA5: string;
+        redA6: string;
+        redA7: string;
+        redA8: string;
+        redA9: string;
+        redA10: string;
+        redA11: string;
+        redA12: string;
+        red1: string;
+        red2: string;
+        red3: string;
+        red4: string;
+        red5: string;
+        red6: string;
+        red7: string;
+        red8: string;
+        red9: string;
+        red10: string;
+        red11: string;
+        red12: string;
+        purpleA1: string;
+        purpleA2: string;
+        purpleA3: string;
+        purpleA4: string;
+        purpleA5: string;
+        purpleA6: string;
+        purpleA7: string;
+        purpleA8: string;
+        purpleA9: string;
+        purpleA10: string;
+        purpleA11: string;
+        purpleA12: string;
+        purple1: string;
+        purple2: string;
+        purple3: string;
+        purple4: string;
+        purple5: string;
+        purple6: string;
+        purple7: string;
+        purple8: string;
+        purple9: string;
+        purple10: string;
+        purple11: string;
+        purple12: string;
+        plumA1: string;
+        plumA2: string;
+        plumA3: string;
+        plumA4: string;
+        plumA5: string;
+        plumA6: string;
+        plumA7: string;
+        plumA8: string;
+        plumA9: string;
+        plumA10: string;
+        plumA11: string;
+        plumA12: string;
+        plum1: string;
+        plum2: string;
+        plum3: string;
+        plum4: string;
+        plum5: string;
+        plum6: string;
+        plum7: string;
+        plum8: string;
+        plum9: string;
+        plum10: string;
+        plum11: string;
+        plum12: string;
+        pinkA1: string;
+        pinkA2: string;
+        pinkA3: string;
+        pinkA4: string;
+        pinkA5: string;
+        pinkA6: string;
+        pinkA7: string;
+        pinkA8: string;
+        pinkA9: string;
+        pinkA10: string;
+        pinkA11: string;
+        pinkA12: string;
+        pink1: string;
+        pink2: string;
+        pink3: string;
+        pink4: string;
+        pink5: string;
+        pink6: string;
+        pink7: string;
+        pink8: string;
+        pink9: string;
+        pink10: string;
+        pink11: string;
+        pink12: string;
+        orangeA1: string;
+        orangeA2: string;
+        orangeA3: string;
+        orangeA4: string;
+        orangeA5: string;
+        orangeA6: string;
+        orangeA7: string;
+        orangeA8: string;
+        orangeA9: string;
+        orangeA10: string;
+        orangeA11: string;
+        orangeA12: string;
+        orange1: string;
+        orange2: string;
+        orange3: string;
+        orange4: string;
+        orange5: string;
+        orange6: string;
+        orange7: string;
+        orange8: string;
+        orange9: string;
+        orange10: string;
+        orange11: string;
+        orange12: string;
+        oliveA1: string;
+        oliveA2: string;
+        oliveA3: string;
+        oliveA4: string;
+        oliveA5: string;
+        oliveA6: string;
+        oliveA7: string;
+        oliveA8: string;
+        oliveA9: string;
+        oliveA10: string;
+        oliveA11: string;
+        oliveA12: string;
+        olive1: string;
+        olive2: string;
+        olive3: string;
+        olive4: string;
+        olive5: string;
+        olive6: string;
+        olive7: string;
+        olive8: string;
+        olive9: string;
+        olive10: string;
+        olive11: string;
+        olive12: string;
+        mintA1: string;
+        mintA2: string;
+        mintA3: string;
+        mintA4: string;
+        mintA5: string;
+        mintA6: string;
+        mintA7: string;
+        mintA8: string;
+        mintA9: string;
+        mintA10: string;
+        mintA11: string;
+        mintA12: string;
+        mint1: string;
+        mint2: string;
+        mint3: string;
+        mint4: string;
+        mint5: string;
+        mint6: string;
+        mint7: string;
+        mint8: string;
+        mint9: string;
+        mint10: string;
+        mint11: string;
+        mint12: string;
+        mauveA1: string;
+        mauveA2: string;
+        mauveA3: string;
+        mauveA4: string;
+        mauveA5: string;
+        mauveA6: string;
+        mauveA7: string;
+        mauveA8: string;
+        mauveA9: string;
+        mauveA10: string;
+        mauveA11: string;
+        mauveA12: string;
+        mauve1: string;
+        mauve2: string;
+        mauve3: string;
+        mauve4: string;
+        mauve5: string;
+        mauve6: string;
+        mauve7: string;
+        mauve8: string;
+        mauve9: string;
+        mauve10: string;
+        mauve11: string;
+        mauve12: string;
+        limeA1: string;
+        limeA2: string;
+        limeA3: string;
+        limeA4: string;
+        limeA5: string;
+        limeA6: string;
+        limeA7: string;
+        limeA8: string;
+        limeA9: string;
+        limeA10: string;
+        limeA11: string;
+        limeA12: string;
+        lime1: string;
+        lime2: string;
+        lime3: string;
+        lime4: string;
+        lime5: string;
+        lime6: string;
+        lime7: string;
+        lime8: string;
+        lime9: string;
+        lime10: string;
+        lime11: string;
+        lime12: string;
+        indigoA1: string;
+        indigoA2: string;
+        indigoA3: string;
+        indigoA4: string;
+        indigoA5: string;
+        indigoA6: string;
+        indigoA7: string;
+        indigoA8: string;
+        indigoA9: string;
+        indigoA10: string;
+        indigoA11: string;
+        indigoA12: string;
+        indigo1: string;
+        indigo2: string;
+        indigo3: string;
+        indigo4: string;
+        indigo5: string;
+        indigo6: string;
+        indigo7: string;
+        indigo8: string;
+        indigo9: string;
+        indigo10: string;
+        indigo11: string;
+        indigo12: string;
+        greenA1: string;
+        greenA2: string;
+        greenA3: string;
+        greenA4: string;
+        greenA5: string;
+        greenA6: string;
+        greenA7: string;
+        greenA8: string;
+        greenA9: string;
+        greenA10: string;
+        greenA11: string;
+        greenA12: string;
+        green1: string;
+        green2: string;
+        green3: string;
+        green4: string;
+        green5: string;
+        green6: string;
+        green7: string;
+        green8: string;
+        green9: string;
+        green10: string;
+        green11: string;
+        green12: string;
+        grayA1: string;
+        grayA2: string;
+        grayA3: string;
+        grayA4: string;
+        grayA5: string;
+        grayA6: string;
+        grayA7: string;
+        grayA8: string;
+        grayA9: string;
+        grayA10: string;
+        grayA11: string;
+        grayA12: string;
+        gray1: string;
+        gray2: string;
+        gray3: string;
+        gray4: string;
+        gray5: string;
+        gray6: string;
+        gray7: string;
+        gray8: string;
+        gray9: string;
+        gray10: string;
+        gray11: string;
+        gray12: string;
+        grassA1: string;
+        grassA2: string;
+        grassA3: string;
+        grassA4: string;
+        grassA5: string;
+        grassA6: string;
+        grassA7: string;
+        grassA8: string;
+        grassA9: string;
+        grassA10: string;
+        grassA11: string;
+        grassA12: string;
+        grass1: string;
+        grass2: string;
+        grass3: string;
+        grass4: string;
+        grass5: string;
+        grass6: string;
+        grass7: string;
+        grass8: string;
+        grass9: string;
+        grass10: string;
+        grass11: string;
+        grass12: string;
+        goldA1: string;
+        goldA2: string;
+        goldA3: string;
+        goldA4: string;
+        goldA5: string;
+        goldA6: string;
+        goldA7: string;
+        goldA8: string;
+        goldA9: string;
+        goldA10: string;
+        goldA11: string;
+        goldA12: string;
+        gold1: string;
+        gold2: string;
+        gold3: string;
+        gold4: string;
+        gold5: string;
+        gold6: string;
+        gold7: string;
+        gold8: string;
+        gold9: string;
+        gold10: string;
+        gold11: string;
+        gold12: string;
+        cyanA1: string;
+        cyanA2: string;
+        cyanA3: string;
+        cyanA4: string;
+        cyanA5: string;
+        cyanA6: string;
+        cyanA7: string;
+        cyanA8: string;
+        cyanA9: string;
+        cyanA10: string;
+        cyanA11: string;
+        cyanA12: string;
+        cyan1: string;
+        cyan2: string;
+        cyan3: string;
+        cyan4: string;
+        cyan5: string;
+        cyan6: string;
+        cyan7: string;
+        cyan8: string;
+        cyan9: string;
+        cyan10: string;
+        cyan11: string;
+        cyan12: string;
+        crimsonA1: string;
+        crimsonA2: string;
+        crimsonA3: string;
+        crimsonA4: string;
+        crimsonA5: string;
+        crimsonA6: string;
+        crimsonA7: string;
+        crimsonA8: string;
+        crimsonA9: string;
+        crimsonA10: string;
+        crimsonA11: string;
+        crimsonA12: string;
+        crimson1: string;
+        crimson2: string;
+        crimson3: string;
+        crimson4: string;
+        crimson5: string;
+        crimson6: string;
+        crimson7: string;
+        crimson8: string;
+        crimson9: string;
+        crimson10: string;
+        crimson11: string;
+        crimson12: string;
+        brownA1: string;
+        brownA2: string;
+        brownA3: string;
+        brownA4: string;
+        brownA5: string;
+        brownA6: string;
+        brownA7: string;
+        brownA8: string;
+        brownA9: string;
+        brownA10: string;
+        brownA11: string;
+        brownA12: string;
+        brown1: string;
+        brown2: string;
+        brown3: string;
+        brown4: string;
+        brown5: string;
+        brown6: string;
+        brown7: string;
+        brown8: string;
+        brown9: string;
+        brown10: string;
+        brown11: string;
+        brown12: string;
+        bronzeA1: string;
+        bronzeA2: string;
+        bronzeA3: string;
+        bronzeA4: string;
+        bronzeA5: string;
+        bronzeA6: string;
+        bronzeA7: string;
+        bronzeA8: string;
+        bronzeA9: string;
+        bronzeA10: string;
+        bronzeA11: string;
+        bronzeA12: string;
+        bronze1: string;
+        bronze2: string;
+        bronze3: string;
+        bronze4: string;
+        bronze5: string;
+        bronze6: string;
+        bronze7: string;
+        bronze8: string;
+        bronze9: string;
+        bronze10: string;
+        bronze11: string;
+        bronze12: string;
+        blueA1: string;
+        blueA2: string;
+        blueA3: string;
+        blueA4: string;
+        blueA5: string;
+        blueA6: string;
+        blueA7: string;
+        blueA8: string;
+        blueA9: string;
+        blueA10: string;
+        blueA11: string;
+        blueA12: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        blue4: string;
+        blue5: string;
+        blue6: string;
+        blue7: string;
+        blue8: string;
+        blue9: string;
+        blue10: string;
+        blue11: string;
+        blue12: string;
+        blackA1: string;
+        blackA2: string;
+        blackA3: string;
+        blackA4: string;
+        blackA5: string;
+        blackA6: string;
+        blackA7: string;
+        blackA8: string;
+        blackA9: string;
+        blackA10: string;
+        blackA11: string;
+        blackA12: string;
+        amberA1: string;
+        amberA2: string;
+        amberA3: string;
+        amberA4: string;
+        amberA5: string;
+        amberA6: string;
+        amberA7: string;
+        amberA8: string;
+        amberA9: string;
+        amberA10: string;
+        amberA11: string;
+        amberA12: string;
+        amber1: string;
+        amber2: string;
+        amber3: string;
+        amber4: string;
+        amber5: string;
+        amber6: string;
+        amber7: string;
+        amber8: string;
+        amber9: string;
+        amber10: string;
+        amber11: string;
+        amber12: string;
+    };
+    fonts: {
+        mono: string;
+        sans: string;
+        serif: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    sizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    fontSizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    radii: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        round: string;
+        pill: string;
+    };
+    zIndices: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        max: string;
+    };
+}, _stitches_react_types_config.DefaultThemeMap, {
+    p: (value: {
+        readonly [$$PropertyValue]: "padding";
+    }) => {
+        padding: {
             readonly [$$PropertyValue]: "padding";
-        }) => {
-            padding: {
-                readonly [$$PropertyValue]: "padding";
-            };
         };
-        pt: (value: {
+    };
+    pt: (value: {
+        readonly [$$PropertyValue]: "paddingTop";
+    }) => {
+        paddingTop: {
             readonly [$$PropertyValue]: "paddingTop";
-        }) => {
-            paddingTop: {
-                readonly [$$PropertyValue]: "paddingTop";
-            };
         };
-        pr: (value: {
+    };
+    pr: (value: {
+        readonly [$$PropertyValue]: "paddingRight";
+    }) => {
+        paddingRight: {
             readonly [$$PropertyValue]: "paddingRight";
-        }) => {
-            paddingRight: {
-                readonly [$$PropertyValue]: "paddingRight";
-            };
         };
-        pb: (value: {
+    };
+    pb: (value: {
+        readonly [$$PropertyValue]: "paddingBottom";
+    }) => {
+        paddingBottom: {
             readonly [$$PropertyValue]: "paddingBottom";
-        }) => {
-            paddingBottom: {
-                readonly [$$PropertyValue]: "paddingBottom";
-            };
         };
-        pl: (value: {
+    };
+    pl: (value: {
+        readonly [$$PropertyValue]: "paddingLeft";
+    }) => {
+        paddingLeft: {
             readonly [$$PropertyValue]: "paddingLeft";
-        }) => {
-            paddingLeft: {
-                readonly [$$PropertyValue]: "paddingLeft";
-            };
         };
-        px: (value: {
+    };
+    px: (value: {
+        readonly [$$PropertyValue]: "paddingLeft";
+    }) => {
+        paddingLeft: {
             readonly [$$PropertyValue]: "paddingLeft";
-        }) => {
-            paddingLeft: {
-                readonly [$$PropertyValue]: "paddingLeft";
-            };
-            paddingRight: {
-                readonly [$$PropertyValue]: "paddingLeft";
-            };
         };
-        py: (value: {
+        paddingRight: {
+            readonly [$$PropertyValue]: "paddingLeft";
+        };
+    };
+    py: (value: {
+        readonly [$$PropertyValue]: "paddingTop";
+    }) => {
+        paddingTop: {
             readonly [$$PropertyValue]: "paddingTop";
-        }) => {
-            paddingTop: {
-                readonly [$$PropertyValue]: "paddingTop";
-            };
-            paddingBottom: {
-                readonly [$$PropertyValue]: "paddingTop";
-            };
         };
-        m: (value: {
+        paddingBottom: {
+            readonly [$$PropertyValue]: "paddingTop";
+        };
+    };
+    m: (value: {
+        readonly [$$PropertyValue]: "margin";
+    }) => {
+        margin: {
             readonly [$$PropertyValue]: "margin";
-        }) => {
-            margin: {
-                readonly [$$PropertyValue]: "margin";
-            };
         };
-        mt: (value: {
+    };
+    mt: (value: {
+        readonly [$$PropertyValue]: "marginTop";
+    }) => {
+        marginTop: {
             readonly [$$PropertyValue]: "marginTop";
-        }) => {
-            marginTop: {
-                readonly [$$PropertyValue]: "marginTop";
-            };
         };
-        mr: (value: {
+    };
+    mr: (value: {
+        readonly [$$PropertyValue]: "marginRight";
+    }) => {
+        marginRight: {
             readonly [$$PropertyValue]: "marginRight";
-        }) => {
-            marginRight: {
-                readonly [$$PropertyValue]: "marginRight";
-            };
         };
-        mb: (value: {
+    };
+    mb: (value: {
+        readonly [$$PropertyValue]: "marginBottom";
+    }) => {
+        marginBottom: {
             readonly [$$PropertyValue]: "marginBottom";
-        }) => {
-            marginBottom: {
-                readonly [$$PropertyValue]: "marginBottom";
-            };
         };
-        ml: (value: {
+    };
+    ml: (value: {
+        readonly [$$PropertyValue]: "marginLeft";
+    }) => {
+        marginLeft: {
             readonly [$$PropertyValue]: "marginLeft";
-        }) => {
-            marginLeft: {
-                readonly [$$PropertyValue]: "marginLeft";
-            };
         };
-        mx: (value: {
+    };
+    mx: (value: {
+        readonly [$$PropertyValue]: "marginLeft";
+    }) => {
+        marginLeft: {
             readonly [$$PropertyValue]: "marginLeft";
-        }) => {
-            marginLeft: {
-                readonly [$$PropertyValue]: "marginLeft";
-            };
-            marginRight: {
-                readonly [$$PropertyValue]: "marginLeft";
-            };
         };
-        my: (value: {
+        marginRight: {
+            readonly [$$PropertyValue]: "marginLeft";
+        };
+    };
+    my: (value: {
+        readonly [$$PropertyValue]: "marginTop";
+    }) => {
+        marginTop: {
             readonly [$$PropertyValue]: "marginTop";
-        }) => {
-            marginTop: {
-                readonly [$$PropertyValue]: "marginTop";
-            };
-            marginBottom: {
-                readonly [$$PropertyValue]: "marginTop";
-            };
         };
-        ta: (value: {
+        marginBottom: {
+            readonly [$$PropertyValue]: "marginTop";
+        };
+    };
+    ta: (value: {
+        readonly [$$PropertyValue]: "textAlign";
+    }) => {
+        textAlign: {
             readonly [$$PropertyValue]: "textAlign";
-        }) => {
-            textAlign: {
-                readonly [$$PropertyValue]: "textAlign";
-            };
         };
-        fd: (value: {
+    };
+    fd: (value: {
+        readonly [$$PropertyValue]: "flexDirection";
+    }) => {
+        flexDirection: {
             readonly [$$PropertyValue]: "flexDirection";
-        }) => {
-            flexDirection: {
-                readonly [$$PropertyValue]: "flexDirection";
-            };
         };
-        fw: (value: {
+    };
+    fw: (value: {
+        readonly [$$PropertyValue]: "flexWrap";
+    }) => {
+        flexWrap: {
             readonly [$$PropertyValue]: "flexWrap";
-        }) => {
-            flexWrap: {
-                readonly [$$PropertyValue]: "flexWrap";
-            };
         };
-        ai: (value: {
+    };
+    ai: (value: {
+        readonly [$$PropertyValue]: "alignItems";
+    }) => {
+        alignItems: {
             readonly [$$PropertyValue]: "alignItems";
-        }) => {
-            alignItems: {
-                readonly [$$PropertyValue]: "alignItems";
-            };
         };
-        ac: (value: {
+    };
+    ac: (value: {
+        readonly [$$PropertyValue]: "alignContent";
+    }) => {
+        alignContent: {
             readonly [$$PropertyValue]: "alignContent";
-        }) => {
-            alignContent: {
-                readonly [$$PropertyValue]: "alignContent";
-            };
         };
-        jc: (value: {
+    };
+    jc: (value: {
+        readonly [$$PropertyValue]: "justifyContent";
+    }) => {
+        justifyContent: {
             readonly [$$PropertyValue]: "justifyContent";
-        }) => {
-            justifyContent: {
-                readonly [$$PropertyValue]: "justifyContent";
-            };
         };
-        as: (value: {
+    };
+    as: (value: {
+        readonly [$$PropertyValue]: "alignSelf";
+    }) => {
+        alignSelf: {
             readonly [$$PropertyValue]: "alignSelf";
-        }) => {
-            alignSelf: {
-                readonly [$$PropertyValue]: "alignSelf";
-            };
         };
-        fg: (value: {
+    };
+    fg: (value: {
+        readonly [$$PropertyValue]: "flexGrow";
+    }) => {
+        flexGrow: {
             readonly [$$PropertyValue]: "flexGrow";
-        }) => {
-            flexGrow: {
-                readonly [$$PropertyValue]: "flexGrow";
-            };
         };
-        fs: (value: {
+    };
+    fs: (value: {
+        readonly [$$PropertyValue]: "flexShrink";
+    }) => {
+        flexShrink: {
             readonly [$$PropertyValue]: "flexShrink";
-        }) => {
-            flexShrink: {
-                readonly [$$PropertyValue]: "flexShrink";
-            };
         };
-        fb: (value: {
+    };
+    fb: (value: {
+        readonly [$$PropertyValue]: "flexBasis";
+    }) => {
+        flexBasis: {
             readonly [$$PropertyValue]: "flexBasis";
-        }) => {
-            flexBasis: {
-                readonly [$$PropertyValue]: "flexBasis";
-            };
         };
-        bc: (value: {
+    };
+    bc: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
+    }) => {
+        backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }) => {
-            backgroundColor: {
-                readonly [$$PropertyValue]: "backgroundColor";
-            };
         };
-        br: (value: {
+    };
+    br: (value: {
+        readonly [$$PropertyValue]: "borderRadius";
+    }) => {
+        borderRadius: {
             readonly [$$PropertyValue]: "borderRadius";
-        }) => {
-            borderRadius: {
-                readonly [$$PropertyValue]: "borderRadius";
-            };
         };
-        btrr: (value: {
+    };
+    btrr: (value: {
+        readonly [$$PropertyValue]: "borderTopRightRadius";
+    }) => {
+        borderTopRightRadius: {
             readonly [$$PropertyValue]: "borderTopRightRadius";
-        }) => {
-            borderTopRightRadius: {
-                readonly [$$PropertyValue]: "borderTopRightRadius";
-            };
         };
-        bbrr: (value: {
+    };
+    bbrr: (value: {
+        readonly [$$PropertyValue]: "borderBottomRightRadius";
+    }) => {
+        borderBottomRightRadius: {
             readonly [$$PropertyValue]: "borderBottomRightRadius";
-        }) => {
-            borderBottomRightRadius: {
-                readonly [$$PropertyValue]: "borderBottomRightRadius";
-            };
         };
-        bblr: (value: {
+    };
+    bblr: (value: {
+        readonly [$$PropertyValue]: "borderBottomLeftRadius";
+    }) => {
+        borderBottomLeftRadius: {
             readonly [$$PropertyValue]: "borderBottomLeftRadius";
-        }) => {
-            borderBottomLeftRadius: {
-                readonly [$$PropertyValue]: "borderBottomLeftRadius";
-            };
         };
-        btlr: (value: {
+    };
+    btlr: (value: {
+        readonly [$$PropertyValue]: "borderTopLeftRadius";
+    }) => {
+        borderTopLeftRadius: {
             readonly [$$PropertyValue]: "borderTopLeftRadius";
-        }) => {
-            borderTopLeftRadius: {
-                readonly [$$PropertyValue]: "borderTopLeftRadius";
-            };
         };
-        bs: (value: {
+    };
+    bs: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
             readonly [$$PropertyValue]: "boxShadow";
-        }) => {
-            boxShadow: {
-                readonly [$$PropertyValue]: "boxShadow";
-            };
         };
-        lh: (value: {
+    };
+    lh: (value: {
+        readonly [$$PropertyValue]: "lineHeight";
+    }) => {
+        lineHeight: {
             readonly [$$PropertyValue]: "lineHeight";
-        }) => {
-            lineHeight: {
-                readonly [$$PropertyValue]: "lineHeight";
-            };
         };
-        ox: (value: {
+    };
+    ox: (value: {
+        readonly [$$PropertyValue]: "overflowX";
+    }) => {
+        overflowX: {
             readonly [$$PropertyValue]: "overflowX";
-        }) => {
-            overflowX: {
-                readonly [$$PropertyValue]: "overflowX";
-            };
         };
-        oy: (value: {
-            readonly [$$PropertyValue]: "overflowY";
-        }) => {
-            overflowY: {
-                readonly [$$PropertyValue]: "overflowY";
-            };
+    };
+    oy: (value: {
+        readonly [$$PropertyValue]: "overflowY";
+    }) => {
+        overflowY: {
+            readonly [$$PropertyValue]: "overflowY";
         };
-        pe: (value: {
+    };
+    pe: (value: {
+        readonly [$$PropertyValue]: "pointerEvents";
+    }) => {
+        pointerEvents: {
             readonly [$$PropertyValue]: "pointerEvents";
-        }) => {
-            pointerEvents: {
-                readonly [$$PropertyValue]: "pointerEvents";
-            };
         };
-        us: (value: {
+    };
+    us: (value: {
+        readonly [$$PropertyValue]: "userSelect";
+    }) => {
+        WebkitUserSelect: {
             readonly [$$PropertyValue]: "userSelect";
-        }) => {
-            WebkitUserSelect: {
-                readonly [$$PropertyValue]: "userSelect";
-            };
-            userSelect: {
-                readonly [$$PropertyValue]: "userSelect";
-            };
         };
-        userSelect: (value: {
+        userSelect: {
             readonly [$$PropertyValue]: "userSelect";
-        }) => {
-            WebkitUserSelect: {
-                readonly [$$PropertyValue]: "userSelect";
-            };
-            userSelect: {
-                readonly [$$PropertyValue]: "userSelect";
-            };
         };
-        size: (value: {
+    };
+    userSelect: (value: {
+        readonly [$$PropertyValue]: "userSelect";
+    }) => {
+        WebkitUserSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+    };
+    size: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        width: {
             readonly [$$PropertyValue]: "width";
-        }) => {
-            width: {
-                readonly [$$PropertyValue]: "width";
-            };
-            height: {
-                readonly [$$PropertyValue]: "width";
-            };
         };
-        appearance: (value: {
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    appearance: (value: {
+        readonly [$$PropertyValue]: "appearance";
+    }) => {
+        WebkitAppearance: {
             readonly [$$PropertyValue]: "appearance";
-        }) => {
-            WebkitAppearance: {
-                readonly [$$PropertyValue]: "appearance";
-            };
-            appearance: {
-                readonly [$$PropertyValue]: "appearance";
-            };
         };
-        backgroundClip: (value: {
+        appearance: {
+            readonly [$$PropertyValue]: "appearance";
+        };
+    };
+    backgroundClip: (value: {
+        readonly [$$PropertyValue]: "backgroundClip";
+    }) => {
+        WebkitBackgroundClip: {
             readonly [$$PropertyValue]: "backgroundClip";
-        }) => {
-            WebkitBackgroundClip: {
-                readonly [$$PropertyValue]: "backgroundClip";
-            };
-            backgroundClip: {
-                readonly [$$PropertyValue]: "backgroundClip";
-            };
         };
-    }>;
-}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "css"> & React$1.RefAttributes<HTMLDivElement>>;
+        backgroundClip: {
+            readonly [$$PropertyValue]: "backgroundClip";
+        };
+    };
+}>>;
 
-declare const Grid: _stitches_react_types_styled_component.StyledComponent<"div", _stitches_react_types_styled_component.StyledComponentProps<[{
+declare const DEFAULT_TAG$1 = "h1";
+declare type HeadingSizeVariants = '1' | '2' | '3' | '4';
+declare type HeadingVariants = {
+    size?: HeadingSizeVariants;
+} & Omit<VariantProps<typeof Text>, 'size'>;
+declare type HeadingProps = React$1.ComponentProps<typeof DEFAULT_TAG$1> & HeadingVariants & {
+    css?: CSS;
+    as?: any;
+};
+
+declare const Heading: React$1.ForwardRefExoticComponent<Pick<HeadingProps, "size" | "as" | "key" | "css" | keyof React$1.HTMLAttributes<HTMLHeadingElement> | "variant" | "gradient"> & React$1.RefAttributes<HTMLHeadingElement>>;
+
+declare const IconButton: _stitches_react_types_styled_component.StyledComponent<"button", _stitches_react_types_styled_component.StyledComponentProps<[{
+    alignItems: string;
+    appearance: string;
+    borderWidth: string;
     boxSizing: string;
     display: string;
-    variants: {
-        align: {
-            start: {
-                alignItems: string;
-            };
-            center: {
-                alignItems: string;
-            };
-            end: {
-                alignItems: string;
-            };
-            stretch: {
-                alignItems: string;
-            };
-            baseline: {
-                alignItems: string;
-            };
-        };
-        justify: {
-            start: {
-                justifyContent: string;
-            };
-            center: {
-                justifyContent: string;
-            };
-            end: {
-                justifyContent: string;
-            };
-            between: {
-                justifyContent: string;
-            };
-        };
-        flow: {
-            row: {
-                gridAutoFlow: string;
-            };
-            column: {
-                gridAutoFlow: string;
-            };
-            dense: {
-                gridAutoFlow: string;
-            };
-            rowDense: {
-                gridAutoFlow: string;
-            };
-            columnDense: {
-                gridAutoFlow: string;
-            };
-        };
-        columns: {
-            1: {
-                gridTemplateColumns: string;
-            };
-            2: {
-                gridTemplateColumns: string;
-            };
-            3: {
-                gridTemplateColumns: string;
-            };
-            4: {
-                gridTemplateColumns: string;
-            };
-            5: {
-                gridTemplateColumns: string;
-            };
-            6: {
-                gridTemplateColumns: string;
-            };
+    flexShrink: number;
+    fontFamily: string;
+    fontSize: string;
+    justifyContent: string;
+    lineHeight: string;
+    outline: string;
+    padding: string;
+    textDecoration: string;
+    userSelect: string;
+    WebkitTapHighlightColor: string;
+    color: string;
+    '&::before': {
+        boxSizing: string;
+    };
+    '&::after': {
+        boxSizing: string;
+    };
+    backgroundColor: string;
+    border: string;
+    '@hover': {
+        '&:hover': {
+            borderColor: string;
         };
-        gap: {
-            1: {
-                gap: string;
-            };
-            2: {
-                gap: string;
-            };
-            3: {
-                gap: string;
-            };
-            4: {
-                gap: string;
-            };
-            5: {
-                gap: string;
-            };
-            6: {
-                gap: string;
+    };
+    '&:active': {
+        backgroundColor: string;
+    };
+    '&:focus': {
+        borderColor: string;
+        boxShadow: string;
+    };
+    '&:disabled': {
+        pointerEvents: string;
+        backgroundColor: string;
+        color: string;
+    };
+    variants: {
+        size: {
+            '1': {
+                borderRadius: string;
+                height: string;
+                width: string;
             };
-            7: {
-                gap: string;
+            '2': {
+                borderRadius: string;
+                height: string;
+                width: string;
             };
-            8: {
-                gap: string;
+            '3': {
+                borderRadius: string;
+                height: string;
+                width: string;
             };
-            9: {
-                gap: string;
+            '4': {
+                borderRadius: string;
+                height: string;
+                width: string;
             };
         };
-        gapX: {
-            1: {
-                columnGap: string;
-            };
-            2: {
-                columnGap: string;
-            };
-            3: {
-                columnGap: string;
-            };
-            4: {
-                columnGap: string;
-            };
-            5: {
-                columnGap: string;
-            };
-            6: {
-                columnGap: string;
-            };
-            7: {
-                columnGap: string;
-            };
-            8: {
-                columnGap: string;
+        variant: {
+            ghost: {
+                backgroundColor: string;
+                borderWidth: string;
+                '@hover': {
+                    '&:hover': {
+                        backgroundColor: string;
+                    };
+                };
+                '&:focus': {
+                    boxShadow: string;
+                };
+                '&:active': {
+                    backgroundColor: string;
+                };
+                '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
+                    backgroundColor: string;
+                };
             };
-            9: {
-                columnGap: string;
+            raised: {
+                boxShadow: string;
+                '@hover': {
+                    '&:hover': {
+                        boxShadow: string;
+                    };
+                };
+                '&:focus': {
+                    borderColor: string;
+                    boxShadow: string;
+                };
+                '&:active': {
+                    backgroundColor: string;
+                };
             };
         };
-        gapY: {
-            1: {
-                rowGap: string;
-            };
-            2: {
-                rowGap: string;
-            };
-            3: {
-                rowGap: string;
-            };
-            4: {
-                rowGap: string;
-            };
-            5: {
-                rowGap: string;
-            };
-            6: {
-                rowGap: string;
-            };
-            7: {
-                rowGap: string;
-            };
-            8: {
-                rowGap: string;
+        state: {
+            active: {
+                backgroundColor: string;
+                boxShadow: string;
+                '@hover': {
+                    '&:hover': {
+                        boxShadow: string;
+                    };
+                };
+                '&:active': {
+                    backgroundColor: string;
+                };
             };
-            9: {
-                rowGap: string;
+            waiting: {
+                backgroundColor: string;
+                boxShadow: string;
+                '@hover': {
+                    '&:hover': {
+                        boxShadow: string;
+                    };
+                };
+                '&:active': {
+                    backgroundColor: string;
+                };
             };
         };
     };
+    defaultVariants: {
+        size: "1";
+        variant: "ghost";
+    };
 }]>, {
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
@@ -25527,148 +27844,70 @@ declare const Grid: _stitches_react_types_styled_component.StyledComponent<"div"
     };
 }>>;
 
-declare const DEFAULT_TAG$1 = "h1";
-declare type HeadingSizeVariants = '1' | '2' | '3' | '4';
-declare type HeadingVariants = {
-    size?: HeadingSizeVariants;
-} & Omit<VariantProps<typeof Text>, 'size'>;
-declare type HeadingProps = React$1.ComponentProps<typeof DEFAULT_TAG$1> & HeadingVariants & {
-    css?: CSS;
-    as?: any;
-};
-
-declare const Heading: React$1.ForwardRefExoticComponent<Pick<HeadingProps, "size" | "as" | "key" | "css" | keyof React$1.HTMLAttributes<HTMLHeadingElement> | "variant" | "gradient"> & React$1.RefAttributes<HTMLHeadingElement>>;
-
-declare const IconButton: _stitches_react_types_styled_component.StyledComponent<"button", _stitches_react_types_styled_component.StyledComponentProps<[{
-    alignItems: string;
-    appearance: string;
-    borderWidth: string;
-    boxSizing: string;
+declare const IconLink: _stitches_react_types_styled_component.StyledComponent<"a", _stitches_react_types_styled_component.StyledComponentProps<[{
     display: string;
-    flexShrink: number;
-    fontFamily: string;
-    fontSize: string;
-    justifyContent: string;
-    lineHeight: string;
-    outline: string;
-    padding: string;
-    textDecoration: string;
-    userSelect: string;
-    WebkitTapHighlightColor: string;
+    alignItems: string;
+    textDecorationLine: string;
+    textUnderlineOffset: string;
+    textDecorationColor: string;
     color: string;
-    '&::before': {
-        boxSizing: string;
+    transition: string;
+    '@media (prefers-reduced-motion)': {
+        transition: string;
     };
-    '&::after': {
-        boxSizing: string;
+    borderRadius: string;
+    outline: number;
+    padding: string;
+    margin: string;
+    '& + &': {
+        marginTop: string;
     };
-    backgroundColor: string;
-    border: string;
     '@hover': {
         '&:hover': {
-            borderColor: string;
+            textDecorationLine: string;
         };
     };
-    '&:active': {
-        backgroundColor: string;
-    };
     '&:focus': {
-        borderColor: string;
         boxShadow: string;
+        textDecoration: string;
     };
-    '&:disabled': {
-        pointerEvents: string;
-        backgroundColor: string;
-        color: string;
+    '&:focus:not(:focus-visible)': {
+        boxShadow: string;
+        textDecorationLine: string;
     };
     variants: {
-        size: {
-            '1': {
-                borderRadius: string;
-                height: string;
-                width: string;
-            };
-            '2': {
-                borderRadius: string;
-                height: string;
-                width: string;
-            };
-            '3': {
-                borderRadius: string;
-                height: string;
-                width: string;
-            };
-            '4': {
-                borderRadius: string;
-                height: string;
-                width: string;
-            };
-        };
         variant: {
-            ghost: {
-                backgroundColor: string;
-                borderWidth: string;
-                '@hover': {
-                    '&:hover': {
-                        backgroundColor: string;
-                    };
-                };
+            blue: {
+                color: string;
+                textDecorationColor: string;
                 '&:focus': {
-                    boxShadow: string;
-                };
-                '&:active': {
-                    backgroundColor: string;
-                };
-                '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
-                    backgroundColor: string;
+                    outlineColor: string;
                 };
             };
-            raised: {
-                boxShadow: string;
-                '@hover': {
-                    '&:hover': {
-                        boxShadow: string;
-                    };
-                };
+            subtle: {
+                color: string;
+                textDecorationColor: string;
                 '&:focus': {
-                    borderColor: string;
-                    boxShadow: string;
-                };
-                '&:active': {
-                    backgroundColor: string;
-                };
-            };
-        };
-        state: {
-            active: {
-                backgroundColor: string;
-                boxShadow: string;
-                '@hover': {
-                    '&:hover': {
-                        boxShadow: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
+                    outlineColor: string;
                 };
             };
-            waiting: {
-                backgroundColor: string;
-                boxShadow: string;
+            contrast: {
+                color: string;
+                textDecoration: string;
+                textDecorationColor: string;
                 '@hover': {
                     '&:hover': {
-                        boxShadow: string;
+                        textDecorationColor: string;
                     };
                 };
-                '&:active': {
-                    backgroundColor: string;
+                '&:focus': {
+                    outlineColor: string;
                 };
             };
         };
     };
     defaultVariants: {
-        size: "1";
-        variant: "ghost";
+        variant: "contrast";
     };
 }]>, {
     bp1: "(min-width: 520px)";
@@ -62551,4 +64790,4 @@ declare type TooltipProps = React$1.ComponentProps<typeof TooltipPrimitive.Root>
 
 declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, multiline, ...props }: TooltipProps): JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDemo, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Announce, Avatar, Badge, Banner, Box, BoxGrab, BoxLink, Button, ButtonDemo, ButtonIcon, ButtonMarketing, Caption, Card, CardOuter, CardSpotify, Carousel, CarouselArrowButton, CarouselNext, CarouselPrevious, CarouselSlide, CarouselSlideList, Checkbox, Code, Container, Dialog, DialogClose, DialogDescription, DialogTitle, DialogTrigger, Emoji, EmojiParser, Flex, FocusArea, Grid, Heading, IconButton, ImageBlur, Label, Link, Note, Overlay, PageHeading, Panel, Paragraph, Popover, PopoverContent, PopoverTrigger, ProgressBar, Radio, RadioCard, RadioCardGroup, RadioGroup, ScrollArea, Section, Separator, Skeleton, SkeletonDescription, SkeletonHeading, SkeletonTitle, Spacer, Status, Sub, Sup, Switch, TabLink, Table, TableCaption, Tabs, TabsContent, TabsList, TabsTrigger, Tbody, Td, Text, TextArea, Tfoot, Th, Thead, Toast, ToastCenter, ToastCenterItem, ToastData, ToastDismiss, ToastProvider, ToastType, ToastWarmer, ToastWarmerItem, Tooltip, Tr, overlayStyles, panelStyles, useToastDispatchers };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDemo, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Announce, Avatar, Badge, Banner, Box, BoxGrab, BoxLink, Breakout, Button, ButtonDemo, ButtonIcon, ButtonMarketing, Caption, Card, CardOuter, CardSpotify, Carousel, CarouselArrowButton, CarouselNext, CarouselPrevious, CarouselSlide, CarouselSlideList, Checkbox, Code, Container, Dialog, DialogClose, DialogDescription, DialogTitle, DialogTrigger, Emoji, EmojiParser, Flex, FocusArea, Grid, Heading, IconButton, IconLink, ImageBlur, Label, Link, Note, Overlay, PageHeading, Panel, Paragraph, Popover, PopoverContent, PopoverTrigger, ProgressBar, Radio, RadioCard, RadioCardGroup, RadioGroup, ScrollArea, Section, Separator, Skeleton, SkeletonDescription, SkeletonHeading, SkeletonTitle, Spacer, Status, Sub, Sup, Switch, TabLink, Table, TableCaption, Tabs, TabsContent, TabsList, TabsTrigger, Tbody, Td, Text, TextArea, Tfoot, Th, Thead, Toast, ToastCenter, ToastCenterItem, ToastData, ToastDismiss, ToastProvider, ToastType, ToastWarmer, ToastWarmerItem, Tooltip, Tr, overlayStyles, panelStyles, useToastDispatchers };