@orfium/ictinus 5.45.2 → 5.46.1

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, 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';
+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';
@@ -12057,6 +12057,446 @@ declare const avatarGroup: _vanilla_extract_recipes.RuntimeFn<{
 }>;
 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?: "blue" | "red" | "purple" | "teal" | "orange" | "neutral";
+} & 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;
@@ -14528,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>>;
@@ -15310,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;
@@ -15730,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;
@@ -16153,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";
@@ -16572,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";
@@ -16989,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;
@@ -17409,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;
@@ -17832,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";
@@ -18259,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;
 
@@ -21870,5 +22763,5 @@ declare namespace TooltipTrigger {
     var displayName: string;
 }
 
-export { AccountIcon, ActionsContent, ActionsRoot, 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, 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, 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 { ActionsContentProps, ActionsRootProps, AvatarColor, AvatarGroupProps, AvatarGroupVariants, AvatarProps, AvatarSize, AvatarVariants, BoxProps, ButtonProps, ButtonVariants, CoverProps, 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 };