@orfium/ictinus 5.45.1 → 5.46.0

package/dist/src/cover/Cover.d.ts

@@ -0,0 +1,426 @@
+import { BoxProps } from '../vanilla/Box';
+import * as styles from './Cover.css';
+export type CoverProps = BoxProps<'div', styles.CoverVariants>;
+/**
+ * Use `Cover` to to expand and fill up the whole area of the parent which has `position: relative` using the `::before` pseudo element.
+ */
+export declare const Cover: import('react').ForwardRefExoticComponent<{
+    disabled?: boolean;
+    inset?: boolean;
+} & Omit<NonNullable<{
+    borderColor?: "decorative.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "interactive.focused";
+    borderStyle?: "dashed" | "solid";
+    borderRadius?: "inherit" | "0" | "1" | "3" | "4" | "6" | "5" | "2" | "7";
+    borderTopLeftRadius?: "0" | "1" | "3" | "4" | "6" | "5" | "2" | "7";
+    borderTopRightRadius?: "0" | "1" | "3" | "4" | "6" | "5" | "2" | "7";
+    borderBottomLeftRadius?: "0" | "1" | "3" | "4" | "6" | "5" | "2" | "7";
+    borderBottomRightRadius?: "0" | "1" | "3" | "4" | "6" | "5" | "2" | "7";
+    boxShadow?: "0" | "1" | "3" | "4" | "5" | "2";
+    cursor?: "default" | "pointer" | "not-allowed";
+    overflowX?: "hidden" | "auto" | "visible";
+    overflowY?: "hidden" | "auto" | "visible";
+    userSelect?: "all" | "none";
+    touchAction?: "none" | "manipulation";
+    fontFamily?: "mono" | "sans" | "outfit";
+    fontSize?: "1" | "3" | "9" | "4" | "6" | "5" | "8" | "2" | "10" | "7";
+    typography?: "headline01" | "headline02" | "headline03" | "headline04" | "headline05" | "title01" | "title02" | "title03" | "label01" | "label02" | "label03" | "label04" | "body01" | "body02" | "body03" | "body04";
+    fontWeight?: "bold" | "medium" | "regular" | "semibold";
+    fontStyle?: "italic";
+    lineHeight?: "1" | "3" | "9" | "4" | "6" | "5" | "8" | "2" | "10" | "7" | "11";
+    letterSpacing?: "0" | "1" | "3" | "2";
+    isolation?: "isolate";
+    objectFit?: "contain" | "cover";
+    pointerEvents?: "none" | "auto";
+    textTransform?: "none" | "capitalize" | "uppercase";
+    textDecoration?: "underline";
+    visibility?: "hidden" | "visible";
+    wordBreak?: "break-word" | "break-all";
+    wordWrap?: "normal" | "break-word";
+    textAlign?: "center" | "start" | "end" | "justify";
+    animation?: "ping" | "pulse";
+    opacity?: "0" | "1" | "0.5";
+    transitionProperty?: "all" | "none" | "default" | "opacity" | "transform" | "colors" | "shadow";
+    transitionTimingFunction?: "in" | "ease" | "linear" | "out" | "inOut";
+    transitionDuration?: "150ms" | "200ms";
+    whiteSpace?: "nowrap";
+    zIndex?: "0" | "10" | "20" | "auto" | "30" | "40" | "50" | "100" | "75";
+    overflow?: "hidden" | "auto" | "visible";
+    shadow?: "0" | "1" | "3" | "4" | "5" | "2";
+    rounded?: "inherit" | "0" | "1" | "3" | "4" | "6" | "5" | "2" | "7";
+    roundedT?: "0" | "1" | "3" | "4" | "6" | "5" | "2" | "7";
+    roundedB?: "0" | "1" | "3" | "4" | "6" | "5" | "2" | "7";
+    roundedL?: "0" | "1" | "3" | "4" | "6" | "5" | "2" | "7";
+    roundedR?: "0" | "1" | "3" | "4" | "6" | "5" | "2" | "7";
+    z?: "0" | "10" | "20" | "auto" | "30" | "40" | "50" | "100" | "75";
+} & {
+    alignItems?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch" | {
+        base?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch";
+        md?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch";
+        lg?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch";
+        xl?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch";
+    };
+    alignSelf?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch" | {
+        base?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch";
+        md?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch";
+        lg?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch";
+        xl?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch";
+    };
+    placeItems?: "center" | {
+        base?: "center";
+        md?: "center";
+        lg?: "center";
+        xl?: "center";
+    };
+    justifyContent?: "center" | "unset" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
+        base?: "center" | "unset" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly";
+        md?: "center" | "unset" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly";
+        lg?: "center" | "unset" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly";
+        xl?: "center" | "unset" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly";
+    };
+    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | {
+        base?: "wrap" | "nowrap" | "wrap-reverse";
+        md?: "wrap" | "nowrap" | "wrap-reverse";
+        lg?: "wrap" | "nowrap" | "wrap-reverse";
+        xl?: "wrap" | "nowrap" | "wrap-reverse";
+    };
+    display?: "grid" | "none" | "flex" | "inline" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
+        base?: "grid" | "none" | "flex" | "inline" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents";
+        md?: "grid" | "none" | "flex" | "inline" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents";
+        lg?: "grid" | "none" | "flex" | "inline" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents";
+        xl?: "grid" | "none" | "flex" | "inline" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents";
+    };
+    flex?: "none" | "1" | "initial" | "auto" | {
+        base?: "none" | "1" | "initial" | "auto";
+        md?: "none" | "1" | "initial" | "auto";
+        lg?: "none" | "1" | "initial" | "auto";
+        xl?: "none" | "1" | "initial" | "auto";
+    };
+    width?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+    };
+    height?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+    };
+    minWidth?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+    };
+    minHeight?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+    };
+    maxWidth?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+    };
+    maxHeight?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+    };
+    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | {
+        base?: "row" | "column" | "row-reverse" | "column-reverse";
+        md?: "row" | "column" | "row-reverse" | "column-reverse";
+        lg?: "row" | "column" | "row-reverse" | "column-reverse";
+        xl?: "row" | "column" | "row-reverse" | "column-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?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    gridGap?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    margin?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    marginBottom?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    marginLeft?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    marginRight?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    marginTop?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    padding?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    paddingBottom?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    paddingLeft?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    paddingRight?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    paddingTop?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    borderTopWidth?: "0" | "1" | "3" | "2" | {
+        base?: "0" | "1" | "3" | "2";
+        md?: "0" | "1" | "3" | "2";
+        lg?: "0" | "1" | "3" | "2";
+        xl?: "0" | "1" | "3" | "2";
+    };
+    borderRightWidth?: "0" | "1" | "3" | "2" | {
+        base?: "0" | "1" | "3" | "2";
+        md?: "0" | "1" | "3" | "2";
+        lg?: "0" | "1" | "3" | "2";
+        xl?: "0" | "1" | "3" | "2";
+    };
+    borderBottomWidth?: "0" | "1" | "3" | "2" | {
+        base?: "0" | "1" | "3" | "2";
+        md?: "0" | "1" | "3" | "2";
+        lg?: "0" | "1" | "3" | "2";
+        xl?: "0" | "1" | "3" | "2";
+    };
+    borderLeftWidth?: "0" | "1" | "3" | "2" | {
+        base?: "0" | "1" | "3" | "2";
+        md?: "0" | "1" | "3" | "2";
+        lg?: "0" | "1" | "3" | "2";
+        xl?: "0" | "1" | "3" | "2";
+    };
+    maxH?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+    };
+    maxW?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+    };
+    size?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+    };
+    w?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+    };
+    h?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+    };
+    p?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    pt?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    pb?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    pl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    pr?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    px?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    py?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    m?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    mt?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    mb?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    ml?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    mr?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    mx?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    my?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+    };
+    border?: "0" | "1" | "3" | "2" | {
+        base?: "0" | "1" | "3" | "2";
+        md?: "0" | "1" | "3" | "2";
+        lg?: "0" | "1" | "3" | "2";
+        xl?: "0" | "1" | "3" | "2";
+    };
+    borderB?: "0" | "1" | "3" | "2" | {
+        base?: "0" | "1" | "3" | "2";
+        md?: "0" | "1" | "3" | "2";
+        lg?: "0" | "1" | "3" | "2";
+        xl?: "0" | "1" | "3" | "2";
+    };
+    borderL?: "0" | "1" | "3" | "2" | {
+        base?: "0" | "1" | "3" | "2";
+        md?: "0" | "1" | "3" | "2";
+        lg?: "0" | "1" | "3" | "2";
+        xl?: "0" | "1" | "3" | "2";
+    };
+    borderR?: "0" | "1" | "3" | "2" | {
+        base?: "0" | "1" | "3" | "2";
+        md?: "0" | "1" | "3" | "2";
+        lg?: "0" | "1" | "3" | "2";
+        xl?: "0" | "1" | "3" | "2";
+    };
+    borderT?: "0" | "1" | "3" | "2" | {
+        base?: "0" | "1" | "3" | "2";
+        md?: "0" | "1" | "3" | "2";
+        lg?: "0" | "1" | "3" | "2";
+        xl?: "0" | "1" | "3" | "2";
+    };
+} & {
+    backgroundColor?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "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" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt" | {
+        base?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "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" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt";
+        active?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "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" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt";
+        focus?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "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" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt";
+        hover?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "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" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt";
+    };
+    borderColor?: "decorative.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "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.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "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.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "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.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "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.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "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?: "primary" | "secondary" | "success" | "error" | "warning" | "inverted.primary" | "active" | "visited" | "inverted.secondary" | "inverted.success" | "inverted.error" | "inverted.warning" | "inverted.active" | "inverted.visited" | "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?: "primary" | "secondary" | "success" | "error" | "warning" | "inverted.primary" | "active" | "visited" | "inverted.secondary" | "inverted.success" | "inverted.error" | "inverted.warning" | "inverted.active" | "inverted.visited" | "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?: "primary" | "secondary" | "success" | "error" | "warning" | "inverted.primary" | "active" | "visited" | "inverted.secondary" | "inverted.success" | "inverted.error" | "inverted.warning" | "inverted.active" | "inverted.visited" | "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?: "primary" | "secondary" | "success" | "error" | "warning" | "inverted.primary" | "active" | "visited" | "inverted.secondary" | "inverted.success" | "inverted.error" | "inverted.warning" | "inverted.active" | "inverted.visited" | "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?: "primary" | "secondary" | "success" | "error" | "warning" | "inverted.primary" | "active" | "visited" | "inverted.secondary" | "inverted.success" | "inverted.error" | "inverted.warning" | "inverted.active" | "inverted.visited" | "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";
+    };
+    outlineColor?: "decorative.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "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.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "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.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "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.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "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.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "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?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "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" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt" | {
+        base?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "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" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt";
+        active?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "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" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt";
+        focus?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "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" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt";
+        hover?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "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" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt";
+    };
+} & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & import('react').RefAttributes<HTMLDivElement>>;