UNPKG

@windijs/utilities

Version:

@windijs/utilities

1,748 lines 241 kB
import { CSSObject, StyleObject, StyleObjectBase, CSSMap, UtilityMeta, ColorStyleObject, CSSLength, CSSDimensionObject, CSSAngle, CSSAngleType, CSSLengthPercentage } from "@windijs/helpers"; import { buildLinearGradient, buildTransition } from "@windijs/core"; type Inject<A, B> = B extends object ? B : A; export declare const animate: Inject<{ none: StyleObject<{}>; spin: StyleObject<{}>; ping: StyleObject<{}>; pulse: StyleObject<{}>; bounce: StyleObject<{}>; shock: StyleObject<{}>; flash: StyleObject<{}>; bubble: StyleObject<{}>; rubberBand: StyleObject<{}>; shakeX: StyleObject<{}>; shakeY: StyleObject<{}>; headShake: StyleObject<{}>; swing: StyleObject<{}>; tada: StyleObject<{}>; wobble: StyleObject<{}>; jello: StyleObject<{}>; heartBeat: StyleObject<{}>; hinge: StyleObject<{}>; jackIn: StyleObject<{}>; lightSpeedInLeft: StyleObject<{}>; lightSpeedInRight: StyleObject<{}>; lightSpeedOutLeft: StyleObject<{}>; lightSpeedOutRight: StyleObject<{}>; flip: StyleObject<{}>; flipInX: StyleObject<{}>; flipInY: StyleObject<{}>; flipOutX: StyleObject<{}>; flipOutY: StyleObject<{}>; rotateIn: StyleObject<{}>; rotateInDownLeft: StyleObject<{}>; rotateInDownRight: StyleObject<{}>; rotateInUpLeft: StyleObject<{}>; rotateInUpRight: StyleObject<{}>; rotateOut: StyleObject<{}>; rotateOutDownLeft: StyleObject<{}>; rotateOutDownRight: StyleObject<{}>; rotateOutUpLeft: StyleObject<{}>; rotateOutUpRight: StyleObject<{}>; rollIn: StyleObject<{}>; rollOut: StyleObject<{}>; zoomIn: StyleObject<{}>; zoomInDown: StyleObject<{}>; zoomInLeft: StyleObject<{}>; zoomInRight: StyleObject<{}>; zoomInUp: StyleObject<{}>; bounceIn: StyleObject<{}>; bounceInDown: StyleObject<{}>; bounceInLeft: StyleObject<{}>; bounceInRight: StyleObject<{}>; bounceInUp: StyleObject<{}>; bounceOut: StyleObject<{}>; bounceOutDown: StyleObject<{}>; bounceOutLeft: StyleObject<{}>; bounceOutRight: StyleObject<{}>; bounceOutUp: StyleObject<{}>; zoomOut: StyleObject<{}>; zoomOutDown: StyleObject<{}>; zoomOutLeft: StyleObject<{}>; zoomOutRight: StyleObject<{}>; zoomOutUp: StyleObject<{}>; slideInDown: StyleObject<{}>; slideInLeft: StyleObject<{}>; slideInRight: StyleObject<{}>; slideInUp: StyleObject<{}>; slideOutDown: StyleObject<{}>; slideOutLeft: StyleObject<{}>; slideOutRight: StyleObject<{}>; slideOutUp: StyleObject<{}>; fadeIn: StyleObject<{}>; fadeInDown: StyleObject<{}>; fadeInDownBig: StyleObject<{}>; fadeInLeft: StyleObject<{}>; fadeInLeftBig: StyleObject<{}>; fadeInRight: StyleObject<{}>; fadeInRightBig: StyleObject<{}>; fadeInUp: StyleObject<{}>; fadeInUpBig: StyleObject<{}>; fadeInTopLeft: StyleObject<{}>; fadeInTopRight: StyleObject<{}>; fadeInBottomLeft: StyleObject<{}>; fadeInBottomRight: StyleObject<{}>; fadeOut: StyleObject<{}>; fadeOutDown: StyleObject<{}>; fadeOutDownBig: StyleObject<{}>; fadeOutLeft: StyleObject<{}>; fadeOutLeftBig: StyleObject<{}>; fadeOutRight: StyleObject<{}>; fadeOutRightBig: StyleObject<{}>; fadeOutUp: StyleObject<{}>; fadeOutUpBig: StyleObject<{}>; backInUp: StyleObject<{}>; backInDown: StyleObject<{}>; backInLeft: StyleObject<{}>; backInRight: StyleObject<{}>; backOutUp: StyleObject<{}>; backOutDown: StyleObject<{}>; backOutLeft: StyleObject<{}>; backOutRight: StyleObject<{}>; }, "$windi.config.animationConfig.proxy">; export declare const aspect: { none: StyleObject<{}>; w: Record<0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 36 | 0.5 | 44 | 48 | 64 | 60 | 96 | 1.5 | 2.5 | 3.5 | 32 | 40 | 52 | 56 | 72 | 80, StyleObject<{}>> & Record<number, StyleObject<{}>>; h: Record<0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 36 | 0.5 | 44 | 48 | 64 | 60 | 96 | 1.5 | 2.5 | 3.5 | 32 | 40 | 52 | 56 | 72 | 80, StyleObject<{}>> & Record<number, StyleObject<{}>>; } & Inject<{ auto: StyleObject<{}>; square: StyleObject<{}>; video: StyleObject<{}>; }, "$windi.config.aspectRatioConfig.proxy"> & { [key: string]: StyleObject<{}>; }; export declare const auto: { rows: Inject<{ auto: StyleObject<{}>; min: StyleObject<{}>; max: StyleObject<{}>; fr: StyleObject<{}>; }, "$windi.config.gridAutoRowsConfig.proxy">; cols: Inject<{ auto: StyleObject<{}>; min: StyleObject<{}>; max: StyleObject<{}>; fr: StyleObject<{}>; }, "$windi.config.gridAutoColumnsConfig.proxy">; }; export declare const backdrop: { readonly css: CSSObject | CSSMap; readonly meta: UtilityMeta; blur: Inject<{ DEFAULT: StyleObject<{}>; 0: StyleObject<{}>; sm: StyleObject<{}>; md: StyleObject<{}>; lg: StyleObject<{}>; xl: StyleObject<{}>; "2xl": StyleObject<{}>; "3xl": StyleObject<{}>; } & StyleObjectBase & { readonly css: CSSObject | CSSMap; readonly meta: UtilityMeta; }, "$windi.config.blurConfig.proxy">; brightness: Inject<{ 0: StyleObject<{}>; 30: StyleObject<{}>; 45: StyleObject<{}>; 50: StyleObject<{}>; 60: StyleObject<{}>; 75: StyleObject<{}>; 90: StyleObject<{}>; 95: StyleObject<{}>; 100: StyleObject<{}>; 105: StyleObject<{}>; 110: StyleObject<{}>; 125: StyleObject<{}>; 150: StyleObject<{}>; }, "$windi.config.brightnessConfig.proxy">; contrast: Inject<{ 0: StyleObject<{}>; 30: StyleObject<{}>; 45: StyleObject<{}>; 50: StyleObject<{}>; 60: StyleObject<{}>; 75: StyleObject<{}>; 90: StyleObject<{}>; 95: StyleObject<{}>; 100: StyleObject<{}>; 105: StyleObject<{}>; 110: StyleObject<{}>; 125: StyleObject<{}>; 150: StyleObject<{}>; }, "$windi.config.contrastConfig.proxy">; grayscale: Inject<{ 0: StyleObject<{}>; 5: StyleObject<{}>; 10: StyleObject<{}>; 20: StyleObject<{}>; 25: StyleObject<{}>; 30: StyleObject<{}>; 40: StyleObject<{}>; 50: StyleObject<{}>; 60: StyleObject<{}>; 70: StyleObject<{}>; 75: StyleObject<{}>; 80: StyleObject<{}>; 90: StyleObject<{}>; 95: StyleObject<{}>; 100: StyleObject<{}>; DEFAULT: StyleObject<{}>; } & StyleObjectBase & { readonly css: CSSObject | CSSMap; readonly meta: UtilityMeta; }, "$windi.config.grayscaleConfig.proxy">; hueRotate: Inject<{ [-180]: StyleObject<{}>; [-160]: StyleObject<{}>; [-145]: StyleObject<{}>; [-120]: StyleObject<{}>; [-90]: StyleObject<{}>; [-60]: StyleObject<{}>; [-45]: StyleObject<{}>; [-30]: StyleObject<{}>; [-15]: StyleObject<{}>; [-12]: StyleObject<{}>; [-6]: StyleObject<{}>; [-3]: StyleObject<{}>; [-2]: StyleObject<{}>; [-1]: StyleObject<{}>; 0: StyleObject<{}>; 1: StyleObject<{}>; 2: StyleObject<{}>; 3: StyleObject<{}>; 6: StyleObject<{}>; 12: StyleObject<{}>; 15: StyleObject<{}>; 30: StyleObject<{}>; 45: StyleObject<{}>; 60: StyleObject<{}>; 90: StyleObject<{}>; 120: StyleObject<{}>; 145: StyleObject<{}>; 160: StyleObject<{}>; 180: StyleObject<{}>; }, "$windi.config.hueRotateConfig.proxy">; invert: Inject<{ 0: StyleObject<{}>; 5: StyleObject<{}>; 10: StyleObject<{}>; 20: StyleObject<{}>; 25: StyleObject<{}>; 30: StyleObject<{}>; 40: StyleObject<{}>; 50: StyleObject<{}>; 60: StyleObject<{}>; 70: StyleObject<{}>; 75: StyleObject<{}>; 80: StyleObject<{}>; 90: StyleObject<{}>; 95: StyleObject<{}>; 100: StyleObject<{}>; DEFAULT: StyleObject<{}>; } & StyleObjectBase & { readonly css: CSSObject | CSSMap; readonly meta: UtilityMeta; }, "$windi.config.invertConfig.proxy">; opacity: Inject<{ 0: StyleObject<{}>; 5: StyleObject<{}>; 10: StyleObject<{}>; 20: StyleObject<{}>; 25: StyleObject<{}>; 30: StyleObject<{}>; 40: StyleObject<{}>; 50: StyleObject<{}>; 60: StyleObject<{}>; 70: StyleObject<{}>; 75: StyleObject<{}>; 80: StyleObject<{}>; 90: StyleObject<{}>; 95: StyleObject<{}>; 100: StyleObject<{}>; }, "$windi.config.opacityConfig.proxy">; saturate: Inject<{ 0: StyleObject<{}>; 30: StyleObject<{}>; 45: StyleObject<{}>; 50: StyleObject<{}>; 60: StyleObject<{}>; 75: StyleObject<{}>; 90: StyleObject<{}>; 95: StyleObject<{}>; 100: StyleObject<{}>; 105: StyleObject<{}>; 110: StyleObject<{}>; 125: StyleObject<{}>; 150: StyleObject<{}>; DEFAULT: StyleObject<{}>; } & StyleObjectBase & { readonly css: CSSObject | CSSMap; readonly meta: UtilityMeta; }, "$windi.config.saturateConfig.proxy">; sepia: Inject<{ 0: StyleObject<{}>; 5: StyleObject<{}>; 10: StyleObject<{}>; 20: StyleObject<{}>; 25: StyleObject<{}>; 30: StyleObject<{}>; 40: StyleObject<{}>; 50: StyleObject<{}>; 60: StyleObject<{}>; 70: StyleObject<{}>; 75: StyleObject<{}>; 80: StyleObject<{}>; 90: StyleObject<{}>; 95: StyleObject<{}>; 100: StyleObject<{}>; DEFAULT: StyleObject<{}>; } & StyleObjectBase & { readonly css: CSSObject | CSSMap; readonly meta: UtilityMeta; }, "$windi.config.sepiaConfig.proxy">; } & ((...filters: (string | StyleObject<{}>)[]) => StyleObject<Record<string, unknown>>) & StyleObjectBase; export declare const bg: { clip: Inject<{ text: StyleObject<{}>; border: StyleObject<{}>; padding: StyleObject<{}>; content: StyleObject<{}>; }, "$windi.config.backgroundClipConfig.proxy">; blend: Inject<{ normal: StyleObject<{}>; multiply: StyleObject<{}>; screen: StyleObject<{}>; overlay: StyleObject<{}>; darken: StyleObject<{}>; lighten: StyleObject<{}>; hardLight: StyleObject<{}>; softLight: StyleObject<{}>; difference: StyleObject<{}>; exclusion: StyleObject<{}>; hue: StyleObject<{}>; saturation: StyleObject<{}>; color: Omit<{ DEFAULT: StyleObject<{}>; dodge: StyleObject<{}>; burn: StyleObject<{}>; }, "DEFAULT"> & StyleObjectBase & { readonly css: CSSObject | CSSMap; readonly meta: UtilityMeta; }; luminosity: StyleObject<{}>; }, "$windi.config.blendModeConfig.proxy">; origin: Inject<{ border: StyleObject<{}>; padding: StyleObject<{}>; content: StyleObject<{}>; }, "$windi.config.backgroundOriginConfig.proxy">; opacity: Inject<{ 0: StyleObject<{}>; 5: StyleObject<{}>; 10: StyleObject<{}>; 20: StyleObject<{}>; 25: StyleObject<{}>; 30: StyleObject<{}>; 40: StyleObject<{}>; 50: StyleObject<{}>; 60: StyleObject<{}>; 70: StyleObject<{}>; 75: StyleObject<{}>; 80: StyleObject<{}>; 90: StyleObject<{}>; 95: StyleObject<{}>; 100: StyleObject<{}>; }, "$windi.config.opacityConfig.proxy">; gradient: typeof buildLinearGradient & Inject<{ to: Omit<{ t: StyleObject<{}>; tr: StyleObject<{}>; r: StyleObject<{}>; br: StyleObject<{}>; b: StyleObject<{}>; bl: StyleObject<{}>; l: StyleObject<{}>; tl: StyleObject<{}>; }, "DEFAULT">; deg: Omit<{ 0: StyleObject<{}>; 1: StyleObject<{}>; 2: StyleObject<{}>; 3: StyleObject<{}>; 6: StyleObject<{}>; 12: StyleObject<{}>; 15: StyleObject<{}>; 30: StyleObject<{}>; 45: StyleObject<{}>; 60: StyleObject<{}>; 90: StyleObject<{}>; 120: StyleObject<{}>; 145: StyleObject<{}>; 160: StyleObject<{}>; 180: StyleObject<{}>; }, "DEFAULT">; }, "$windi.config.gradientDirectionConfig.proxy"> & Inject<{ red: StyleObject<{}>; orange: StyleObject<{}>; yellow: StyleObject<{}>; amber: StyleObject<{}>; lime: StyleObject<{}>; green: StyleObject<{}>; mint: StyleObject<{}>; teal: StyleObject<{}>; cyan: StyleObject<{}>; sky: StyleObject<{}>; blue: StyleObject<{}>; sea: StyleObject<{}>; ocean: StyleObject<{}>; indigo: StyleObject<{}>; purple: StyleObject<{}>; pink: StyleObject<{}>; brown: StyleObject<{}>; aqua: StyleObject<{}>; peach: StyleObject<{}>; mango: StyleObject<{}>; blood: StyleObject<{}>; gold: StyleObject<{}>; gray: StyleObject<{}>; ink: StyleObject<{}>; snow: StyleObject<{}>; bootstrap: StyleObject<{}>; sunny: StyleObject<{}>; winter: StyleObject<{}>; azure: StyleObject<{}>; beach: StyleObject<{}>; fresh: StyleObject<{}>; sunset: StyleObject<{}>; fisher: StyleObject<{}>; acid: StyleObject<{}>; fog: StyleObject<{}>; milk: StyleObject<{}>; grass: StyleObject<{}>; malinka: StyleObject<{}>; morpheus: StyleObject<{}>; desert: StyleObject<{}>; warm: StyleObject<{}>; warmth: StyleObject<{}>; spring: StyleObject<{}>; wild: StyleObject<{}>; pine: StyleObject<{}>; miracle: StyleObject<{}>; plum: StyleObject<{}>; night: StyleObject<{}>; fuchsia: StyleObject<{}>; rainy: StyleObject<{}>; amy: StyleObject<{}>; fly: StyleObject<{}>; }, "$windi.config.gradientConfig.proxy">; } & Inject<{ light: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; dark: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; rose: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; pink: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; fuchsia: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; purple: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; violet: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; indigo: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; blue: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; sky: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; cyan: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; teal: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; emerald: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; green: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; lime: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; yellow: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; amber: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; orange: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; red: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; gray: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; slate: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; zinc: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; neutral: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; stone: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; inherit: ColorStyleObject; current: ColorStyleObject; transparent: ColorStyleObject; black: ColorStyleObject; white: ColorStyleObject; }, "$windi.color.colors.proxy"> & Inject<{ fixed: StyleObject<{}>; local: StyleObject<{}>; scroll: StyleObject<{}>; }, "$windi.config.backgroundAttachmentConfig.proxy"> & Inject<{ bottom: Omit<{ DEFAULT: StyleObject<{}>; left: StyleObject<{}>; right: StyleObject<{}>; }, "DEFAULT"> & StyleObjectBase & { readonly css: CSSObject | CSSMap; readonly meta: UtilityMeta; }; center: StyleObject<{}>; left: Omit<{ DEFAULT: StyleObject<{}>; top: StyleObject<{}>; bottom: StyleObject<{}>; }, "DEFAULT"> & StyleObjectBase & { readonly css: CSSObject | CSSMap; readonly meta: UtilityMeta; }; right: Omit<{ DEFAULT: StyleObject<{}>; top: StyleObject<{}>; bottom: StyleObject<{}>; }, "DEFAULT"> & StyleObjectBase & { readonly css: CSSObject | CSSMap; readonly meta: UtilityMeta; }; top: Omit<{ DEFAULT: StyleObject<{}>; left: StyleObject<{}>; right: StyleObject<{}>; }, "DEFAULT"> & StyleObjectBase & { readonly css: CSSObject | CSSMap; readonly meta: UtilityMeta; }; }, "$windi.config.backgroundPositionConfig.proxy"> & Inject<{ repeat: Omit<{ DEFAULT: StyleObject<{}>; x: StyleObject<{}>; y: StyleObject<{}>; round: StyleObject<{}>; space: StyleObject<{}>; }, "DEFAULT"> & StyleObjectBase & { readonly css: CSSObject | CSSMap; readonly meta: UtilityMeta; }; noRepeat: StyleObject<{}>; }, "$windi.config.backgroundRepeatConfig.proxy"> & Inject<{ auto: StyleObject<{}>; cover: StyleObject<{}>; contain: StyleObject<{}>; }, "$windi.config.backgroundSizeConfig.proxy"> & Inject<{ none: StyleObject<{}>; }, "$windi.config.backgroundImageConfig.proxy">; export declare const blend: Inject<{ normal: StyleObject<{}>; multiply: StyleObject<{}>; screen: StyleObject<{}>; overlay: StyleObject<{}>; darken: StyleObject<{}>; lighten: StyleObject<{}>; hardLight: StyleObject<{}>; softLight: StyleObject<{}>; difference: StyleObject<{}>; exclusion: StyleObject<{}>; hue: StyleObject<{}>; saturation: StyleObject<{}>; color: { readonly css: CSSObject | CSSMap; readonly meta: UtilityMeta; } & Omit<{ DEFAULT: StyleObject<{}>; dodge: StyleObject<{}>; burn: StyleObject<{}>; }, "DEFAULT"> & StyleObjectBase; luminosity: StyleObject<{}>; }, "$windi.config.blendModeConfig.proxy">; export declare const blur: ((radius: CSSLength) => string) & Inject<{ DEFAULT: StyleObject<{}>; 0: StyleObject<{}>; sm: StyleObject<{}>; md: StyleObject<{}>; lg: StyleObject<{}>; xl: StyleObject<{}>; "2xl": StyleObject<{}>; "3xl": StyleObject<{}>; } & StyleObjectBase & { readonly css: CSSObject | CSSMap; readonly meta: UtilityMeta; }, "$windi.config.blurConfig.proxy">; export declare const border: { opacity: Inject<{ 0: StyleObject<{}>; 5: StyleObject<{}>; 10: StyleObject<{}>; 20: StyleObject<{}>; 25: StyleObject<{}>; 30: StyleObject<{}>; 40: StyleObject<{}>; 50: StyleObject<{}>; 60: StyleObject<{}>; 70: StyleObject<{}>; 75: StyleObject<{}>; 80: StyleObject<{}>; 90: StyleObject<{}>; 95: StyleObject<{}>; 100: StyleObject<{}>; }, "$windi.config.opacityConfig.proxy">; } & Inject<{ solid: StyleObject<{}>; dashed: StyleObject<{}>; dotted: StyleObject<{}>; double: StyleObject<{}>; none: StyleObject<{}>; }, "$windi.config.borderStyleConfig.proxy"> & Inject<{ DEFAULT: StyleObject<{}>; 0: StyleObject<{}>; 1: StyleObject<{}>; 2: StyleObject<{}>; 4: StyleObject<{}>; 8: StyleObject<{}>; } & StyleObjectBase & { readonly css: CSSObject | CSSMap; readonly meta: UtilityMeta; }, "$windi.config.borderWidthConfig.proxy"> & Inject<{ light: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; dark: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; rose: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; pink: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; fuchsia: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; purple: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; violet: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; indigo: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; blue: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; sky: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; cyan: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; teal: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; emerald: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; green: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; lime: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; yellow: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; amber: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; orange: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; red: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; gray: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; slate: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; zinc: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; neutral: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; stone: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; inherit: ColorStyleObject; current: ColorStyleObject; transparent: ColorStyleObject; black: ColorStyleObject; white: ColorStyleObject; }, "$windi.color.colors.proxy">; export declare const brightness: ((amount: number | (CSSDimensionObject & { type: "percent"; })) => string) & Inject<{ 0: StyleObject<{}>; 30: StyleObject<{}>; 45: StyleObject<{}>; 50: StyleObject<{}>; 60: StyleObject<{}>; 75: StyleObject<{}>; 90: StyleObject<{}>; 95: StyleObject<{}>; 100: StyleObject<{}>; 105: StyleObject<{}>; 110: StyleObject<{}>; 125: StyleObject<{}>; 150: StyleObject<{}>; }, "$windi.config.brightnessConfig.proxy">; export declare const col: { start: Inject<{ auto: StyleObject<{}>; 1: StyleObject<{}>; 2: StyleObject<{}>; 3: StyleObject<{}>; 4: StyleObject<{}>; 5: StyleObject<{}>; 6: StyleObject<{}>; 7: StyleObject<{}>; 8: StyleObject<{}>; 9: StyleObject<{}>; 10: StyleObject<{}>; 11: StyleObject<{}>; 12: StyleObject<{}>; 13: StyleObject<{}>; }, "$windi.config.gridColumnStartConfig.proxy">; end: Inject<{ auto: StyleObject<{}>; 1: StyleObject<{}>; 2: StyleObject<{}>; 3: StyleObject<{}>; 4: StyleObject<{}>; 5: StyleObject<{}>; 6: StyleObject<{}>; 7: StyleObject<{}>; 8: StyleObject<{}>; 9: StyleObject<{}>; 10: StyleObject<{}>; 11: StyleObject<{}>; 12: StyleObject<{}>; 13: StyleObject<{}>; }, "$windi.config.gridColumnEndConfig.proxy">; } & Inject<{ auto: StyleObject<{}>; span: Omit<{ 1: StyleObject<{}>; 2: StyleObject<{}>; 3: StyleObject<{}>; 4: StyleObject<{}>; 5: StyleObject<{}>; 6: StyleObject<{}>; 7: StyleObject<{}>; 8: StyleObject<{}>; 9: StyleObject<{}>; 10: StyleObject<{}>; 11: StyleObject<{}>; 12: StyleObject<{}>; full: StyleObject<{}>; }, "DEFAULT">; }, "$windi.config.gridColumnConfig.proxy">; export declare const colors: Inject<{ light: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; dark: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; rose: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; pink: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; fuchsia: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; purple: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; violet: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; indigo: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; blue: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; sky: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; cyan: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; teal: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; emerald: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; green: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; lime: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; yellow: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; amber: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; orange: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; red: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; gray: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; slate: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; zinc: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; neutral: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; stone: { 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; }; inherit: string; current: string; transparent: string; black: string; white: string; }, "$windi.config.colorsConfig">; export declare const container: StyleObject<Record<string, unknown>>; export declare const contrast: ((amount: number | (CSSDimensionObject & { type: "percent"; })) => string) & Inject<{ 0: StyleObject<{}>; 30: StyleObject<{}>; 45: StyleObject<{}>; 50: StyleObject<{}>; 60: StyleObject<{}>; 75: StyleObject<{}>; 90: StyleObject<{}>; 95: StyleObject<{}>; 100: StyleObject<{}>; 105: StyleObject<{}>; 110: StyleObject<{}>; 125: StyleObject<{}>; 150: StyleObject<{}>; }, "$windi.config.contrastConfig.proxy">; export declare const decoration: { opacity: Inject<{ 0: StyleObject<{}>; 5: StyleObject<{}>; 10: StyleObject<{}>; 20: StyleObject<{}>; 25: StyleObject<{}>; 30: StyleObject<{}>; 40: StyleObject<{}>; 50: StyleObject<{}>; 60: StyleObject<{}>; 70: StyleObject<{}>; 75: StyleObject<{}>; 80: StyleObject<{}>; 90: StyleObject<{}>; 95: StyleObject<{}>; 100: StyleObject<{}>; }, "$windi.config.opacityConfig.proxy">; offset: Inject<{ auto: StyleObject<{}>; 0: StyleObject<{}>; 1: StyleObject<{}>; 2: StyleObject<{}>; 3: StyleObject<{}>; 4: StyleObject<{}>; 5: StyleObject<{}>; 6: StyleObject<{}>; 7: StyleObject<{}>; 8: StyleObject<{}>; }, "$windi.config.textDecorationOffsetConfig.proxy">; } & Inject<{ underline: StyleObject<{}>; overline: StyleObject<{}>; linethrough: StyleObject<{}>; none: StyleObject<{}>; }, "$windi.config.textDecorationTypeConfig.proxy"> & Inject<{ solid: StyleObject<{}>; double: StyleObject<{}>; dotted: StyleObject<{}>; dashed: StyleObject<{}>; wavy: StyleObject<{}>; }, "$windi.config.textDecorationStyleConfig.proxy"> & Inject<{ auto: StyleObject<{}>; 0: StyleObject<{}>; 1: StyleObject<{}>; 2: StyleObject<{}>; 3: StyleObject<{}>; 4: StyleObject<{}>; 5: StyleObject<{}>; 6: StyleObject<{}>; 7: StyleObject<{}>; 8: StyleObject<{}>; }, "$windi.config.textDecorationThicknessConfig.proxy"> & Inject<{ clone: StyleObject<{}>; slice: StyleObject<{}>; }, "$windi.config.boxDecorationBreakConfig.proxy"> & Inject<{ light: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; dark: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; rose: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; pink: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; fuchsia: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; purple: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; violet: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; indigo: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; blue: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; sky: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; cyan: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; teal: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DEFAULT">; emerald: Omit<{ 50: ColorStyleObject; 100: ColorStyleObject; 200: ColorStyleObject; 300: ColorStyleObject; 400: ColorStyleObject; 500: ColorStyleObject; 600: ColorStyleObject; 700: ColorStyleObject; 800: ColorStyleObject; 900: ColorStyleObject; }, "DE