@orfium/ictinus 5.45.1 → 5.46.0

package/dist/vanilla/index.d.ts

@@ -1,11 +1,11 @@
 import * as react from 'react';
-import react__default, { ElementType, ComponentPropsWithoutRef, MouseEvent, ReactElement, ComponentProps, Ref, ReactNode } from 'react';
+import react__default, { ElementType, ComponentPropsWithoutRef, MouseEvent, ReactElement, RefAttributes, ComponentProps, Ref, ReactNode } from 'react';
 import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
 import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
 import { RecipeVariants } from '@vanilla-extract/recipes';
 import { Properties } from 'csstype';
 import * as react_aria_components from 'react-aria-components';
-import { ButtonProps as ButtonProps$1, Dialog as Dialog$1, TextProps as TextProps$1, HeadingProps, Button as Button$1, PopoverProps as PopoverProps$1, DialogTriggerProps, MenuTriggerProps as MenuTriggerProps$1, MenuProps, Header, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, Pressable, TooltipTrigger as TooltipTrigger$1, TooltipProps as TooltipProps$1, Focusable } from 'react-aria-components';
+import { ButtonProps as ButtonProps$1, TagProps as TagProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, Dialog as Dialog$1, TextProps as TextProps$1, HeadingProps, Button as Button$1, Popover as Popover$1, PopoverProps as PopoverProps$1, DialogTriggerProps, MenuTriggerProps as MenuTriggerProps$1, MenuProps, Header, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, Pressable, TooltipTrigger as TooltipTrigger$1, TooltipProps as TooltipProps$1, Focusable } from 'react-aria-components';
 export { Selection } from 'react-aria-components';
 import { RowData, Row } from '@tanstack/react-table';
 import { Table as Table$1 } from '@tanstack/table-core';
@@ -10571,50 +10571,20 @@ declare function extractBoxProps<S extends Record<string, unknown>>(props: S): {
     restProps: Omit<S, "borderColor" | "fontFamily" | "typography" | "fontWeight" | "borderStyle" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "boxShadow" | "cursor" | "overflowX" | "overflowY" | "userSelect" | "touchAction" | "fontSize" | "fontStyle" | "lineHeight" | "letterSpacing" | "isolation" | "objectFit" | "pointerEvents" | "textTransform" | "textDecoration" | "visibility" | "wordBreak" | "wordWrap" | "textAlign" | "animation" | "opacity" | "transitionProperty" | "shadow" | "transitionTimingFunction" | "transitionDuration" | "whiteSpace" | "zIndex" | "overflow" | "rounded" | "roundedT" | "roundedB" | "roundedL" | "roundedR" | "z" | "gap" | "gridGap" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "alignItems" | "alignSelf" | "placeItems" | "justifyContent" | "flexWrap" | "display" | "flex" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "flexDirection" | "flexShrink" | "position" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "maxH" | "maxW" | "size" | "w" | "h" | "p" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "backgroundColor" | "color" | "outlineColor" | "bg" | "styles" | "className">;
 };
 
