@yahoo/uds 3.58.1 → 3.59.0-beta.1

package/dist/tokens/index.d.ts

@@ -1,2020 +1,41 @@
-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-Bj4zcQ8D.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-Bj4zcQ8D.js';
-import { df as UniversalTokensConfigAuto, g as UniversalTokensConfig, aO as ButtonKind, aS as ButtonPalette, aJ as ButtonBaseConfig, B as ButtonConfig, d as ShadowConfig, bB as FontWeightDescriptive, bC as FontWeightNumeric, b9 as ColorModeForApp, ch as ScaleModeForApp, h as ColorMode, l as ScaleMode, bH as HighContrastMode, cd as RegionMode, b1 as ButtonVariant, b3 as ButtonVariantFlat } from '../types-CRqbgWm9.js';
-export { E as AVATAR_SIZE_PREFIX, am as AlwaysPalette, an as AlwaysPaletteAlias, ao as AlwaysPaletteColor, ap as Animation, aq as AriaAttribute, ar as AvatarAbbreviationStrategy, as as AvatarShape, at as AvatarSize, au as AvatarSizeConfig, av as AvatarVariant, J as BORDER_RADIUS_PREFIX, K as BORDER_WIDTH_PREFIX, ad as BUTTON_CSS_VAR_MAP, aw as BackgroundColor, ax as BackgroundPalette, ay as BackgroundPaletteAlias, az as BackgroundStyleProps, aA as BadgeSize, aB as BadgeVariant, aC as BorderRadius, aD as BorderRadiusConfig, aE as BorderStyleProps, aF as BorderWidth, aG as BorderWidthConfig, aH as Breakpoint, aI as BreakpointWithBase, e as BreakpointsConfig, p as ButtonClassMap, aK as ButtonClassName, aL as ButtonColorConfig, aM as ButtonColorEffect, aN as ButtonColorEffectConfig, s as ButtonColorProperty, t as ButtonColorPropertyConfig, aP as ButtonMotionEffect, aQ as ButtonMotionProperty, aR as ButtonMotionPropertyConfig, aT as ButtonPaletteColor, aU as ButtonPaletteConfig, aV as ButtonShadowPropertyConfig, aW as ButtonSize, aX as ButtonSizeConfig, aY as ButtonSizeProperty, aZ as ButtonSpectrumColor, a_ as ButtonState, a$ as ButtonStateConfig, b0 as ButtonStateEffectConfig, b2 as ButtonVariantConfig, b4 as CheckboxSize, b5 as CheckboxValue, b6 as CheckboxVariant, b7 as ChipSize, b8 as ChipVariant, C as ColorModeConfig, i as ColorsConfig, ba as ConfigurableDropShadowValues, bb as ConfigurableInsetShadowValues, bc as CustomSizingStyleProps, _ as DARK_COLOR_MODE_CLASSNAME, a9 as DEFAULT_COLOR_MODE_CLASSNAME, aa as DEFAULT_SCALE_MODE_CLASSNAME, bd as DataAttribute, be as Display, bf as DividerVariant, ag 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, bg as Flex, bh as FlexAlignContent, bi as FlexAlignItems, bj as FlexAlignSelf, bk as FlexBasis, bl as FlexDirection, bm as FlexGrow, bn as FlexJustifyContent, bo as FlexShrink, bp as FlexStyleProps, bq as FlexWrap, br as FontAlias, ah as FontAxisConfig, F as FontConfig, bs as FontCssVar, aj as FontDeclarationConfig, ai as FontDeclarationItemConfig, ak as FontDeclarationMap, bt as FontFamilyCDNUrl, bu as FontFamilyConfig, bv as FontID, bw as FontSize, bx as FontSizeConfig, by as FontSlantConfig, bz as FontType, bA as FontWeightConfig, al as FontWeightForFont, bD as FontWidthConfig, bE as ForegroundColor, bF as ForegroundPalette, bG as ForegroundPaletteAlias, G as GlobalDefaultsConfig, H as Hue, j as HueStep, ae as ICON_BUTTON_CSS_VAR_MAP, V as ICON_SIZE_PREFIX, a1 as INVERT_COLOR_MODE_CLASSNAME, q as IconButtonClassMap, bI as IconButtonClassName, I as IconButtonConfig, bJ as IconButtonDefaultsConfig, bK as IconButtonSize, x as IconPropsWithSVGProps, bL as IconSizeConfig, bM as IconSlotRenderProps, y as ImagePropsWithImgProps, bN as ImageStyleProps, bO as InputSize, a5 as LARGE_SCALE_MODE_CLASSNAME, $ as LIGHT_COLOR_MODE_CLASSNAME, W as LINE_HEIGHT_PREFIX, bP as LayoutStyleProps, bQ as LetterSpacing, bR as LineClampAlias, bS as LineColor, bT as LineHeight, bU as LineHeightConfig, bV as LinePalette, bW as LinePaletteAlias, a4 as MEDIUM_SCALE_MODE_CLASSNAME, X 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 Overflow, af as PSEUDO_STYLE_SELECTOR_MAP, c3 as Palette, k as PaletteConfig, P as PaletteType, c4 as PaletteValue, c5 as Percentage, c6 as Pixels, c7 as PlatformMode, c8 as Position, c9 as PropertyToPaletteAliasMap, ca as RadioSize, cb as RadioValue, cc as RadioVariant, ce as Rems, a3 as SMALL_SCALE_MODE_CLASSNAME, Y as SPECTRUM_COLOR_PREFIX, a0 as SYSTEM_COLOR_MODE_CLASSNAME, cf as ScaleConfig, cg as ScaleEffectMap, S as ScaleModeConfig, ci as ShadowColor, cj as ShadowColorConfig, ck as ShadowOffset, cl as ShadowOpacity, cm as ShadowPalette, cn as ShadowPaletteAlias, m as ShadowPreset, co as ShadowSpreadRadius, cp as ShadowStyleProps, cq as ShadowType, cr as ShadowTypeConfig, cs as ShadowVariant, ct as ShadowVariantConfig, cu as ShadowVariantInvert, cv as ShadowVariantWithInvert, cw as SharedPaletteAlias, u as SpacingAlias, cx as SpacingConfig, cy as SpacingStyleProps, cz as SpectrumColor, cA as SpectrumConfig, cB as StateStyleProps, cC as StyleProps, cD as SwitchSize, ac as TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, ab as TEXT_RESPONSIVE_CLASSNAME, Z as TEXT_TRANSFORM_PREFIX, cP as TShirtSize, cQ as TShirtSizeCommon, cE as TextDecorationLine, cF as TextProperty, cG as TextStyleProps, cH as TextTransform, cI as TextTransformConfig, cJ as TextVariant, cK as TextVariantTypography, r as TextVariantUi, cL as TextVariantWithoutEmphasized, cM as TransitionDelay, cN as TransitionDuration, cO as TransitionTiming, T as TypographyConfig, cR as TypographyResponsiveProperty, cS as TypographyStyle, cT as TypographyStyleProperty, cU as TypographyUnitValue, D as UDS_PREFIX, cV as UdsCssVar, cW as Unitless, cX as UniversalAvatarIconProps, cY as UniversalAvatarImageProps, cZ as UniversalAvatarProps, c_ as UniversalAvatarTextProps, c$ as UniversalBadgeProps, b as UniversalBoxProps, d0 as UniversalButtonProps, d1 as UniversalCheckboxProps, d2 as UniversalChipBaseProps, d3 as UniversalChipButtonProps, d4 as UniversalChipDismissibleProps, d5 as UniversalChipLinkProps, d6 as UniversalChipProps, d7 as UniversalChipToggleProps, o as UniversalDividerProps, w as UniversalFormLabelProps, d8 as UniversalIconButtonProps, d9 as UniversalIconProps, da as UniversalIconSlot, db as UniversalImageProps, dc as UniversalInputProps, z as UniversalLinkProps, v as UniversalMenuItemProps, a as UniversalPressableProps, dd as UniversalRadioGroupProps, de as UniversalRadioProps, n as UniversalStackProps, c as UniversalSwitchProps, U as UniversalTextProps, a6 as XLARGE_SCALE_MODE_CLASSNAME, a2 as XSMALL_SCALE_MODE_CLASSNAME, a7 as XXLARGE_SCALE_MODE_CLASSNAME, a8 as XXXLARGE_SCALE_MODE_CLASSNAME, A as alwaysPalette } from '../types-CRqbgWm9.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;
-    };
-    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" | "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" | "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 };
+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 };