@yahoo/uds 0.5.11 → 1.0.0-beta.0

package/dist/index.native.d.cts

@@ -1,13 +1,14 @@
 import * as react from 'react';
 import { Dispatch, SetStateAction } from 'react';
-import { B as ButtonConfig, 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, m as BorderRadiusConfig, n as BorderWidthConfig, F as FontFamilyConfig, o as FontSizeConfig, p as FontWeightConfig, L as LineHeightConfig, T as TextTransformConfig, q as FontFamilyGlobalConfig } from './types-CLPge83Y.cjs';
-export { s as AlwaysPalette, t as AlwaysPaletteAlias, u as Animation, v as AriaAttribute, w as AvatarShape, x as AvatarSize, y as BackgroundColor, z as BackgroundPalette, D as BackgroundPaletteAlias, E as BackgroundStyleProps, G as BorderRadius, H as BorderStyleProps, J as BorderWidth, K as BoxShadowConfig, N as ButtonBaseConfig, O as ButtonCategory, P as ButtonColorConfig, Q as ButtonColorEffect, R as ButtonColorEffectConfig, V as ButtonColorProperty, W as ButtonColorPropertyConfig, X as ButtonKind, Y as ButtonSize, Z as ButtonSpecrtumColor, _ as ButtonState, $ as ButtonStateConfig, a0 as ButtonStateEffectConfig, a1 as ButtonVariant, a2 as ButtonVariant2, a3 as ColorModeConfig, a4 as ColorsConfig, a5 as ConfigurableTextProperty, a6 as CorePalette, a7 as CorePaletteAlias, a8 as CustomSizingStyleProps, a9 as DataAttribute, aa as Display, ab as Flex, ac as FlexAlignContent, ad as FlexAlignItems, ae as FlexAlignSelf, af as FlexBasis, ag as FlexDirection, ah as FlexGrow, ai as FlexJustifyContent, aj as FlexShrink, ak as FlexStyleProps, al as FlexWrap, am as FontFamilyGlobalAlias, an as FontSize, ao as FontWeightDescriptive, ap as FontWeightNumeric, aq as ForegroundColor, ar as ForegroundPalette, as as ForegroundPaletteAlias, at as HighContrastMode, au as Hue, av as HueStep, aw as IconSize, ax as ImageStyleProps, ay as LayoutStyleProps, az as LetterSpacing, aA as LineClampAlias, aB as LineColor, aC as LineHeight, aD as LinePalette, aE as LinePaletteAlias, aF as Overflow, aG as Palette, aH as PaletteConfig, aI as PaletteType, aJ as PaletteValue, aK as PlatformMode, aL as Position, aM as PropertyToPaletteAliasMap, aN as RegionMode, aO as ScaleConfig, aP as ScaleModeConfig, aQ as SpacingAlias, aR as SpacingConfig, aS as SpacingStyleProps, aT as SpectrumColor, aU as SpectrumConfig, aV as StateStyleProps, b0 as TShirtSize, b1 as TShirtSizeCommon, aW as TextStyleProps, aX as TextTransform, aY as TextVariant, aZ as TransitionDelay, a_ as TransitionDuration, a$ as TransitionTiming, U as UniversalAvatarProps, a as UniversalButtonProps, c as UniversalIconButtonProps, d as UniversalImageProps, b as UniversalPressableProps, b2 as UniversalTextInputProps, r as alwaysPalette } from './types-CLPge83Y.cjs';
+import { B as ButtonKind, C as CorePaletteAlias, e as ButtonBaseConfig, f as ButtonConfig, I as IconButtonConfig, g as UniversalBoxProps, h as UniversalStackProps, i as UniversalTextProps, j as UniversalIconProps, k as ColorModeForApp, l as ColorMode, S as ScaleModeForApp, m as ScaleMode, M as Modes, n as UniversalTokensConfig, o as StyleProps, A as AvatarSizeConfig, p as IconSizeConfig, q as BorderRadiusConfig, r as BorderWidthConfig, F as FontFamilyConfig, s as FontSizeConfig, t as FontWeightConfig, L as LineHeightConfig, T as TextTransformConfig, P as PaletteConfig, u as MotionConfig } from './types-C7KJV1b1.cjs';
+export { x as AVATAR_SIZE_PREFIX, a7 as AlwaysPalette, a8 as AlwaysPaletteAlias, a9 as Animation, aa as AriaAttribute, ab as AvatarShape, ac as AvatarSize, y as BORDER_RADIUS_PREFIX, z as BORDER_WIDTH_PREFIX, a2 as BUTTON_CSS_VAR_MAP, ad as BackgroundColor, ae as BackgroundPalette, af as BackgroundPaletteAlias, ag as BackgroundStyleProps, ah as BorderRadius, ai as BorderStyleProps, aj as BorderWidth, ak as BoxShadowConfig, al as ButtonClassMap, am as ButtonClassName, an as ButtonColorConfig, ao as ButtonColorEffect, ap as ButtonColorEffectConfig, aq as ButtonColorProperty, ar as ButtonColorPropertyConfig, as as ButtonMotionEffect, at as ButtonMotionProperty, au as ButtonMotionPropertyConfig, av as ButtonPalette, aw as ButtonPaletteColor, ax as ButtonPaletteConfig, ay as ButtonSize, az as ButtonSizeConfig, aA as ButtonSizeProperty, aB as ButtonSpectrumColor, aC as ButtonState, aD as ButtonStateConfig, aE as ButtonStateEffectConfig, aF as ButtonVariant, aG as ButtonVariantConfig, aH as ColorModeConfig, aI as ColorsConfig, aJ as CorePalette, aK as CustomSizingStyleProps, Q as DARK_COLOR_MODE_CLASSNAME, a0 as DEFAULT_COLOR_MODE_CLASSNAME, a1 as DEFAULT_SCALE_MODE_CLASSNAME, aL as DataAttribute, aM as Display, a6 as FONT_DECLARATIONS_MAP, D as FONT_FAMILY_PREFIX, E as FONT_SIZE_PREFIX, G as FONT_WEIGHT_PREFIX, aN as Flex, aO as FlexAlignContent, aP as FlexAlignItems, aQ as FlexAlignSelf, aR as FlexBasis, aS as FlexDirection, aT as FlexGrow, aU as FlexJustifyContent, aV as FlexShrink, aW as FlexStyleProps, aX as FlexWrap, aY as FontAlias, aZ as FontConfig, a_ as FontCssVar, a5 as FontDeclarationConfig, a$ as FontFamilyCDNUrl, b0 as FontID, b1 as FontSize, b2 as FontType, b3 as FontWeightDescriptive, b4 as FontWeightNumeric, b5 as ForegroundColor, b6 as ForegroundPalette, b7 as ForegroundPaletteAlias, b8 as HighContrastMode, b9 as Hue, ba as HueStep, a3 as ICON_BUTTON_CSS_VAR_MAP, H as ICON_SIZE_PREFIX, bb as IconButtonClassMap, bc as IconButtonClassName, bd as IconButtonDefaultsConfig, be as IconButtonSize, bf as IconSize, bg as IconVariant, bh as ImageStyleProps, Y as LARGE_SCALE_MODE_CLASSNAME, R as LIGHT_COLOR_MODE_CLASSNAME, J as LINE_HEIGHT_PREFIX, bi as LayoutStyleProps, bj as LetterSpacing, bk as LineClampAlias, bl as LineColor, bm as LineHeight, bn as LinePalette, bo as LinePaletteAlias, W as MEDIUM_SCALE_MODE_CLASSNAME, K as MOTION_PREFIX, bp as MotionCssVar, bq as MotionSpringConfig, br as MotionSpringConfigOptions, bs as MotionVariant, bt as MotionVariantSpeed, bu as MotionVariantValues, bv as Overflow, a4 as PSEUDO_STYLE_SELECTOR_MAP, bw as Palette, bx as PaletteType, by as PaletteValue, bz as PlatformMode, bA as Position, bB as PropertyToPaletteAliasMap, bC as RegionMode, V as SMALL_SCALE_MODE_CLASSNAME, N as SPECTRUM_COLOR_PREFIX, bD as ScaleConfig, bE as ScaleEffectMap, bF as ScaleModeConfig, bG as SpacingAlias, bH as SpacingConfig, bI as SpacingStyleProps, bJ as SpectrumColor, bK as SpectrumConfig, bL as StateStyleProps, O as TEXT_TRANSFORM_PREFIX, bT as TShirtSize, bU as TShirtSizeCommon, bM as TextProperty, bN as TextStyleProps, bO as TextTransform, bP as TextVariant, bQ as TransitionDelay, bR as TransitionDuration, bS as TransitionTiming, w as UDS_PREFIX, bV as UdsCssVar, U as UniversalAvatarProps, a as UniversalButtonProps, c as UniversalIconButtonProps, d as UniversalImageProps, b as UniversalPressableProps, bW as UniversalTextInputProps, Z as XLARGE_SCALE_MODE_CLASSNAME, X as XSMALL_SCALE_MODE_CLASSNAME, _ as XXLARGE_SCALE_MODE_CLASSNAME, $ as XXXLARGE_SCALE_MODE_CLASSNAME, v as alwaysPalette } from './types-C7KJV1b1.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-DBoB1LOc.cjs';
+export { a as IconButton, b as IconButtonProps, c as Image, I as ImageProps, d as Pressable, P as PressableProps } from './Image.native-f8x4GPuV.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-OW5d35eT.cjs';
+export { DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP, defaultTokensConfig, fontWeightMap } from './tokens/index.native.cjs';
+import 'framer-motion';
 
 declare const variants: {
     color: {
@@ -43,12 +44,11 @@ declare const variants: {
         current: string;
     };
     fontFamily: {
-        icons: string;
         sans: string;
-        'sans-beta': string;
-        'sans-condensed': string;
-        'serif-text': string;
-        'serif-display': string;
+        'sans-alt': string;
+        serif: string;
+        'serif-alt': string;
+        mono: string;
         display1: string;
         display2: string;
         display3: string;
@@ -1053,7 +1053,7 @@ declare const variants: {
         xxxLarge: string;
         xxLarge: string;
     };
-    buttonCategory: {
+    buttonPalette: {
         accent: string;
         brand: string;
         alert: string;
@@ -1070,69 +1070,43 @@ declare const variants: {
         md: string;
         lg: string;
     };
+    iconButtonSize: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
 };
 
+declare const getDefaultButtonBaseMap: Record<ButtonKind, (alias: CorePaletteAlias) => ButtonBaseConfig>;
 declare const button: ButtonConfig;
 
-declare const UDS_PREFIX = "uds";
-declare const SPECTRUM_COLOR_PREFIX = "uds-spectrum-color";
-declare const FONT_FAMILY_PREFIX = "uds-font";
-declare const ICON_SIZE_PREFIX = "uds-icon-size";
-declare const AVATAR_SIZE_PREFIX = "uds-avatar-size";
-declare const BORDER_RADIUS_PREFIX = "uds-border-radius";
-declare const BORDER_WIDTH_PREFIX = "uds-border-width";
-declare const FONT_SIZE_PREFIX = "uds-font-size";
-declare const LINE_HEIGHT_PREFIX = "uds-line-height";
-declare const FONT_WEIGHT_PREFIX = "uds-font-weight";
-declare const TEXT_TRANSFORM_PREFIX = "uds-text-transform";
-declare const DARK_COLOR_MODE_CLASSNAME = "uds-color-mode-dark";
-declare const LIGHT_COLOR_MODE_CLASSNAME = "uds-color-mode-light";
-declare const XSMALL_SCALE_MODE_CLASSNAME = "uds-scale-mode-xsmall";
-declare const SMALL_SCALE_MODE_CLASSNAME = "uds-scale-mode-small";
-declare const MEDIUM_SCALE_MODE_CLASSNAME = "uds-scale-mode-medium";
-declare const LARGE_SCALE_MODE_CLASSNAME = "uds-scale-mode-large";
-declare const XLARGE_SCALE_MODE_CLASSNAME = "uds-scale-mode-xlarge";
-declare const XXLARGE_SCALE_MODE_CLASSNAME = "uds-scale-mode-xxlarge";
-declare const XXXLARGE_SCALE_MODE_CLASSNAME = "uds-scale-mode-xxxlarge";
-declare const DEFAULT_COLOR_MODE_CLASSNAME = "uds-color-mode-light";
-declare const DEFAULT_SCALE_MODE_CLASSNAME = "uds-scale-mode-large";
-declare const FONT_ICONS_CSS_VAR = "--uds-font-icons";
-declare const FONT_SANS_CSS_VAR = "--uds-font-sans";
-declare const FONT_SANS_BETA_CSS_VAR = "--uds-font-sans-beta";
-declare const FONT_SANS_CONDENSED_CSS_VAR = "--uds-font-sans-condensed";
-declare const FONT_SERIF_DISPLAY_CSS_VAR = "--uds-font-serif-display";
-declare const FONT_SERIF_TEXT_CSS_VAR = "--uds-font-serif-text";
-declare const BUTTON_CSS_VAR_MAP: {
-    readonly borderRadius: "--uds-button-border-radius";
-    readonly borderWidth: "--uds-buton-border-width";
-    readonly color: "--uds-button-color";
-    readonly backgroundColor: "--uds-button-background-color";
-    readonly borderColor: "--uds-button-border-color";
-    readonly padding: "--uds-button-padding";
-    readonly columnGap: "--uds-button-gap";
-    readonly fontFamily: "--uds-button-font";
-    readonly fontWeight: "--uds-button-font-weight";
-    readonly fontSize: "--uds-button-font-size";
-    readonly lineHeight: "--uds-button-line-height";
-    readonly textTransform: "--uds-button-text-transform";
-    readonly iconSize: "--uds-button-icon-size";
-};
-declare const PSUEDO_STYLE_SELECTOR_MAP: {
-    readonly hover: "&:hover:not([disabled])";
-    readonly pressed: "&:active:not([disabled])";
-    readonly disabled: "&:disabled";
-};
-
+/**
+ * Converts an object into an array of key-value pair entries.
+ *
+ * This function takes an object `item` and returns an array of its own enumerable
+ * property `[key, value]` pairs, where `key` is a string. The generic type `T` represents
+ * the type of the input object. The return type is an array of tuples, where each tuple
+ * consists of a string key and a value corresponding to the type of values in `T`.
+ */
 declare function entries<T>(item: T): [Extract<keyof T, string>, T[keyof T]][];
 
+/**
+ * Converts an array of key-value pair entries into an object.
+ *
+ * This function takes an array of `[key, value]` pairs and converts it into an object
+ * where each key is associated with its corresponding value. The generic types `T` and `K`
+ * represent the types of the keys and values, respectively. The keys are constrained to
+ * be strings.
+ */
 declare function fromEntries<T extends string, K>(item: [T, K][]): Record<T, K>;
 
-interface CombinationsConfig extends Exclude<ButtonConfig, 'defaults'> {
-}
+type CombinationsConfig = IconButtonConfig | ButtonConfig;
 type Combination<T extends CombinationsConfig> = {
     [K in keyof T]: keyof T[K];
 };
-declare function generateConfigCombinations(config: CombinationsConfig): Combination<CombinationsConfig>[];
+declare function generateConfigCombinations<T extends CombinationsConfig>(config: T): Combination<T>[];
 
 type AnyObject = Record<string, unknown>;
 declare function mapValues<T extends AnyObject, K extends (value: T[keyof T], key: keyof T, i: number) => unknown>(obj: T, callbackFn: K): { [key in keyof T]: ReturnType<K>; };
@@ -1662,34 +1636,11 @@ declare function createStyler({ colorMode, scaleMode }: Modes, config: Universal
                 15: string;
             };
         };
-        palette: {
-            core: {
-                accent: string;
-                alert: string;
-                brand: string;
-                positive: string;
-                warning: string;
-            };
-            background: {
-                primary: string;
-                secondary: string;
-            };
-            foreground: {
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                muted: string;
-                "on-color": string;
-            };
-            line: {
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                muted: string;
-            };
-        };
-        button?: ButtonConfig | undefined;
-        fontFamilyGlobal: FontFamilyGlobalConfig;
+        palette: { [key in keyof PaletteConfig]: { [key2 in keyof PaletteConfig[key]]: string; }; };
+        version: string;
+        button: ButtonConfig;
+        iconButton: IconButtonConfig;
+        motion: MotionConfig;
     };
 };
 declare const DEFAULT_STYLER: {
@@ -2069,34 +2020,11 @@ declare const DEFAULT_STYLER: {
                 15: string;
             };
         };
-        palette: {
-            core: {
-                accent: string;
-                alert: string;
-                brand: string;
-                positive: string;
-                warning: string;
-            };
-            background: {
-                primary: string;
-                secondary: string;
-            };
-            foreground: {
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                muted: string;
-                "on-color": string;
-            };
-            line: {
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                muted: string;
-            };
-        };
-        button?: ButtonConfig | undefined;
-        fontFamilyGlobal: FontFamilyGlobalConfig;
+        palette: { [key in keyof PaletteConfig]: { [key2 in keyof PaletteConfig[key]]: string; }; };
+        version: string;
+        button: ButtonConfig;
+        iconButton: IconButtonConfig;
+        motion: MotionConfig;
     };
 };
 
