@yahoo/uds 3.59.0-beta.1 → 3.59.0

package/dist/tokens/index.d.ts

@@ -1,41 +1,2066 @@
-import { variants } from "../styles/variants.js";
-import { AvatarConfig } from "./automation/configs/avatar.js";
-import { BadgeConfig } from "./automation/configs/badge.js";
-import { CheckboxConfig } from "./automation/configs/checkbox.js";
-import { ChipConfig } from "./automation/configs/chip.js";
-import { DividerConfig } from "./automation/configs/divider.js";
-import { InputConfig } from "./automation/configs/input.js";
-import { LinkConfig } from "./automation/configs/link.js";
-import { MenuConfig } from "./automation/configs/menu.js";
-import { RadioConfig } from "./automation/configs/radio.js";
-import { SwitchConfig } from "./automation/configs/switch.js";
-import { ConfigurablePropertiesName, ExtendablePropertiesName, SelectedConfigurableProperty, configurableProperties } from "./automation/properties.js";
-import { AllPossibleProperties, AllVariantKeys, AutoComponentName, AutoComponents, ComponentConfig, ComponentStateConfig, LayerConfig, PossibleStates, PossibleStatesWithRest, SubComponentConfig, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties } from "./automation/types/ComponentConfig.js";
-import { AllSelectors, BaseSelector, CssStyleObject, ParentVariantSelector } from "./automation/types/ComponentStyles.js";
-import { cartesianProduct } from "./automation/utils/cartesianProduct.js";
-import { coalesceConfigVariant } from "./automation/utils/coalesceConfigVariant.js";
-import { UniversalTokensConfigAuto } from "../generated/universalTokensConfigAuto.js";
-import { getConfigDefaultValue, isConfigDefaultValue } from "./automation/utils/defaults.js";
-import { generateKeyFromFlatConfigPath } from "./automation/utils/generateKeyFromFlatConfigPath.js";
-import { generateSchemaKey } from "./automation/utils/generateSchemaKey.js";
-import { getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix } from "./automation/utils/getConfigVariantComponentStatesMatrix.js";
-import { getConfigVariantProperties } from "./automation/utils/getConfigVariantProperties.js";
-import { getConfigVariantPseudoStates } from "./automation/utils/getConfigVariantPseudoStates.js";
-import { getConfigVariants } from "./automation/utils/getConfigVariants.js";
-import { getConfigSubcomponents } from "./automation/utils/subcomponents.js";
-import { alwaysPalette } from "./configs/palette.js";
-import { AVATAR_SIZE_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_CSS_VAR_MAP, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_BUTTON_CSS_VAR_MAP, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME } from "./consts/cssTokens.js";
-import { FONT_DECLARATIONS_MAP, FontAxisConfig, FontDeclarationConfig, FontDeclarationItemConfig, FontDeclarationMap, FontWeightForFont } from "./consts/fontDeclarationsMap.js";
-import { AlwaysPalette, AlwaysPaletteAlias, AlwaysPaletteColor, Animation, AriaAttribute, AvatarAbbreviationStrategy, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarVariant, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, BadgeSize, BadgeVariant, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, Breakpoint, BreakpointWithBase, BreakpointsConfig, ButtonBaseConfig, ButtonClassMap, ButtonClassName, ButtonColorConfig, ButtonColorEffect, ButtonColorEffectConfig, ButtonColorProperty, ButtonColorPropertyConfig, ButtonConfig, ButtonKind, ButtonMotionEffect, ButtonMotionProperty, ButtonMotionPropertyConfig, ButtonPalette, ButtonPaletteColor, ButtonPaletteConfig, ButtonShadowPropertyConfig, ButtonSize, ButtonSizeConfig, ButtonSizeProperty, ButtonSpectrumColor, ButtonState, ButtonStateConfig, ButtonStateEffectConfig, ButtonVariant, ButtonVariantConfig, ButtonVariantFlat, CheckboxSize, CheckboxValue, CheckboxVariant, ChipSize, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, ConfigurableDropShadowValues, ConfigurableInsetShadowValues, CustomSizingStyleProps, DataAttribute, Display, DividerVariant, Flex, FlexAlignContent, FlexAlignItems, FlexAlignSelf, FlexBasis, FlexDirection, FlexGrow, FlexJustifyContent, FlexShrink, FlexStyleProps, FlexWrap, FontAlias, FontConfig, FontCssVar, FontFamilyCDNUrl, FontFamilyConfig, FontID, FontSize, FontSizeConfig, FontSlantConfig, FontType, FontWeightConfig, FontWeightDescriptive, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, GlobalDefaultsConfig, HighContrastMode, Hue, HueStep, IconButtonClassMap, IconButtonClassName, IconButtonConfig, IconButtonDefaultsConfig, IconButtonSize, IconPropsWithSVGProps, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, ImagePropsWithImgProps, ImageStyleProps, InputSize, LayoutStyleProps, LetterSpacing, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, OpacityStep, Overflow, Palette, PaletteConfig, PaletteType, PaletteValue, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Position, PropertyToPaletteAliasMap, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, ScaleConfig, ScaleEffectMap, ScaleMode, ScaleModeConfig, ScaleModeForApp, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPreset, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithInvert, SharedPaletteAlias, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, StateStyleProps, StyleProps, SwitchSize, TShirtSize, TShirtSizeCommon, TextDecorationLine, TextProperty, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UdsCssVar, UnitlessUnit, UniversalAvatarIconProps, UniversalAvatarImageProps, UniversalAvatarProps, UniversalAvatarTextProps, UniversalBadgeProps, UniversalBoxProps, UniversalButtonProps, UniversalCheckboxProps, UniversalChipBaseProps, UniversalChipButtonProps, UniversalChipDismissibleProps, UniversalChipLinkProps, UniversalChipProps, UniversalChipToggleProps, UniversalDividerProps, UniversalFormLabelProps, UniversalIconButtonProps, UniversalIconProps, UniversalIconSlot, UniversalImageProps, UniversalInputProps, UniversalLinkProps, UniversalMenuItemProps, UniversalPressableProps, UniversalRadioGroupProps, UniversalRadioProps, UniversalStackProps, UniversalSwitchProps, UniversalTextProps, UniversalTokensConfig } from "./types.js";
-import { getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, setConfigPseudoStateVariable } from "./automation/utils/variableData.js";
-import { SchemaStateValue, createComponentStateConfig, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, findFixtureType, generateClassName, generateDeclaration, generateStyles, statePseudoMapDocsMode, toMinimalDbConfigObject } from "./automation/utils/index.js";
-import "./automation/index.js";
-import { button, getDefaultButtonBaseMap } from "./configs/button.js";
-import { shadow } from "./configs/shadow.js";
-import { fontWeightMap } from "./configs/typography.js";
-import { DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP } from "./consts/defaultModes.js";
-import { parseButtonVariantFlat, parseDeprecatedButtonPaletteVariant } from "./parseButtonVariants.js";
-import { entries } from "./utils/entries.js";
-import { fromEntries } from "./utils/fromEntries.js";
-import { mapValues } from "./utils/mapValues.js";
-export { AVATAR_SIZE_PREFIX, AllPossibleProperties, AllSelectors, AllVariantKeys, AlwaysPalette, AlwaysPaletteAlias, AlwaysPaletteColor, Animation, AriaAttribute, AutoComponentName, AutoComponents, AvatarAbbreviationStrategy, AvatarConfig, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarVariant, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_CSS_VAR_MAP, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, BadgeConfig, BadgeSize, BadgeVariant, BaseSelector, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, Breakpoint, BreakpointWithBase, BreakpointsConfig, ButtonBaseConfig, ButtonClassMap, ButtonClassName, ButtonColorConfig, ButtonColorEffect, ButtonColorEffectConfig, ButtonColorProperty, ButtonColorPropertyConfig, ButtonConfig, ButtonKind, ButtonMotionEffect, ButtonMotionProperty, ButtonMotionPropertyConfig, ButtonPalette, ButtonPaletteColor, ButtonPaletteConfig, ButtonShadowPropertyConfig, ButtonSize, ButtonSizeConfig, ButtonSizeProperty, ButtonSpectrumColor, ButtonState, ButtonStateConfig, ButtonStateEffectConfig, ButtonVariant, ButtonVariantConfig, ButtonVariantFlat, CheckboxConfig, CheckboxSize, CheckboxValue, CheckboxVariant, ChipConfig, ChipSize, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, ComponentConfig, ComponentStateConfig, ConfigurableDropShadowValues, ConfigurableInsetShadowValues, ConfigurablePropertiesName, CssStyleObject, CustomSizingStyleProps, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_SCALE_MODE_FOR_APP, DataAttribute, Display, DividerConfig, DividerVariant, ExtendablePropertiesName, FONT_DECLARATIONS_MAP, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, Flex, FlexAlignContent, FlexAlignItems, FlexAlignSelf, FlexBasis, FlexDirection, FlexGrow, FlexJustifyContent, FlexShrink, FlexStyleProps, FlexWrap, FontAlias, FontAxisConfig, FontConfig, FontCssVar, FontDeclarationConfig, FontDeclarationItemConfig, FontDeclarationMap, FontFamilyCDNUrl, FontFamilyConfig, FontID, FontSize, FontSizeConfig, FontSlantConfig, FontType, FontWeightConfig, FontWeightDescriptive, FontWeightForFont, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, GlobalDefaultsConfig, HighContrastMode, Hue, HueStep, ICON_BUTTON_CSS_VAR_MAP, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, IconButtonClassMap, IconButtonClassName, IconButtonConfig, IconButtonDefaultsConfig, IconButtonSize, IconPropsWithSVGProps, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, ImagePropsWithImgProps, ImageStyleProps, InputConfig, InputSize, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, LINE_HEIGHT_PREFIX, LayerConfig, LayoutStyleProps, LetterSpacing, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, LinkConfig, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, MenuConfig, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, OpacityStep, Overflow, PSEUDO_STYLE_SELECTOR_MAP, Palette, PaletteConfig, PaletteType, PaletteValue, ParentVariantSelector, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Position, PossibleStates, PossibleStatesWithRest, PropertyToPaletteAliasMap, RadioConfig, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, ScaleConfig, ScaleEffectMap, ScaleMode, ScaleModeConfig, ScaleModeForApp, SchemaStateValue, SelectedConfigurableProperty, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPreset, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithInvert, SharedPaletteAlias, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, StateStyleProps, StyleProps, SubComponentConfig, SwitchConfig, SwitchSize, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, TShirtSize, TShirtSizeCommon, TextDecorationLine, TextProperty, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UDS_PREFIX, UdsCssVar, UnitlessUnit, UniversalAvatarIconProps, UniversalAvatarImageProps, UniversalAvatarProps, UniversalAvatarTextProps, UniversalBadgeProps, UniversalBoxProps, UniversalButtonProps, UniversalCheckboxProps, UniversalChipBaseProps, UniversalChipButtonProps, UniversalChipDismissibleProps, UniversalChipLinkProps, UniversalChipProps, UniversalChipToggleProps, UniversalDividerProps, UniversalFormLabelProps, UniversalIconButtonProps, UniversalIconProps, UniversalIconSlot, UniversalImageProps, UniversalInputProps, UniversalLinkProps, UniversalMenuItemProps, UniversalPressableProps, UniversalRadioGroupProps, UniversalRadioProps, UniversalStackProps, UniversalSwitchProps, UniversalTextProps, UniversalTokensConfig, UniversalTokensConfigAuto, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, button, cartesianProduct, coalesceConfigVariant, configurableProperties, createComponentStateConfig, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, entries, findFixtureType, fontWeightMap, fromEntries, generateClassName, generateDeclaration, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getDefaultButtonBaseMap, isConfigDefaultValue, mapValues, parseButtonVariantFlat, parseDeprecatedButtonPaletteVariant, setConfigPseudoStateVariable, shadow, statePseudoMapDocsMode, toMinimalDbConfigObject, variants };
+export { AvatarConfig, BadgeConfig, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './automation/configs.js';
+import { g as ComponentConfig, V as VariantConfig, b as ComponentStateConfig, S as SelectedConfigurableProperty, a as PossibleStatesWithRest, d as SubComponentConfig } from '../index-DfNmJjc_.js';
+export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, C as ConfigurablePropertiesName, E as ExtendablePropertiesName, L as LayerConfig, P as PossibleStates, k as SchemaStateValue, f as VariantConfigWithComponentStates, e as VariantConfigWithProperties, c as configurableProperties, r as createComponentStateConfig, w as createComponentStates, p as createConfigurableProperty, x as createLayerConfig, y as createSubComponentConfig, q as createVariantConfig, v as createVariantConfigWithComponentStates, u as createVariantConfigWithProperties, l as findFixtureType, m as generateClassName, n as generateDeclaration, o as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from '../index-DfNmJjc_.js';
+import { dh as UniversalTokensConfigAuto, g as UniversalTokensConfig, aP as ButtonKind, aT as ButtonPalette, aK as ButtonBaseConfig, B as ButtonConfig, d as ShadowConfig, bC as FontWeightDescriptive, bD as FontWeightNumeric, ba as ColorModeForApp, cj as ScaleModeForApp, h as ColorMode, l as ScaleMode, bI as HighContrastMode, cf as RegionMode, b2 as ButtonVariant, b4 as ButtonVariantFlat } from '../types-gGaZxCMr.js';
+export { E as AVATAR_SIZE_PREFIX, an as AlwaysPalette, ao as AlwaysPaletteAlias, ap as AlwaysPaletteColor, aq as Animation, ar as AriaAttribute, as as AvatarAbbreviationStrategy, at as AvatarShape, au as AvatarSize, av as AvatarSizeConfig, aw as AvatarVariant, J as BORDER_RADIUS_PREFIX, K as BORDER_WIDTH_PREFIX, ae as BUTTON_CSS_VAR_MAP, ax as BackgroundColor, ay as BackgroundPalette, az as BackgroundPaletteAlias, aA as BackgroundStyleProps, aB as BadgeSize, aC as BadgeVariant, aD as BorderRadius, aE as BorderRadiusConfig, aF as BorderStyleProps, aG as BorderWidth, aH as BorderWidthConfig, aI as Breakpoint, aJ as BreakpointWithBase, e as BreakpointsConfig, p as ButtonClassMap, aL as ButtonClassName, aM as ButtonColorConfig, aN as ButtonColorEffect, aO as ButtonColorEffectConfig, s as ButtonColorProperty, t as ButtonColorPropertyConfig, aQ as ButtonMotionEffect, aR as ButtonMotionProperty, aS as ButtonMotionPropertyConfig, aU as ButtonPaletteColor, aV as ButtonPaletteConfig, aW as ButtonShadowPropertyConfig, aX as ButtonSize, aY as ButtonSizeConfig, aZ as ButtonSizeProperty, a_ as ButtonSpectrumColor, a$ as ButtonState, b0 as ButtonStateConfig, b1 as ButtonStateEffectConfig, b3 as ButtonVariantConfig, b5 as CheckboxSize, b6 as CheckboxValue, b7 as CheckboxVariant, b8 as ChipSize, b9 as ChipVariant, C as ColorModeConfig, i as ColorsConfig, bb as ConfigurableDropShadowValues, bc as ConfigurableInsetShadowValues, bd as CustomSizingStyleProps, $ as DARK_COLOR_MODE_CLASSNAME, aa as DEFAULT_COLOR_MODE_CLASSNAME, ab as DEFAULT_SCALE_MODE_CLASSNAME, be as DataAttribute, bf as Display, bg as DividerVariant, ah as FONT_DECLARATIONS_MAP, L as FONT_FAMILY_PREFIX, N as FONT_SIZE_PREFIX, Q as FONT_SLANT_PREFIX, O as FONT_WEIGHT_PREFIX, R as FONT_WIDTH_PREFIX, bh as Flex, bi as FlexAlignContent, bj as FlexAlignItems, bk as FlexAlignSelf, bl as FlexBasis, bm as FlexDirection, bn as FlexGrow, bo as FlexJustifyContent, bp as FlexShrink, bq as FlexStyleProps, br as FlexWrap, bs as FontAlias, ai as FontAxisConfig, F as FontConfig, bt as FontCssVar, ak as FontDeclarationConfig, aj as FontDeclarationItemConfig, al as FontDeclarationMap, bu as FontFamilyCDNUrl, bv as FontFamilyConfig, bw as FontID, bx as FontSize, by as FontSizeConfig, bz as FontSlantConfig, bA as FontType, bB as FontWeightConfig, am as FontWeightForFont, bE as FontWidthConfig, bF as ForegroundColor, bG as ForegroundPalette, bH as ForegroundPaletteAlias, G as GlobalDefaultsConfig, H as Hue, j as HueStep, af as ICON_BUTTON_CSS_VAR_MAP, V as ICON_SIZE_PREFIX, a2 as INVERT_COLOR_MODE_CLASSNAME, q as IconButtonClassMap, bJ as IconButtonClassName, I as IconButtonConfig, bK as IconButtonDefaultsConfig, bL as IconButtonSize, x as IconPropsWithSVGProps, bM as IconSizeConfig, bN as IconSlotRenderProps, y as ImagePropsWithImgProps, bO as ImageStyleProps, bP as InputSize, a6 as LARGE_SCALE_MODE_CLASSNAME, X as LETTER_SPACING_PREFIX, a0 as LIGHT_COLOR_MODE_CLASSNAME, W as LINE_HEIGHT_PREFIX, bQ as LayoutStyleProps, bR as LineClampAlias, bS as LineColor, bT as LineHeight, bU as LineHeightConfig, bV as LinePalette, bW as LinePaletteAlias, a5 as MEDIUM_SCALE_MODE_CLASSNAME, Y as MOTION_PREFIX, bX as Modes, M as MotionConfig, bY as MotionCssVar, bZ as MotionSpringConfig, b_ as MotionSpringConfigOptions, b$ as MotionVariant, c0 as MotionVariantSpeed, c1 as MotionVariantValues, c2 as OpacityStep, c3 as Overflow, ag as PSEUDO_STYLE_SELECTOR_MAP, c4 as Palette, k as PaletteConfig, P as PaletteType, c5 as PaletteValue, c6 as Percentage, c7 as PercentageUnit, c8 as PixelsUnit, c9 as PlatformMode, ca as Position, cb as PropertyToPaletteAliasMap, cc as RadioSize, cd as RadioValue, ce as RadioVariant, cg as RemsUnit, a4 as SMALL_SCALE_MODE_CLASSNAME, Z as SPECTRUM_COLOR_PREFIX, a1 as SYSTEM_COLOR_MODE_CLASSNAME, ch as ScaleConfig, ci as ScaleEffectMap, S as ScaleModeConfig, ck as ShadowColor, cl as ShadowColorConfig, cm as ShadowOffset, cn as ShadowOpacity, co as ShadowPalette, cp as ShadowPaletteAlias, m as ShadowPreset, cq as ShadowSpreadRadius, cr as ShadowStyleProps, cs as ShadowType, ct as ShadowTypeConfig, cu as ShadowVariant, cv as ShadowVariantConfig, cw as ShadowVariantInvert, cx as ShadowVariantWithInvert, cy as SharedPaletteAlias, u as SpacingAlias, cz as SpacingConfig, cA as SpacingStyleProps, cB as SpectrumColor, cC as SpectrumConfig, cD as StateStyleProps, cE as StyleProps, cF as SwitchSize, ad as TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, ac as TEXT_RESPONSIVE_CLASSNAME, _ as TEXT_TRANSFORM_PREFIX, cR as TShirtSize, cS as TShirtSizeCommon, cG as TextDecorationLine, cH as TextProperty, cI as TextStyleProps, cJ as TextTransform, cK as TextTransformConfig, cL as TextVariant, cM as TextVariantTypography, r as TextVariantUi, cN as TextVariantWithoutEmphasized, cO as TransitionDelay, cP as TransitionDuration, cQ as TransitionTiming, T as TypographyConfig, cT as TypographyResponsiveProperty, cU as TypographyStyle, cV as TypographyStyleProperty, cW as TypographyUnitValue, D as UDS_PREFIX, cX as UdsCssVar, cY as UnitlessUnit, cZ as UniversalAvatarIconProps, c_ as UniversalAvatarImageProps, c$ as UniversalAvatarProps, d0 as UniversalAvatarTextProps, d1 as UniversalBadgeProps, b as UniversalBoxProps, d2 as UniversalButtonProps, d3 as UniversalCheckboxProps, d4 as UniversalChipBaseProps, d5 as UniversalChipButtonProps, d6 as UniversalChipDismissibleProps, d7 as UniversalChipLinkProps, d8 as UniversalChipProps, d9 as UniversalChipToggleProps, o as UniversalDividerProps, w as UniversalFormLabelProps, da as UniversalIconButtonProps, db as UniversalIconProps, dc as UniversalIconSlot, dd as UniversalImageProps, de as UniversalInputProps, z as UniversalLinkProps, v as UniversalMenuItemProps, a as UniversalPressableProps, df as UniversalRadioGroupProps, dg as UniversalRadioProps, n as UniversalStackProps, c as UniversalSwitchProps, U as UniversalTextProps, a7 as XLARGE_SCALE_MODE_CLASSNAME, a3 as XSMALL_SCALE_MODE_CLASSNAME, a8 as XXLARGE_SCALE_MODE_CLASSNAME, a9 as XXXLARGE_SCALE_MODE_CLASSNAME, A as alwaysPalette } from '../types-gGaZxCMr.js';
+export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
+import '@yahoo/uds/fixtures';
+import 'motion/react';
+import 'react';
+import 'type-fest';
+
+declare const variants: {
+    checkboxSizeRoot: {
+        readonly sm: "uds-checkbox-size-sm-root";
+        readonly md: "uds-checkbox-size-md-root";
+    };
+    checkboxSizeCheckbox: {
+        readonly sm: "uds-checkbox-size-sm-checkbox";
+        readonly md: "uds-checkbox-size-md-checkbox";
+    };
+    checkboxVariantValueRoot: {
+        readonly checked: "uds-checkbox-variant-value-checked-root";
+        readonly unchecked: "uds-checkbox-variant-value-unchecked-root";
+        readonly indeterminate: "uds-checkbox-variant-value-indeterminate-root";
+    };
+    checkboxVariantRoot: {
+        readonly primary: "uds-checkbox-variant-primary-root";
+        readonly secondary: "uds-checkbox-variant-secondary-root";
+        readonly alert: "uds-checkbox-variant-alert-root";
+        readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-root";
+    };
+    checkboxVariantValueCheckbox: {
+        readonly checked: "uds-checkbox-variant-value-checked-checkbox";
+        readonly unchecked: "uds-checkbox-variant-value-unchecked-checkbox";
+        readonly indeterminate: "uds-checkbox-variant-value-indeterminate-checkbox";
+    };
+    checkboxVariantCheckbox: {
+        readonly primary: "uds-checkbox-variant-primary-checkbox";
+        readonly secondary: "uds-checkbox-variant-secondary-checkbox";
+        readonly alert: "uds-checkbox-variant-alert-checkbox";
+        readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-checkbox";
+    };
+    checkboxVariantValueCheckboxIcon: {
+        readonly checked: "uds-checkbox-variant-value-checked-checkbox-icon";
+        readonly unchecked: "uds-checkbox-variant-value-unchecked-checkbox-icon";
+        readonly indeterminate: "uds-checkbox-variant-value-indeterminate-checkbox-icon";
+    };
+    checkboxVariantCheckboxIcon: {
+        readonly primary: "uds-checkbox-variant-primary-checkbox-icon";
+        readonly secondary: "uds-checkbox-variant-secondary-checkbox-icon";
+        readonly alert: "uds-checkbox-variant-alert-checkbox-icon";
+        readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-checkbox-icon";
+    };
+    dividerVariantRoot: {
+        readonly primary: "uds-divider-variant-primary-root";
+        readonly secondary: "uds-divider-variant-secondary-root";
+        readonly tertiary: "uds-divider-variant-tertiary-root";
+        readonly muted: "uds-divider-variant-muted-root";
+    };
+    dividerVariantLine: {
+        readonly primary: "uds-divider-variant-primary-line";
+        readonly secondary: "uds-divider-variant-secondary-line";
+        readonly tertiary: "uds-divider-variant-tertiary-line";
+        readonly muted: "uds-divider-variant-muted-line";
+    };
+    dividerVariantLabel: {
+        readonly primary: "uds-divider-variant-primary-label";
+        readonly secondary: "uds-divider-variant-secondary-label";
+        readonly tertiary: "uds-divider-variant-tertiary-label";
+        readonly muted: "uds-divider-variant-muted-label";
+    };
+    switchVariantActiveRoot: {
+        readonly on: "uds-switch-variant-active-on-root";
+        readonly off: "uds-switch-variant-active-off-root";
+    };
+    switchVariantRoot: {
+        readonly default: "uds-switch-variant-default-root";
+    };
+    switchVariantActiveSwitch: {
+        readonly on: "uds-switch-variant-active-on-switch";
+        readonly off: "uds-switch-variant-active-off-switch";
+    };
+    switchVariantSwitch: {
+        readonly default: "uds-switch-variant-default-switch";
+    };
+    switchVariantActiveHandle: {
+        readonly on: "uds-switch-variant-active-on-handle";
+        readonly off: "uds-switch-variant-active-off-handle";
+    };
+    switchVariantHandle: {
+        readonly default: "uds-switch-variant-default-handle";
+    };
+    switchVariantActiveHandleIcon: {
+        readonly on: "uds-switch-variant-active-on-handle-icon";
+        readonly off: "uds-switch-variant-active-off-handle-icon";
+    };
+    switchVariantHandleIcon: {
+        readonly default: "uds-switch-variant-default-handle-icon";
+    };
+    switchSizeRoot: {
+        readonly sm: "uds-switch-size-sm-root";
+        readonly md: "uds-switch-size-md-root";
+    };
+    switchSizeSwitch: {
+        readonly sm: "uds-switch-size-sm-switch";
+        readonly md: "uds-switch-size-md-switch";
+    };
+    switchSizeHandle: {
+        readonly sm: "uds-switch-size-sm-handle";
+        readonly md: "uds-switch-size-md-handle";
+    };
+    switchSizeHandleIcon: {
+        readonly sm: "uds-switch-size-sm-handle-icon";
+        readonly md: "uds-switch-size-md-handle-icon";
+    };
+    chipSizeRoot: {
+        readonly sm: "uds-chip-size-sm-root";
+        readonly md: "uds-chip-size-md-root";
+    };
+    chipSizeIcon: {
+        readonly sm: "uds-chip-size-sm-icon";
+        readonly md: "uds-chip-size-md-icon";
+    };
+    chipToggleVariantActiveRoot: {
+        readonly on: "uds-chip-toggle-variant-active-on-root";
+        readonly off: "uds-chip-toggle-variant-active-off-root";
+    };
+    chipToggleVariantRoot: {
+        readonly primary: "uds-chip-toggle-variant-primary-root";
+        readonly secondary: "uds-chip-toggle-variant-secondary-root";
+        readonly brand: "uds-chip-toggle-variant-brand-root";
+        readonly 'brand-secondary': "uds-chip-toggle-variant-brand-secondary-root";
+    };
+    chipToggleVariantActiveIcon: {
+        readonly on: "uds-chip-toggle-variant-active-on-icon";
+        readonly off: "uds-chip-toggle-variant-active-off-icon";
+    };
+    chipToggleVariantIcon: {
+        readonly primary: "uds-chip-toggle-variant-primary-icon";
+        readonly secondary: "uds-chip-toggle-variant-secondary-icon";
+        readonly brand: "uds-chip-toggle-variant-brand-icon";
+        readonly 'brand-secondary': "uds-chip-toggle-variant-brand-secondary-icon";
+    };
+    chipDismissibleVariantRoot: {
+        readonly primary: "uds-chip-dismissible-variant-primary-root";
+        readonly secondary: "uds-chip-dismissible-variant-secondary-root";
+        readonly brand: "uds-chip-dismissible-variant-brand-root";
+        readonly 'brand-secondary': "uds-chip-dismissible-variant-brand-secondary-root";
+    };
+    chipDismissibleVariantIcon: {
+        readonly primary: "uds-chip-dismissible-variant-primary-icon";
+        readonly secondary: "uds-chip-dismissible-variant-secondary-icon";
+        readonly brand: "uds-chip-dismissible-variant-brand-icon";
+        readonly 'brand-secondary': "uds-chip-dismissible-variant-brand-secondary-icon";
+    };
+    chipLinkVariantRoot: {
+        readonly primary: "uds-chip-link-variant-primary-root";
+        readonly secondary: "uds-chip-link-variant-secondary-root";
+        readonly brand: "uds-chip-link-variant-brand-root";
+        readonly 'brand-secondary': "uds-chip-link-variant-brand-secondary-root";
+    };
+    chipLinkVariantIcon: {
+        readonly primary: "uds-chip-link-variant-primary-icon";
+        readonly secondary: "uds-chip-link-variant-secondary-icon";
+        readonly brand: "uds-chip-link-variant-brand-icon";
+        readonly 'brand-secondary': "uds-chip-link-variant-brand-secondary-icon";
+    };
+    radioVariantValueRoot: {
+        readonly checked: "uds-radio-variant-value-checked-root";
+        readonly unchecked: "uds-radio-variant-value-unchecked-root";
+    };
+    radioVariantRoot: {
+        readonly primary: "uds-radio-variant-primary-root";
+        readonly secondary: "uds-radio-variant-secondary-root";
+        readonly alert: "uds-radio-variant-alert-root";
+        readonly 'alert-secondary': "uds-radio-variant-alert-secondary-root";
+    };
+    radioVariantValueRadio: {
+        readonly checked: "uds-radio-variant-value-checked-radio";
+        readonly unchecked: "uds-radio-variant-value-unchecked-radio";
+    };
+    radioVariantRadio: {
+        readonly primary: "uds-radio-variant-primary-radio";
+        readonly secondary: "uds-radio-variant-secondary-radio";
+        readonly alert: "uds-radio-variant-alert-radio";
+        readonly 'alert-secondary': "uds-radio-variant-alert-secondary-radio";
+    };
+    radioVariantValueRadioCircle: {
+        readonly checked: "uds-radio-variant-value-checked-radio-circle";
+        readonly unchecked: "uds-radio-variant-value-unchecked-radio-circle";
+    };
+    radioVariantRadioCircle: {
+        readonly primary: "uds-radio-variant-primary-radio-circle";
+        readonly secondary: "uds-radio-variant-secondary-radio-circle";
+        readonly alert: "uds-radio-variant-alert-radio-circle";
+        readonly 'alert-secondary': "uds-radio-variant-alert-secondary-radio-circle";
+    };
+    radioSizeRoot: {
+        readonly sm: "uds-radio-size-sm-root";
+        readonly md: "uds-radio-size-md-root";
+    };
+    radioSizeRadio: {
+        readonly sm: "uds-radio-size-sm-radio";
+        readonly md: "uds-radio-size-md-radio";
+    };
+    linkTextStyleRoot: {
+        readonly display1: "uds-link-text-style-display-1-root";
+        readonly display2: "uds-link-text-style-display-2-root";
+        readonly display3: "uds-link-text-style-display-3-root";
+        readonly title1: "uds-link-text-style-title-1-root";
+        readonly title2: "uds-link-text-style-title-2-root";
+        readonly title3: "uds-link-text-style-title-3-root";
+        readonly title4: "uds-link-text-style-title-4-root";
+        readonly headline1: "uds-link-text-style-headline-1-root";
+        readonly body1: "uds-link-text-style-body-1-root";
+        readonly label1: "uds-link-text-style-label-1-root";
+        readonly label2: "uds-link-text-style-label-2-root";
+        readonly label3: "uds-link-text-style-label-3-root";
+        readonly label4: "uds-link-text-style-label-4-root";
+        readonly caption1: "uds-link-text-style-caption-1-root";
+        readonly caption2: "uds-link-text-style-caption-2-root";
+        readonly legal1: "uds-link-text-style-legal-1-root";
+        readonly ui1: "uds-link-text-style-ui-1-root";
+        readonly ui2: "uds-link-text-style-ui-2-root";
+        readonly ui3: "uds-link-text-style-ui-3-root";
+        readonly ui4: "uds-link-text-style-ui-4-root";
+        readonly ui5: "uds-link-text-style-ui-5-root";
+        readonly ui6: "uds-link-text-style-ui-6-root";
+    };
+    linkTextStyleIcon: {
+        readonly display1: "uds-link-text-style-display-1-icon";
+        readonly display2: "uds-link-text-style-display-2-icon";
+        readonly display3: "uds-link-text-style-display-3-icon";
+        readonly title1: "uds-link-text-style-title-1-icon";
+        readonly title2: "uds-link-text-style-title-2-icon";
+        readonly title3: "uds-link-text-style-title-3-icon";
+        readonly title4: "uds-link-text-style-title-4-icon";
+        readonly headline1: "uds-link-text-style-headline-1-icon";
+        readonly body1: "uds-link-text-style-body-1-icon";
+        readonly label1: "uds-link-text-style-label-1-icon";
+        readonly label2: "uds-link-text-style-label-2-icon";
+        readonly label3: "uds-link-text-style-label-3-icon";
+        readonly label4: "uds-link-text-style-label-4-icon";
+        readonly caption1: "uds-link-text-style-caption-1-icon";
+        readonly caption2: "uds-link-text-style-caption-2-icon";
+        readonly legal1: "uds-link-text-style-legal-1-icon";
+        readonly ui1: "uds-link-text-style-ui-1-icon";
+        readonly ui2: "uds-link-text-style-ui-2-icon";
+        readonly ui3: "uds-link-text-style-ui-3-icon";
+        readonly ui4: "uds-link-text-style-ui-4-icon";
+        readonly ui5: "uds-link-text-style-ui-5-icon";
+        readonly ui6: "uds-link-text-style-ui-6-icon";
+    };
+    linkVariantRoot: {
+        readonly primary: "uds-link-variant-primary-root";
+        readonly secondary: "uds-link-variant-secondary-root";
+        readonly tertiary: "uds-link-variant-tertiary-root";
+        readonly 'on-color': "uds-link-variant-on-color-root";
+    };
+    linkVariantIconStart: {
+        readonly primary: "uds-link-variant-primary-icon-start";
+        readonly secondary: "uds-link-variant-secondary-icon-start";
+        readonly tertiary: "uds-link-variant-tertiary-icon-start";
+        readonly 'on-color': "uds-link-variant-on-color-icon-start";
+    };
+    linkVariantIconEnd: {
+        readonly primary: "uds-link-variant-primary-icon-end";
+        readonly secondary: "uds-link-variant-secondary-icon-end";
+        readonly tertiary: "uds-link-variant-tertiary-icon-end";
+        readonly 'on-color': "uds-link-variant-on-color-icon-end";
+    };
+    badgeSizeRoot: {
+        readonly xs: "uds-badge-size-xs-root";
+        readonly sm: "uds-badge-size-sm-root";
+        readonly md: "uds-badge-size-md-root";
+        readonly lg: "uds-badge-size-lg-root";
+    };
+    badgeSizeIcon: {
+        readonly xs: "uds-badge-size-xs-icon";
+        readonly sm: "uds-badge-size-sm-icon";
+        readonly md: "uds-badge-size-md-icon";
+        readonly lg: "uds-badge-size-lg-icon";
+    };
+    badgeVariantRoot: {
+        readonly primary: "uds-badge-variant-primary-root";
+        readonly secondary: "uds-badge-variant-secondary-root";
+        readonly brand: "uds-badge-variant-brand-root";
+        readonly 'brand-secondary': "uds-badge-variant-brand-secondary-root";
+        readonly alert: "uds-badge-variant-alert-root";
+        readonly 'alert-secondary': "uds-badge-variant-alert-secondary-root";
+        readonly warning: "uds-badge-variant-warning-root";
+        readonly 'warning-secondary': "uds-badge-variant-warning-secondary-root";
+        readonly positive: "uds-badge-variant-positive-root";
+        readonly 'positive-secondary': "uds-badge-variant-positive-secondary-root";
+        readonly info: "uds-badge-variant-info-root";
+        readonly 'info-secondary': "uds-badge-variant-info-secondary-root";
+    };
+    badgeVariantIcon: {
+        readonly primary: "uds-badge-variant-primary-icon";
+        readonly secondary: "uds-badge-variant-secondary-icon";
+        readonly brand: "uds-badge-variant-brand-icon";
+        readonly 'brand-secondary': "uds-badge-variant-brand-secondary-icon";
+        readonly alert: "uds-badge-variant-alert-icon";
+        readonly 'alert-secondary': "uds-badge-variant-alert-secondary-icon";
+        readonly warning: "uds-badge-variant-warning-icon";
+        readonly 'warning-secondary': "uds-badge-variant-warning-secondary-icon";
+        readonly positive: "uds-badge-variant-positive-icon";
+        readonly 'positive-secondary': "uds-badge-variant-positive-secondary-icon";
+        readonly info: "uds-badge-variant-info-icon";
+        readonly 'info-secondary': "uds-badge-variant-info-secondary-icon";
+    };
+    inputSizeRoot: {
+        readonly md: "uds-input-size-md-root";
+        readonly lg: "uds-input-size-lg-root";
+    };
+    inputSizeInputWrapper: {
+        readonly md: "uds-input-size-md-input-wrapper";
+        readonly lg: "uds-input-size-lg-input-wrapper";
+    };
+    inputSizeInput: {
+        readonly md: "uds-input-size-md-input";
+        readonly lg: "uds-input-size-lg-input";
+    };
+    inputSizeStartIcon: {
+        readonly md: "uds-input-size-md-start-icon";
+        readonly lg: "uds-input-size-lg-start-icon";
+    };
+    inputSizeEndIcon: {
+        readonly md: "uds-input-size-md-end-icon";
+        readonly lg: "uds-input-size-lg-end-icon";
+    };
+    inputSizeLabel: {
+        readonly md: "uds-input-size-md-label";
+        readonly lg: "uds-input-size-lg-label";
+    };
+    inputSizeHelperIcon: {
+        readonly md: "uds-input-size-md-helper-icon";
+        readonly lg: "uds-input-size-lg-helper-icon";
+    };
+    inputSizeHelperText: {
+        readonly md: "uds-input-size-md-helper-text";
+        readonly lg: "uds-input-size-lg-helper-text";
+    };
+    inputVariantValueRoot: {
+        readonly filled: "uds-input-variant-value-filled-root";
+        readonly empty: "uds-input-variant-value-empty-root";
+    };
+    inputVariantRoot: {
+        readonly default: "uds-input-variant-default-root";
+    };
+    inputVariantValueInputWrapper: {
+        readonly filled: "uds-input-variant-value-filled-input-wrapper";
+        readonly empty: "uds-input-variant-value-empty-input-wrapper";
+    };
+    inputVariantInputWrapper: {
+        readonly default: "uds-input-variant-default-input-wrapper";
+    };
+    inputVariantValueInput: {
+        readonly filled: "uds-input-variant-value-filled-input";
+        readonly empty: "uds-input-variant-value-empty-input";
+    };
+    inputVariantInput: {
+        readonly default: "uds-input-variant-default-input";
+    };
+    inputVariantValueInputPlaceholder: {
+        readonly filled: "uds-input-variant-value-filled-input-placeholder";
+        readonly empty: "uds-input-variant-value-empty-input-placeholder";
+    };
+    inputVariantInputPlaceholder: {
+        readonly default: "uds-input-variant-default-input-placeholder";
+    };
+    inputVariantValueStartIcon: {
+        readonly filled: "uds-input-variant-value-filled-start-icon";
+        readonly empty: "uds-input-variant-value-empty-start-icon";
+    };
+    inputVariantStartIcon: {
+        readonly default: "uds-input-variant-default-start-icon";
+    };
+    inputVariantValueEndIcon: {
+        readonly filled: "uds-input-variant-value-filled-end-icon";
+        readonly empty: "uds-input-variant-value-empty-end-icon";
+    };
+    inputVariantEndIcon: {
+        readonly default: "uds-input-variant-default-end-icon";
+    };
+    inputVariantValueLabel: {
+        readonly filled: "uds-input-variant-value-filled-label";
+        readonly empty: "uds-input-variant-value-empty-label";
+    };
+    inputVariantLabel: {
+        readonly default: "uds-input-variant-default-label";
+    };
+    inputVariantValueLabelRequired: {
+        readonly filled: "uds-input-variant-value-filled-label-required";
+        readonly empty: "uds-input-variant-value-empty-label-required";
+    };
+    inputVariantLabelRequired: {
+        readonly default: "uds-input-variant-default-label-required";
+    };
+    inputVariantValueHelperIcon: {
+        readonly filled: "uds-input-variant-value-filled-helper-icon";
+        readonly empty: "uds-input-variant-value-empty-helper-icon";
+    };
+    inputVariantHelperIcon: {
+        readonly default: "uds-input-variant-default-helper-icon";
+    };
+    inputVariantValueHelperText: {
+        readonly filled: "uds-input-variant-value-filled-helper-text";
+        readonly empty: "uds-input-variant-value-empty-helper-text";
+    };
+    inputVariantHelperText: {
+        readonly default: "uds-input-variant-default-helper-text";
+    };
+    avatarSizeRoot: {
+        readonly xs: "uds-avatar-size-xs-root";
+        readonly sm: "uds-avatar-size-sm-root";
+        readonly md: "uds-avatar-size-md-root";
+        readonly lg: "uds-avatar-size-lg-root";
+        readonly xl: "uds-avatar-size-xl-root";
+    };
+    avatarSizeIcon: {
+        readonly xs: "uds-avatar-size-xs-icon";
+        readonly sm: "uds-avatar-size-sm-icon";
+        readonly md: "uds-avatar-size-md-icon";
+        readonly lg: "uds-avatar-size-lg-icon";
+        readonly xl: "uds-avatar-size-xl-icon";
+    };
+    avatarTextVariantRoot: {
+        readonly primary: "uds-avatar-text-variant-primary-root";
+        readonly secondary: "uds-avatar-text-variant-secondary-root";
+    };
+    avatarImageVariantRoot: {
+        readonly primary: "uds-avatar-image-variant-primary-root";
+        readonly secondary: "uds-avatar-image-variant-secondary-root";
+    };
+    avatarIconVariantRoot: {
+        readonly primary: "uds-avatar-icon-variant-primary-root";
+        readonly secondary: "uds-avatar-icon-variant-secondary-root";
+    };
+    menuSizeRoot: {
+        readonly default: "uds-menu-size-default-root";
+    };
+    menuSizeStartIcon: {
+        readonly default: "uds-menu-size-default-start-icon";
+    };
+    menuSizeEndIcon: {
+        readonly default: "uds-menu-size-default-end-icon";
+    };
+    menuItemVariantActiveRoot: {
+        readonly on: "uds-menu-item-variant-active-on-root";
+        readonly off: "uds-menu-item-variant-active-off-root";
+    };
+    menuItemVariantRoot: {
+        readonly default: "uds-menu-item-variant-default-root";
+    };
+    menuItemVariantActiveText: {
+        readonly on: "uds-menu-item-variant-active-on-text";
+        readonly off: "uds-menu-item-variant-active-off-text";
+    };
+    menuItemVariantText: {
+        readonly default: "uds-menu-item-variant-default-text";
+    };
+    menuItemVariantActiveIcon: {
+        readonly on: "uds-menu-item-variant-active-on-icon";
+        readonly off: "uds-menu-item-variant-active-off-icon";
+    };
+    menuItemVariantIcon: {
+        readonly default: "uds-menu-item-variant-default-icon";
+    };
+    menuItemCheckboxVariantActiveRoot: {
+        readonly on: "uds-menu-item-checkbox-variant-active-on-root";
+        readonly off: "uds-menu-item-checkbox-variant-active-off-root";
+    };
+    menuItemCheckboxVariantRoot: {
+        readonly default: "uds-menu-item-checkbox-variant-default-root";
+    };
+    menuItemCheckboxVariantActiveText: {
+        readonly on: "uds-menu-item-checkbox-variant-active-on-text";
+        readonly off: "uds-menu-item-checkbox-variant-active-off-text";
+    };
+    menuItemCheckboxVariantText: {
+        readonly default: "uds-menu-item-checkbox-variant-default-text";
+    };
+    menuItemCheckboxVariantActiveStartIcon: {
+        readonly on: "uds-menu-item-checkbox-variant-active-on-start-icon";
+        readonly off: "uds-menu-item-checkbox-variant-active-off-start-icon";
+    };
+    menuItemCheckboxVariantStartIcon: {
+        readonly default: "uds-menu-item-checkbox-variant-default-start-icon";
+    };
+    menuItemCheckboxVariantActiveEndIcon: {
+        readonly on: "uds-menu-item-checkbox-variant-active-on-end-icon";
+        readonly off: "uds-menu-item-checkbox-variant-active-off-end-icon";
+    };
+    menuItemCheckboxVariantEndIcon: {
+        readonly default: "uds-menu-item-checkbox-variant-default-end-icon";
+    };
+    menuDividerVariantRoot: {
+        readonly default: "uds-menu-divider-variant-default-root";
+    };
+    menuDividerVariantText: {
+        readonly default: "uds-menu-divider-variant-default-text";
+    };
+    menuDividerVariantLine: {
+        readonly default: "uds-menu-divider-variant-default-line";
+    };
+    color: {
+        accent: string;
+        alert: string;
+        'alert-secondary': string;
+        black: string;
+        brand: string;
+        'brand-secondary': string;
+        positive: string;
+        'positive-secondary': string;
+        warning: string;
+        'warning-secondary': string;
+        info: string;
+        'info-secondary': string;
+        white: string;
+        transparent: string;
+        muted: string;
+        'on-color': string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        current: string;
+    };
+    placeholderColor: {
+        accent: string;
+        alert: string;
+        'alert-secondary': string;
+        black: string;
+        brand: string;
+        'brand-secondary': string;
+        positive: string;
+        'positive-secondary': string;
+        warning: string;
+        'warning-secondary': string;
+        info: string;
+        'info-secondary': string;
+        white: string;
+        transparent: string;
+        muted: string;
+        'on-color': string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        current: string;
+    };
+    fontFamily: {
+        sans: string;
+        'sans-alt': string;
+        serif: string;
+        'serif-alt': string;
+        mono: string;
+        display1: string;
+        display2: string;
+        display3: string;
+        title1: string;
+        title2: string;
+        title3: string;
+        title4: string;
+        headline1: string;
+        body1: string;
+        label1: string;
+        label2: string;
+        label3: string;
+        label4: string;
+        caption1: string;
+        caption2: string;
+        legal1: string;
+        'display1/emphasized': string;
+        'display2/emphasized': string;
+        'display3/emphasized': string;
+        'title1/emphasized': string;
+        'title2/emphasized': string;
+        'title3/emphasized': string;
+        'title4/emphasized': string;
+        'headline1/emphasized': string;
+        'body1/emphasized': string;
+        'label1/emphasized': string;
+        'label2/emphasized': string;
+        'label3/emphasized': string;
+        'label4/emphasized': string;
+        'caption1/emphasized': string;
+        'caption2/emphasized': string;
+        'legal1/emphasized': string;
+        ui1: string;
+        ui2: string;
+        ui3: string;
+        ui4: string;
+        ui5: string;
+        ui6: string;
+        'ui1/emphasized': string;
+        'ui2/emphasized': string;
+        'ui3/emphasized': string;
+        'ui4/emphasized': string;
+        'ui5/emphasized': string;
+        'ui6/emphasized': string;
+    };
+    fontSize: {
+        display1: string;
+        display2: string;
+        display3: string;
+        title1: string;
+        title2: string;
+        title3: string;
+        title4: string;
+        headline1: string;
+        body1: string;
+        label1: string;
+        label2: string;
+        label3: string;
+        label4: string;
+        caption1: string;
+        caption2: string;
+        legal1: string;
+        'display1/emphasized': string;
+        'display2/emphasized': string;
+        'display3/emphasized': string;
+        'title1/emphasized': string;
+        'title2/emphasized': string;
+        'title3/emphasized': string;
+        'title4/emphasized': string;
+        'headline1/emphasized': string;
+        'body1/emphasized': string;
+        'label1/emphasized': string;
+        'label2/emphasized': string;
+        'label3/emphasized': string;
+        'label4/emphasized': string;
+        'caption1/emphasized': string;
+        'caption2/emphasized': string;
+        'legal1/emphasized': string;
+        ui1: string;
+        ui2: string;
+        ui3: string;
+        ui4: string;
+        ui5: string;
+        ui6: string;
+        'ui1/emphasized': string;
+        'ui2/emphasized': string;
+        'ui3/emphasized': string;
+        'ui4/emphasized': string;
+        'ui5/emphasized': string;
+        'ui6/emphasized': 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;
+        label3: string;
+        label4: string;
+        caption1: string;
+        caption2: string;
+        legal1: string;
+        'display1/emphasized': string;
+        'display2/emphasized': string;
+        'display3/emphasized': string;
+        'title1/emphasized': string;
+        'title2/emphasized': string;
+        'title3/emphasized': string;
+        'title4/emphasized': string;
+        'headline1/emphasized': string;
+        'body1/emphasized': string;
+        'label1/emphasized': string;
+        'label2/emphasized': string;
+        'label3/emphasized': string;
+        'label4/emphasized': string;
+        'caption1/emphasized': string;
+        'caption2/emphasized': string;
+        'legal1/emphasized': string;
+        ui1: string;
+        ui2: string;
+        ui3: string;
+        ui4: string;
+        ui5: string;
+        ui6: string;
+        'ui1/emphasized': string;
+        'ui2/emphasized': string;
+        'ui3/emphasized': string;
+        'ui4/emphasized': string;
+        'ui5/emphasized': string;
+        'ui6/emphasized': string;
+    };
+    lineHeight: {
+        display1: string;
+        display2: string;
+        display3: string;
+        title1: string;
+        title2: string;
+        title3: string;
+        title4: string;
+        headline1: string;
+        body1: string;
+        label1: string;
+        label2: string;
+        label3: string;
+        label4: string;
+        caption1: string;
+        caption2: string;
+        legal1: string;
+        'display1/emphasized': string;
+        'display2/emphasized': string;
+        'display3/emphasized': string;
+        'title1/emphasized': string;
+        'title2/emphasized': string;
+        'title3/emphasized': string;
+        'title4/emphasized': string;
+        'headline1/emphasized': string;
+        'body1/emphasized': string;
+        'label1/emphasized': string;
+        'label2/emphasized': string;
+        'label3/emphasized': string;
+        'label4/emphasized': string;
+        'caption1/emphasized': string;
+        'caption2/emphasized': string;
+        'legal1/emphasized': string;
+        ui1: string;
+        ui2: string;
+        ui3: string;
+        ui4: string;
+        ui5: string;
+        ui6: string;
+        'ui1/emphasized': string;
+        'ui2/emphasized': string;
+        'ui3/emphasized': string;
+        'ui4/emphasized': string;
+        'ui5/emphasized': string;
+        'ui6/emphasized': string;
+    };
+    letterSpacing: {
+        display1: string;
+        display2: string;
+        display3: string;
+        title1: string;
+        title2: string;
+        title3: string;
+        title4: string;
+        headline1: string;
+        body1: string;
+        label1: string;
+        label2: string;
+        label3: string;
+        label4: string;
+        caption1: string;
+        caption2: string;
+        legal1: string;
+        'display1/emphasized': string;
+        'display2/emphasized': string;
+        'display3/emphasized': string;
+        'title1/emphasized': string;
+        'title2/emphasized': string;
+        'title3/emphasized': string;
+        'title4/emphasized': string;
+        'headline1/emphasized': string;
+        'body1/emphasized': string;
+        'label1/emphasized': string;
+        'label2/emphasized': string;
+        'label3/emphasized': string;
+        'label4/emphasized': string;
+        'caption1/emphasized': string;
+        'caption2/emphasized': string;
+        'legal1/emphasized': string;
+        ui1: string;
+        ui2: string;
+        ui3: string;
+        ui4: string;
+        ui5: string;
+        ui6: string;
+        'ui1/emphasized': string;
+        'ui2/emphasized': string;
+        'ui3/emphasized': string;
+        'ui4/emphasized': string;
+        'ui5/emphasized': string;
+        'ui6/emphasized': 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;
+        label3: string;
+        label4: string;
+        caption1: string;
+        caption2: string;
+        legal1: string;
+        'display1/emphasized': string;
+        'display2/emphasized': string;
+        'display3/emphasized': string;
+        'title1/emphasized': string;
+        'title2/emphasized': string;
+        'title3/emphasized': string;
+        'title4/emphasized': string;
+        'headline1/emphasized': string;
+        'body1/emphasized': string;
+        'label1/emphasized': string;
+        'label2/emphasized': string;
+        'label3/emphasized': string;
+        'label4/emphasized': string;
+        'caption1/emphasized': string;
+        'caption2/emphasized': string;
+        'legal1/emphasized': string;
+        ui1: string;
+        ui2: string;
+        ui3: string;
+        ui4: string;
+        ui5: string;
+        ui6: string;
+        'ui1/emphasized': string;
+        'ui2/emphasized': string;
+        'ui3/emphasized': string;
+        'ui4/emphasized': string;
+        'ui5/emphasized': string;
+        'ui6/emphasized': 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;
+        '4.5': string;
+        '5': string;
+        '5.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;
+        '4.5': string;
+        '5': string;
+        '5.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;
+        '4.5': string;
+        '5': string;
+        '5.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;
+        '4.5': string;
+        '5': string;
+        '5.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;
+        '4.5': string;
+        '5': string;
+        '5.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;
+        '4.5': string;
+        '5': string;
+        '5.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;
+        '4.5': string;
+        '5': string;
+        '5.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;
+        '4.5': string;
+        '5': string;
+        '5.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;
+        '4.5': string;
+        '5': string;
+        '5.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;
+        '4.5': string;
+        '5': string;
+        '5.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;
+        '4.5': string;
+        '5': string;
+        '5.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;
+        '4.5': string;
+        '5': string;
+        '5.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;
+        '4.5': string;
+        '5': string;
+        '5.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;
+        '4.5': string;
+        '5': string;
+        '5.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;
+        '4.5': string;
+        '5': string;
+        '5.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;
+        '4.5': string;
+        '5': string;
+        '5.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;
+        brand: string;
+        positive: string;
+        warning: string;
+        info: string;
+        'alert-secondary': string;
+        'brand-secondary': string;
+        'positive-secondary': string;
+        'warning-secondary': string;
+        'info-secondary': string;
+        primary: string;
+        secondary: string;
+        white: string;
+        black: string;
+        transparent: string;
+        current: string;
+    };
+    borderColor: {
+        accent: string;
+        black: string;
+        brand: string;
+        alert: string;
+        positive: string;
+        warning: string;
+        info: string;
+        'brand-secondary': string;
+        'alert-secondary': string;
+        'positive-secondary': string;
+        'warning-secondary': string;
+        'info-secondary': string;
+        white: string;
+        transparent: string;
+        muted: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        current: string;
+    };
+    borderStartColor: {
+        accent: string;
+        alert: string;
+        brand: string;
+        positive: string;
+        warning: string;
+        info: string;
+        'alert-secondary': string;
+        'brand-secondary': string;
+        'positive-secondary': string;
+        'warning-secondary': string;
+        'info-secondary': string;
+        black: string;
+        white: string;
+        transparent: string;
+        muted: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        current: string;
+    };
+    borderEndColor: {
+        accent: string;
+        alert: string;
+        black: string;
+        brand: string;
+        positive: string;
+        warning: string;
+        info: string;
+        'alert-secondary': string;
+        'brand-secondary': string;
+        'positive-secondary': string;
+        'warning-secondary': string;
+        'info-secondary': string;
+        white: string;
+        transparent: string;
+        muted: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        current: string;
+    };
+    borderBottomColor: {
+        accent: string;
+        alert: string;
+        black: string;
+        brand: string;
+        positive: string;
+        warning: string;
+        info: string;
+        'alert-secondary': string;
+        'brand-secondary': string;
+        'positive-secondary': string;
+        'warning-secondary': string;
+        'info-secondary': string;
+        white: string;
+        transparent: string;
+        muted: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        current: string;
+    };
+    borderTopColor: {
+        accent: string;
+        alert: string;
+        black: string;
+        brand: string;
+        positive: string;
+        warning: string;
+        info: string;
+        'alert-secondary': string;
+        'brand-secondary': string;
+        'positive-secondary': string;
+        'warning-secondary': string;
+        'info-secondary': string;
+        white: string;
+        transparent: string;
+        muted: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        current: 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: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    iconSize: {
+        xs: string;
+        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;
+    };
+    buttonPalette: {
+        accent: string;
+        brand: string;
+        alert: string;
+        positive: string;
+        warning: string;
+        info: string;
+    };
+    buttonVariant: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    buttonSize: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    iconButtonSize: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    width: {
+        full: string;
+        fit: string;
+        screen: string;
+    };
+    height: {
+        full: string;
+        fit: string;
+        screen: string;
+    };
+    dropShadow: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+    insetShadow: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        'xs-invert': string;
+        'sm-invert': string;
+        'md-invert': string;
+        'lg-invert': string;
+        'xl-invert': string;
+        '2xl-invert': string;
+    };
+};
+
+/**
+ * For each variant in `config.variants`, for each option in `variant.options`,
+ * produce a string `.uds-{lowercase(label)}-{variantKey}-{optionValue}`.
+ */
+/**
+ * The union of all possible selectors for a given config,
+ * e.g. ".uds-avatar" | ".uds-avatar-size-xs" | ".uds-avatar-size-sm" ...
+ */
+type AllSelectors<C extends ComponentConfig> = BaseSelector<C>;
+/**
+ * A generic "Tailwind style object":
+ *   - Keys are CSS selectors (like ".uds-avatar-size-sm")
+ *   - Values are style declarations (like { [varName]: "1rem", display: "inline-block", ... })
+ *
+ * You can refine these Declarations to be more typed if you want
+ * (e.g. only allow certain var names, only allow CSS property keys, etc.).
+ */
+type CssStyleObject<C extends ComponentConfig> = {
+    [Selector in AllSelectors<C>]?: Record<string, string>;
+};
+/**
+ * Base class is just `.uds-{label}`
+ */
+type BaseSelector<C extends ComponentConfig> = C['overrideComponentName'] extends string ? `uds-${Lowercase<C['overrideComponentName']>}` : `uds-${Lowercase<C['label']>}`;
+/**
+ * Represents a selector for a parent variant in the component configuration.
+ * For each variant in `config.variants`, it produces a string in the format:
+ * `.uds-{lowercase(label)}-{variantKey}`.
+ */
+type ParentVariantSelector<C extends ComponentConfig> = {
+    [K in keyof C['variants']]: `uds-${Lowercase<C['label']>}-${string & K}`;
+}[keyof C['variants']];
+
+type ElementType<A> = A extends Array<infer T> ? T : never;
+type ElementsOfAll<Inputs, R extends Array<unknown> = []> = Inputs extends readonly [
+    infer F,
+    ...infer M
+] ? ElementsOfAll<M, [...R, ElementType<F>]> : R;
+type CartesianProduct<Inputs> = ElementsOfAll<Inputs>[];
+declare const cartesianProduct: <Sets extends Array<Array<unknown>>>(sets: Sets) => CartesianProduct<Sets>;
+
+type ConfigVariants = {
+    type: 'has-sub-components';
+    variants: Record<string, VariantConfig>;
+} | {
+    type: 'no-sub-components';
+    variant: VariantConfig;
+} | {
+    type: 'no-variants';
+};
+declare function coalesceConfigVariant<C extends ComponentConfig>(config: C, variantKey: string): ConfigVariants;
+
+type KeysOfUnion<T> = T extends T ? keyof T : never;
+declare function getConfigDefaultValue(config: UniversalTokensConfigAuto, componentName: keyof UniversalTokensConfigAuto, variant: KeysOfUnion<UniversalTokensConfigAuto[keyof UniversalTokensConfigAuto]['defaults']>): string;
+declare function isConfigDefaultValue(config: UniversalTokensConfigAuto, componentName: keyof UniversalTokensConfigAuto, variant: KeysOfUnion<UniversalTokensConfigAuto[keyof UniversalTokensConfigAuto]['defaults']>, value: unknown): boolean;
+
+/**
+ * Converts a flattened configuration path into a simplified alias key.
+ *
+ * @param path - The flattened configuration path (e.g., "checkbox.variables.xs.rest.value").
+ * @returns A simplified alias key (e.g., "checkbox/xs/rest").
+ */
+declare function generateKeyFromFlatConfigPath(path: string): string;
+
+declare function generateSchemaKey({ variantKey, variantValue, layer, subComponentName, stateKey, stateValue, }: {
+    variantKey: string;
+    variantValue: string;
+    layer: string;
+    subComponentName?: string;
+    stateKey?: string;
+    stateValue?: string;
+}): string;
+
+declare function getConfigVariantComponentStates<C extends ComponentConfig>(config: C, variantKey: string, subComponentName?: string): Readonly<Record<string, ComponentStateConfig>> | null;
+declare function getConfigVariantComponentStatesMatrix<C extends ComponentConfig>(config: C, variantKey: string, subComponentName?: string): {}[] | null;
+
+/**
+ * Gets the properties of a variant config grouped by layer.
+ *
+ * @param variant - The variant config to get the properties from
+ * @returns A Record of layer names to their properties, or null if no properties are found
+ */
+declare function getConfigVariantProperties(variant?: VariantConfig): {
+    [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"fontFamily" | "shadow" | "fontSize" | "fontWeight" | "lineHeight" | "textTransform" | "letterSpacing" | "backgroundColor" | "borderColor" | "color" | "borderRadius" | "borderWidth" | "padding" | "iconSize" | "insetShadow" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "gap" | "textVariant" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | ("spacingAliases" | "borderWidths")[] | ("linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "borderRadii"[] | "iconSizes"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "textDecorationLines"[], readonly (readonly string[])[]>>>;
+    root: Readonly<Record<string, SelectedConfigurableProperty<"fontFamily" | "shadow" | "fontSize" | "fontWeight" | "lineHeight" | "textTransform" | "letterSpacing" | "backgroundColor" | "borderColor" | "color" | "borderRadius" | "borderWidth" | "padding" | "iconSize" | "insetShadow" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "gap" | "textVariant" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | ("spacingAliases" | "borderWidths")[] | ("linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "borderRadii"[] | "iconSizes"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "textDecorationLines"[], readonly (readonly string[])[]>>>;
+} | null;
+
+type GenericProperty = SelectedConfigurableProperty<any, any>;
+type InfoTuple = [string, string, GenericProperty];
+declare function getConfigVariantPseudoStates<C extends ComponentConfig>(config: C, variantKey: string, state?: string, subComponentName?: string): Record<PossibleStatesWithRest, InfoTuple[]> | null;
+
+declare function getConfigVariants<C extends ComponentConfig>(config: C, variantKey?: string): {
+    type: 'has-sub-components';
+    description: string;
+    variantNames: Array<string>;
+    variantToSubcomponentNames: Record<string, Array<string>>;
+} | {
+    type: 'no-sub-components';
+    description: string;
+    variantNames: Array<string>;
+} | {
+    description: string;
+    type: 'no-variants';
+};
+
+declare function getConfigSubcomponents<C extends ComponentConfig>(config: C): Record<string, SubComponentConfig> | null;
+
+declare function getConfigPseudoStateVariables(config: UniversalTokensConfig, variableKey: string, componentName: keyof UniversalTokensConfigAuto, propertyKey: string, state: string): Readonly<{
+    value: string;
+    type: string;
+}>;
+declare function setConfigPseudoStateVariable(oldConfig: Readonly<UniversalTokensConfig>, variableKey: string, componentName: keyof UniversalTokensConfigAuto, propertyKey: string, state: string, newValue: Partial<{
+    value: string;
+    type: string;
+}>): Readonly<UniversalTokensConfig>;
+declare function getConfigPseudoStateVariablesWithSetter(config: Readonly<UniversalTokensConfig>, variableKey: string, componentName: keyof UniversalTokensConfigAuto, propertyKey: string, state: string): [
+    ReturnType<typeof getConfigPseudoStateVariables>,
+    (newValue: Partial<{
+        value: string;
+        type: string;
+    }>) => Readonly<UniversalTokensConfig>
+];
+
+declare const getDefaultButtonBaseMap: Record<ButtonKind, (alias: ButtonPalette) => ButtonBaseConfig>;
+declare const button: ButtonConfig;
+
+declare const shadow: ShadowConfig;
+
+/** @deprecated Descriptive font weights vary based on font, so this is not correct for each font we support
+ * This is used as a baseline for using native font weights in the system IE. <Text fontWeight="bold" />
+ */
+declare const fontWeightMap: Record<FontWeightDescriptive, FontWeightNumeric>;
+
+declare const DEFAULT_COLOR_MODE_FOR_APP: ColorModeForApp;
+declare const DEFAULT_SCALE_MODE_FOR_APP: ScaleModeForApp;
+declare const DEFAULT_COLOR_MODE: ColorMode;
+declare const DEFAULT_SCALE_MODE: ScaleMode;
+declare const DEFAULT_HIGH_CONTRAST_MODE: HighContrastMode;
+declare const DEFAULT_REGION_MODE: RegionMode;
+
+interface ParseButtonVariantFlatArgs {
+    palette?: ButtonPalette;
+    variant?: ButtonVariant;
+}
+declare function parseButtonVariantFlat({ palette, variant, }: ParseButtonVariantFlatArgs): ButtonVariantFlat;
+interface parseDeprecatedButtonPaletteVariantArgs {
+    flatVariant?: ButtonVariantFlat;
+}
+interface DeprecatedButtonVariant {
+    palette: ButtonPalette | undefined;
+    variant: ButtonVariant | undefined;
+}
+declare function parseDeprecatedButtonPaletteVariant({ flatVariant, }: parseDeprecatedButtonPaletteVariantArgs): DeprecatedButtonVariant;
+
+/**
+ * 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][] | (readonly [T, K])[]): Record<T, K>;
+
+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>; };
+
+export { type AllSelectors, type BaseSelector, ButtonBaseConfig, ButtonConfig, ButtonKind, ButtonPalette, ButtonVariant, ButtonVariantFlat, ColorMode, ColorModeForApp, ComponentConfig, ComponentStateConfig, type CssStyleObject, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP, FontWeightDescriptive, FontWeightNumeric, HighContrastMode, type ParentVariantSelector, PossibleStatesWithRest, RegionMode, ScaleMode, ScaleModeForApp, SelectedConfigurableProperty, ShadowConfig, SubComponentConfig, UniversalTokensConfig, UniversalTokensConfigAuto, VariantConfig, button, cartesianProduct, coalesceConfigVariant, entries, fontWeightMap, fromEntries, generateKeyFromFlatConfigPath, generateSchemaKey, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getDefaultButtonBaseMap, isConfigDefaultValue, mapValues, parseButtonVariantFlat, parseDeprecatedButtonPaletteVariant, setConfigPseudoStateVariable, shadow, variants };