@yahoo/uds 0.4.5 → 0.5.0

package/dist/index.native.d.cts

@@ -1,13 +1,1107 @@
 import * as react from 'react';
 import { Dispatch, SetStateAction } from 'react';
-import { e as UniversalBoxProps, f as UniversalStackProps, g as UniversalTextProps, h as UniversalIconProps, C as ColorModeForApp, i as ColorMode, S as ScaleModeForApp, j as ScaleMode, M as Modes, k as UniversalTokensConfig, B as BackgroundStyleProps, l as BorderStyleProps, L as LayoutStyleProps, F as FlexStyleProps, m as SpacingStyleProps, T as TextStyleProps, I as ImageStyleProps, n as CustomSizingStyleProps, A as AvatarSizeConfig, o as IconSizeConfig, p as BorderRadiusConfig, q as BorderWidthConfig, r as FontFamilyConfig, s as FontSizeConfig, t as FontWeightConfig, u as LineHeightConfig, v as TextTransformConfig, w as FontFamilyGlobalConfig, x as StyleProps } from './types-Dk8fLx7L.cjs';
-export { z as AlwaysPalette, D as AlwaysPaletteAlias, E as Animation, G as AriaAttribute, H as AvatarShape, J as AvatarSize, K as BackgroundColor, N as BackgroundPalette, O as BackgroundPaletteAlias, P as BorderRadius, Q as BorderWidth, R as BoxShadowConfig, V as ButtonSize, W as ButtonVariant, X as ColorModeConfig, Y as ColorsConfig, Z as ConfigurableTextProperty, _ as CorePalette, $ as CorePaletteAlias, a0 as DataAttribute, a1 as Display, a2 as Flex, a3 as FlexAlignContent, a4 as FlexAlignItems, a5 as FlexAlignSelf, a6 as FlexBasis, a7 as FlexDirection, a8 as FlexGrow, a9 as FlexJustifyContent, aa as FlexShrink, ab as FlexWrap, ac as FontFamilyGlobalAlias, ad as FontSize, ae as FontWeightDescriptive, af as FontWeightNumeric, ag as ForegroundColor, ah as ForegroundPalette, ai as ForegroundPaletteAlias, aj as HighContrastMode, ak as Hue, al as HueStep, am as IconName, an as IconSize, ao as LetterSpacing, ap as LineClampAlias, aq as LineColor, ar as LineHeight, as as LinePalette, at as LinePaletteAlias, au as Overflow, av as Palette, aw as PaletteConfig, ax as PaletteType, ay as PaletteValue, az as PlatformMode, aA as Position, aB as RegionMode, aC as ScaleConfig, aD as ScaleModeConfig, aE as SpacingAlias, aF as SpacingConfig, aG as SpectrumColor, aH as SpectrumConfig, aI as StateStyleProps, aJ as TextTransform, aK as TextVariant, aL as TransitionDelay, aM as TransitionDuration, aN as TransitionTiming, U as UniversalAvatarProps, a as UniversalButtonProps, c as UniversalIconButtonProps, d as UniversalImageProps, b as UniversalPressableProps, aO as UniversalTextInputProps, y as alwaysPalette } from './types-Dk8fLx7L.cjs';
+import { e as UniversalBoxProps, f as UniversalStackProps, g as UniversalTextProps, h as UniversalIconProps, C as ColorModeForApp, i as ColorMode, S as ScaleModeForApp, j as ScaleMode, M as Modes, k as UniversalTokensConfig, l as StyleProps, A as AvatarSizeConfig, I as IconSizeConfig, B as BorderRadiusConfig, m as BorderWidthConfig, F as FontFamilyConfig, n as FontSizeConfig, o as FontWeightConfig, L as LineHeightConfig, T as TextTransformConfig, p as FontFamilyGlobalConfig } from './types-at8CTkly.cjs';
+export { r as AlwaysPalette, s as AlwaysPaletteAlias, t as Animation, u as AriaAttribute, v as AvatarShape, w as AvatarSize, x as BackgroundColor, y as BackgroundPalette, z as BackgroundPaletteAlias, D as BackgroundStyleProps, E as BorderRadius, G as BorderStyleProps, H as BorderWidth, J as BoxShadowConfig, K as ButtonSize, N as ButtonVariant, O as ColorModeConfig, P as ColorsConfig, Q as ConfigurableTextProperty, R as CorePalette, V as CorePaletteAlias, W as CustomSizingStyleProps, X as DataAttribute, Y as Display, Z as Flex, _ as FlexAlignContent, $ as FlexAlignItems, a0 as FlexAlignSelf, a1 as FlexBasis, a2 as FlexDirection, a3 as FlexGrow, a4 as FlexJustifyContent, a5 as FlexShrink, a6 as FlexStyleProps, a7 as FlexWrap, a8 as FontFamilyGlobalAlias, a9 as FontSize, aa as FontWeightDescriptive, ab as FontWeightNumeric, ac as ForegroundColor, ad as ForegroundPalette, ae as ForegroundPaletteAlias, af as HighContrastMode, ag as Hue, ah as HueStep, ai as IconSize, aj as ImageStyleProps, ak as LayoutStyleProps, al as LetterSpacing, am as LineClampAlias, an as LineColor, ao as LineHeight, ap as LinePalette, aq as LinePaletteAlias, ar as Overflow, as as Palette, at as PaletteConfig, au as PaletteType, av as PaletteValue, aw as PlatformMode, ax as Position, ay as RegionMode, az as ScaleConfig, aA as ScaleModeConfig, aB as SpacingAlias, aC as SpacingConfig, aD as SpacingStyleProps, aE as SpectrumColor, aF as SpectrumConfig, aG as StateStyleProps, aH as TextStyleProps, aI as TextTransform, aJ as TextVariant, aK as TransitionDelay, aL as TransitionDuration, aM as TransitionTiming, U as UniversalAvatarProps, a as UniversalButtonProps, c as UniversalIconButtonProps, d as UniversalImageProps, b as UniversalPressableProps, aN as UniversalTextInputProps, q as alwaysPalette } from './types-at8CTkly.cjs';
 import { ViewProps, View, TextProps as TextProps$1, Text as Text$1, ScrollViewProps, ScrollView, StyleProp, ViewStyle, TextStyle } from 'react-native';