-declare const avatar: _vanilla_extract_recipes.RuntimeFn<{
-    colorScheme: {
-        blue: string[];
-        red: string[];
-        purple: string[];
-        teal: string[];
-        orange: string[];
-    };
-    size: {
-        '1': string[];
-        '2': string[];
-        '3': string[];
-        '4': string[];
-        '5': string[];
-        '6': string[];
-    };
-}>;
-declare const image: string;
-declare const icon: _vanilla_extract_recipes.RuntimeFn<{
-    size: {
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
+declare const content$2: _vanilla_extract_recipes.RuntimeFn<{
+    /**
+     * Control whether to always show the contents or only when user is hovering or interacting with them.
+     */
+    visible: {
+        always: string;
+        'if-needed': string;
     };
 }>;
-type AvatarVariants = RecipeVariants<typeof avatar>;
-
-type AvatarColor = 'blue' | 'red' | 'purple' | 'teal' | 'orange';
-type AvatarSize = '1' | '2' | '3' | '4' | '5' | '6';
-type AvatarProps = Omit<BoxProps<'span', NonNullable<AvatarVariants> & {
-    src?: string;
-    alt?: string;
-    initials?: string;
-}>, 'children'>;
-declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLSpanElement>>;
+type ContentVariants = RecipeVariants<typeof content$2>;
 
-type AvatarGroupProps = BoxProps<'div', {
-    size: AvatarSize;
-}>;
-declare const AvatarGroup: react.ForwardRefExoticComponent<{
-    size: AvatarSize;
+type ActionsContentProps = BoxProps<'div', ContentVariants>;
+declare const ActionsContent: react.ForwardRefExoticComponent<{
+    visible?: "always" | "if-needed";
 } & Omit<NonNullable<{
     borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
     borderStyle?: string;
@@ -11031,166 +11001,1047 @@ declare const AvatarGroup: react.ForwardRefExoticComponent<{
 } & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-type CSSVarFunction = `var(--${string})`;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const simplePseudoMap: {
-    readonly ':-moz-any-link': true;
-    readonly ':-moz-full-screen': true;
-    readonly ':-moz-placeholder': true;
-    readonly ':-moz-read-only': true;
-    readonly ':-moz-read-write': true;
-    readonly ':-ms-fullscreen': true;
-    readonly ':-ms-input-placeholder': true;
-    readonly ':-webkit-any-link': true;
-    readonly ':-webkit-full-screen': true;
-    readonly '::-moz-color-swatch': true;
-    readonly '::-moz-list-bullet': true;
-    readonly '::-moz-list-number': true;
-    readonly '::-moz-page-sequence': true;
-    readonly '::-moz-page': true;
-    readonly '::-moz-placeholder': true;
-    readonly '::-moz-progress-bar': true;
-    readonly '::-moz-range-progress': true;
-    readonly '::-moz-range-thumb': true;
-    readonly '::-moz-range-track': true;
-    readonly '::-moz-scrolled-page-sequence': true;
-    readonly '::-moz-selection': true;
-    readonly '::-ms-backdrop': true;
-    readonly '::-ms-browse': true;
-    readonly '::-ms-check': true;
-    readonly '::-ms-clear': true;
-    readonly '::-ms-fill-lower': true;
-    readonly '::-ms-fill-upper': true;
-    readonly '::-ms-fill': true;
-    readonly '::-ms-reveal': true;
-    readonly '::-ms-thumb': true;
-    readonly '::-ms-ticks-after': true;
-    readonly '::-ms-ticks-before': true;
-    readonly '::-ms-tooltip': true;
-    readonly '::-ms-track': true;
-    readonly '::-ms-value': true;
-    readonly '::-webkit-backdrop': true;
-    readonly '::-webkit-calendar-picker-indicator': true;
-    readonly '::-webkit-inner-spin-button': true;
-    readonly '::-webkit-input-placeholder': true;
-    readonly '::-webkit-meter-bar': true;
-    readonly '::-webkit-meter-even-less-good-value': true;
-    readonly '::-webkit-meter-inner-element': true;
-    readonly '::-webkit-meter-optimum-value': true;
-    readonly '::-webkit-meter-suboptimum-value': true;
-    readonly '::-webkit-outer-spin-button': true;
-    readonly '::-webkit-progress-bar': true;
-    readonly '::-webkit-progress-inner-element': true;
-    readonly '::-webkit-progress-inner-value': true;
-    readonly '::-webkit-progress-value': true;
-    readonly '::-webkit-resizer': true;
-    readonly '::-webkit-scrollbar-button': true;
-    readonly '::-webkit-scrollbar-corner': true;
-    readonly '::-webkit-scrollbar-thumb': true;
-    readonly '::-webkit-scrollbar-track-piece': true;
-    readonly '::-webkit-scrollbar-track': true;
-    readonly '::-webkit-scrollbar': true;
-    readonly '::-webkit-search-cancel-button': true;
-    readonly '::-webkit-search-results-button': true;
-    readonly '::-webkit-slider-runnable-track': true;
-    readonly '::-webkit-slider-thumb': true;
-    readonly '::after': true;
-    readonly '::backdrop': true;
-    readonly '::before': true;
-    readonly '::cue': true;
-    readonly '::file-selector-button': true;
-    readonly '::first-letter': true;
-    readonly '::first-line': true;
-    readonly '::grammar-error': true;
-    readonly '::marker': true;
-    readonly '::placeholder': true;
-    readonly '::selection': true;
-    readonly '::spelling-error': true;
-    readonly '::target-text': true;
-    readonly '::view-transition-group': true;
-    readonly '::view-transition-image-pair': true;
-    readonly '::view-transition-new': true;
-    readonly '::view-transition-old': true;
-    readonly '::view-transition': true;
-    readonly ':active': true;
-    readonly ':after': true;
-    readonly ':any-link': true;
-    readonly ':before': true;
-    readonly ':blank': true;
-    readonly ':checked': true;
-    readonly ':default': true;
-    readonly ':defined': true;
-    readonly ':disabled': true;
-    readonly ':empty': true;
-    readonly ':enabled': true;
-    readonly ':first-child': true;
-    readonly ':first-letter': true;
-    readonly ':first-line': true;
-    readonly ':first-of-type': true;
-    readonly ':first': true;
-    readonly ':focus-visible': true;
-    readonly ':focus-within': true;
-    readonly ':focus': true;
-    readonly ':fullscreen': true;
-    readonly ':hover': true;
-    readonly ':in-range': true;
-    readonly ':indeterminate': true;
-    readonly ':invalid': true;
-    readonly ':last-child': true;
-    readonly ':last-of-type': true;
-    readonly ':left': true;
-    readonly ':link': true;
-    readonly ':only-child': true;
-    readonly ':only-of-type': true;
-    readonly ':optional': true;
-    readonly ':out-of-range': true;
-    readonly ':placeholder-shown': true;
-    readonly ':read-only': true;
-    readonly ':read-write': true;
-    readonly ':required': true;
-    readonly ':right': true;
-    readonly ':root': true;
-    readonly ':scope': true;
-    readonly ':target': true;
-    readonly ':valid': true;
-    readonly ':visited': true;
-};
-type SimplePseudos = keyof typeof simplePseudoMap;
-interface ContainerProperties {
-    container?: string;
-    containerType?: 'size' | 'inline-size' | (string & {});
-    containerName?: string;
-}
-type CSSTypeProperties = Properties<number | (string & {})> & ContainerProperties;
-type CSSProperties = {
-    [Property in keyof CSSTypeProperties]: CSSTypeProperties[Property] | CSSVarFunction | Array<CSSVarFunction | CSSTypeProperties[Property]>;
-};
-type CSSPropertiesWithVars = CSSProperties & {
-    vars?: {
-        [key: string]: string;
+type ActionsRootProps = BoxProps<'div'>;
+declare const ActionsRoot: react.ForwardRefExoticComponent<Omit<NonNullable<{
+    borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
+    borderStyle?: string;
+    borderRadius?: "0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderTopLeftRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderTopRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderBottomLeftRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderBottomRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    boxShadow?: "0" | "1" | "2" | "3" | "4" | "5";
+    cursor?: "default" | "pointer" | "not-allowed";
+    overflowX?: "auto" | "hidden" | "visible";
+    overflowY?: "auto" | "hidden" | "visible";
+    userSelect?: "none" | "all";
+    touchAction?: "none" | "manipulation";
+    fontFamily?: "sans" | "mono" | "outfit";
+    fontSize?: "1" | "2" | "3" | "10" | "4" | "5" | "6" | "7" | "8" | "9";
+    typography?: "headline01" | "headline02" | "headline03" | "headline04" | "headline05" | "title01" | "title02" | "title03" | "label01" | "label02" | "label03" | "label04" | "body01" | "body02" | "body03" | "body04";
+    fontWeight?: "regular" | "medium" | "semibold" | "bold";
+    fontStyle?: "italic";
+    lineHeight?: "1" | "2" | "3" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11";
+    letterSpacing?: "0" | "1" | "2" | "3";
+    isolation?: "isolate";
+    objectFit?: "contain" | "cover";
+    pointerEvents?: "auto" | "none";
+    textTransform?: "none" | "capitalize" | "uppercase";
+    textDecoration?: "underline";
+    visibility?: "hidden" | "visible";
+    wordBreak?: "break-all" | "break-word";
+    wordWrap?: "break-word" | "normal";
+    textAlign?: "end" | "start" | "center" | "justify";
+    animation?: "ping" | "pulse";
+    opacity?: "0" | "1" | "0.5";
+    transitionProperty?: "default" | "none" | "all" | "opacity" | "colors" | "shadow" | "transform";
+    transitionTimingFunction?: "linear" | "ease" | "in" | "out" | "inOut";
+    transitionDuration?: "150ms" | "200ms";
+    whiteSpace?: "nowrap";
+    zIndex?: "0" | "auto" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
+    overflow?: "auto" | "hidden" | "visible";
+    shadow?: "0" | "1" | "2" | "3" | "4" | "5";
+    rounded?: "0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedT?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedB?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedL?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedR?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    z?: "0" | "auto" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
+} & {
+    alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | {
+        base?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        md?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        lg?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        xl?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
     };
-};
-type PseudoProperties = {
-    [key in SimplePseudos]?: CSSPropertiesWithVars;
-};
-type CSSPropertiesAndPseudos = CSSPropertiesWithVars & PseudoProperties;
-type Query<Key extends string, StyleType> = {
-    [key in Key]?: {
-        [query: string]: Omit<StyleType, Key>;
+    alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | {
+        base?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        md?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        lg?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        xl?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
     };
-};
-type MediaQueries<StyleType> = Query<'@media', StyleType>;
-type FeatureQueries<StyleType> = Query<'@supports', StyleType>;
-type ContainerQueries<StyleType> = Query<'@container', StyleType>;
-type Layers<StyleType> = Query<'@layer', StyleType>;
-interface AllQueries<StyleType> extends MediaQueries<StyleType & AllQueries<StyleType>>, FeatureQueries<StyleType & AllQueries<StyleType>>, ContainerQueries<StyleType & AllQueries<StyleType>>, Layers<StyleType & AllQueries<StyleType>> {
-}
-type WithQueries<StyleType> = StyleType & AllQueries<StyleType>;
-interface SelectorMap {
-    [selector: string]: WithQueries<CSSPropertiesWithVars>;
-}
+    placeItems?: "center" | {
+        base?: "center";
+        md?: "center";
+        lg?: "center";
+        xl?: "center";
+    };
+    justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset" | {
+        base?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+        md?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+        lg?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+        xl?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+    };
+    flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
+        base?: "nowrap" | "wrap" | "wrap-reverse";
+        md?: "nowrap" | "wrap" | "wrap-reverse";
+        lg?: "nowrap" | "wrap" | "wrap-reverse";
+        xl?: "nowrap" | "wrap" | "wrap-reverse";
+    };
+    display?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline" | {
+        base?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+        md?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+        lg?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+        xl?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+    };
+    flex?: "1" | "auto" | "none" | "initial" | {
+        base?: "1" | "auto" | "none" | "initial";
+        md?: "1" | "auto" | "none" | "initial";
+        lg?: "1" | "auto" | "none" | "initial";
+        xl?: "1" | "auto" | "none" | "initial";
+    };
+    width?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    height?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    minWidth?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    minHeight?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    maxWidth?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    maxHeight?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    flexDirection?: "column" | "row" | "column-reverse" | "row-reverse" | {
+        base?: "column" | "row" | "column-reverse" | "row-reverse";
+        md?: "column" | "row" | "column-reverse" | "row-reverse";
+        lg?: "column" | "row" | "column-reverse" | "row-reverse";
+        xl?: "column" | "row" | "column-reverse" | "row-reverse";
+    };
+    flexShrink?: "0" | "1" | {
+        base?: "0" | "1";
+        md?: "0" | "1";
+        lg?: "0" | "1";
+        xl?: "0" | "1";
+    };
+    position?: "absolute" | "fixed" | "relative" | "sticky" | {
+        base?: "absolute" | "fixed" | "relative" | "sticky";
+        md?: "absolute" | "fixed" | "relative" | "sticky";
+        lg?: "absolute" | "fixed" | "relative" | "sticky";
+        xl?: "absolute" | "fixed" | "relative" | "sticky";
+    };
+    gap?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    gridGap?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    margin?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginBottom?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginLeft?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginRight?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginTop?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    padding?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    paddingBottom?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    paddingLeft?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    paddingRight?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    paddingTop?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    borderTopWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderRightWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderBottomWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderLeftWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    maxH?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    maxW?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    size?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    w?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    h?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    p?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pt?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pb?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pr?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    px?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    py?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    m?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mt?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mb?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    ml?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mr?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mx?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    my?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    border?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderB?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderL?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderR?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderT?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+} & {
+    backgroundColor?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt" | {
+        base?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        active?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        focus?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        hover?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+    };
+    borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | {
+        base?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        active?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        focus?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        hover?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+    };
+    color?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited" | {
+        base?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+        active?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+        focus?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+        hover?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+    };
+    outlineColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | {
+        base?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        active?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        focus?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        hover?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+    };
+    bg?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt" | {
+        base?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        active?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        focus?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        hover?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+    };
+} & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const avatar: _vanilla_extract_recipes.RuntimeFn<{
+    colorScheme: {
+        blue: string[];
+        red: string[];
+        purple: string[];
+        teal: string[];
+        orange: string[];
+    };
+    size: {
+        '1': string[];
+        '2': string[];
+        '3': string[];
+        '4': string[];
+        '5': string[];
+        '6': string[];
+    };
+}>;
+declare const image: string;
+declare const icon: _vanilla_extract_recipes.RuntimeFn<{
+    size: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+    };
+}>;
+type AvatarVariants = RecipeVariants<typeof avatar>;
+
+type AvatarColor = 'blue' | 'red' | 'purple' | 'teal' | 'orange';
+type AvatarSize = '1' | '2' | '3' | '4' | '5' | '6';
+type AvatarProps = Omit<BoxProps<'span', NonNullable<AvatarVariants> & {
+    src?: string;
+    alt?: string;
+    initials?: string;
+}>, 'children'>;
+declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLSpanElement>>;
+
+type AvatarGroupProps = BoxProps<'div', {
+    size: AvatarSize;
+}>;
+declare const AvatarGroup: react.ForwardRefExoticComponent<{
+    size: AvatarSize;
+} & Omit<NonNullable<{
+    borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
+    borderStyle?: string;
+    borderRadius?: "0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderTopLeftRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderTopRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderBottomLeftRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderBottomRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    boxShadow?: "0" | "1" | "2" | "3" | "4" | "5";
+    cursor?: "default" | "pointer" | "not-allowed";
+    overflowX?: "auto" | "hidden" | "visible";
+    overflowY?: "auto" | "hidden" | "visible";
+    userSelect?: "none" | "all";
+    touchAction?: "none" | "manipulation";
+    fontFamily?: "sans" | "mono" | "outfit";
+    fontSize?: "1" | "2" | "3" | "10" | "4" | "5" | "6" | "7" | "8" | "9";
+    typography?: "headline01" | "headline02" | "headline03" | "headline04" | "headline05" | "title01" | "title02" | "title03" | "label01" | "label02" | "label03" | "label04" | "body01" | "body02" | "body03" | "body04";
+    fontWeight?: "regular" | "medium" | "semibold" | "bold";
+    fontStyle?: "italic";
+    lineHeight?: "1" | "2" | "3" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11";
+    letterSpacing?: "0" | "1" | "2" | "3";
+    isolation?: "isolate";
+    objectFit?: "contain" | "cover";
+    pointerEvents?: "auto" | "none";
+    textTransform?: "none" | "capitalize" | "uppercase";
+    textDecoration?: "underline";
+    visibility?: "hidden" | "visible";
+    wordBreak?: "break-all" | "break-word";
+    wordWrap?: "break-word" | "normal";
+    textAlign?: "end" | "start" | "center" | "justify";
+    animation?: "ping" | "pulse";
+    opacity?: "0" | "1" | "0.5";
+    transitionProperty?: "default" | "none" | "all" | "opacity" | "colors" | "shadow" | "transform";
+    transitionTimingFunction?: "linear" | "ease" | "in" | "out" | "inOut";
+    transitionDuration?: "150ms" | "200ms";
+    whiteSpace?: "nowrap";
+    zIndex?: "0" | "auto" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
+    overflow?: "auto" | "hidden" | "visible";
+    shadow?: "0" | "1" | "2" | "3" | "4" | "5";
+    rounded?: "0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedT?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedB?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedL?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedR?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    z?: "0" | "auto" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
+} & {
+    alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | {
+        base?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        md?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        lg?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        xl?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+    };
+    alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | {
+        base?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        md?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        lg?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        xl?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+    };
+    placeItems?: "center" | {
+        base?: "center";
+        md?: "center";
+        lg?: "center";
+        xl?: "center";
+    };
+    justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset" | {
+        base?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+        md?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+        lg?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+        xl?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+    };
+    flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
+        base?: "nowrap" | "wrap" | "wrap-reverse";
+        md?: "nowrap" | "wrap" | "wrap-reverse";
+        lg?: "nowrap" | "wrap" | "wrap-reverse";
+        xl?: "nowrap" | "wrap" | "wrap-reverse";
+    };
+    display?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline" | {
+        base?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+        md?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+        lg?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+        xl?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+    };
+    flex?: "1" | "auto" | "none" | "initial" | {
+        base?: "1" | "auto" | "none" | "initial";
+        md?: "1" | "auto" | "none" | "initial";
+        lg?: "1" | "auto" | "none" | "initial";
+        xl?: "1" | "auto" | "none" | "initial";
+    };
+    width?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    height?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    minWidth?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    minHeight?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    maxWidth?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    maxHeight?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    flexDirection?: "column" | "row" | "column-reverse" | "row-reverse" | {
+        base?: "column" | "row" | "column-reverse" | "row-reverse";
+        md?: "column" | "row" | "column-reverse" | "row-reverse";
+        lg?: "column" | "row" | "column-reverse" | "row-reverse";
+        xl?: "column" | "row" | "column-reverse" | "row-reverse";
+    };
+    flexShrink?: "0" | "1" | {
+        base?: "0" | "1";
+        md?: "0" | "1";
+        lg?: "0" | "1";
+        xl?: "0" | "1";
+    };
+    position?: "absolute" | "fixed" | "relative" | "sticky" | {
+        base?: "absolute" | "fixed" | "relative" | "sticky";
+        md?: "absolute" | "fixed" | "relative" | "sticky";
+        lg?: "absolute" | "fixed" | "relative" | "sticky";
+        xl?: "absolute" | "fixed" | "relative" | "sticky";
+    };
+    gap?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    gridGap?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    margin?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginBottom?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginLeft?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginRight?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginTop?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    padding?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    paddingBottom?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    paddingLeft?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    paddingRight?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    paddingTop?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    borderTopWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderRightWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderBottomWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderLeftWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    maxH?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    maxW?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    size?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    w?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    h?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    p?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pt?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pb?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pr?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    px?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    py?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    m?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mt?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mb?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    ml?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mr?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mx?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    my?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    border?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderB?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderL?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderR?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderT?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+} & {
+    backgroundColor?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt" | {
+        base?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        active?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        focus?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        hover?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+    };
+    borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | {
+        base?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        active?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        focus?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        hover?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+    };
+    color?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited" | {
+        base?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+        active?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+        focus?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+        hover?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+    };
+    outlineColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | {
+        base?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        active?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        focus?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        hover?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+    };
+    bg?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt" | {
+        base?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        active?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        focus?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        hover?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+    };
+} & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type CSSVarFunction = `var(--${string})`;
+
+declare const simplePseudoMap: {
+    readonly ':-moz-any-link': true;
+    readonly ':-moz-full-screen': true;
+    readonly ':-moz-placeholder': true;
+    readonly ':-moz-read-only': true;
+    readonly ':-moz-read-write': true;
+    readonly ':-ms-fullscreen': true;
+    readonly ':-ms-input-placeholder': true;
+    readonly ':-webkit-any-link': true;
+    readonly ':-webkit-full-screen': true;
+    readonly '::-moz-color-swatch': true;
+    readonly '::-moz-list-bullet': true;
+    readonly '::-moz-list-number': true;
+    readonly '::-moz-page-sequence': true;
+    readonly '::-moz-page': true;
+    readonly '::-moz-placeholder': true;
+    readonly '::-moz-progress-bar': true;
+    readonly '::-moz-range-progress': true;
+    readonly '::-moz-range-thumb': true;
+    readonly '::-moz-range-track': true;
+    readonly '::-moz-scrolled-page-sequence': true;
+    readonly '::-moz-selection': true;
+    readonly '::-ms-backdrop': true;
+    readonly '::-ms-browse': true;
+    readonly '::-ms-check': true;
+    readonly '::-ms-clear': true;
+    readonly '::-ms-fill-lower': true;
+    readonly '::-ms-fill-upper': true;
+    readonly '::-ms-fill': true;
+    readonly '::-ms-reveal': true;
+    readonly '::-ms-thumb': true;
+    readonly '::-ms-ticks-after': true;
+    readonly '::-ms-ticks-before': true;
+    readonly '::-ms-tooltip': true;
+    readonly '::-ms-track': true;
+    readonly '::-ms-value': true;
+    readonly '::-webkit-backdrop': true;
+    readonly '::-webkit-calendar-picker-indicator': true;
+    readonly '::-webkit-inner-spin-button': true;
+    readonly '::-webkit-input-placeholder': true;
+    readonly '::-webkit-meter-bar': true;
+    readonly '::-webkit-meter-even-less-good-value': true;
+    readonly '::-webkit-meter-inner-element': true;
+    readonly '::-webkit-meter-optimum-value': true;
+    readonly '::-webkit-meter-suboptimum-value': true;
+    readonly '::-webkit-outer-spin-button': true;
+    readonly '::-webkit-progress-bar': true;
+    readonly '::-webkit-progress-inner-element': true;
+    readonly '::-webkit-progress-inner-value': true;
+    readonly '::-webkit-progress-value': true;
+    readonly '::-webkit-resizer': true;
+    readonly '::-webkit-scrollbar-button': true;
+    readonly '::-webkit-scrollbar-corner': true;
+    readonly '::-webkit-scrollbar-thumb': true;
+    readonly '::-webkit-scrollbar-track-piece': true;
+    readonly '::-webkit-scrollbar-track': true;
+    readonly '::-webkit-scrollbar': true;
+    readonly '::-webkit-search-cancel-button': true;
+    readonly '::-webkit-search-results-button': true;
+    readonly '::-webkit-slider-runnable-track': true;
+    readonly '::-webkit-slider-thumb': true;
+    readonly '::after': true;
+    readonly '::backdrop': true;
+    readonly '::before': true;
+    readonly '::cue': true;
+    readonly '::file-selector-button': true;
+    readonly '::first-letter': true;
+    readonly '::first-line': true;
+    readonly '::grammar-error': true;
+    readonly '::marker': true;
+    readonly '::placeholder': true;
+    readonly '::selection': true;
+    readonly '::spelling-error': true;
+    readonly '::target-text': true;
+    readonly '::view-transition-group': true;
+    readonly '::view-transition-image-pair': true;
+    readonly '::view-transition-new': true;
+    readonly '::view-transition-old': true;
+    readonly '::view-transition': true;
+    readonly ':active': true;
+    readonly ':after': true;
+    readonly ':any-link': true;
+    readonly ':before': true;
+    readonly ':blank': true;
+    readonly ':checked': true;
+    readonly ':default': true;
+    readonly ':defined': true;
+    readonly ':disabled': true;
+    readonly ':empty': true;
+    readonly ':enabled': true;
+    readonly ':first-child': true;
+    readonly ':first-letter': true;
+    readonly ':first-line': true;
+    readonly ':first-of-type': true;
+    readonly ':first': true;
+    readonly ':focus-visible': true;
+    readonly ':focus-within': true;
+    readonly ':focus': true;
+    readonly ':fullscreen': true;
+    readonly ':hover': true;
+    readonly ':in-range': true;
+    readonly ':indeterminate': true;
+    readonly ':invalid': true;
+    readonly ':last-child': true;
+    readonly ':last-of-type': true;
+    readonly ':left': true;
+    readonly ':link': true;
+    readonly ':only-child': true;
+    readonly ':only-of-type': true;
+    readonly ':optional': true;
+    readonly ':out-of-range': true;
+    readonly ':placeholder-shown': true;
+    readonly ':read-only': true;
+    readonly ':read-write': true;
+    readonly ':required': true;
+    readonly ':right': true;
+    readonly ':root': true;
+    readonly ':scope': true;
+    readonly ':target': true;
+    readonly ':valid': true;
+    readonly ':visited': true;
+};
+type SimplePseudos = keyof typeof simplePseudoMap;
+interface ContainerProperties {
+    container?: string;
+    containerType?: 'size' | 'inline-size' | (string & {});
+    containerName?: string;
+}
+type CSSTypeProperties = Properties<number | (string & {})> & ContainerProperties;
+type CSSProperties = {
+    [Property in keyof CSSTypeProperties]: CSSTypeProperties[Property] | CSSVarFunction | Array<CSSVarFunction | CSSTypeProperties[Property]>;
+};
+type CSSPropertiesWithVars = CSSProperties & {
+    vars?: {
+        [key: string]: string;
+    };
+};
+type PseudoProperties = {
+    [key in SimplePseudos]?: CSSPropertiesWithVars;
+};
+type CSSPropertiesAndPseudos = CSSPropertiesWithVars & PseudoProperties;
+type Query<Key extends string, StyleType> = {
+    [key in Key]?: {
+        [query: string]: Omit<StyleType, Key>;
+    };
+};
+type MediaQueries<StyleType> = Query<'@media', StyleType>;
+type FeatureQueries<StyleType> = Query<'@supports', StyleType>;
+type ContainerQueries<StyleType> = Query<'@container', StyleType>;
+type Layers<StyleType> = Query<'@layer', StyleType>;
+interface AllQueries<StyleType> extends MediaQueries<StyleType & AllQueries<StyleType>>, FeatureQueries<StyleType & AllQueries<StyleType>>, ContainerQueries<StyleType & AllQueries<StyleType>>, Layers<StyleType & AllQueries<StyleType>> {
+}
+type WithQueries<StyleType> = StyleType & AllQueries<StyleType>;
+interface SelectorMap {
+    [selector: string]: WithQueries<CSSPropertiesWithVars>;
+}
 interface StyleWithSelectors extends CSSPropertiesAndPseudos {
     selectors?: SelectorMap;
 }