@@ -2479,34 +2407,11 @@ declare function useTokens(): {
             15: string;
         };
     };
-    palette: {
-        core: {
-            accent: string;
-            alert: string;
-            brand: string;
-            positive: string;
-            warning: string;
-        };
-        background: {
-            primary: string;
-            secondary: string;
-        };
-        foreground: {
-            primary: string;
-            secondary: string;
-            tertiary: string;
-            muted: string;
-            "on-color": string;
-        };
-        line: {
-            primary: string;
-            secondary: string;
-            tertiary: string;
-            muted: string;
-        };
-    };
-    button?: ButtonConfig | undefined;
-    fontFamilyGlobal: FontFamilyGlobalConfig;
+    palette: { [key in keyof PaletteConfig]: { [key2 in keyof PaletteConfig[key]]: string; }; };
+    version: string;
+    button: ButtonConfig;
+    iconButton: IconButtonConfig;
+    motion: MotionConfig;
 };
 
 interface ThemeProviderProps extends React.PropsWithChildren {
@@ -2516,4 +2421,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, BUTTON_CSS_VAR_MAP, BorderRadiusConfig, BorderWidthConfig, Box, type BoxProps, ButtonConfig, ColorMode, ColorModeContext, ColorModeForApp, ColorModeForAppContext, ColorModeForAppContextUpdater, ColorModeForAppProvider, type ColorModeForAppProviderProps, ColorModeForDeviceContext, ColorModeForDeviceProvider, type ColorModeForDeviceProviderProps, ColorModeProvider, type ColorModeProviderProps, type Combination, type CombinationsConfig, 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, PSUEDO_STYLE_SELECTOR_MAP, 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, button, createStyler, entries, fromEntries, generateConfigCombinations, mapValues, useAppState, useColorMode, useColorModeForApp, useColorModeForDevice, useComputedTokens, useDeviceFontScale, useScaleMode, useScaleModeForDevice, useStyles, useTokens, variants };
+export { AvatarSizeConfig, BorderRadiusConfig, BorderWidthConfig, Box, type BoxProps, ButtonBaseConfig, ButtonConfig, ButtonKind, ColorMode, ColorModeContext, ColorModeForApp, ColorModeForAppContext, ColorModeForAppContextUpdater, ColorModeForAppProvider, type ColorModeForAppProviderProps, ColorModeForDeviceContext, ColorModeForDeviceProvider, type ColorModeForDeviceProviderProps, ColorModeProvider, type ColorModeProviderProps, type Combination, type CombinationsConfig, ComputedTokensContext, ComputedTokensProvider, type ComputedTokensProviderProps, CorePaletteAlias, DEFAULT_STYLER, FontFamilyConfig, FontSizeConfig, FontWeightConfig, HStack, type HStackProps, Icon, IconButtonConfig, type IconProps, IconSizeConfig, LineHeightConfig, Modes, MotionConfig, PaletteConfig, type ReactNativeStyle, ScaleMode, ScaleModeContext, ScaleModeForApp, ScaleModeForAppContext, ScaleModeForAppProvider, type ScaleModeForAppProviderProps, ScaleModeForAppUpdaterContext, ScaleModeForDeviceContext, ScaleModeForDeviceProvider, type ScaleModeForDeviceProviderProps, ScaleModeProvider, type ScaleModeProviderProps, Screen, type ScreenProps, type SetState, StyleProps, StyleProvider, Text, type TextProps, type TextPropsOriginal, TextTransformConfig, ThemeProvider, type ThemeProviderProps, UniversalBoxProps, UniversalIconProps, UniversalStackProps, UniversalTextProps, UniversalTokensConfig, VStack, type VStackProps, button, createStyler, entries, fromEntries, generateConfigCombinations, getDefaultButtonBaseMap, mapValues, useAppState, useColorMode, useColorModeForApp, useColorModeForDevice, useComputedTokens, useDeviceFontScale, useScaleMode, useScaleModeForDevice, useStyles, useTokens, variants };