-export { a as IconButton, b as IconButtonProps, c as Image, I as ImageProps, d as Pressable, P as PressableProps } from './Image.native-CfDCpWe_.cjs';
+export { a as IconButton, b as IconButtonProps, c as Image, I as ImageProps, d as Pressable, P as PressableProps } from './Image.native-DyqCXXic.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { EdgeInsets } from 'react-native-safe-area-context';
 import { ImageStyle } from 'expo-image';
-export { c as DEFAULT_COLOR_MODE, D as DEFAULT_COLOR_MODE_FOR_APP, g as DEFAULT_HIGH_CONTRAST_MODE, h as DEFAULT_REGION_MODE, e as DEFAULT_SCALE_MODE, b as DEFAULT_SCALE_MODE_FOR_APP, d as defaultTokensConfig, f as fontFamilyGlobal, a as fontWeightMap } from './index.native-A2gCijBH.cjs';
+export { c as DEFAULT_COLOR_MODE, D as DEFAULT_COLOR_MODE_FOR_APP, g as DEFAULT_HIGH_CONTRAST_MODE, h as DEFAULT_REGION_MODE, e as DEFAULT_SCALE_MODE, b as DEFAULT_SCALE_MODE_FOR_APP, d as defaultTokensConfig, f as fontFamilyGlobal, a as fontWeightMap } from './index.native-VZWytAxw.cjs';
+
+declare const variants: {
+    color: {
+        accent: string;
+        alert: string;
+        black: string;
+        brand: string;
+        positive: string;
+        warning: string;
+        white: string;
+        transparent: string;
+        muted: string;
+        'on-color': string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    placeholderColor: {
+        accent: string;
+        alert: string;
+        black: string;
+        brand: string;
+        positive: string;
+        warning: string;
+        white: string;
+        transparent: string;
+        muted: string;
+        'on-color': string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    fontFamily: {
+        icons: string;
+        sans: string;
+        'sans-beta': string;
+        'sans-condensed': string;
+        'serif-text': string;
+        'serif-display': string;
+        display1: string;
+        display2: string;
+        display3: string;
+        title1: string;
+        title2: string;
+        title3: string;
+        title4: string;
+        headline1: string;
+        body1: string;
+        label1: string;
+        label2: string;
+        caption1: string;
+        caption2: string;
+        legal1: string;
+    };
+    fontSize: {
+        display1: string;
+        display2: string;
+        display3: string;
+        title1: string;
+        title2: string;
+        title3: string;
+        title4: string;
+        headline1: string;
+        body1: string;
+        label1: string;
+        label2: string;
+        caption1: string;
+        caption2: string;
+        legal1: string;
+    };
+    fontWeight: {
+        thin: string;
+        extralight: string;
+        light: string;
+        regular: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+        display1: string;
+        display2: string;
+        display3: string;
+        title1: string;
+        title2: string;
+        title3: string;
+        title4: string;
+        headline1: string;
+        body1: string;
+        label1: string;
+        label2: string;
+        caption1: string;
+        caption2: string;
+        legal1: string;
+    };
+    lineHeight: {
+        display1: string;
+        display2: string;
+        display3: string;
+        title1: string;
+        title2: string;
+        title3: string;
+        title4: string;
+        headline1: string;
+        body1: string;
+        label1: string;
+        label2: string;
+        caption1: string;
+        caption2: string;
+        legal1: string;
+    };
+    textAlign: {
+        center: string;
+        justify: string;
+        start: string;
+        end: string;
+    };
+    textTransform: {
+        display1: string;
+        display2: string;
+        display3: string;
+        title1: string;
+        title2: string;
+        title3: string;
+        title4: string;
+        headline1: string;
+        body1: string;
+        label1: string;
+        label2: string;
+        caption1: string;
+        caption2: string;
+        legal1: string;
+        none: string;
+        uppercase: string;
+        lowercase: string;
+        capitalize: string;
+    };
+    spacing: {
+        '0': string;
+        px: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '2.5': string;
+        '3': string;
+        '3.5': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '20': string;
+        '24': string;
+        '28': string;
+        '32': string;
+        '36': string;
+        '40': string;
+        '44': string;
+        '48': string;
+        '52': string;
+        '56': string;
+        '60': string;
+        '64': string;
+        '72': string;
+        '80': string;
+        '96': string;
+    };
+    spacingHorizontal: {
+        '0': string;
+        px: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '2.5': string;
+        '3': string;
+        '3.5': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '20': string;
+        '24': string;
+        '28': string;
+        '32': string;
+        '36': string;
+        '40': string;
+        '44': string;
+        '48': string;
+        '52': string;
+        '56': string;
+        '60': string;
+        '64': string;
+        '72': string;
+        '80': string;
+        '96': string;
+    };
+    spacingVertical: {
+        '0': string;
+        px: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '2.5': string;
+        '3': string;
+        '3.5': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '20': string;
+        '24': string;
+        '28': string;
+        '32': string;
+        '36': string;
+        '40': string;
+        '44': string;
+        '48': string;
+        '52': string;
+        '56': string;
+        '60': string;
+        '64': string;
+        '72': string;
+        '80': string;
+        '96': string;
+    };
+    spacingBottom: {
+        '0': string;
+        px: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '2.5': string;
+        '3': string;
+        '3.5': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '20': string;
+        '24': string;
+        '28': string;
+        '32': string;
+        '36': string;
+        '40': string;
+        '44': string;
+        '48': string;
+        '52': string;
+        '56': string;
+        '60': string;
+        '64': string;
+        '72': string;
+        '80': string;
+        '96': string;
+    };
+    spacingEnd: {
+        '0': string;
+        px: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '2.5': string;
+        '3': string;
+        '3.5': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '20': string;
+        '24': string;
+        '28': string;
+        '32': string;
+        '36': string;
+        '40': string;
+        '44': string;
+        '48': string;
+        '52': string;
+        '56': string;
+        '60': string;
+        '64': string;
+        '72': string;
+        '80': string;
+        '96': string;
+    };
+    spacingStart: {
+        '0': string;
+        px: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '2.5': string;
+        '3': string;
+        '3.5': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '20': string;
+        '24': string;
+        '28': string;
+        '32': string;
+        '36': string;
+        '40': string;
+        '44': string;
+        '48': string;
+        '52': string;
+        '56': string;
+        '60': string;
+        '64': string;
+        '72': string;
+        '80': string;
+        '96': string;
+    };
+    spacingTop: {
+        '0': string;
+        px: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '2.5': string;
+        '3': string;
+        '3.5': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '20': string;
+        '24': string;
+        '28': string;
+        '32': string;
+        '36': string;
+        '40': string;
+        '44': string;
+        '48': string;
+        '52': string;
+        '56': string;
+        '60': string;
+        '64': string;
+        '72': string;
+        '80': string;
+        '96': string;
+    };
+    offset: {
+        '0': string;
+        px: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '2.5': string;
+        '3': string;
+        '3.5': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '20': string;
+        '24': string;
+        '28': string;
+        '32': string;
+        '36': string;
+        '40': string;
+        '44': string;
+        '48': string;
+        '52': string;
+        '56': string;
+        '60': string;
+        '64': string;
+        '72': string;
+        '80': string;
+        '96': string;
+    };
+    offsetVertical: {
+        '0': string;
+        px: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '2.5': string;
+        '3': string;
+        '3.5': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '20': string;
+        '24': string;
+        '28': string;
+        '32': string;
+        '36': string;
+        '40': string;
+        '44': string;
+        '48': string;
+        '52': string;
+        '56': string;
+        '60': string;
+        '64': string;
+        '72': string;
+        '80': string;
+        '96': string;
+    };
+    offsetHorizontal: {
+        '0': string;
+        px: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '2.5': string;
+        '3': string;
+        '3.5': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '20': string;
+        '24': string;
+        '28': string;
+        '32': string;
+        '36': string;
+        '40': string;
+        '44': string;
+        '48': string;
+        '52': string;
+        '56': string;
+        '60': string;
+        '64': string;
+        '72': string;
+        '80': string;
+        '96': string;
+    };
+    offsetBottom: {
+        '0': string;
+        px: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '2.5': string;
+        '3': string;
+        '3.5': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '20': string;
+        '24': string;
+        '28': string;
+        '32': string;
+        '36': string;
+        '40': string;
+        '44': string;
+        '48': string;
+        '52': string;
+        '56': string;
+        '60': string;
+        '64': string;
+        '72': string;
+        '80': string;
+        '96': string;
+    };
+    offsetEnd: {
+        '0': string;
+        px: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '2.5': string;
+        '3': string;
+        '3.5': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '20': string;
+        '24': string;
+        '28': string;
+        '32': string;
+        '36': string;
+        '40': string;
+        '44': string;
+        '48': string;
+        '52': string;
+        '56': string;
+        '60': string;
+        '64': string;
+        '72': string;
+        '80': string;
+        '96': string;
+    };
+    offsetStart: {
+        '0': string;
+        px: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '2.5': string;
+        '3': string;
+        '3.5': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '20': string;
+        '24': string;
+        '28': string;
+        '32': string;
+        '36': string;
+        '40': string;
+        '44': string;
+        '48': string;
+        '52': string;
+        '56': string;
+        '60': string;
+        '64': string;
+        '72': string;
+        '80': string;
+        '96': string;
+    };
+    offsetTop: {
+        '0': string;
+        px: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '2.5': string;
+        '3': string;
+        '3.5': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '20': string;
+        '24': string;
+        '28': string;
+        '32': string;
+        '36': string;
+        '40': string;
+        '44': string;
+        '48': string;
+        '52': string;
+        '56': string;
+        '60': string;
+        '64': string;
+        '72': string;
+        '80': string;
+        '96': string;
+    };
+    columnGap: {
+        '0': string;
+        px: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '2.5': string;
+        '3': string;
+        '3.5': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '20': string;
+        '24': string;
+        '28': string;
+        '32': string;
+        '36': string;
+        '40': string;
+        '44': string;
+        '48': string;
+        '52': string;
+        '56': string;
+        '60': string;
+        '64': string;
+        '72': string;
+        '80': string;
+        '96': string;
+    };
+    rowGap: {
+        '0': string;
+        px: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '2.5': string;
+        '3': string;
+        '3.5': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '20': string;
+        '24': string;
+        '28': string;
+        '32': string;
+        '36': string;
+        '40': string;
+        '44': string;
+        '48': string;
+        '52': string;
+        '56': string;
+        '60': string;
+        '64': string;
+        '72': string;
+        '80': string;
+        '96': string;
+    };
+    backgroundColor: {
+        accent: string;
+        alert: string;
+        black: string;
+        brand: string;
+        positive: string;
+        warning: string;
+        white: string;
+        primary: string;
+        secondary: string;
+        transparent: string;
+    };
+    borderColor: {
+        accent: string;
+        alert: string;
+        black: string;
+        brand: string;
+        positive: string;
+        warning: string;
+        white: string;
+        transparent: string;
+        muted: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    borderColorOnActive: {
+        accent: string;
+        alert: string;
+        black: string;
+        brand: string;
+        positive: string;
+        warning: string;
+        white: string;
+        transparent: string;
+        muted: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    borderColorOnFocus: {
+        accent: string;
+        alert: string;
+        black: string;
+        brand: string;
+        positive: string;
+        warning: string;
+        white: string;
+        transparent: string;
+        muted: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    borderColorOnHover: {
+        accent: string;
+        alert: string;
+        black: string;
+        brand: string;
+        positive: string;
+        warning: string;
+        white: string;
+        transparent: string;
+        muted: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    borderColorOnChecked: {
+        accent: string;
+        alert: string;
+        black: string;
+        brand: string;
+        positive: string;
+        warning: string;
+        white: string;
+        transparent: string;
+        muted: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    borderStartColor: {
+        accent: string;
+        alert: string;
+        black: string;
+        brand: string;
+        positive: string;
+        warning: string;
+        white: string;
+        transparent: string;
+        muted: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    borderEndColor: {
+        accent: string;
+        alert: string;
+        black: string;
+        brand: string;
+        positive: string;
+        warning: string;
+        white: string;
+        transparent: string;
+        muted: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    borderBottomColor: {
+        accent: string;
+        alert: string;
+        black: string;
+        brand: string;
+        positive: string;
+        warning: string;
+        white: string;
+        transparent: string;
+        muted: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    borderTopColor: {
+        accent: string;
+        alert: string;
+        black: string;
+        brand: string;
+        positive: string;
+        warning: string;
+        white: string;
+        transparent: string;
+        muted: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    borderRadius: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+    borderTopStartRadius: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+    borderTopEndRadius: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+    borderBottomStartRadius: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+    borderBottomEndRadius: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+    borderWidth: {
+        none: string;
+        thin: string;
+        medium: string;
+        thick: string;
+    };
+    borderVerticalWidth: {
+        none: string;
+        thin: string;
+        medium: string;
+        thick: string;
+    };
+    borderHorizontalWidth: {
+        none: string;
+        thin: string;
+        medium: string;
+        thick: string;
+    };
+    borderStartWidth: {
+        none: string;
+        thin: string;
+        medium: string;
+        thick: string;
+    };
+    borderEndWidth: {
+        none: string;
+        thin: string;
+        medium: string;
+        thick: string;
+    };
+    borderTopWidth: {
+        none: string;
+        thin: string;
+        medium: string;
+        thick: string;
+    };
+    borderBottomWidth: {
+        none: string;
+        thin: string;
+        medium: string;
+        thick: string;
+    };
+    avatarSize: {
+        s: string;
+        m: string;
+        l: string;
+    };
+    iconSize: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    alignContent: {
+        'flex-start': string;
+        'flex-end': string;
+        center: string;
+        stretch: string;
+        'space-between': string;
+        'space-around': string;
+    };
+    alignItems: {
+        'flex-start': string;
+        'flex-end': string;
+        center: string;
+        stretch: string;
+        baseline: string;
+    };
+    alignSelf: {
+        auto: string;
+        'flex-start': string;
+        'flex-end': string;
+        center: string;
+        stretch: string;
+        baseline: string;
+    };
+    flex: {
+        '1': string;
+        auto: string;
+        initial: string;
+        none: string;
+    };
+    flexDirection: {
+        row: string;
+        column: string;
+        'row-reverse': string;
+        'column-reverse': string;
+    };
+    flexGrow: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+    };
+    flexShrink: {
+        '0': string;
+        '1': string;
+    };
+    flexWrap: {
+        wrap: string;
+        'wrap-reverse': string;
+        nowrap: string;
+    };
+    justifyContent: {
+        'flex-start': string;
+        'flex-end': string;
+        center: string;
+        'space-between': string;
+        'space-around': string;
+        'space-evenly': string;
+    };
+    flexBasis: {
+        'min-content': string;
+    };
+    display: {
+        block: string;
+        'inline-block': string;
+        inline: string;
+        flex: string;
+        'inline-flex': string;
+        table: string;
+        'inline-table': string;
+        'table-caption': string;
+        'table-cell': string;
+        'table-column': string;
+        'table-column-group': string;
+        'table-footer-group': string;
+        'table-header-group': string;
+        'table-row-group': string;
+        'table-row': string;
+        'flow-root': string;
+        grid: string;
+        contents: string;
+    };
+    overflow: {
+        auto: string;
+        hidden: string;
+        clip: string;
+        visible: string;
+        scroll: string;
+    };
+    overflowX: {
+        auto: string;
+        hidden: string;
+        clip: string;
+        visible: string;
+        scroll: string;
+    };
+    overflowY: {
+        auto: string;
+        hidden: string;
+        clip: string;
+        visible: string;
+        scroll: string;
+    };
+    position: {
+        static: string;
+        fixed: string;
+        absolute: string;
+        relative: string;
+        sticky: string;
+    };
+    contentFit: {
+        contain: string;
+        cover: string;
+        fill: string;
+        none: string;
+        'scale-down': string;
+    };
+    colorMode: {
+        dark: string;
+        light: string;
+    };
+    scaleMode: {
+        xSmall: string;
+        small: string;
+        medium: string;
+        large: string;
+        xLarge: string;
+        xxxLarge: string;
+        xxLarge: string;
+    };
+};
 
 declare const UDS_PREFIX = "uds";
 declare const SPECTRUM_COLOR_PREFIX = "uds-spectrum-color";
@@ -80,7 +1174,25 @@ declare const Text: react.ForwardRefExoticComponent<TextProps & react.RefAttribu
 
 interface IconProps extends UniversalIconProps, TextPropsOriginal {
 }
-declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<Text$1>>;
+/**
+ * Icons are small symbols for actions or other items. They are available in
+ * three different sizes: `sm`, `md`, and `lg`. Each size also supports an
+ * outline and fill variant. Icons can be colored using the `color` prop.
+ *
+ * The component is available in the `@yahoo/uds` package but is meant to be used
+ * with the assets in `@yahoo/uds-icons`. You will need both packages to use icons.
+ * A separate package provides modularity from the core library, better
+ * versioning strategies, and tree shakeability.
+ *
+ * **Basic usage**
+ * ```tsx
+ * import { Icon } from '@yahoo/uds';
+ * import { AddFolder } from '@yahoo/uds-icons';
+ *
+ * <Icon name={AddFolder} variant="fill" size="sm" />
+ * ```
+ */
+declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 
 type VStackProps = UniversalStackProps & ViewProps;
 declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & ViewProps & react.RefAttributes<View>>;
@@ -177,8 +1289,8 @@ interface CVA<T> {
 type ReactNativeStyle = StyleProp<ViewStyle | TextStyle | ImageStyle>;
 declare function createStyler({ colorMode, scaleMode }: Modes, config: UniversalTokensConfig): {
     cva: CVA<ReactNativeStyle>;
-    getStyles: <T extends ReactNativeStyle>({ style, ...props }: BackgroundStyleProps & BorderStyleProps & LayoutStyleProps & FlexStyleProps & SpacingStyleProps & TextStyleProps & ImageStyleProps & CustomSizingStyleProps & {
-        style?: T | undefined;
+    getStyles: <T extends ReactNativeStyle>({ style, ...props }: StyleProps & {
+        style?: T;
     }) => ReactNativeStyle;
     tokens: {
         avatarSizes: AvatarSizeConfig;
@@ -583,8 +1695,8 @@ declare function createStyler({ colorMode, scaleMode }: Modes, config: Universal
 };
 declare const DEFAULT_STYLER: {
     cva: CVA<ReactNativeStyle>;
-    getStyles: <T extends ReactNativeStyle>({ style, ...props }: BackgroundStyleProps & BorderStyleProps & LayoutStyleProps & FlexStyleProps & SpacingStyleProps & TextStyleProps & ImageStyleProps & CustomSizingStyleProps & {
-        style?: T | undefined;
+    getStyles: <T extends ReactNativeStyle>({ style, ...props }: StyleProps & {
+        style?: T;
     }) => ReactNativeStyle;
     tokens: {
         avatarSizes: AvatarSizeConfig;
@@ -1403,4 +2515,4 @@ interface ThemeProviderProps extends React.PropsWithChildren {
 }
 declare function ThemeProvider({ children, colorModeForApp, scaleModeForApp, config, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 
-export { AVATAR_SIZE_PREFIX, AvatarSizeConfig, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BackgroundStyleProps, BorderRadiusConfig, BorderStyleProps, BorderWidthConfig, Box, type BoxProps, ColorMode, ColorModeContext, ColorModeForApp, ColorModeForAppContext, ColorModeForAppContextUpdater, ColorModeForAppProvider, type ColorModeForAppProviderProps, ColorModeForDeviceContext, ColorModeForDeviceProvider, type ColorModeForDeviceProviderProps, ColorModeProvider, type ColorModeProviderProps, ComputedTokensContext, ComputedTokensProvider, type ComputedTokensProviderProps, CustomSizingStyleProps, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_STYLER, FONT_FAMILY_PREFIX, FONT_ICONS_CSS_VAR, FONT_SANS_BETA_CSS_VAR, FONT_SANS_CONDENSED_CSS_VAR, FONT_SANS_CSS_VAR, FONT_SERIF_DISPLAY_CSS_VAR, FONT_SERIF_TEXT_CSS_VAR, FONT_SIZE_PREFIX, FONT_WEIGHT_PREFIX, FlexStyleProps, FontFamilyConfig, FontFamilyGlobalConfig, FontSizeConfig, FontWeightConfig, HStack, type HStackProps, ICON_SIZE_PREFIX, Icon, type IconProps, IconSizeConfig, ImageStyleProps, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, LINE_HEIGHT_PREFIX, LayoutStyleProps, LineHeightConfig, MEDIUM_SCALE_MODE_CLASSNAME, Modes, type ReactNativeStyle, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, ScaleMode, ScaleModeContext, ScaleModeForApp, ScaleModeForAppContext, ScaleModeForAppProvider, type ScaleModeForAppProviderProps, ScaleModeForAppUpdaterContext, ScaleModeForDeviceContext, ScaleModeForDeviceProvider, type ScaleModeForDeviceProviderProps, ScaleModeProvider, type ScaleModeProviderProps, Screen, type ScreenProps, type SetState, SpacingStyleProps, StyleProps, StyleProvider, TEXT_TRANSFORM_PREFIX, Text, type TextProps, type TextPropsOriginal, TextStyleProps, TextTransformConfig, ThemeProvider, type ThemeProviderProps, UDS_PREFIX, UniversalBoxProps, UniversalIconProps, UniversalStackProps, UniversalTextProps, UniversalTokensConfig, VStack, type VStackProps, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, createStyler, entries, fromEntries, mapValues, useAppState, useColorMode, useColorModeForApp, useColorModeForDevice, useComputedTokens, useDeviceFontScale, useScaleMode, useScaleModeForDevice, useStyles, useTokens };
+export { AVATAR_SIZE_PREFIX, AvatarSizeConfig, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BorderRadiusConfig, BorderWidthConfig, Box, type BoxProps, ColorMode, ColorModeContext, ColorModeForApp, ColorModeForAppContext, ColorModeForAppContextUpdater, ColorModeForAppProvider, type ColorModeForAppProviderProps, ColorModeForDeviceContext, ColorModeForDeviceProvider, type ColorModeForDeviceProviderProps, ColorModeProvider, type ColorModeProviderProps, ComputedTokensContext, ComputedTokensProvider, type ComputedTokensProviderProps, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_STYLER, FONT_FAMILY_PREFIX, FONT_ICONS_CSS_VAR, FONT_SANS_BETA_CSS_VAR, FONT_SANS_CONDENSED_CSS_VAR, FONT_SANS_CSS_VAR, FONT_SERIF_DISPLAY_CSS_VAR, FONT_SERIF_TEXT_CSS_VAR, FONT_SIZE_PREFIX, FONT_WEIGHT_PREFIX, FontFamilyConfig, FontFamilyGlobalConfig, FontSizeConfig, FontWeightConfig, HStack, type HStackProps, ICON_SIZE_PREFIX, Icon, type IconProps, IconSizeConfig, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, LINE_HEIGHT_PREFIX, LineHeightConfig, MEDIUM_SCALE_MODE_CLASSNAME, Modes, type ReactNativeStyle, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, ScaleMode, ScaleModeContext, ScaleModeForApp, ScaleModeForAppContext, ScaleModeForAppProvider, type ScaleModeForAppProviderProps, ScaleModeForAppUpdaterContext, ScaleModeForDeviceContext, ScaleModeForDeviceProvider, type ScaleModeForDeviceProviderProps, ScaleModeProvider, type ScaleModeProviderProps, Screen, type ScreenProps, type SetState, StyleProps, StyleProvider, TEXT_TRANSFORM_PREFIX, Text, type TextProps, type TextPropsOriginal, TextTransformConfig, ThemeProvider, type ThemeProviderProps, UDS_PREFIX, UniversalBoxProps, UniversalIconProps, UniversalStackProps, UniversalTextProps, UniversalTokensConfig, VStack, type VStackProps, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, createStyler, entries, fromEntries, mapValues, useAppState, useColorMode, useColorModeForApp, useColorModeForDevice, useComputedTokens, useDeviceFontScale, useScaleMode, useScaleModeForDevice, useStyles, useTokens, variants };