@@ -11198,52 +12049,935 @@ type StyleRule = WithQueries<StyleWithSelectors>;
 type ClassNames = string | Array<ClassNames>;
 type ComplexStyleRule = StyleRule | Array<StyleRule | ClassNames>;
 
-declare const className: string;
-declare const avatarGroup: _vanilla_extract_recipes.RuntimeFn<{
-    [x: string]: {
-        [x: string]: string | ComplexStyleRule;
+declare const className: string;
+declare const avatarGroup: _vanilla_extract_recipes.RuntimeFn<{
+    [x: string]: {
+        [x: string]: string | ComplexStyleRule;
+    };
+}>;
+type AvatarGroupVariants = RecipeVariants<typeof avatarGroup>;
+
+declare const badge: _vanilla_extract_recipes.RuntimeFn<{
+    size: {
+        normal: string;
+        small: string;
+    };
+    colorScheme: {
+        neutral: string;
+        blue: string;
+        red: string;
+        purple: string;
+        teal: string;
+        orange: string;
+    };
+}>;
+type BadgeVariants = RecipeVariants<typeof badge>;
+
+type BadgeProps = BoxProps<'span', NonNullable<BadgeVariants>>;
+declare const Badge: react.ForwardRefExoticComponent<{
+    size?: "normal" | "small";
+    colorScheme?: "neutral" | "blue" | "red" | "purple" | "teal" | "orange";
+} & Omit<NonNullable<{
+    borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
+    borderStyle?: string;
+    borderRadius?: "0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderTopLeftRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderTopRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderBottomLeftRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderBottomRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    boxShadow?: "0" | "1" | "2" | "3" | "4" | "5";
+    cursor?: "default" | "pointer" | "not-allowed";
+    overflowX?: "auto" | "hidden" | "visible";
+    overflowY?: "auto" | "hidden" | "visible";
+    userSelect?: "none" | "all";
+    touchAction?: "none" | "manipulation";
+    fontFamily?: "sans" | "mono" | "outfit";
+    fontSize?: "1" | "2" | "3" | "10" | "4" | "5" | "6" | "7" | "8" | "9";
+    typography?: "headline01" | "headline02" | "headline03" | "headline04" | "headline05" | "title01" | "title02" | "title03" | "label01" | "label02" | "label03" | "label04" | "body01" | "body02" | "body03" | "body04";
+    fontWeight?: "regular" | "medium" | "semibold" | "bold";
+    fontStyle?: "italic";
+    lineHeight?: "1" | "2" | "3" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11";
+    letterSpacing?: "0" | "1" | "2" | "3";
+    isolation?: "isolate";
+    objectFit?: "contain" | "cover";
+    pointerEvents?: "auto" | "none";
+    textTransform?: "none" | "capitalize" | "uppercase";
+    textDecoration?: "underline";
+    visibility?: "hidden" | "visible";
+    wordBreak?: "break-all" | "break-word";
+    wordWrap?: "break-word" | "normal";
+    textAlign?: "end" | "start" | "center" | "justify";
+    animation?: "ping" | "pulse";
+    opacity?: "0" | "1" | "0.5";
+    transitionProperty?: "default" | "none" | "all" | "opacity" | "colors" | "shadow" | "transform";
+    transitionTimingFunction?: "linear" | "ease" | "in" | "out" | "inOut";
+    transitionDuration?: "150ms" | "200ms";
+    whiteSpace?: "nowrap";
+    zIndex?: "0" | "auto" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
+    overflow?: "auto" | "hidden" | "visible";
+    shadow?: "0" | "1" | "2" | "3" | "4" | "5";
+    rounded?: "0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedT?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedB?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedL?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedR?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    z?: "0" | "auto" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
+} & {
+    alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | {
+        base?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        md?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        lg?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        xl?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+    };
+    alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | {
+        base?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        md?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        lg?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        xl?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+    };
+    placeItems?: "center" | {
+        base?: "center";
+        md?: "center";
+        lg?: "center";
+        xl?: "center";
+    };
+    justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset" | {
+        base?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+        md?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+        lg?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+        xl?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+    };
+    flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
+        base?: "nowrap" | "wrap" | "wrap-reverse";
+        md?: "nowrap" | "wrap" | "wrap-reverse";
+        lg?: "nowrap" | "wrap" | "wrap-reverse";
+        xl?: "nowrap" | "wrap" | "wrap-reverse";
+    };
+    display?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline" | {
+        base?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+        md?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+        lg?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+        xl?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+    };
+    flex?: "1" | "auto" | "none" | "initial" | {
+        base?: "1" | "auto" | "none" | "initial";
+        md?: "1" | "auto" | "none" | "initial";
+        lg?: "1" | "auto" | "none" | "initial";
+        xl?: "1" | "auto" | "none" | "initial";
+    };
+    width?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    height?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    minWidth?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    minHeight?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    maxWidth?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    maxHeight?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    flexDirection?: "column" | "row" | "column-reverse" | "row-reverse" | {
+        base?: "column" | "row" | "column-reverse" | "row-reverse";
+        md?: "column" | "row" | "column-reverse" | "row-reverse";
+        lg?: "column" | "row" | "column-reverse" | "row-reverse";
+        xl?: "column" | "row" | "column-reverse" | "row-reverse";
+    };
+    flexShrink?: "0" | "1" | {
+        base?: "0" | "1";
+        md?: "0" | "1";
+        lg?: "0" | "1";
+        xl?: "0" | "1";
+    };
+    position?: "absolute" | "fixed" | "relative" | "sticky" | {
+        base?: "absolute" | "fixed" | "relative" | "sticky";
+        md?: "absolute" | "fixed" | "relative" | "sticky";
+        lg?: "absolute" | "fixed" | "relative" | "sticky";
+        xl?: "absolute" | "fixed" | "relative" | "sticky";
+    };
+    gap?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    gridGap?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    margin?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginBottom?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginLeft?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginRight?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginTop?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    padding?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    paddingBottom?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    paddingLeft?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    paddingRight?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    paddingTop?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    borderTopWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderRightWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderBottomWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderLeftWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    maxH?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    maxW?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    size?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    w?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    h?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    p?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pt?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pb?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pr?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    px?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    py?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    m?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mt?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mb?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    ml?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mr?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mx?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    my?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    border?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderB?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderL?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderR?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderT?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+} & {
+    backgroundColor?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt" | {
+        base?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        active?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        focus?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        hover?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+    };
+    borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | {
+        base?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        active?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        focus?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        hover?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+    };
+    color?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited" | {
+        base?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+        active?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+        focus?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+        hover?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+    };
+    outlineColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | {
+        base?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        active?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        focus?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        hover?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+    };
+    bg?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt" | {
+        base?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        active?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        focus?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        hover?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+    };
+} & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
+type CodeBadgeProps = Omit<BadgeProps, 'colorScheme'>;
+declare const CodeBadge: react.ForwardRefExoticComponent<CodeBadgeProps & react.RefAttributes<HTMLSpanElement>>;
+
+declare const button: _vanilla_extract_recipes.RuntimeFn<{
+    variant: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        danger: string;
+    };
+    size: {
+        normal: string;
+        compact: string;
+    };
+    iconOnly: {
+        true: string;
+    };
+    circle: {
+        true: string;
+    };
+    isPending: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}>;
+declare const text$1: _vanilla_extract_recipes.RuntimeFn<{
+    size: {
+        normal: string;
+        compact: string;
+    };
+    isPending: {
+        true: string;
+    };
+}>;
+declare const progress: string;
+type ButtonVariants = RecipeVariants<typeof button>;
+
+type ButtonProps = BoxProps<'button', NonNullable<ButtonVariants>> & ButtonProps$1;
+declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const cover: _vanilla_extract_recipes.RuntimeFn<{
+    /**
+     * Whether to expand and fill up the whole area of the parent which has `position: relative`.
+     */
+    disabled: {
+        false: string[];
+        true: {};
+    };
+    /**
+     * Whether to offset the outline or not.
+     */
+    inset: {
+        false: string;
+        true: string;
+    };
+}>;
+type CoverVariants = RecipeVariants<typeof cover>;
+
+type CoverProps = BoxProps<'div', CoverVariants>;
+/**
+ * Use `Cover` to to expand and fill up the whole area of the parent which has `position: relative` using the `::before` pseudo element.
+ */
+declare const Cover: react.ForwardRefExoticComponent<{
+    disabled?: boolean;
+    inset?: boolean;
+} & Omit<NonNullable<{
+    borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
+    borderStyle?: string;
+    borderRadius?: "0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderTopLeftRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderTopRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderBottomLeftRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderBottomRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    boxShadow?: "0" | "1" | "2" | "3" | "4" | "5";
+    cursor?: "default" | "pointer" | "not-allowed";
+    overflowX?: "auto" | "hidden" | "visible";
+    overflowY?: "auto" | "hidden" | "visible";
+    userSelect?: "none" | "all";
+    touchAction?: "none" | "manipulation";
+    fontFamily?: "sans" | "mono" | "outfit";
+    fontSize?: "1" | "2" | "3" | "10" | "4" | "5" | "6" | "7" | "8" | "9";
+    typography?: "headline01" | "headline02" | "headline03" | "headline04" | "headline05" | "title01" | "title02" | "title03" | "label01" | "label02" | "label03" | "label04" | "body01" | "body02" | "body03" | "body04";
+    fontWeight?: "regular" | "medium" | "semibold" | "bold";
+    fontStyle?: "italic";
+    lineHeight?: "1" | "2" | "3" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11";
+    letterSpacing?: "0" | "1" | "2" | "3";
+    isolation?: "isolate";
+    objectFit?: "contain" | "cover";
+    pointerEvents?: "auto" | "none";
+    textTransform?: "none" | "capitalize" | "uppercase";
+    textDecoration?: "underline";
+    visibility?: "hidden" | "visible";
+    wordBreak?: "break-all" | "break-word";
+    wordWrap?: "break-word" | "normal";
+    textAlign?: "end" | "start" | "center" | "justify";
+    animation?: "ping" | "pulse";
+    opacity?: "0" | "1" | "0.5";
+    transitionProperty?: "default" | "none" | "all" | "opacity" | "colors" | "shadow" | "transform";
+    transitionTimingFunction?: "linear" | "ease" | "in" | "out" | "inOut";
+    transitionDuration?: "150ms" | "200ms";
+    whiteSpace?: "nowrap";
+    zIndex?: "0" | "auto" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
+    overflow?: "auto" | "hidden" | "visible";
+    shadow?: "0" | "1" | "2" | "3" | "4" | "5";
+    rounded?: "0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedT?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedB?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedL?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedR?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    z?: "0" | "auto" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
+} & {
+    alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | {
+        base?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        md?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        lg?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        xl?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+    };
+    alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | {
+        base?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        md?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        lg?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        xl?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+    };
+    placeItems?: "center" | {
+        base?: "center";
+        md?: "center";
+        lg?: "center";
+        xl?: "center";
+    };
+    justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset" | {
+        base?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+        md?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+        lg?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+        xl?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+    };
+    flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
+        base?: "nowrap" | "wrap" | "wrap-reverse";
+        md?: "nowrap" | "wrap" | "wrap-reverse";
+        lg?: "nowrap" | "wrap" | "wrap-reverse";
+        xl?: "nowrap" | "wrap" | "wrap-reverse";
+    };
+    display?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline" | {
+        base?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+        md?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+        lg?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+        xl?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+    };
+    flex?: "1" | "auto" | "none" | "initial" | {
+        base?: "1" | "auto" | "none" | "initial";
+        md?: "1" | "auto" | "none" | "initial";
+        lg?: "1" | "auto" | "none" | "initial";
+        xl?: "1" | "auto" | "none" | "initial";
+    };
+    width?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    height?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    minWidth?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    minHeight?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    maxWidth?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    maxHeight?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    flexDirection?: "column" | "row" | "column-reverse" | "row-reverse" | {
+        base?: "column" | "row" | "column-reverse" | "row-reverse";
+        md?: "column" | "row" | "column-reverse" | "row-reverse";
+        lg?: "column" | "row" | "column-reverse" | "row-reverse";
+        xl?: "column" | "row" | "column-reverse" | "row-reverse";
+    };
+    flexShrink?: "0" | "1" | {
+        base?: "0" | "1";
+        md?: "0" | "1";
+        lg?: "0" | "1";
+        xl?: "0" | "1";
+    };
+    position?: "absolute" | "fixed" | "relative" | "sticky" | {
+        base?: "absolute" | "fixed" | "relative" | "sticky";
+        md?: "absolute" | "fixed" | "relative" | "sticky";
+        lg?: "absolute" | "fixed" | "relative" | "sticky";
+        xl?: "absolute" | "fixed" | "relative" | "sticky";
+    };
+    gap?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    gridGap?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    margin?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginBottom?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginLeft?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
     };
