@autoguru/overdrive 4.43.4 → 4.43.5

package/dist/components/TextLink/TextLink.stories.d.ts

@@ -1,40 +1,444 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import React from 'react';
 import { TextLink } from './TextLink';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<Omit<import("./TextLink").TextLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
-        color?: "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "onBody" | "onSurface" | undefined;
-        content?: string | undefined | undefined;
-        strong?: boolean | undefined;
-        size?: import("../Text/useTextStyles").TextSize | undefined;
+    component: {
+        ({ as, children, className, fontWeight, icon, muted, size, strong, transform, ...props }: import("./TextLink").TextLinkProps): React.JSX.Element;
+        displayName: string;
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react-vite").ReactRenderer, {
+        colour?: "link" | "body" | "success" | "danger" | "warning" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "unset" | undefined;
+        backgroundColour?: "white" | "black900" | "black800" | "black700" | "black600" | "black500" | "black400" | "black300" | "black200" | "black100" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "success" | "danger" | "warning" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "transparent" | undefined;
+        color?: "soft" | "success" | "info" | "danger" | "warning" | "normal" | "inverse" | undefined;
+        width?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        } | undefined);
+        size?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        } | undefined);
+        fontSize?: {} | undefined;
+        lineHeight?: {} | undefined;
+        fontWeight?: "bold" | "normal" | "semiBold" | undefined;
+        opacity?: "1" | "0" | undefined;
+        alignContent?: ("space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | {
+            mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+            tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+            desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+            largeDesktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | null>;
+        alignItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "baseline" | {
+            mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined;
+            tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined;
+            desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined;
+            largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | null>;
+        alignSelf?: ("stretch" | "center" | "flex-end" | "flex-start" | {
+            mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+            tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+            desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+            largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | null>;
+        backgroundColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "transparent" | undefined;
+        borderBottomColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderBottomStyle?: "none" | "solid" | undefined;
+        borderBottomWidth?: ("1" | "2" | "3" | "none" | {
+            mobile?: "1" | "2" | "3" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "none" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
+        borderLeftColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderLeftStyle?: "none" | "solid" | undefined;
+        borderLeftWidth?: ("1" | "2" | "3" | "none" | {
+            mobile?: "1" | "2" | "3" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "none" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
+        borderRightColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderRightStyle?: "none" | "solid" | undefined;
+        borderRightWidth?: ("1" | "2" | "3" | "none" | {
+            mobile?: "1" | "2" | "3" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "none" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
+        borderTopColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderTopStyle?: "none" | "solid" | undefined;
+        borderTopWidth?: ("1" | "2" | "3" | "none" | {
+            mobile?: "1" | "2" | "3" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "none" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
+        boxShadow?: "1" | "2" | "3" | "4" | "5" | "none" | undefined;
+        columnGap?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        display?: ("none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | {
+            mobile?: "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | undefined;
+            tablet?: "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | undefined;
+            desktop?: "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | undefined;
+            largeDesktop?: "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | null>;
+        flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
+            mobile?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+            tablet?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+            desktop?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+            largeDesktop?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "column" | "column-reverse" | "row" | "row-reverse" | null>;
+        flexGrow?: ("1" | "0" | {
+            mobile?: "1" | "0" | undefined;
+            tablet?: "1" | "0" | undefined;
+            desktop?: "1" | "0" | undefined;
+            largeDesktop?: "1" | "0" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "0" | null>;
+        flexShrink?: ("1" | "0" | {
+            mobile?: "1" | "0" | undefined;
+            tablet?: "1" | "0" | undefined;
+            desktop?: "1" | "0" | undefined;
+            largeDesktop?: "1" | "0" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "0" | null>;
+        flexWrap?: ("nowrap" | "wrap" | "wrap-reverse" | {
+            mobile?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
+            tablet?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
+            desktop?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
+            largeDesktop?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "nowrap" | "wrap" | "wrap-reverse" | null>;
+        gridAutoColumns?: ("auto" | "max-content" | "min-content" | "1fr" | {
+            mobile?: "auto" | "max-content" | "min-content" | "1fr" | undefined;
+            tablet?: "auto" | "max-content" | "min-content" | "1fr" | undefined;
+            desktop?: "auto" | "max-content" | "min-content" | "1fr" | undefined;
+            largeDesktop?: "auto" | "max-content" | "min-content" | "1fr" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "max-content" | "min-content" | "1fr" | null>;
+        gridAutoFlow?: ("column" | "row" | "row dense" | "column dense" | {
+            mobile?: "column" | "row" | "row dense" | "column dense" | undefined;
+            tablet?: "column" | "row" | "row dense" | "column dense" | undefined;
+            desktop?: "column" | "row" | "row dense" | "column dense" | undefined;
+            largeDesktop?: "column" | "row" | "row dense" | "column dense" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "column" | "row" | "row dense" | "column dense" | null>;
+        gridAutoRows?: ("auto" | "1fr" | {
+            mobile?: "auto" | "1fr" | undefined;
+            tablet?: "auto" | "1fr" | undefined;
+            desktop?: "auto" | "1fr" | undefined;
+            largeDesktop?: "auto" | "1fr" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "1fr" | null>;
+        height?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null>;
+        justifyContent?: ("space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | {
+            mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+            tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+            desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+            largeDesktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | null>;
+        justifySelf?: ("center" | "flex-end" | "flex-start" | {
+            mobile?: "center" | "flex-end" | "flex-start" | undefined;
+            tablet?: "center" | "flex-end" | "flex-start" | undefined;
+            desktop?: "center" | "flex-end" | "flex-start" | undefined;
+            largeDesktop?: "center" | "flex-end" | "flex-start" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "center" | "flex-end" | "flex-start" | null>;
+        marginBottom?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        marginLeft?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null>;
+        marginRight?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        } | undefined);
+        marginTop?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        maxWidth?: ("small" | "medium" | "large" | "fit-content" | "max-content" | {
+            mobile?: "small" | "medium" | "large" | "fit-content" | "max-content" | undefined;
+            tablet?: "small" | "medium" | "large" | "fit-content" | "max-content" | undefined;
+            desktop?: "small" | "medium" | "large" | "fit-content" | "max-content" | undefined;
+            largeDesktop?: "small" | "medium" | "large" | "fit-content" | "max-content" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "small" | "medium" | "large" | "fit-content" | "max-content" | null>;
+        minWidth?: ("auto" | "fit-content" | {
+            mobile?: "auto" | "fit-content" | undefined;
+            tablet?: "auto" | "fit-content" | undefined;
+            desktop?: "auto" | "fit-content" | undefined;
+            largeDesktop?: "auto" | "fit-content" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "fit-content" | null>;
+        order?: ("1" | "2" | "3" | "4" | "0" | {
+            mobile?: "1" | "2" | "3" | "4" | "0" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "0" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "0" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "0" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "0" | null>;
+        overflowX?: ("auto" | "hidden" | "scroll" | {
+            mobile?: "auto" | "hidden" | "scroll" | undefined;
+            tablet?: "auto" | "hidden" | "scroll" | undefined;
+            desktop?: "auto" | "hidden" | "scroll" | undefined;
+            largeDesktop?: "auto" | "hidden" | "scroll" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "hidden" | "scroll" | null>;
+        overflowY?: ("auto" | "hidden" | "scroll" | {
+            mobile?: "auto" | "hidden" | "scroll" | undefined;
+            tablet?: "auto" | "hidden" | "scroll" | undefined;
+            desktop?: "auto" | "hidden" | "scroll" | undefined;
+            largeDesktop?: "auto" | "hidden" | "scroll" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "hidden" | "scroll" | null>;
+        paddingBottom?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        paddingLeft?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        paddingRight?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        paddingTop?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        pointerEvents?: "none" | "auto" | undefined;
+        position?: ("fixed" | "absolute" | "relative" | "static" | "sticky" | {
+            mobile?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+            tablet?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+            desktop?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+            largeDesktop?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "fixed" | "absolute" | "relative" | "static" | "sticky" | null>;
+        rowGap?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        textAlign?: ("left" | "right" | "center" | {
+            mobile?: "left" | "right" | "center" | undefined;
+            tablet?: "left" | "right" | "center" | undefined;
+            desktop?: "left" | "right" | "center" | undefined;
+            largeDesktop?: "left" | "right" | "center" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | null>;
+        textWrap?: "balance" | "nowrap" | "stable" | "pretty" | undefined;
+        userSelect?: "none" | "auto" | "text" | undefined;
+        borderColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderRadius?: ("1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | {
+            mobile?: "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | undefined;
+            tablet?: "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | undefined;
+            desktop?: "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | undefined;
+            largeDesktop?: "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | null>;
+        borderStyle?: "none" | "solid" | undefined;
+        borderWidth?: ("1" | "2" | "3" | "none" | {
+            mobile?: "1" | "2" | "3" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "none" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
+        gap?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
+        margin?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        overflow?: ("auto" | "hidden" | "visible" | {
+            mobile?: "auto" | "hidden" | "visible" | undefined;
+            tablet?: "auto" | "hidden" | "visible" | undefined;
+            desktop?: "auto" | "hidden" | "visible" | undefined;
+            largeDesktop?: "auto" | "hidden" | "visible" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "hidden" | "visible" | null>;
+        padding?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        placeItems?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | null> | ("stretch" | "center" | "flex-end" | "flex-start" | {
+            mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+            tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+            desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+            largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+        } | undefined);
+        text?: {} | undefined;
+        borderBottomColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
+        borderLeftColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
+        borderRightColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
+        borderTopColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
+        borderColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
+        useVar?: "gap" | undefined;
+        bg?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "transparent" | undefined;
+        fg?: "soft" | "success" | "info" | "danger" | "warning" | "normal" | "inverse" | undefined;
+        gridColumns?: (string | {
+            mobile?: string | undefined;
+            tablet?: string | undefined;
+            desktop?: string | undefined;
+            largeDesktop?: string | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, string | null>;
+        p?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        paddingX?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        px?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        paddingY?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        py?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        pt?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        pr?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        pb?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        pl?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        m?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        marginX?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        } | undefined);
+        mx?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        } | undefined);
+        marginY?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        my?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        mt?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        mr?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        } | undefined);
+        mb?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        } | undefined);
+        ml?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
+            mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null>;
+        className?: import("clsx").ClassValue;
+        odComponent?: string | undefined;
+        testId?: string | undefined;
+        children?: React.ReactNode;
         muted?: boolean | undefined;
-        fontWeight?: import("../Text/useTextStyles").TextFontWeight | undefined;
         icon?: import("@autoguru/icons").IconType | undefined;
-        display?: ("block" | "inline" | "inline-block") | undefined;
-        transform?: import("../Text/useTextStyles").TextTransform | undefined;
+        strong?: boolean | undefined;
+        transform?: "capitalize" | "uppercase" | undefined;
+        noWrap?: boolean | undefined;
+        as?: React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | "a" | undefined;
+        is?: never | undefined;
+        ref?: React.Ref<HTMLAnchorElement> | undefined;
+        content?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         hidden?: boolean | undefined | undefined;
         style?: React.CSSProperties | undefined;
         key?: React.Key | null | undefined;
-        onAnimationStart?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
+        onAnimationStart?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
+        onAnimationEnd?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
         id?: string | undefined | undefined;
-        children?: React.ReactNode;
         slot?: string | undefined | undefined;
         title?: string | undefined | undefined;
-        className?: string | undefined;
-        testId?: string | undefined;
-        as?: import("../Text/useTextStyles").TextTags | undefined;
-        is?: (React.ElementType | React.ReactElement) | undefined;
-        align?: ("left" | "right" | "center" | {
-            mobile?: "left" | "right" | "center" | undefined;
-            tablet?: "left" | "right" | "center" | undefined;
-            desktop?: "left" | "right" | "center" | undefined;
-            largeDesktop?: "left" | "right" | "center" | undefined;
-        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | null>;
-        noWrap?: boolean | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -136,184 +540,191 @@ declare const meta: {
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined | undefined;
-        onCopy?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-        onCopyCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-        onCut?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-        onCutCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-        onPaste?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-        onPasteCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-        onCompositionEnd?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-        onCompositionEndCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-        onCompositionStart?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-        onCompositionStartCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-        onCompositionUpdate?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
-        onFocusCapture?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
-        onBlurCapture?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onLoad?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onLoadCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onError?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onErrorCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-        onKeyDownCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-        onKeyPress?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-        onKeyPressCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-        onKeyUpCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-        onAbort?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onAbortCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onCanPlay?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onCanPlayCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onCanPlayThrough?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onDurationChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onDurationChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onEmptied?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onEmptiedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onEncrypted?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onEncryptedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onEnded?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onEndedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onLoadedData?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onLoadedDataCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onLoadedMetadata?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onLoadStart?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onLoadStartCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onPause?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onPauseCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onPlay?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onPlayCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onPlaying?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onPlayingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onProgress?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onProgressCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onRateChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onRateChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onSeeked?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onSeekedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onSeeking?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onSeekingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onStalled?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onStalledCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onSuspend?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onSuspendCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onTimeUpdate?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onTimeUpdateCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onVolumeChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onVolumeChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onWaiting?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onWaitingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onAuxClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onAuxClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onContextMenu?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onContextMenuCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onDoubleClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onDoubleClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onDrag?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragEnd?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragEndCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragEnter?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragEnterCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragExit?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragExitCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragLeave?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragLeaveCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragOver?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragOverCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragStart?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragStartCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDrop?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDropCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onMouseDown?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseDownCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseLeave?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseMove?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseMoveCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseOut?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseOutCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseOver?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseOverCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseUp?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseUpCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onSelect?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onSelectCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onTouchCancel?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-        onTouchCancelCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-        onTouchEnd?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-        onTouchEndCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-        onTouchMove?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-        onTouchMoveCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-        onTouchStart?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-        onTouchStartCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-        onPointerDown?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerDownCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerMove?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerMoveCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerUp?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerUpCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerCancel?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerCancelCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerEnter?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerLeave?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerOver?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerOverCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerOut?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerOutCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onGotPointerCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onLostPointerCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onScroll?: React.UIEventHandler<HTMLParagraphElement> | undefined;
-        onScrollCapture?: React.UIEventHandler<HTMLParagraphElement> | undefined;
-        onScrollEnd?: React.UIEventHandler<HTMLParagraphElement> | undefined;
-        onScrollEndCapture?: React.UIEventHandler<HTMLParagraphElement> | undefined;
-        onWheel?: React.WheelEventHandler<HTMLParagraphElement> | undefined;
-        onWheelCapture?: React.WheelEventHandler<HTMLParagraphElement> | undefined;
-        onAnimationStartCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
-        onAnimationEndCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
-        onAnimationIteration?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
-        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
-        onToggle?: React.ToggleEventHandler<HTMLParagraphElement> | undefined;
-        onBeforeToggle?: React.ToggleEventHandler<HTMLParagraphElement> | undefined;
-        onTransitionCancel?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
-        onTransitionCancelCapture?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
-        onTransitionEnd?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
-        onTransitionEndCapture?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
-        onTransitionRun?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
-        onTransitionRunCapture?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
-        onTransitionStart?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
-        onTransitionStartCapture?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
+        onCopy?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
+        onCopyCapture?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
+        onCut?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
+        onCutCapture?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
+        onPaste?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
+        onPasteCapture?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
+        onCompositionEnd?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
+        onCompositionEndCapture?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
+        onCompositionStart?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
+        onCompositionStartCapture?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
+        onCompositionUpdate?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
+        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
+        onFocus?: React.FocusEventHandler<HTMLAnchorElement> | undefined;
+        onFocusCapture?: React.FocusEventHandler<HTMLAnchorElement> | undefined;
+        onBlur?: React.FocusEventHandler<HTMLAnchorElement> | undefined;
+        onBlurCapture?: React.FocusEventHandler<HTMLAnchorElement> | undefined;
+        onChange?: React.FormEventHandler<HTMLAnchorElement> | undefined;
+        onChangeCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
+        onBeforeInput?: React.InputEventHandler<HTMLAnchorElement> | undefined;
+        onBeforeInputCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
+        onInput?: React.FormEventHandler<HTMLAnchorElement> | undefined;
+        onInputCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
+        onReset?: React.FormEventHandler<HTMLAnchorElement> | undefined;
+        onResetCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
+        onSubmit?: React.FormEventHandler<HTMLAnchorElement> | undefined;
+        onSubmitCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
+        onInvalid?: React.FormEventHandler<HTMLAnchorElement> | undefined;
+        onInvalidCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
+        onLoad?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onLoadCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onError?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onErrorCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onKeyDown?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
+        onKeyDownCapture?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
+        onKeyPress?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
+        onKeyPressCapture?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
+        onKeyUp?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
+        onKeyUpCapture?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
+        onAbort?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onAbortCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onCanPlay?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onCanPlayCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onCanPlayThrough?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onDurationChange?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onDurationChangeCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onEmptied?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onEmptiedCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onEncrypted?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onEncryptedCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onEnded?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onEndedCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onLoadedData?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onLoadedDataCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onLoadedMetadata?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onLoadStart?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onLoadStartCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onPause?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onPauseCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onPlay?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onPlayCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onPlaying?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onPlayingCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onProgress?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onProgressCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onRateChange?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onRateChangeCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onSeeked?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onSeekedCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onSeeking?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onSeekingCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onStalled?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onStalledCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onSuspend?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onSuspendCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onTimeUpdate?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onTimeUpdateCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onVolumeChange?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onVolumeChangeCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onWaiting?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onWaitingCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onAuxClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onAuxClickCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onClickCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onContextMenu?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onContextMenuCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onDoubleClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onDoubleClickCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onDrag?: React.DragEventHandler<HTMLAnchorElement> | undefined;
+        onDragCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
+        onDragEnd?: React.DragEventHandler<HTMLAnchorElement> | undefined;
+        onDragEndCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
+        onDragEnter?: React.DragEventHandler<HTMLAnchorElement> | undefined;
+        onDragEnterCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
+        onDragExit?: React.DragEventHandler<HTMLAnchorElement> | undefined;
+        onDragExitCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
+        onDragLeave?: React.DragEventHandler<HTMLAnchorElement> | undefined;
+        onDragLeaveCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
+        onDragOver?: React.DragEventHandler<HTMLAnchorElement> | undefined;
+        onDragOverCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
+        onDragStart?: React.DragEventHandler<HTMLAnchorElement> | undefined;
+        onDragStartCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
+        onDrop?: React.DragEventHandler<HTMLAnchorElement> | undefined;
+        onDropCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
+        onMouseDown?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onMouseDownCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onMouseEnter?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onMouseLeave?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onMouseMove?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onMouseMoveCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onMouseOut?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onMouseOutCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onMouseOver?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onMouseOverCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onMouseUp?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onMouseUpCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onSelect?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onSelectCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
+        onTouchCancel?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
+        onTouchCancelCapture?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
+        onTouchEnd?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
+        onTouchEndCapture?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
+        onTouchMove?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
+        onTouchMoveCapture?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
+        onTouchStart?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
+        onTouchStartCapture?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
+        onPointerDown?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onPointerDownCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onPointerMove?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onPointerMoveCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onPointerUp?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onPointerUpCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onPointerCancel?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onPointerCancelCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onPointerEnter?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onPointerLeave?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onPointerOver?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onPointerOverCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onPointerOut?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onPointerOutCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onGotPointerCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onLostPointerCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
+        onScroll?: React.UIEventHandler<HTMLAnchorElement> | undefined;
+        onScrollCapture?: React.UIEventHandler<HTMLAnchorElement> | undefined;
+        onScrollEnd?: React.UIEventHandler<HTMLAnchorElement> | undefined;
+        onScrollEndCapture?: React.UIEventHandler<HTMLAnchorElement> | undefined;
+        onWheel?: React.WheelEventHandler<HTMLAnchorElement> | undefined;
+        onWheelCapture?: React.WheelEventHandler<HTMLAnchorElement> | undefined;
+        onAnimationStartCapture?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
+        onAnimationEndCapture?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
+        onAnimationIteration?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
+        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
+        onToggle?: React.ToggleEventHandler<HTMLAnchorElement> | undefined;
+        onBeforeToggle?: React.ToggleEventHandler<HTMLAnchorElement> | undefined;
+        onTransitionCancel?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
+        onTransitionCancelCapture?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
+        onTransitionEnd?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
+        onTransitionEndCapture?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
+        onTransitionRun?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
+        onTransitionRunCapture?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
+        onTransitionStart?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
+        onTransitionStartCapture?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
         type?: string | undefined | undefined;
         download?: any;
-        htmlFor?: string | undefined | undefined;
-        breakWord?: boolean | undefined;
         media?: string | undefined | undefined;
         target?: React.HTMLAttributeAnchorTarget | undefined;
         href?: string | undefined | undefined;
+        referrerPolicy?: React.HTMLAttributeReferrerPolicy | undefined;
         hrefLang?: string | undefined | undefined;
         ping?: string | undefined | undefined;
-        referrerPolicy?: React.HTMLAttributeReferrerPolicy | undefined;
-        ref?: React.Ref<HTMLAnchorElement> | undefined;
     }>) => React.JSX.Element)[];
+    args: {
+        size: "4";
+        fontWeight: "semiBold";
+        icon: undefined;
+        muted: false;
+        noWrap: undefined;
+        transform: undefined;
+        href: string;
+        children: string;
+    };
     argTypes: {
         icon: {
             defaultValue: null;
@@ -352,18 +763,6 @@ declare const meta: {
                 type: "select";
             };
         };
-        align: {
-            options: ["left", "center", "right"];
-            defaultValue: string;
-            control: {
-                type: "select";
-            };
-        };
-        is: {
-            control: {
-                disable: true;
-            };
-        };
     };
 };
 export default meta;