package/dist/index.native.d.ts

@@ -1,13 +1,14 @@
 import * as react from 'react';
 import { Dispatch, SetStateAction } from 'react';
-import { B as ButtonConfig, 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, m as BorderRadiusConfig, n as BorderWidthConfig, F as FontFamilyConfig, o as FontSizeConfig, p as FontWeightConfig, L as LineHeightConfig, T as TextTransformConfig, q as FontFamilyGlobalConfig } from './types-CLPge83Y.js';
-export { s as AlwaysPalette, t as AlwaysPaletteAlias, u as Animation, v as AriaAttribute, w as AvatarShape, x as AvatarSize, y as BackgroundColor, z as BackgroundPalette, D as BackgroundPaletteAlias, E as BackgroundStyleProps, G as BorderRadius, H as BorderStyleProps, J as BorderWidth, K as BoxShadowConfig, N as ButtonBaseConfig, O as ButtonCategory, P as ButtonColorConfig, Q as ButtonColorEffect, R as ButtonColorEffectConfig, V as ButtonColorProperty, W as ButtonColorPropertyConfig, X as ButtonKind, Y as ButtonSize, Z as ButtonSpecrtumColor, _ as ButtonState, $ as ButtonStateConfig, a0 as ButtonStateEffectConfig, a1 as ButtonVariant, a2 as ButtonVariant2, a3 as ColorModeConfig, a4 as ColorsConfig, a5 as ConfigurableTextProperty, a6 as CorePalette, a7 as CorePaletteAlias, a8 as CustomSizingStyleProps, a9 as DataAttribute, aa as Display, ab as Flex, ac as FlexAlignContent, ad as FlexAlignItems, ae as FlexAlignSelf, af as FlexBasis, ag as FlexDirection, ah as FlexGrow, ai as FlexJustifyContent, aj as FlexShrink, ak as FlexStyleProps, al as FlexWrap, am as FontFamilyGlobalAlias, an as FontSize, ao as FontWeightDescriptive, ap as FontWeightNumeric, aq as ForegroundColor, ar as ForegroundPalette, as as ForegroundPaletteAlias, at as HighContrastMode, au as Hue, av as HueStep, aw as IconSize, ax as ImageStyleProps, ay as LayoutStyleProps, az as LetterSpacing, aA as LineClampAlias, aB as LineColor, aC as LineHeight, aD as LinePalette, aE as LinePaletteAlias, aF as Overflow, aG as Palette, aH as PaletteConfig, aI as PaletteType, aJ as PaletteValue, aK as PlatformMode, aL as Position, aM as PropertyToPaletteAliasMap, aN as RegionMode, aO as ScaleConfig, aP as ScaleModeConfig, aQ as SpacingAlias, aR as SpacingConfig, aS as SpacingStyleProps, aT as SpectrumColor, aU as SpectrumConfig, aV as StateStyleProps, b0 as TShirtSize, b1 as TShirtSizeCommon, aW as TextStyleProps, aX as TextTransform, aY as TextVariant, aZ as TransitionDelay, a_ as TransitionDuration, a$ as TransitionTiming, U as UniversalAvatarProps, a as UniversalButtonProps, c as UniversalIconButtonProps, d as UniversalImageProps, b as UniversalPressableProps, b2 as UniversalTextInputProps, r as alwaysPalette } from './types-CLPge83Y.js';
+import { B as ButtonKind, C as CorePaletteAlias, e as ButtonBaseConfig, f as ButtonConfig, I as IconButtonConfig, g as UniversalBoxProps, h as UniversalStackProps, i as UniversalTextProps, j as UniversalIconProps, k as ColorModeForApp, l as ColorMode, S as ScaleModeForApp, m as ScaleMode, M as Modes, n as UniversalTokensConfig, o as StyleProps, A as AvatarSizeConfig, p as IconSizeConfig, q as BorderRadiusConfig, r as BorderWidthConfig, F as FontFamilyConfig, s as FontSizeConfig, t as FontWeightConfig, L as LineHeightConfig, T as TextTransformConfig, P as PaletteConfig, u as MotionConfig } from './types-C7KJV1b1.js';
+export { x as AVATAR_SIZE_PREFIX, a7 as AlwaysPalette, a8 as AlwaysPaletteAlias, a9 as Animation, aa as AriaAttribute, ab as AvatarShape, ac as AvatarSize, y as BORDER_RADIUS_PREFIX, z as BORDER_WIDTH_PREFIX, a2 as BUTTON_CSS_VAR_MAP, ad as BackgroundColor, ae as BackgroundPalette, af as BackgroundPaletteAlias, ag as BackgroundStyleProps, ah as BorderRadius, ai as BorderStyleProps, aj as BorderWidth, ak as BoxShadowConfig, al as ButtonClassMap, am as ButtonClassName, an as ButtonColorConfig, ao as ButtonColorEffect, ap as ButtonColorEffectConfig, aq as ButtonColorProperty, ar as ButtonColorPropertyConfig, as as ButtonMotionEffect, at as ButtonMotionProperty, au as ButtonMotionPropertyConfig, av as ButtonPalette, aw as ButtonPaletteColor, ax as ButtonPaletteConfig, ay as ButtonSize, az as ButtonSizeConfig, aA as ButtonSizeProperty, aB as ButtonSpectrumColor, aC as ButtonState, aD as ButtonStateConfig, aE as ButtonStateEffectConfig, aF as ButtonVariant, aG as ButtonVariantConfig, aH as ColorModeConfig, aI as ColorsConfig, aJ as CorePalette, aK as CustomSizingStyleProps, Q as DARK_COLOR_MODE_CLASSNAME, a0 as DEFAULT_COLOR_MODE_CLASSNAME, a1 as DEFAULT_SCALE_MODE_CLASSNAME, aL as DataAttribute, aM as Display, a6 as FONT_DECLARATIONS_MAP, D as FONT_FAMILY_PREFIX, E as FONT_SIZE_PREFIX, G as FONT_WEIGHT_PREFIX, aN as Flex, aO as FlexAlignContent, aP as FlexAlignItems, aQ as FlexAlignSelf, aR as FlexBasis, aS as FlexDirection, aT as FlexGrow, aU as FlexJustifyContent, aV as FlexShrink, aW as FlexStyleProps, aX as FlexWrap, aY as FontAlias, aZ as FontConfig, a_ as FontCssVar, a5 as FontDeclarationConfig, a$ as FontFamilyCDNUrl, b0 as FontID, b1 as FontSize, b2 as FontType, b3 as FontWeightDescriptive, b4 as FontWeightNumeric, b5 as ForegroundColor, b6 as ForegroundPalette, b7 as ForegroundPaletteAlias, b8 as HighContrastMode, b9 as Hue, ba as HueStep, a3 as ICON_BUTTON_CSS_VAR_MAP, H as ICON_SIZE_PREFIX, bb as IconButtonClassMap, bc as IconButtonClassName, bd as IconButtonDefaultsConfig, be as IconButtonSize, bf as IconSize, bg as IconVariant, bh as ImageStyleProps, Y as LARGE_SCALE_MODE_CLASSNAME, R as LIGHT_COLOR_MODE_CLASSNAME, J as LINE_HEIGHT_PREFIX, bi as LayoutStyleProps, bj as LetterSpacing, bk as LineClampAlias, bl as LineColor, bm as LineHeight, bn as LinePalette, bo as LinePaletteAlias, W as MEDIUM_SCALE_MODE_CLASSNAME, K as MOTION_PREFIX, bp as MotionCssVar, bq as MotionSpringConfig, br as MotionSpringConfigOptions, bs as MotionVariant, bt as MotionVariantSpeed, bu as MotionVariantValues, bv as Overflow, a4 as PSEUDO_STYLE_SELECTOR_MAP, bw as Palette, bx as PaletteType, by as PaletteValue, bz as PlatformMode, bA as Position, bB as PropertyToPaletteAliasMap, bC as RegionMode, V as SMALL_SCALE_MODE_CLASSNAME, N as SPECTRUM_COLOR_PREFIX, bD as ScaleConfig, bE as ScaleEffectMap, bF as ScaleModeConfig, bG as SpacingAlias, bH as SpacingConfig, bI as SpacingStyleProps, bJ as SpectrumColor, bK as SpectrumConfig, bL as StateStyleProps, O as TEXT_TRANSFORM_PREFIX, bT as TShirtSize, bU as TShirtSizeCommon, bM as TextProperty, bN as TextStyleProps, bO as TextTransform, bP as TextVariant, bQ as TransitionDelay, bR as TransitionDuration, bS as TransitionTiming, w as UDS_PREFIX, bV as UdsCssVar, U as UniversalAvatarProps, a as UniversalButtonProps, c as UniversalIconButtonProps, d as UniversalImageProps, b as UniversalPressableProps, bW as UniversalTextInputProps, Z as XLARGE_SCALE_MODE_CLASSNAME, X as XSMALL_SCALE_MODE_CLASSNAME, _ as XXLARGE_SCALE_MODE_CLASSNAME, $ as XXXLARGE_SCALE_MODE_CLASSNAME, v as alwaysPalette } from './types-C7KJV1b1.js';
 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-BxsXWBqp.js';