-}>;
-type AvatarGroupVariants = RecipeVariants<typeof avatarGroup>;
-
-declare const button: _vanilla_extract_recipes.RuntimeFn<{
-    variant: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        danger: string;
+    marginRight?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
     };
-    size: {
-        normal: string;
-        compact: string;
+    marginTop?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
     };
-    iconOnly: {
-        true: string;
+    padding?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
     };
-    circle: {
-        true: string;
+    paddingBottom?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
     };
-    isPending: {
-        true: string;
+    paddingLeft?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
     };
-    isDisabled: {
-        true: string;
+    paddingRight?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
     };
-}>;
-declare const text$1: _vanilla_extract_recipes.RuntimeFn<{
-    size: {
-        normal: string;
-        compact: string;
+    paddingTop?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
     };
-    isPending: {
-        true: string;
+    borderTopWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderRightWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderBottomWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderLeftWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    maxH?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    maxW?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    size?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    w?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    h?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    p?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pt?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pb?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pr?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    px?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    py?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    m?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mt?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mb?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    ml?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mr?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mx?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    my?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    border?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderB?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderL?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderR?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderT?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+} & {
+    backgroundColor?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt" | {
+        base?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        active?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        focus?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        hover?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+    };
+    borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | {
+        base?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        active?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        focus?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        hover?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+    };
+    color?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited" | {
+        base?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+        active?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+        focus?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+        hover?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+    };
+    outlineColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | {
+        base?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        active?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        focus?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        hover?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+    };
+    bg?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt" | {
+        base?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        active?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        focus?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        hover?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
     };