+export { a as IconButton, b as IconButtonProps, c as Image, I as ImageProps, d as Pressable, P as PressableProps } from './Image.native-D6qA03vT.js';
 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-Gbm66c6M.js';
+export { DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP, defaultTokensConfig, fontWeightMap } from './tokens/index.native.js';
+import 'framer-motion';
 
 declare const variants: {
     color: {
@@ -43,12 +44,11 @@ declare const variants: {
         current: string;
     };
     fontFamily: {
-        icons: string;
         sans: string;
-        'sans-beta': string;
-        'sans-condensed': string;
-        'serif-text': string;
-        'serif-display': string;
+        'sans-alt': string;
+        serif: string;
+        'serif-alt': string;
+        mono: string;
         display1: string;
         display2: string;
         display3: string;
@@ -1053,7 +1053,7 @@ declare const variants: {
         xxxLarge: string;
         xxLarge: string;
     };
-    buttonCategory: {
+    buttonPalette: {
         accent: string;
         brand: string;
         alert: string;
@@ -1070,69 +1070,43 @@ declare const variants: {
         md: string;
         lg: string;
     };
+    iconButtonSize: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
 };
 
+declare const getDefaultButtonBaseMap: Record<ButtonKind, (alias: CorePaletteAlias) => ButtonBaseConfig>;
 declare const button: ButtonConfig;
 
-declare const UDS_PREFIX = "uds";
-declare const SPECTRUM_COLOR_PREFIX = "uds-spectrum-color";
-declare const FONT_FAMILY_PREFIX = "uds-font";
-declare const ICON_SIZE_PREFIX = "uds-icon-size";
-declare const AVATAR_SIZE_PREFIX = "uds-avatar-size";
-declare const BORDER_RADIUS_PREFIX = "uds-border-radius";
-declare const BORDER_WIDTH_PREFIX = "uds-border-width";
-declare const FONT_SIZE_PREFIX = "uds-font-size";
-declare const LINE_HEIGHT_PREFIX = "uds-line-height";
-declare const FONT_WEIGHT_PREFIX = "uds-font-weight";
-declare const TEXT_TRANSFORM_PREFIX = "uds-text-transform";
-declare const DARK_COLOR_MODE_CLASSNAME = "uds-color-mode-dark";
-declare const LIGHT_COLOR_MODE_CLASSNAME = "uds-color-mode-light";
-declare const XSMALL_SCALE_MODE_CLASSNAME = "uds-scale-mode-xsmall";
-declare const SMALL_SCALE_MODE_CLASSNAME = "uds-scale-mode-small";
-declare const MEDIUM_SCALE_MODE_CLASSNAME = "uds-scale-mode-medium";
-declare const LARGE_SCALE_MODE_CLASSNAME = "uds-scale-mode-large";
-declare const XLARGE_SCALE_MODE_CLASSNAME = "uds-scale-mode-xlarge";
-declare const XXLARGE_SCALE_MODE_CLASSNAME = "uds-scale-mode-xxlarge";
-declare const XXXLARGE_SCALE_MODE_CLASSNAME = "uds-scale-mode-xxxlarge";
-declare const DEFAULT_COLOR_MODE_CLASSNAME = "uds-color-mode-light";
-declare const DEFAULT_SCALE_MODE_CLASSNAME = "uds-scale-mode-large";
-declare const FONT_ICONS_CSS_VAR = "--uds-font-icons";
-declare const FONT_SANS_CSS_VAR = "--uds-font-sans";
-declare const FONT_SANS_BETA_CSS_VAR = "--uds-font-sans-beta";
-declare const FONT_SANS_CONDENSED_CSS_VAR = "--uds-font-sans-condensed";
-declare const FONT_SERIF_DISPLAY_CSS_VAR = "--uds-font-serif-display";
-declare const FONT_SERIF_TEXT_CSS_VAR = "--uds-font-serif-text";
-declare const BUTTON_CSS_VAR_MAP: {
-    readonly borderRadius: "--uds-button-border-radius";
-    readonly borderWidth: "--uds-buton-border-width";
-    readonly color: "--uds-button-color";
-    readonly backgroundColor: "--uds-button-background-color";
-    readonly borderColor: "--uds-button-border-color";
-    readonly padding: "--uds-button-padding";
-    readonly columnGap: "--uds-button-gap";
-    readonly fontFamily: "--uds-button-font";
-    readonly fontWeight: "--uds-button-font-weight";
-    readonly fontSize: "--uds-button-font-size";
-    readonly lineHeight: "--uds-button-line-height";
-    readonly textTransform: "--uds-button-text-transform";
-    readonly iconSize: "--uds-button-icon-size";
-};
-declare const PSUEDO_STYLE_SELECTOR_MAP: {
-    readonly hover: "&:hover:not([disabled])";
-    readonly pressed: "&:active:not([disabled])";
-    readonly disabled: "&:disabled";
-};
-
+/**
+ * Converts an object into an array of key-value pair entries.
+ *
+ * This function takes an object `item` and returns an array of its own enumerable
+ * property `[key, value]` pairs, where `key` is a string. The generic type `T` represents
+ * the type of the input object. The return type is an array of tuples, where each tuple
+ * consists of a string key and a value corresponding to the type of values in `T`.
+ */
 declare function entries<T>(item: T): [Extract<keyof T, string>, T[keyof T]][];
 
+/**
+ * Converts an array of key-value pair entries into an object.
+ *
+ * This function takes an array of `[key, value]` pairs and converts it into an object
+ * where each key is associated with its corresponding value. The generic types `T` and `K`
+ * represent the types of the keys and values, respectively. The keys are constrained to
+ * be strings.
+ */
 declare function fromEntries<T extends string, K>(item: [T, K][]): Record<T, K>;
 
-interface CombinationsConfig extends Exclude<ButtonConfig, 'defaults'> {
-}
+type CombinationsConfig = IconButtonConfig | ButtonConfig;
 type Combination<T extends CombinationsConfig> = {
     [K in keyof T]: keyof T[K];
 };
-declare function generateConfigCombinations(config: CombinationsConfig): Combination<CombinationsConfig>[];
+declare function generateConfigCombinations<T extends CombinationsConfig>(config: T): Combination<T>[];
 
 type AnyObject = Record<string, unknown>;
 declare function mapValues<T extends AnyObject, K extends (value: T[keyof T], key: keyof T, i: number) => unknown>(obj: T, callbackFn: K): { [key in keyof T]: ReturnType<K>; };
@@ -1662,34 +1636,11 @@ declare function createStyler({ colorMode, scaleMode }: Modes, config: Universal
                 15: string;
             };
         };
-        palette: {
-            core: {
-                accent: string;
-                alert: string;
-                brand: string;
-                positive: string;
-                warning: string;
-            };
-            background: {
-                primary: string;
-                secondary: string;
-            };
-            foreground: {
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                muted: string;
-                "on-color": string;
-            };
-            line: {
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                muted: string;
-            };
-        };
-        button?: ButtonConfig | undefined;
-        fontFamilyGlobal: FontFamilyGlobalConfig;
+        palette: { [key in keyof PaletteConfig]: { [key2 in keyof PaletteConfig[key]]: string; }; };
+        version: string;
+        button: ButtonConfig;
+        iconButton: IconButtonConfig;
+        motion: MotionConfig;
     };
 };
 declare const DEFAULT_STYLER: {
@@ -2069,34 +2020,11 @@ declare const DEFAULT_STYLER: {
                 15: string;
             };
         };
-        palette: {
-            core: {
-                accent: string;
-                alert: string;
-                brand: string;
-                positive: string;
-                warning: string;
-            };
-            background: {
-                primary: string;
-                secondary: string;
-            };
-            foreground: {
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                muted: string;
-                "on-color": string;
-            };
-            line: {
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                muted: string;
-            };
-        };
-        button?: ButtonConfig | undefined;
-        fontFamilyGlobal: FontFamilyGlobalConfig;
+        palette: { [key in keyof PaletteConfig]: { [key2 in keyof PaletteConfig[key]]: string; }; };
+        version: string;
+        button: ButtonConfig;
+        iconButton: IconButtonConfig;
+        motion: MotionConfig;
     };
 };
 