-}>;
-declare const progress: string;
-type ButtonVariants = RecipeVariants<typeof button>;
-
-type ButtonProps = BoxProps<'button', NonNullable<ButtonVariants>> & ButtonProps$1;
-declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+} & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type DataTableProps = BoxProps<'div', {
     /**
@@ -11676,6 +13410,7 @@ declare const DataTable: react.ForwardRefExoticComponent<{
 declare module '@tanstack/react-table' {
     interface ColumnMeta<TData extends RowData, TValue> {
         align?: 'flex-start' | 'center' | 'flex-end';
+        verticalAlign?: 'flex-start' | 'center' | 'flex-end';
         label?: string;
         tooltip?: string;
         contentAlign?: 'left' | 'center' | 'right';
@@ -11683,18 +13418,25 @@ declare module '@tanstack/react-table' {
     interface TableMeta<TData extends RowData> {
         getCellProps?: (row: Row<TData>) => Omit<BoxProps<'td'>, 'size'>;
     }
+    interface TableOptionsResolved<TData extends RowData> {
+        /**
+         * When `true`, clicking a row toggles its selection (checkbox clicks are handled separately).
+         * @default true
+         */
+        selectOnRowClick?: boolean;
+    }
 }
 
 type DataTableBodyProps = BoxProps<'div', {
     estimatedRowHeight?: number;
     bordered?: boolean;
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'auto';
     loading?: boolean | Record<string, 'sub-rows' | false>;
 }>;
 declare const DataTableBody: react.ForwardRefExoticComponent<{
     estimatedRowHeight?: number;
     bordered?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: "sm" | "md" | "lg" | "auto";
     loading?: boolean | Record<string, "sub-rows" | false>;
 } & Omit<NonNullable<{
     borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
@@ -13226,6 +14968,19 @@ declare const HelpIcon: react.ForwardRefExoticComponent<Omit<BoxProps, "size"> &
     size?: "md" | "lg" | "xs" | "sm";
 } & react.RefAttributes<SVGSVGElement>>;
 