@@ -2479,34 +2407,11 @@ declare function useTokens(): {
             15: string;
         };
     };
-    palette: {
-        core: {
-            accent: string;
-            alert: string;
-            brand: string;
-            positive: string;
-            warning: string;
-        };
-        background: {
-            primary: string;
-            secondary: string;
-        };
-        foreground: {
-            primary: string;
-            secondary: string;
-            tertiary: string;
-            muted: string;
-            "on-color": string;
-        };
-        line: {
-            primary: string;
-            secondary: string;
-            tertiary: string;
-            muted: string;
-        };
-    };
-    button?: ButtonConfig | undefined;
-    fontFamilyGlobal: FontFamilyGlobalConfig;
+    palette: { [key in keyof PaletteConfig]: { [key2 in keyof PaletteConfig[key]]: string; }; };
+    version: string;
+    button: ButtonConfig;
+    iconButton: IconButtonConfig;
+    motion: MotionConfig;
 };
 
 interface ThemeProviderProps extends React.PropsWithChildren {
@@ -2516,4 +2421,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, BUTTON_CSS_VAR_MAP, BorderRadiusConfig, BorderWidthConfig, Box, type BoxProps, ButtonConfig, ColorMode, ColorModeContext, ColorModeForApp, ColorModeForAppContext, ColorModeForAppContextUpdater, ColorModeForAppProvider, type ColorModeForAppProviderProps, ColorModeForDeviceContext, ColorModeForDeviceProvider, type ColorModeForDeviceProviderProps, ColorModeProvider, type ColorModeProviderProps, type Combination, type CombinationsConfig, 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, PSUEDO_STYLE_SELECTOR_MAP, 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, button, createStyler, entries, fromEntries, generateConfigCombinations, mapValues, useAppState, useColorMode, useColorModeForApp, useColorModeForDevice, useComputedTokens, useDeviceFontScale, useScaleMode, useScaleModeForDevice, useStyles, useTokens, variants };
+export { AvatarSizeConfig, BorderRadiusConfig, BorderWidthConfig, Box, type BoxProps, ButtonBaseConfig, ButtonConfig, ButtonKind, ColorMode, ColorModeContext, ColorModeForApp, ColorModeForAppContext, ColorModeForAppContextUpdater, ColorModeForAppProvider, type ColorModeForAppProviderProps, ColorModeForDeviceContext, ColorModeForDeviceProvider, type ColorModeForDeviceProviderProps, ColorModeProvider, type ColorModeProviderProps, type Combination, type CombinationsConfig, ComputedTokensContext, ComputedTokensProvider, type ComputedTokensProviderProps, CorePaletteAlias, DEFAULT_STYLER, FontFamilyConfig, FontSizeConfig, FontWeightConfig, HStack, type HStackProps, Icon, IconButtonConfig, type IconProps, IconSizeConfig, LineHeightConfig, Modes, MotionConfig, PaletteConfig, type ReactNativeStyle, ScaleMode, ScaleModeContext, ScaleModeForApp, ScaleModeForAppContext, ScaleModeForAppProvider, type ScaleModeForAppProviderProps, ScaleModeForAppUpdaterContext, ScaleModeForDeviceContext, ScaleModeForDeviceProvider, type ScaleModeForDeviceProviderProps, ScaleModeProvider, type ScaleModeProviderProps, Screen, type ScreenProps, type SetState, StyleProps, StyleProvider, Text, type TextProps, type TextPropsOriginal, TextTransformConfig, ThemeProvider, type ThemeProviderProps, UniversalBoxProps, UniversalIconProps, UniversalStackProps, UniversalTextProps, UniversalTokensConfig, VStack, type VStackProps, button, createStyler, entries, fromEntries, generateConfigCombinations, getDefaultButtonBaseMap, mapValues, useAppState, useColorMode, useColorModeForApp, useColorModeForDevice, useComputedTokens, useDeviceFontScale, useScaleMode, useScaleModeForDevice, useStyles, useTokens, variants };