+declare const SIZE: {
+    readonly xs: "3";
+    readonly sm: "4";
+    readonly md: "5";
+    readonly lg: "6";
+};
+type IconPrimitiveProps = Omit<BoxProps, 'size'> & {
+    size?: keyof typeof SIZE;
+};
+declare const IconPrimitive: react.ForwardRefExoticComponent<Omit<BoxProps, "size"> & {
+    size?: keyof typeof SIZE;
+} & react.RefAttributes<SVGSVGElement>>;
+
 declare const ImageIcon: react.ForwardRefExoticComponent<Omit<BoxProps, "size"> & {
     size?: "md" | "lg" | "xs" | "sm";
 } & react.RefAttributes<SVGSVGElement>>;
@@ -14008,10 +15763,433 @@ declare const Nav: react.ForwardRefExoticComponent<Omit<NonNullable<{
 } & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
-declare const NavItem: react.ForwardRefExoticComponent<{
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
+declare const NavItem: react.ForwardRefExoticComponent<{
+    isActive?: boolean;
+    isDisabled?: boolean;
+} & Omit<NonNullable<{
+    borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
+    borderStyle?: string;
+    borderRadius?: "0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderTopLeftRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderTopRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderBottomLeftRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    borderBottomRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    boxShadow?: "0" | "1" | "2" | "3" | "4" | "5";
+    cursor?: "default" | "pointer" | "not-allowed";
+    overflowX?: "auto" | "hidden" | "visible";
+    overflowY?: "auto" | "hidden" | "visible";
+    userSelect?: "none" | "all";
+    touchAction?: "none" | "manipulation";
+    fontFamily?: "sans" | "mono" | "outfit";
+    fontSize?: "1" | "2" | "3" | "10" | "4" | "5" | "6" | "7" | "8" | "9";
+    typography?: "headline01" | "headline02" | "headline03" | "headline04" | "headline05" | "title01" | "title02" | "title03" | "label01" | "label02" | "label03" | "label04" | "body01" | "body02" | "body03" | "body04";
+    fontWeight?: "regular" | "medium" | "semibold" | "bold";
+    fontStyle?: "italic";
+    lineHeight?: "1" | "2" | "3" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11";
+    letterSpacing?: "0" | "1" | "2" | "3";
+    isolation?: "isolate";
+    objectFit?: "contain" | "cover";
+    pointerEvents?: "auto" | "none";
+    textTransform?: "none" | "capitalize" | "uppercase";
+    textDecoration?: "underline";
+    visibility?: "hidden" | "visible";
+    wordBreak?: "break-all" | "break-word";
+    wordWrap?: "break-word" | "normal";
+    textAlign?: "end" | "start" | "center" | "justify";
+    animation?: "ping" | "pulse";
+    opacity?: "0" | "1" | "0.5";
+    transitionProperty?: "default" | "none" | "all" | "opacity" | "colors" | "shadow" | "transform";
+    transitionTimingFunction?: "linear" | "ease" | "in" | "out" | "inOut";
+    transitionDuration?: "150ms" | "200ms";
+    whiteSpace?: "nowrap";
+    zIndex?: "0" | "auto" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
+    overflow?: "auto" | "hidden" | "visible";
+    shadow?: "0" | "1" | "2" | "3" | "4" | "5";
+    rounded?: "0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedT?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedB?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedL?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    roundedR?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
+    z?: "0" | "auto" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
+} & {
+    alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | {
+        base?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        md?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        lg?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        xl?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+    };
+    alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | {
+        base?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        md?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        lg?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+        xl?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline";
+    };
+    placeItems?: "center" | {
+        base?: "center";
+        md?: "center";
+        lg?: "center";
+        xl?: "center";
+    };
+    justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset" | {
+        base?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+        md?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+        lg?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+        xl?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "unset";
+    };
+    flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
+        base?: "nowrap" | "wrap" | "wrap-reverse";
+        md?: "nowrap" | "wrap" | "wrap-reverse";
+        lg?: "nowrap" | "wrap" | "wrap-reverse";
+        xl?: "nowrap" | "wrap" | "wrap-reverse";
+    };
+    display?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline" | {
+        base?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+        md?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+        lg?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+        xl?: "none" | "block" | "flex" | "inline-flex" | "inline-grid" | "grid" | "inline-block" | "contents" | "inline";
+    };
+    flex?: "1" | "auto" | "none" | "initial" | {
+        base?: "1" | "auto" | "none" | "initial";
+        md?: "1" | "auto" | "none" | "initial";
+        lg?: "1" | "auto" | "none" | "initial";
+        xl?: "1" | "auto" | "none" | "initial";
+    };
+    width?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    height?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    minWidth?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    minHeight?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    maxWidth?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    maxHeight?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    flexDirection?: "column" | "row" | "column-reverse" | "row-reverse" | {
+        base?: "column" | "row" | "column-reverse" | "row-reverse";
+        md?: "column" | "row" | "column-reverse" | "row-reverse";
+        lg?: "column" | "row" | "column-reverse" | "row-reverse";
+        xl?: "column" | "row" | "column-reverse" | "row-reverse";
+    };
+    flexShrink?: "0" | "1" | {
+        base?: "0" | "1";
+        md?: "0" | "1";
+        lg?: "0" | "1";
+        xl?: "0" | "1";
+    };
+    position?: "absolute" | "fixed" | "relative" | "sticky" | {
+        base?: "absolute" | "fixed" | "relative" | "sticky";
+        md?: "absolute" | "fixed" | "relative" | "sticky";
+        lg?: "absolute" | "fixed" | "relative" | "sticky";
+        xl?: "absolute" | "fixed" | "relative" | "sticky";
+    };
+    gap?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    gridGap?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    margin?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginBottom?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginLeft?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginRight?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    marginTop?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    padding?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    paddingBottom?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    paddingLeft?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    paddingRight?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    paddingTop?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    borderTopWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderRightWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderBottomWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderLeftWidth?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    maxH?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    maxW?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    size?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    w?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    h?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22" | {
+        base?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        md?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        lg?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+        xl?: "0" | "1" | "2" | "3" | "10" | "20" | "4" | "5" | "6" | "7" | "8" | "full" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "9" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "21" | "22";
+    };
+    p?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pt?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pb?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    pr?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    px?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    py?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    m?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mt?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mb?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    ml?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mr?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    mx?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    my?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
+        base?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        md?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        lg?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+        xl?: "0" | "1" | "2" | "none" | "3" | "10" | "md" | "lg" | "xl" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    };
+    border?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderB?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderL?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderR?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+    borderT?: "0" | "1" | "2" | "3" | {
+        base?: "0" | "1" | "2" | "3";
+        md?: "0" | "1" | "2" | "3";
+        lg?: "0" | "1" | "2" | "3";
+        xl?: "0" | "1" | "2" | "3";
+    };
+} & {
+    backgroundColor?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt" | {
+        base?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        active?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        focus?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        hover?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+    };
+    borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | {
+        base?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        active?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        focus?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        hover?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+    };
+    color?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited" | {
+        base?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+        active?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+        focus?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+        hover?: "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "primary" | "secondary" | "error" | "warning" | "success" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+    };
+    outlineColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | {
+        base?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        active?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        focus?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        hover?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+    };
+    bg?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt" | {
+        base?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        active?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        focus?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+        hover?: "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+    };
+} & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLLIElement>>;
+declare const NavLink: react.ForwardRefExoticComponent<{
+    href?: string;
     isActive?: boolean;
     isDisabled?: boolean;
+    asChild?: boolean;
+    onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
 } & Omit<NonNullable<{
     borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
     borderStyle?: string;
@@ -14428,13 +16606,9 @@ declare const NavItem: react.ForwardRefExoticComponent<{
 } & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLLIElement>>;
-declare const NavLink: react.ForwardRefExoticComponent<{
-    href?: string;
+}>, "asChild"> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className" | "onClick" | "href"> & react.RefAttributes<HTMLAnchorElement>>;
+declare const NavCount: react.ForwardRefExoticComponent<{
     isActive?: boolean;
-    isDisabled?: boolean;
-    asChild?: boolean;
-    onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
 } & Omit<NonNullable<{
     borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
     borderStyle?: string;
@@ -14851,10 +17025,8 @@ declare const NavLink: react.ForwardRefExoticComponent<{
 } & {
     asChild?: boolean;
     className?: string;
-}>, "asChild"> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className" | "onClick" | "href"> & react.RefAttributes<HTMLAnchorElement>>;
-declare const NavCount: react.ForwardRefExoticComponent<{
-    isActive?: boolean;
-} & Omit<NonNullable<{
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
+declare const SubNavList: react.ForwardRefExoticComponent<Omit<NonNullable<{
     borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
     borderStyle?: string;
     borderRadius?: "0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7";
@@ -15270,8 +17442,11 @@ declare const NavCount: react.ForwardRefExoticComponent<{
 } & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
-declare const SubNavList: react.ForwardRefExoticComponent<Omit<NonNullable<{
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
+declare const SubNavItem: react.ForwardRefExoticComponent<{
+    isActive?: boolean;
+    isDisabled?: boolean;
+} & Omit<NonNullable<{
     borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
     borderStyle?: string;
     borderRadius?: "0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7";
@@ -15687,10 +17862,13 @@ declare const SubNavList: react.ForwardRefExoticComponent<Omit<NonNullable<{
 } & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
-declare const SubNavItem: react.ForwardRefExoticComponent<{
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLLIElement>>;
+declare const SubNavLink: react.ForwardRefExoticComponent<{
+    href?: string;
     isActive?: boolean;
     isDisabled?: boolean;
+    asChild?: boolean;
+    onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
 } & Omit<NonNullable<{
     borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
     borderStyle?: string;
@@ -16107,13 +18285,17 @@ declare const SubNavItem: react.ForwardRefExoticComponent<{
 } & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLLIElement>>;
-declare const SubNavLink: react.ForwardRefExoticComponent<{
-    href?: string;
-    isActive?: boolean;
-    isDisabled?: boolean;
-    asChild?: boolean;
-    onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
+}>, "asChild"> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className" | "onClick" | "href"> & react.RefAttributes<HTMLAnchorElement>>;
+
+type SkeletonProps = BoxProps<'span', {
+    children?: ReactElement;
+    circle?: boolean;
+    rounded?: BoxProps['rounded'];
+}>;
+declare const Skeleton: react.ForwardRefExoticComponent<{
+    children?: ReactElement;
+    circle?: boolean;
+    rounded?: BoxProps["rounded"];
 } & Omit<NonNullable<{
     borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
     borderStyle?: string;
@@ -16530,18 +18712,31 @@ declare const SubNavLink: react.ForwardRefExoticComponent<{
 } & {
     asChild?: boolean;
     className?: string;
-}>, "asChild"> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className" | "onClick" | "href"> & react.RefAttributes<HTMLAnchorElement>>;
+}>, "rounded"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className" | "children"> & react.RefAttributes<HTMLSpanElement>>;
 
-type SkeletonProps = BoxProps<'span', {
-    children?: ReactElement;
-    circle?: boolean;
-    rounded?: BoxProps['rounded'];
+declare const tag: _vanilla_extract_recipes.RuntimeFn<{
+    size: {
+        normal: string;
+        small: string;
+    };
+    interactive: {
+        true: string[];
+        false: string[];
+    };
 }>;
-declare const Skeleton: react.ForwardRefExoticComponent<{
-    children?: ReactElement;
-    circle?: boolean;
-    rounded?: BoxProps["rounded"];
-} & Omit<NonNullable<{
+type TagVariants = RecipeVariants<typeof tag>;
+
+type TagGroupProps = BoxProps<'div', ExtendProps<TagGroupProps$1, {
+    size?: 'normal' | 'small';
+}>>;
+declare const TagGroup: react.ForwardRefExoticComponent<Omit<TagGroupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+type TagListProps<T extends object> = Omit<BoxProps<'div'>, 'children'> & TagListProps$1<T>;
+declare const TagList: <T extends object>(props: TagListProps<T> & RefAttributes<HTMLDivElement>) => ReactElement;
+type TagProps = BoxProps<'div', ExtendProps<Omit<TagProps$1, 'className'>, TagVariants>>;
+declare const Tag: react.ForwardRefExoticComponent<{
+    size?: "normal" | "small";
+    interactive?: boolean;
+} & Omit<Omit<TagProps$1, "className">, never> & Omit<NonNullable<{
     borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
     borderStyle?: string;
     borderRadius?: "0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7";
@@ -16957,7 +19152,7 @@ declare const Skeleton: react.ForwardRefExoticComponent<{
 } & {
     asChild?: boolean;
     className?: string;
-}>, "rounded"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className" | "children"> & react.RefAttributes<HTMLSpanElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "hidden" | "color" | "className" | "style" | "dir" | "id" | "lang" | "translate" | "rel" | "children" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & RefAttributes<HTMLDivElement>>;
 
 declare function cn(...classNames: Array<string | undefined>): string;
 
@@ -16993,7 +19188,7 @@ declare const Popover: {
     (props: PopoverProps): _emotion_react_jsx_runtime.JSX.Element;
     Trigger: (props: react.ComponentProps<typeof react_aria_components.Button>) => _emotion_react_jsx_runtime.JSX.Element;
     Description: ({ className, ref, ...props }: DialogDescriptionProps) => _emotion_react_jsx_runtime.JSX.Element;
-    Content: ({ children, showArrow, className, ...props }: PopoverContentProps) => _emotion_react_jsx_runtime.JSX.Element;
+    Content: ({ children, showArrow, className, offset: offsetProp, ...props }: PopoverContentProps) => _emotion_react_jsx_runtime.JSX.Element;
     Body: ({ className, ref, ...props }: DialogBodyProps) => _emotion_react_jsx_runtime.JSX.Element;
     Footer: ({ className, ...props }: DialogFooterProps) => _emotion_react_jsx_runtime.JSX.Element;
     Header: ({ className, ...props }: DialogHeaderProps) => _emotion_react_jsx_runtime.JSX.Element;
@@ -17003,11 +19198,10 @@ declare const PopoverTitle: ({ className, ref, ...props }: DialogTitleProps) =>
 declare const PopoverHeader: ({ className, ...props }: DialogHeaderProps) => _emotion_react_jsx_runtime.JSX.Element;
 declare const PopoverBody: ({ className, ref, ...props }: DialogBodyProps) => _emotion_react_jsx_runtime.JSX.Element;
 declare const PopoverFooter: ({ className, ...props }: DialogFooterProps) => _emotion_react_jsx_runtime.JSX.Element;
-interface PopoverContentProps extends Omit<PopoverProps$1, 'className'> {
+type PopoverContentProps = BoxProps<typeof Popover$1, {
     showArrow?: boolean;
-    className?: string;
-}
-declare const PopoverContent: ({ children, showArrow, className, ...props }: PopoverContentProps) => _emotion_react_jsx_runtime.JSX.Element;
+}> & PopoverProps$1;
+declare const PopoverContent: ({ children, showArrow, className, offset: offsetProp, ...props }: PopoverContentProps) => _emotion_react_jsx_runtime.JSX.Element;
 declare const PopoverTrigger: (props: react.ComponentProps<typeof react_aria_components.Button>) => _emotion_react_jsx_runtime.JSX.Element;
 declare const PopoverDescription: ({ className, ref, ...props }: DialogDescriptionProps) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -17917,6 +20111,7 @@ declare const content$1: _vanilla_extract_recipes.RuntimeFn<{
         sm: string;
         md: string;
         lg: string;
+        auto: {};
     };
     bordered: {
         true: string;
@@ -17928,7 +20123,7 @@ type TableCellProps = BoxProps<'td', NonNullable<CellVariants$1>>;
 declare const TableCell: react.ForwardRefExoticComponent<{
     pinned?: boolean;
 } & {
-    size?: "md" | "lg" | "sm";
+    size?: "auto" | "md" | "lg" | "sm";
     bordered?: boolean;
 } & Omit<NonNullable<{
     borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
@@ -20568,5 +22763,5 @@ declare namespace TooltipTrigger {
     var displayName: string;
 }
 
-export { AccountIcon, AlbumIcon, AnalyticsIcon, AppsIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArtistIcon, AssetIcon, AudioIcon, AudioOffIcon, Avatar, AvatarGroup, BookmarkIcon, BookmarkOffIcon, Box, BroadcastIcon, Button, CalendarIcon, CatalogIcon, ChannelIcon, ChatIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CinemaIcon, ClaimIcon, CloseIcon, ColumnChooserIcon, CompositionIcon, ConcertIcon, ConflictIcon, ConvertIcon, CopyIcon, CueSheetIcon, DashboardIcon, DataTable, DataTableBody, DataTableBulkActions, DataTableCheckbox, DataTableCounter, DataTableEditColumns, DataTableHeader, DatasetIcon, DeleteIcon, DeliveryIcon, DetailsIcon, Dialog, DialogBody, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DigitalIcon, DistributionIcon, DownloadIcon, EarningsIcon, EditIcon, EntitiesIcon, ErrorIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FavoriteIcon, FavoriteOffIcon, FileIcon, FilterIcon, FlagIcon, FlagOffIcon, ForwardIcon, FreezeIcon, HelpIcon, ICONS, Icon, ImageIcon, ImageOffIcon, IncomeIcon, InformationalIcon, InsightIcon, InvoiceIcon, IssueIcon, KeywordIcon, LanguageIcon, LegalIcon, LicenseIcon, LinkIcon, LocationIcon, LockIcon, LoginIcon, LogoutIcon, MailIcon, ManualIcon, MediaFileIcon, Menu, MenuContent, MenuDescription, MenuHeader, MenuIcon, MenuItem, MenuLabel, MenuSection, MenuSeparator, MenuSubmenu, MenuTrigger, MinusIcon, MoreOptionsIcon, Nav, NavCount, NavItem, NavLink, NextIcon, NotificationIcon, OrganizationIcon, PageFirstIcon, PageLastIcon, PairIcon, PauseIcon, PendingIcon, PlayIcon, PlaycountIcon, PlusIcon, PolicyIcon, Popover, PopoverBody, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverTitle, PopoverTrigger, PreviousIcon, PublicPerformanceIcon, PublisherIcon, RadioIcon, RecordLabelIcon, RecordingIcon, RedoIcon, RefreshIcon, ReportIcon, RestoreIcon, ResumeIcon, ReviewIcon, RewindIcon, RoleIcon, SearchFilledIcon, SearchIcon, SettingsIcon, ShareIcon, Skeleton, SortAscendingIcon, SortDescendingIcon, SortIcon, StatusIndicatorIcon, StopIcon, SubNavItem, SubNavLink, SubNavList, SuccessIcon, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, TagIcon, TelevisionIcon, Text, ThemeProvider, ThumbsDownIcon, ThumbsUpIcon, Tooltip, TooltipContent, TooltipTrigger, TrendingDownIcon, TrendingUpIcon, TriangleDownIcon, TriangleLeftIcon, TriangleRightIcon, TriangleUpIcon, UndoIcon, UnfreezeIcon, UnlinkIcon, UnlockIcon, UnpairIcon, UnverifiedIcon, UpdateIcon, UploadIcon, UsageIcon, UserIcon, UsersIcon, VerifiedIcon, VideoIcon, VideoOffIcon, WarningIcon, WorkIcon, WriterIcon, YouTubeIcon, avatar, avatarGroup, button, className, cn, extractBoxProps, icon, image, layers_css as layers, mapResponsiveValue, normalizeResponsiveValue, progress, sprinkles, text$1 as text, useTheme };
-export type { AvatarColor, AvatarGroupProps, AvatarGroupVariants, AvatarProps, AvatarSize, AvatarVariants, BoxProps, ButtonProps, ButtonVariants, DataTableBodyProps, DataTableBulkActionsProps, DataTableCheckboxProps, DataTableCounterProps, DataTableHeaderProps, DataTableProps, DialogBodyProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogTitleProps, IconProps, MenuContentProps, MenuHeaderProps, MenuItemProps, MenuSectionProps, MenuTriggerProps, PopoverContentProps, PopoverProps, SkeletonProps, Sprinkles, TableBodyProps, TableCellProps, TableFooterProps, TableHeaderCellProps, TableHeaderProps, TableProps, TableRowProps, TextProps, TooltipContentProps, TooltipProps };
+export { AccountIcon, ActionsContent, ActionsRoot, AlbumIcon, AnalyticsIcon, AppsIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArtistIcon, AssetIcon, AudioIcon, AudioOffIcon, Avatar, AvatarGroup, Badge, BookmarkIcon, BookmarkOffIcon, Box, BroadcastIcon, Button, CalendarIcon, CatalogIcon, ChannelIcon, ChatIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CinemaIcon, ClaimIcon, CloseIcon, CodeBadge, ColumnChooserIcon, CompositionIcon, ConcertIcon, ConflictIcon, ConvertIcon, CopyIcon, Cover, CueSheetIcon, DashboardIcon, DataTable, DataTableBody, DataTableBulkActions, DataTableCheckbox, DataTableCounter, DataTableEditColumns, DataTableHeader, DatasetIcon, DeleteIcon, DeliveryIcon, DetailsIcon, Dialog, DialogBody, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DigitalIcon, DistributionIcon, DownloadIcon, EarningsIcon, EditIcon, EntitiesIcon, ErrorIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FavoriteIcon, FavoriteOffIcon, FileIcon, FilterIcon, FlagIcon, FlagOffIcon, ForwardIcon, FreezeIcon, HelpIcon, ICONS, Icon, IconPrimitive, ImageIcon, ImageOffIcon, IncomeIcon, InformationalIcon, InsightIcon, InvoiceIcon, IssueIcon, KeywordIcon, LanguageIcon, LegalIcon, LicenseIcon, LinkIcon, LocationIcon, LockIcon, LoginIcon, LogoutIcon, MailIcon, ManualIcon, MediaFileIcon, Menu, MenuContent, MenuDescription, MenuHeader, MenuIcon, MenuItem, MenuLabel, MenuSection, MenuSeparator, MenuSubmenu, MenuTrigger, MinusIcon, MoreOptionsIcon, Nav, NavCount, NavItem, NavLink, NextIcon, NotificationIcon, OrganizationIcon, PageFirstIcon, PageLastIcon, PairIcon, PauseIcon, PendingIcon, PlayIcon, PlaycountIcon, PlusIcon, PolicyIcon, Popover, PopoverBody, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverTitle, PopoverTrigger, PreviousIcon, PublicPerformanceIcon, PublisherIcon, RadioIcon, RecordLabelIcon, RecordingIcon, RedoIcon, RefreshIcon, ReportIcon, RestoreIcon, ResumeIcon, ReviewIcon, RewindIcon, RoleIcon, SearchFilledIcon, SearchIcon, SettingsIcon, ShareIcon, Skeleton, SortAscendingIcon, SortDescendingIcon, SortIcon, StatusIndicatorIcon, StopIcon, SubNavItem, SubNavLink, SubNavList, SuccessIcon, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tag, TagGroup, TagIcon, TagList, TelevisionIcon, Text, ThemeProvider, ThumbsDownIcon, ThumbsUpIcon, Tooltip, TooltipContent, TooltipTrigger, TrendingDownIcon, TrendingUpIcon, TriangleDownIcon, TriangleLeftIcon, TriangleRightIcon, TriangleUpIcon, UndoIcon, UnfreezeIcon, UnlinkIcon, UnlockIcon, UnpairIcon, UnverifiedIcon, UpdateIcon, UploadIcon, UsageIcon, UserIcon, UsersIcon, VerifiedIcon, VideoIcon, VideoOffIcon, WarningIcon, WorkIcon, WriterIcon, YouTubeIcon, avatar, avatarGroup, button, className, cn, extractBoxProps, icon, image, layers_css as layers, mapResponsiveValue, normalizeResponsiveValue, progress, sprinkles, text$1 as text, useTheme };
+export type { ActionsContentProps, ActionsRootProps, AvatarColor, AvatarGroupProps, AvatarGroupVariants, AvatarProps, AvatarSize, AvatarVariants, BadgeProps, BoxProps, ButtonProps, ButtonVariants, CodeBadgeProps, CoverProps, DataTableBodyProps, DataTableBulkActionsProps, DataTableCheckboxProps, DataTableCounterProps, DataTableHeaderProps, DataTableProps, DialogBodyProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogTitleProps, IconPrimitiveProps, IconProps, MenuContentProps, MenuHeaderProps, MenuItemProps, MenuSectionProps, MenuTriggerProps, PopoverContentProps, PopoverProps, SkeletonProps, Sprinkles, TableBodyProps, TableCellProps, TableFooterProps, TableHeaderCellProps, TableHeaderProps, TableProps, TableRowProps, TagGroupProps, TagListProps, TagProps, TextProps, TooltipContentProps, TooltipProps };