@yahoo/uds 3.108.2 → 3.110.0

package/dist/index.cjs

@@ -65,6 +65,7 @@ const require_tokens_parseButtonVariants = require('./tokens/parseButtonVariants
 const require_tokens_utils_entries = require('./tokens/utils/entries.cjs');
 const require_tokens_utils_getFontUrls = require('./tokens/utils/getFontUrls.cjs');
 const require_tokens_utils_mapValues = require('./tokens/utils/mapValues.cjs');
+const require_tokens_utils_spectrum = require('./tokens/utils/spectrum.cjs');
 const require_components_client_Tooltip_TooltipContent = require('./components/client/Tooltip/TooltipContent.cjs');
 const require_components_client_Tooltip_TooltipTrigger = require('./components/client/Tooltip/TooltipTrigger.cjs');
 const require_runtime_breakpointsConfig = require('./runtime/breakpointsConfig.cjs');
@@ -230,8 +231,11 @@ exports.mapValues = require_tokens_utils_mapValues.mapValues;
 exports.newAlwaysPalette = require_index.newAlwaysPalette;
 exports.parseButtonVariantFlat = require_tokens_parseButtonVariants.parseButtonVariantFlat;
 exports.shadow = require_tokens_configs_shadow.shadow;
+exports.spectrumRgbToString = require_tokens_utils_spectrum.spectrumRgbToString;
 exports.statePseudoMapDocsMode = require_index$2.statePseudoMapDocsMode;
 exports.textVariantsSafe = require_index$1.textVariantsSafe;
+exports.toRgbChannel = require_tokens_utils_spectrum.toRgbChannel;
+exports.toSpectrumValueEntry = require_tokens_utils_spectrum.toSpectrumValueEntry;
 exports.useBreakpointsConfig = require_components_client_providers_UDSBreakpointsConfigProvider.useBreakpointsConfig;
 exports.useToastConfig = require_components_client_Toast_UDSToastConfigProvider.useToastConfig;
 exports.variants = require_styles_variants.variants;

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 
 import { variants } from "./styles/variants.cjs";
 import { AvatarConfig, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, SwitchConfig, ToastConfig, TooltipConfig } from "./automated-config/dist/generated/generatedConfigs.cjs";
-import { AlwaysPaletteAlias, AlwaysPaletteAliasWithPrefix, AlwaysPaletteColor, Animation, AriaAttribute, AvatarAbbreviationStrategy, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarVariant, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, BackwardsCompatibleReactElement, BadgeSize, BadgeVariant, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, Breakpoint, BreakpointValue, BreakpointWithBase, BreakpointsConfig, ButtonPalette, ButtonPaletteColor, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, CheckboxSize, CheckboxValue, CheckboxVariant, ChipSize, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, CustomSizingStyleProps, DataAttribute, DeprecatedAlwaysPaletteAlias, Display, DividerVariant, ElevationAlias, ElevationBackgroundFillColor, ElevationBorderColor, ElevationConfig, ElevationCustomShadows, ElevationGlobalRampConfig, ElevationGlobalRampSettings, ElevationLevel, ElevationPreset, ElevationSurfaceColor, ExtractUrlFromFontFaceRule, Flex, FlexAlignContent, FlexAlignItems, FlexAlignSelf, FlexBasis, FlexDirection, FlexGrow, FlexJustifyContent, FlexShrink, FlexStyleProps, FlexWrap, FontAlias, FontConfig, FontCssVar, FontFamilyConfig, FontSize, FontSizeConfig, FontSlantConfig, FontType, FontWeightConfig, FontWeightDescriptive, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, GenericIconComponent, GlobalDefaultsConfig, HighContrastMode, Hue, HueStep, IconButtonSize, IconPixelSize, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, ImagePropsWithImgProps, ImageStyleProps, ImgElementProps, InputSize, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, LinkTextVariant, LinkVariant, LinkableValue, MaxLengthArray, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, NestedBorderRadiusStyleProps, OpacityStep, Overflow, Palette, PaletteConfig, PaletteType, PaletteValue, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Position, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, RGBUnit, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, SVGElementProps, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, ShadowAlwaysColor, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPaletteColor, ShadowPreset, ShadowSpectrumColor, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SizeStyleProps, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, SpectrumValue, StateStyleProps, StyleProps, SwitchSize, TShirtSize, TShirtSizeCommon, TextDecorationLine, TextProperty, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, ToastPosition, ToastSize, ToastVariant, TooltipPlacement, TooltipSize, TooltipVariant, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UdsCssVar, UnitlessUnit, UniversalAvatarBaseProps, UniversalAvatarIconProps, UniversalAvatarProps, UniversalAvatarTextProps, UniversalBadgeProps, UniversalBoxProps, UniversalButtonProps, UniversalCheckboxProps, UniversalChipBaseProps, UniversalChipButtonProps, UniversalChipDismissibleProps, UniversalChipLinkProps, UniversalChipToggleProps, UniversalDividerProps, UniversalFormLabelProps, UniversalIconProps, UniversalIconSlot, UniversalImageProps, UniversalInputProps, UniversalLinkProps, UniversalMenuItemProps, UniversalPressableProps, UniversalRadioGroupProps, UniversalRadioProps, UniversalStackProps, UniversalSwitchProps, UniversalTextProps, UniversalToastProps, UniversalTokensConfigAutoBase, UniversalTokensConfigBase, UniversalTokensConfigGeneric, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "./types/dist/index.cjs";
+import { AlwaysPaletteAlias, AlwaysPaletteAliasWithPrefix, AlwaysPaletteColor, Animation, AriaAttribute, AvatarAbbreviationStrategy, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarVariant, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, BackwardsCompatibleReactElement, BadgeSize, BadgeVariant, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, Breakpoint, BreakpointValue, BreakpointWithBase, BreakpointsConfig, ButtonPalette, ButtonPaletteColor, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, CheckboxSize, CheckboxValue, CheckboxVariant, ChipSize, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, CustomSizingStyleProps, DataAttribute, DeprecatedAlwaysPaletteAlias, Display, DividerVariant, ElevationAlias, ElevationBackgroundFillColor, ElevationBorderColor, ElevationConfig, ElevationCustomShadows, ElevationGlobalRampConfig, ElevationGlobalRampSettings, ElevationLevel, ElevationPreset, ElevationSurfaceColor, ExtractUrlFromFontFaceRule, Flex, FlexAlignContent, FlexAlignItems, FlexAlignSelf, FlexBasis, FlexDirection, FlexGrow, FlexJustifyContent, FlexShrink, FlexStyleProps, FlexWrap, FontAlias, FontConfig, FontCssVar, FontFamilyConfig, FontSize, FontSizeConfig, FontSlantConfig, FontType, FontWeightConfig, FontWeightDescriptive, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, GenericIconComponent, GlobalDefaultsConfig, HighContrastMode, Hue, HueStep, IconButtonSize, IconPixelSize, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, ImagePropsWithImgProps, ImageStyleProps, ImgElementProps, InputSize, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, LinkTextVariant, LinkVariant, LinkableValue, MaxLengthArray, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, NestedBorderRadiusStyleProps, OpacityStep, Overflow, Palette, PaletteConfig, PaletteType, PaletteValue, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Position, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, RGBUnit, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, SVGElementProps, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, ShadowAlwaysColor, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPaletteColor, ShadowPreset, ShadowSpectrumColor, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SizeStyleProps, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, SpectrumRGB, SpectrumValue, SpectrumValueEntry, StateStyleProps, StyleProps, SwitchSize, TShirtSize, TShirtSizeCommon, TextDecorationLine, TextProperty, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, ToastPosition, ToastSize, ToastVariant, TooltipPlacement, TooltipSize, TooltipVariant, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UdsCssVar, UnitlessUnit, UniversalAvatarBaseProps, UniversalAvatarIconProps, UniversalAvatarProps, UniversalAvatarTextProps, UniversalBadgeProps, UniversalBoxProps, UniversalButtonProps, UniversalCheckboxProps, UniversalChipBaseProps, UniversalChipButtonProps, UniversalChipDismissibleProps, UniversalChipLinkProps, UniversalChipToggleProps, UniversalDividerProps, UniversalFormLabelProps, UniversalIconProps, UniversalIconSlot, UniversalImageProps, UniversalInputProps, UniversalLinkProps, UniversalMenuItemProps, UniversalPressableProps, UniversalRadioGroupProps, UniversalRadioProps, UniversalStackProps, UniversalSwitchProps, UniversalTextProps, UniversalToastProps, UniversalTokensConfigAutoBase, UniversalTokensConfigBase, UniversalTokensConfigGeneric, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "./types/dist/index.cjs";
 import { AllPossibleProperties, ComponentConfig, ComponentStateConfig, LayerConfig, PossibleStates, PossibleStatesWithRest, SubComponentConfig, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties } from "./automated-config/dist/types/ComponentConfig.cjs";
 import { ConfigurablePropertiesName, SelectedConfigurableProperty } from "./automated-config/dist/properties.cjs";
 import { ComponentSchema, buildConfigSchema, findFixtureType } from "./automated-config/dist/utils/buildConfigSchema.cjs";
@@ -31,6 +31,7 @@ import { entries } from "./tokens/utils/entries.cjs";
 import { fromEntries } from "./tokens/utils/fromEntries.cjs";
 import { FontUrlConfig, FontUrlMap, fontUrls, getFontUrls, getFontUrlsByIds } from "./tokens/utils/getFontUrls.cjs";
 import { mapValues } from "./tokens/utils/mapValues.cjs";
+import { spectrumRgbToString, toRgbChannel, toSpectrumValueEntry } from "./tokens/utils/spectrum.cjs";
 import "./tokens/index.cjs";
 import { Box, BoxProps } from "./components/Box.cjs";
 import { Divider, DividerProps } from "./components/Divider/Divider.cjs";
@@ -87,4 +88,4 @@ import { UDSConfigProvider, UDSConfigProviderProps } from "./components/client/p
 import "./components/index.cjs";
 import "./runtime/index.cjs";
 import { SetState } from "./types.cjs";
-export { ALWAYS_PREFIX, AVATAR_SIZE_PREFIX, AllPossibleProperties, AllSelectors, AllVariantKeys, AlwaysPaletteAlias, AlwaysPaletteAliasWithPrefix, AlwaysPaletteColor, Animation, AriaAttribute, AutoComponentName, Avatar, AvatarAbbreviationStrategy, AvatarConfig, AvatarIcon, AvatarIconProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarText, AvatarTextProps, AvatarVariant, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, BackwardsCompatibleReactElement, Badge, BadgeConfig, BadgeProps, BadgeSize, BadgeVariant, BaseSelector, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, Box, BoxProps, Breakpoint, BreakpointValue, BreakpointWithBase, BreakpointsConfig, Button, ButtonConfig, ButtonPalette, ButtonPaletteColor, ButtonProps, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, Checkbox, CheckboxConfig, CheckboxProps, CheckboxSize, CheckboxValue, CheckboxVariant, Chip, ChipButton, ChipButtonProps, ChipConfig, ChipDismissible, ChipDismissibleProps, ChipLink, ChipLinkProps, ChipProps, ChipSize, ChipToggle, ChipToggleProps, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, ComponentConfig, ComponentSchema, ComponentStateConfig, ConfigurableComponentName, 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, DROP_SHADOW_PREFIX, DataAttribute, DeprecatedAlwaysPaletteAlias, Display, Divider, DividerConfig, DividerProps, DividerVariant, ElevationAlias, ElevationBackgroundFillColor, ElevationBorderColor, ElevationConfig, ElevationCustomShadows, ElevationGlobalRampConfig, ElevationGlobalRampSettings, ElevationLevel, ElevationPreset, ElevationSurfaceColor, ExtractUrlFromFontFaceRule, 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, FontUrlConfig, FontUrlMap, FontWeightConfig, FontWeightDescriptive, FontWeightForFont, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, FormLabel, FormLabelProps, GenericIconComponent, GetMotionVarParams, GlobalDefaultsConfig, HStack, HStackProps, HighContrastMode, Hue, HueStep, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, Icon, IconButton, IconButtonConfig, IconButtonProps, IconButtonSize, IconPixelSize, IconProps, IconPropsWithSVGProps, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, Image, ImageProps, ImagePropsWithImgProps, ImageStyleProps, ImgElementProps, Input, InputConfig, InputHelpText, InputHelpTextProps, InputProps, InputSize, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, LayerConfig, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, Link, LinkConfig, LinkProps, LinkTextVariant, LinkVariant, LinkableValue, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, MaxLengthArray, Menu_index_d_exports as Menu, MenuContentConfig, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemConfig, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, NestedBorderRadiusStyleProps, OpacityStep, Overflow, PSEUDO_STYLE_SELECTOR_MAP, Palette, PaletteConfig, PaletteType, PaletteValue, ParentVariantSelector, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Position, PossibleStates, PossibleStatesWithRest, Pressable, PressableProps, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, RGBUnit, Radio, RadioConfig, RadioGroupProvider, RadioGroupProviderProps, RadioProps, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, ResolvedTokensConfig, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SVGElementProps, SYSTEM_COLOR_MODE_CLASSNAME, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, SelectedConfigurableProperty, SetState, ShadowAlwaysColor, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPaletteColor, ShadowPreset, ShadowSpectrumColor, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SizeStyleProps, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, SpectrumValue, SpringMotionConfig, SpringMotionConfigProps, StateStyleProps, StyleProps, SubComponentConfig, Switch, SwitchConfig, SwitchProps, SwitchSize, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, TShirtSize, TShirtSizeCommon, Text, TextDecorationLine, TextProperty, TextProps, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, Toast, ToastConfig, ToastContainer, ToastContainerProps, ToastLoadingPromise, ToastPortal, ToastPortalProps, ToastPosition, ToastProps, ToastSize, ToastVariant, Tooltip, TooltipConfig, TooltipContent, UniversalTooltipContentProps as TooltipContentProps, TooltipPlacement, UniversalTooltipProps as TooltipProps, TooltipSize, TooltipTrigger, UniversalTooltipTriggerProps as TooltipTriggerProps, TooltipVariant, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UDSBreakpointsConfigContextType, UDSBreakpointsConfigProvider, UDSBreakpointsConfigProviderProps, UDSConfigContextType, UDSConfigProvider, UDSConfigProviderProps, UDSToastConfigContextType, UDSToastConfigProvider, UDSToastConfigProviderProps, UDSTooltipConfigContextType, UDSTooltipConfigProvider, UDSTooltipConfigProviderProps, UDS_PREFIX, UdsCssVar, UnitlessUnit, UniversalAvatarBaseProps, 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, UniversalToastProps, UniversalTokensConfig, UniversalTokensConfigAuto, UniversalTokensConfigAutoBase, UniversalTokensConfigBase, UniversalTokensConfigGeneric, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps, VStack, VStackProps, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, buildConfigSchema, cartesianProduct, coalesceConfigVariant, configToBreakpointsConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createToast, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, cva, cx, deprecatedAlwaysPalette, entries, findFixtureType, fontUrls, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getFontUrls, getFontUrlsByIds, getMotionVar, getShadowLayerValue, getStyles, getStylesCacheKeySymbol, isConfigDefaultValue, mapValues, newAlwaysPalette, parseButtonVariantFlat, shadow, statePseudoMapDocsMode, textVariantsSafe, useBreakpointsConfig, useToastConfig, variants };
+export { ALWAYS_PREFIX, AVATAR_SIZE_PREFIX, AllPossibleProperties, AllSelectors, AllVariantKeys, AlwaysPaletteAlias, AlwaysPaletteAliasWithPrefix, AlwaysPaletteColor, Animation, AriaAttribute, AutoComponentName, Avatar, AvatarAbbreviationStrategy, AvatarConfig, AvatarIcon, AvatarIconProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarText, AvatarTextProps, AvatarVariant, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, BackwardsCompatibleReactElement, Badge, BadgeConfig, BadgeProps, BadgeSize, BadgeVariant, BaseSelector, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, Box, BoxProps, Breakpoint, BreakpointValue, BreakpointWithBase, BreakpointsConfig, Button, ButtonConfig, ButtonPalette, ButtonPaletteColor, ButtonProps, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, Checkbox, CheckboxConfig, CheckboxProps, CheckboxSize, CheckboxValue, CheckboxVariant, Chip, ChipButton, ChipButtonProps, ChipConfig, ChipDismissible, ChipDismissibleProps, ChipLink, ChipLinkProps, ChipProps, ChipSize, ChipToggle, ChipToggleProps, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, ComponentConfig, ComponentSchema, ComponentStateConfig, ConfigurableComponentName, 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, DROP_SHADOW_PREFIX, DataAttribute, DeprecatedAlwaysPaletteAlias, Display, Divider, DividerConfig, DividerProps, DividerVariant, ElevationAlias, ElevationBackgroundFillColor, ElevationBorderColor, ElevationConfig, ElevationCustomShadows, ElevationGlobalRampConfig, ElevationGlobalRampSettings, ElevationLevel, ElevationPreset, ElevationSurfaceColor, ExtractUrlFromFontFaceRule, 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, FontUrlConfig, FontUrlMap, FontWeightConfig, FontWeightDescriptive, FontWeightForFont, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, FormLabel, FormLabelProps, GenericIconComponent, GetMotionVarParams, GlobalDefaultsConfig, HStack, HStackProps, HighContrastMode, Hue, HueStep, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, Icon, IconButton, IconButtonConfig, IconButtonProps, IconButtonSize, IconPixelSize, IconProps, IconPropsWithSVGProps, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, Image, ImageProps, ImagePropsWithImgProps, ImageStyleProps, ImgElementProps, Input, InputConfig, InputHelpText, InputHelpTextProps, InputProps, InputSize, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, LayerConfig, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, Link, LinkConfig, LinkProps, LinkTextVariant, LinkVariant, LinkableValue, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, MaxLengthArray, Menu_index_d_exports as Menu, MenuContentConfig, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemConfig, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, NestedBorderRadiusStyleProps, OpacityStep, Overflow, PSEUDO_STYLE_SELECTOR_MAP, Palette, PaletteConfig, PaletteType, PaletteValue, ParentVariantSelector, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Position, PossibleStates, PossibleStatesWithRest, Pressable, PressableProps, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, RGBUnit, Radio, RadioConfig, RadioGroupProvider, RadioGroupProviderProps, RadioProps, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, ResolvedTokensConfig, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SVGElementProps, SYSTEM_COLOR_MODE_CLASSNAME, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, SelectedConfigurableProperty, SetState, ShadowAlwaysColor, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPaletteColor, ShadowPreset, ShadowSpectrumColor, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SizeStyleProps, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, SpectrumRGB, SpectrumValue, SpectrumValueEntry, SpringMotionConfig, SpringMotionConfigProps, StateStyleProps, StyleProps, SubComponentConfig, Switch, SwitchConfig, SwitchProps, SwitchSize, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, TShirtSize, TShirtSizeCommon, Text, TextDecorationLine, TextProperty, TextProps, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, Toast, ToastConfig, ToastContainer, ToastContainerProps, ToastLoadingPromise, ToastPortal, ToastPortalProps, ToastPosition, ToastProps, ToastSize, ToastVariant, Tooltip, TooltipConfig, TooltipContent, UniversalTooltipContentProps as TooltipContentProps, TooltipPlacement, UniversalTooltipProps as TooltipProps, TooltipSize, TooltipTrigger, UniversalTooltipTriggerProps as TooltipTriggerProps, TooltipVariant, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UDSBreakpointsConfigContextType, UDSBreakpointsConfigProvider, UDSBreakpointsConfigProviderProps, UDSConfigContextType, UDSConfigProvider, UDSConfigProviderProps, UDSToastConfigContextType, UDSToastConfigProvider, UDSToastConfigProviderProps, UDSTooltipConfigContextType, UDSTooltipConfigProvider, UDSTooltipConfigProviderProps, UDS_PREFIX, UdsCssVar, UnitlessUnit, UniversalAvatarBaseProps, 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, UniversalToastProps, UniversalTokensConfig, UniversalTokensConfigAuto, UniversalTokensConfigAutoBase, UniversalTokensConfigBase, UniversalTokensConfigGeneric, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps, VStack, VStackProps, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, buildConfigSchema, cartesianProduct, coalesceConfigVariant, configToBreakpointsConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createToast, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, cva, cx, deprecatedAlwaysPalette, entries, findFixtureType, fontUrls, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getFontUrls, getFontUrlsByIds, getMotionVar, getShadowLayerValue, getStyles, getStylesCacheKeySymbol, isConfigDefaultValue, mapValues, newAlwaysPalette, parseButtonVariantFlat, shadow, spectrumRgbToString, statePseudoMapDocsMode, textVariantsSafe, toRgbChannel, toSpectrumValueEntry, useBreakpointsConfig, useToastConfig, variants };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 
 import { variants } from "./styles/variants.js";
 import { AvatarConfig, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, SwitchConfig, ToastConfig, TooltipConfig } from "./automated-config/dist/generated/generatedConfigs.js";
-import { AlwaysPaletteAlias, AlwaysPaletteAliasWithPrefix, AlwaysPaletteColor, Animation, AriaAttribute, AvatarAbbreviationStrategy, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarVariant, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, BackwardsCompatibleReactElement, BadgeSize, BadgeVariant, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, Breakpoint, BreakpointValue, BreakpointWithBase, BreakpointsConfig, ButtonPalette, ButtonPaletteColor, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, CheckboxSize, CheckboxValue, CheckboxVariant, ChipSize, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, CustomSizingStyleProps, DataAttribute, DeprecatedAlwaysPaletteAlias, Display, DividerVariant, ElevationAlias, ElevationBackgroundFillColor, ElevationBorderColor, ElevationConfig, ElevationCustomShadows, ElevationGlobalRampConfig, ElevationGlobalRampSettings, ElevationLevel, ElevationPreset, ElevationSurfaceColor, ExtractUrlFromFontFaceRule, Flex, FlexAlignContent, FlexAlignItems, FlexAlignSelf, FlexBasis, FlexDirection, FlexGrow, FlexJustifyContent, FlexShrink, FlexStyleProps, FlexWrap, FontAlias, FontConfig, FontCssVar, FontFamilyConfig, FontSize, FontSizeConfig, FontSlantConfig, FontType, FontWeightConfig, FontWeightDescriptive, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, GenericIconComponent, GlobalDefaultsConfig, HighContrastMode, Hue, HueStep, IconButtonSize, IconPixelSize, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, ImagePropsWithImgProps, ImageStyleProps, ImgElementProps, InputSize, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, LinkTextVariant, LinkVariant, LinkableValue, MaxLengthArray, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, NestedBorderRadiusStyleProps, OpacityStep, Overflow, Palette, PaletteConfig, PaletteType, PaletteValue, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Position, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, RGBUnit, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, SVGElementProps, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, ShadowAlwaysColor, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPaletteColor, ShadowPreset, ShadowSpectrumColor, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SizeStyleProps, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, SpectrumValue, StateStyleProps, StyleProps, SwitchSize, TShirtSize, TShirtSizeCommon, TextDecorationLine, TextProperty, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, ToastPosition, ToastSize, ToastVariant, TooltipPlacement, TooltipSize, TooltipVariant, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UdsCssVar, UnitlessUnit, UniversalAvatarBaseProps, UniversalAvatarIconProps, UniversalAvatarProps, UniversalAvatarTextProps, UniversalBadgeProps, UniversalBoxProps, UniversalButtonProps, UniversalCheckboxProps, UniversalChipBaseProps, UniversalChipButtonProps, UniversalChipDismissibleProps, UniversalChipLinkProps, UniversalChipToggleProps, UniversalDividerProps, UniversalFormLabelProps, UniversalIconProps, UniversalIconSlot, UniversalImageProps, UniversalInputProps, UniversalLinkProps, UniversalMenuItemProps, UniversalPressableProps, UniversalRadioGroupProps, UniversalRadioProps, UniversalStackProps, UniversalSwitchProps, UniversalTextProps, UniversalToastProps, UniversalTokensConfigAutoBase, UniversalTokensConfigBase, UniversalTokensConfigGeneric, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "./types/dist/index.js";
+import { AlwaysPaletteAlias, AlwaysPaletteAliasWithPrefix, AlwaysPaletteColor, Animation, AriaAttribute, AvatarAbbreviationStrategy, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarVariant, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, BackwardsCompatibleReactElement, BadgeSize, BadgeVariant, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, Breakpoint, BreakpointValue, BreakpointWithBase, BreakpointsConfig, ButtonPalette, ButtonPaletteColor, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, CheckboxSize, CheckboxValue, CheckboxVariant, ChipSize, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, CustomSizingStyleProps, DataAttribute, DeprecatedAlwaysPaletteAlias, Display, DividerVariant, ElevationAlias, ElevationBackgroundFillColor, ElevationBorderColor, ElevationConfig, ElevationCustomShadows, ElevationGlobalRampConfig, ElevationGlobalRampSettings, ElevationLevel, ElevationPreset, ElevationSurfaceColor, ExtractUrlFromFontFaceRule, Flex, FlexAlignContent, FlexAlignItems, FlexAlignSelf, FlexBasis, FlexDirection, FlexGrow, FlexJustifyContent, FlexShrink, FlexStyleProps, FlexWrap, FontAlias, FontConfig, FontCssVar, FontFamilyConfig, FontSize, FontSizeConfig, FontSlantConfig, FontType, FontWeightConfig, FontWeightDescriptive, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, GenericIconComponent, GlobalDefaultsConfig, HighContrastMode, Hue, HueStep, IconButtonSize, IconPixelSize, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, ImagePropsWithImgProps, ImageStyleProps, ImgElementProps, InputSize, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, LinkTextVariant, LinkVariant, LinkableValue, MaxLengthArray, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, NestedBorderRadiusStyleProps, OpacityStep, Overflow, Palette, PaletteConfig, PaletteType, PaletteValue, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Position, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, RGBUnit, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, SVGElementProps, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, ShadowAlwaysColor, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPaletteColor, ShadowPreset, ShadowSpectrumColor, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SizeStyleProps, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, SpectrumRGB, SpectrumValue, SpectrumValueEntry, StateStyleProps, StyleProps, SwitchSize, TShirtSize, TShirtSizeCommon, TextDecorationLine, TextProperty, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, ToastPosition, ToastSize, ToastVariant, TooltipPlacement, TooltipSize, TooltipVariant, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UdsCssVar, UnitlessUnit, UniversalAvatarBaseProps, UniversalAvatarIconProps, UniversalAvatarProps, UniversalAvatarTextProps, UniversalBadgeProps, UniversalBoxProps, UniversalButtonProps, UniversalCheckboxProps, UniversalChipBaseProps, UniversalChipButtonProps, UniversalChipDismissibleProps, UniversalChipLinkProps, UniversalChipToggleProps, UniversalDividerProps, UniversalFormLabelProps, UniversalIconProps, UniversalIconSlot, UniversalImageProps, UniversalInputProps, UniversalLinkProps, UniversalMenuItemProps, UniversalPressableProps, UniversalRadioGroupProps, UniversalRadioProps, UniversalStackProps, UniversalSwitchProps, UniversalTextProps, UniversalToastProps, UniversalTokensConfigAutoBase, UniversalTokensConfigBase, UniversalTokensConfigGeneric, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "./types/dist/index.js";
 import { AllPossibleProperties, ComponentConfig, ComponentStateConfig, LayerConfig, PossibleStates, PossibleStatesWithRest, SubComponentConfig, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties } from "./automated-config/dist/types/ComponentConfig.js";
 import { ConfigurablePropertiesName, SelectedConfigurableProperty } from "./automated-config/dist/properties.js";
 import { ComponentSchema, buildConfigSchema, findFixtureType } from "./automated-config/dist/utils/buildConfigSchema.js";
@@ -31,6 +31,7 @@ import { entries } from "./tokens/utils/entries.js";
 import { fromEntries } from "./tokens/utils/fromEntries.js";
 import { FontUrlConfig, FontUrlMap, fontUrls, getFontUrls, getFontUrlsByIds } from "./tokens/utils/getFontUrls.js";
 import { mapValues } from "./tokens/utils/mapValues.js";
+import { spectrumRgbToString, toRgbChannel, toSpectrumValueEntry } from "./tokens/utils/spectrum.js";
 import "./tokens/index.js";
 import { Box, BoxProps } from "./components/Box.js";
 import { Divider, DividerProps } from "./components/Divider/Divider.js";
@@ -87,4 +88,4 @@ import { UDSConfigProvider, UDSConfigProviderProps } from "./components/client/p
 import "./components/index.js";
 import "./runtime/index.js";
 import { SetState } from "./types.js";
-export { ALWAYS_PREFIX, AVATAR_SIZE_PREFIX, AllPossibleProperties, AllSelectors, AllVariantKeys, AlwaysPaletteAlias, AlwaysPaletteAliasWithPrefix, AlwaysPaletteColor, Animation, AriaAttribute, AutoComponentName, Avatar, AvatarAbbreviationStrategy, AvatarConfig, AvatarIcon, AvatarIconProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarText, AvatarTextProps, AvatarVariant, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, BackwardsCompatibleReactElement, Badge, BadgeConfig, BadgeProps, BadgeSize, BadgeVariant, BaseSelector, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, Box, BoxProps, Breakpoint, BreakpointValue, BreakpointWithBase, BreakpointsConfig, Button, ButtonConfig, ButtonPalette, ButtonPaletteColor, ButtonProps, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, Checkbox, CheckboxConfig, CheckboxProps, CheckboxSize, CheckboxValue, CheckboxVariant, Chip, ChipButton, ChipButtonProps, ChipConfig, ChipDismissible, ChipDismissibleProps, ChipLink, ChipLinkProps, ChipProps, ChipSize, ChipToggle, ChipToggleProps, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, ComponentConfig, ComponentSchema, ComponentStateConfig, ConfigurableComponentName, 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, DROP_SHADOW_PREFIX, DataAttribute, DeprecatedAlwaysPaletteAlias, Display, Divider, DividerConfig, DividerProps, DividerVariant, ElevationAlias, ElevationBackgroundFillColor, ElevationBorderColor, ElevationConfig, ElevationCustomShadows, ElevationGlobalRampConfig, ElevationGlobalRampSettings, ElevationLevel, ElevationPreset, ElevationSurfaceColor, ExtractUrlFromFontFaceRule, 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, FontUrlConfig, FontUrlMap, FontWeightConfig, FontWeightDescriptive, FontWeightForFont, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, FormLabel, FormLabelProps, GenericIconComponent, GetMotionVarParams, GlobalDefaultsConfig, HStack, HStackProps, HighContrastMode, Hue, HueStep, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, Icon, IconButton, IconButtonConfig, IconButtonProps, IconButtonSize, IconPixelSize, IconProps, IconPropsWithSVGProps, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, Image, ImageProps, ImagePropsWithImgProps, ImageStyleProps, ImgElementProps, Input, InputConfig, InputHelpText, InputHelpTextProps, InputProps, InputSize, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, LayerConfig, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, Link, LinkConfig, LinkProps, LinkTextVariant, LinkVariant, LinkableValue, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, MaxLengthArray, Menu_index_d_exports as Menu, MenuContentConfig, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemConfig, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, NestedBorderRadiusStyleProps, OpacityStep, Overflow, PSEUDO_STYLE_SELECTOR_MAP, Palette, PaletteConfig, PaletteType, PaletteValue, ParentVariantSelector, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Position, PossibleStates, PossibleStatesWithRest, Pressable, PressableProps, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, RGBUnit, Radio, RadioConfig, RadioGroupProvider, RadioGroupProviderProps, RadioProps, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, ResolvedTokensConfig, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SVGElementProps, SYSTEM_COLOR_MODE_CLASSNAME, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, SelectedConfigurableProperty, SetState, ShadowAlwaysColor, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPaletteColor, ShadowPreset, ShadowSpectrumColor, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SizeStyleProps, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, SpectrumValue, SpringMotionConfig, SpringMotionConfigProps, StateStyleProps, StyleProps, SubComponentConfig, Switch, SwitchConfig, SwitchProps, SwitchSize, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, TShirtSize, TShirtSizeCommon, Text, TextDecorationLine, TextProperty, TextProps, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, Toast, ToastConfig, ToastContainer, ToastContainerProps, ToastLoadingPromise, ToastPortal, ToastPortalProps, ToastPosition, ToastProps, ToastSize, ToastVariant, Tooltip, TooltipConfig, TooltipContent, UniversalTooltipContentProps as TooltipContentProps, TooltipPlacement, UniversalTooltipProps as TooltipProps, TooltipSize, TooltipTrigger, UniversalTooltipTriggerProps as TooltipTriggerProps, TooltipVariant, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UDSBreakpointsConfigContextType, UDSBreakpointsConfigProvider, UDSBreakpointsConfigProviderProps, UDSConfigContextType, UDSConfigProvider, UDSConfigProviderProps, UDSToastConfigContextType, UDSToastConfigProvider, UDSToastConfigProviderProps, UDSTooltipConfigContextType, UDSTooltipConfigProvider, UDSTooltipConfigProviderProps, UDS_PREFIX, UdsCssVar, UnitlessUnit, UniversalAvatarBaseProps, 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, UniversalToastProps, UniversalTokensConfig, UniversalTokensConfigAuto, UniversalTokensConfigAutoBase, UniversalTokensConfigBase, UniversalTokensConfigGeneric, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps, VStack, VStackProps, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, buildConfigSchema, cartesianProduct, coalesceConfigVariant, configToBreakpointsConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createToast, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, cva, cx, deprecatedAlwaysPalette, entries, findFixtureType, fontUrls, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getFontUrls, getFontUrlsByIds, getMotionVar, getShadowLayerValue, getStyles, getStylesCacheKeySymbol, isConfigDefaultValue, mapValues, newAlwaysPalette, parseButtonVariantFlat, shadow, statePseudoMapDocsMode, textVariantsSafe, useBreakpointsConfig, useToastConfig, variants };
+export { ALWAYS_PREFIX, AVATAR_SIZE_PREFIX, AllPossibleProperties, AllSelectors, AllVariantKeys, AlwaysPaletteAlias, AlwaysPaletteAliasWithPrefix, AlwaysPaletteColor, Animation, AriaAttribute, AutoComponentName, Avatar, AvatarAbbreviationStrategy, AvatarConfig, AvatarIcon, AvatarIconProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarText, AvatarTextProps, AvatarVariant, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, BackwardsCompatibleReactElement, Badge, BadgeConfig, BadgeProps, BadgeSize, BadgeVariant, BaseSelector, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, Box, BoxProps, Breakpoint, BreakpointValue, BreakpointWithBase, BreakpointsConfig, Button, ButtonConfig, ButtonPalette, ButtonPaletteColor, ButtonProps, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, Checkbox, CheckboxConfig, CheckboxProps, CheckboxSize, CheckboxValue, CheckboxVariant, Chip, ChipButton, ChipButtonProps, ChipConfig, ChipDismissible, ChipDismissibleProps, ChipLink, ChipLinkProps, ChipProps, ChipSize, ChipToggle, ChipToggleProps, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, ComponentConfig, ComponentSchema, ComponentStateConfig, ConfigurableComponentName, 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, DROP_SHADOW_PREFIX, DataAttribute, DeprecatedAlwaysPaletteAlias, Display, Divider, DividerConfig, DividerProps, DividerVariant, ElevationAlias, ElevationBackgroundFillColor, ElevationBorderColor, ElevationConfig, ElevationCustomShadows, ElevationGlobalRampConfig, ElevationGlobalRampSettings, ElevationLevel, ElevationPreset, ElevationSurfaceColor, ExtractUrlFromFontFaceRule, 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, FontUrlConfig, FontUrlMap, FontWeightConfig, FontWeightDescriptive, FontWeightForFont, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, FormLabel, FormLabelProps, GenericIconComponent, GetMotionVarParams, GlobalDefaultsConfig, HStack, HStackProps, HighContrastMode, Hue, HueStep, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, Icon, IconButton, IconButtonConfig, IconButtonProps, IconButtonSize, IconPixelSize, IconProps, IconPropsWithSVGProps, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, Image, ImageProps, ImagePropsWithImgProps, ImageStyleProps, ImgElementProps, Input, InputConfig, InputHelpText, InputHelpTextProps, InputProps, InputSize, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, LayerConfig, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, Link, LinkConfig, LinkProps, LinkTextVariant, LinkVariant, LinkableValue, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, MaxLengthArray, Menu_index_d_exports as Menu, MenuContentConfig, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemConfig, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, NestedBorderRadiusStyleProps, OpacityStep, Overflow, PSEUDO_STYLE_SELECTOR_MAP, Palette, PaletteConfig, PaletteType, PaletteValue, ParentVariantSelector, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Position, PossibleStates, PossibleStatesWithRest, Pressable, PressableProps, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, RGBUnit, Radio, RadioConfig, RadioGroupProvider, RadioGroupProviderProps, RadioProps, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, ResolvedTokensConfig, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SVGElementProps, SYSTEM_COLOR_MODE_CLASSNAME, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, SelectedConfigurableProperty, SetState, ShadowAlwaysColor, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPaletteColor, ShadowPreset, ShadowSpectrumColor, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SizeStyleProps, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, SpectrumRGB, SpectrumValue, SpectrumValueEntry, SpringMotionConfig, SpringMotionConfigProps, StateStyleProps, StyleProps, SubComponentConfig, Switch, SwitchConfig, SwitchProps, SwitchSize, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, TShirtSize, TShirtSizeCommon, Text, TextDecorationLine, TextProperty, TextProps, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, Toast, ToastConfig, ToastContainer, ToastContainerProps, ToastLoadingPromise, ToastPortal, ToastPortalProps, ToastPosition, ToastProps, ToastSize, ToastVariant, Tooltip, TooltipConfig, TooltipContent, UniversalTooltipContentProps as TooltipContentProps, TooltipPlacement, UniversalTooltipProps as TooltipProps, TooltipSize, TooltipTrigger, UniversalTooltipTriggerProps as TooltipTriggerProps, TooltipVariant, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UDSBreakpointsConfigContextType, UDSBreakpointsConfigProvider, UDSBreakpointsConfigProviderProps, UDSConfigContextType, UDSConfigProvider, UDSConfigProviderProps, UDSToastConfigContextType, UDSToastConfigProvider, UDSToastConfigProviderProps, UDSTooltipConfigContextType, UDSTooltipConfigProvider, UDSTooltipConfigProviderProps, UDS_PREFIX, UdsCssVar, UnitlessUnit, UniversalAvatarBaseProps, 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, UniversalToastProps, UniversalTokensConfig, UniversalTokensConfigAuto, UniversalTokensConfigAutoBase, UniversalTokensConfigBase, UniversalTokensConfigGeneric, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps, VStack, VStackProps, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, buildConfigSchema, cartesianProduct, coalesceConfigVariant, configToBreakpointsConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createToast, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, cva, cx, deprecatedAlwaysPalette, entries, findFixtureType, fontUrls, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getFontUrls, getFontUrlsByIds, getMotionVar, getShadowLayerValue, getStyles, getStylesCacheKeySymbol, isConfigDefaultValue, mapValues, newAlwaysPalette, parseButtonVariantFlat, shadow, spectrumRgbToString, statePseudoMapDocsMode, textVariantsSafe, toRgbChannel, toSpectrumValueEntry, useBreakpointsConfig, useToastConfig, variants };

package/dist/index.js

@@ -64,6 +64,7 @@ import { parseButtonVariantFlat } from "./tokens/parseButtonVariants.js";
 import { entries } from "./tokens/utils/entries.js";
 import { fontUrls, getFontUrls, getFontUrlsByIds } from "./tokens/utils/getFontUrls.js";
 import { mapValues } from "./tokens/utils/mapValues.js";
+import { spectrumRgbToString, toRgbChannel, toSpectrumValueEntry } from "./tokens/utils/spectrum.js";
 import { TooltipContent } from "./components/client/Tooltip/TooltipContent.js";
 import { TooltipTrigger } from "./components/client/Tooltip/TooltipTrigger.js";
 import { configToBreakpointsConfigContext } from "./runtime/breakpointsConfig.js";
@@ -71,4 +72,4 @@ import { configToToastConfigContext } from "./runtime/toastConfig.js";
 import { configToTooltipConfigContext } from "./runtime/tooltipConfig.js";
 import { configToUDSConfigContext } from "./runtime/udsConfig.js";
 
-export { ALWAYS_PREFIX, AVATAR_SIZE_PREFIX, Avatar, AvatarConfig, AvatarIcon, AvatarImage, AvatarText, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, Badge, BadgeConfig, Box, Button, ButtonConfig, Checkbox, CheckboxConfig, Chip, ChipButton, ChipConfig, ChipDismissible, ChipLink, ChipToggle, 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, DROP_SHADOW_PREFIX, Divider, DividerConfig, FONT_DECLARATIONS_MAP, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, FormLabel, HStack, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, Icon, IconButton, IconButtonConfig, Image, Input, InputConfig, InputHelpText, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, Link, LinkConfig, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, Menu_index_exports as Menu, MenuContentConfig, MenuItemConfig, PSEUDO_STYLE_SELECTOR_MAP, Pressable, Radio, RadioConfig, RadioGroupProvider, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, SpringMotionConfig, Switch, SwitchConfig, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, Text, Toast, ToastConfig, ToastContainer, ToastPortal, Tooltip, TooltipConfig, TooltipContent, TooltipTrigger, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, UDS_PREFIX, VStack, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, buildConfigSchema, cartesianProduct, coalesceConfigVariant, configToBreakpointsConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createToast, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, cva, cx, deprecatedAlwaysPalette, entries, findFixtureType, fontUrls, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getFontUrls, getFontUrlsByIds, getMotionVar, getShadowLayerValue, getStyles, getStylesCacheKeySymbol, isConfigDefaultValue, mapValues, newAlwaysPalette, parseButtonVariantFlat, shadow, statePseudoMapDocsMode, textVariantsSafe, useBreakpointsConfig, useToastConfig, variants };
+export { ALWAYS_PREFIX, AVATAR_SIZE_PREFIX, Avatar, AvatarConfig, AvatarIcon, AvatarImage, AvatarText, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, Badge, BadgeConfig, Box, Button, ButtonConfig, Checkbox, CheckboxConfig, Chip, ChipButton, ChipConfig, ChipDismissible, ChipLink, ChipToggle, 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, DROP_SHADOW_PREFIX, Divider, DividerConfig, FONT_DECLARATIONS_MAP, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, FormLabel, HStack, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, Icon, IconButton, IconButtonConfig, Image, Input, InputConfig, InputHelpText, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, Link, LinkConfig, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, Menu_index_exports as Menu, MenuContentConfig, MenuItemConfig, PSEUDO_STYLE_SELECTOR_MAP, Pressable, Radio, RadioConfig, RadioGroupProvider, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, SpringMotionConfig, Switch, SwitchConfig, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, Text, Toast, ToastConfig, ToastContainer, ToastPortal, Tooltip, TooltipConfig, TooltipContent, TooltipTrigger, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, UDS_PREFIX, VStack, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, buildConfigSchema, cartesianProduct, coalesceConfigVariant, configToBreakpointsConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createToast, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, cva, cx, deprecatedAlwaysPalette, entries, findFixtureType, fontUrls, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getFontUrls, getFontUrlsByIds, getMotionVar, getShadowLayerValue, getStyles, getStylesCacheKeySymbol, isConfigDefaultValue, mapValues, newAlwaysPalette, parseButtonVariantFlat, shadow, spectrumRgbToString, statePseudoMapDocsMode, textVariantsSafe, toRgbChannel, toSpectrumValueEntry, useBreakpointsConfig, useToastConfig, variants };

package/dist/runtime/toastConfig.cjs

@@ -21,7 +21,8 @@ const configToToastConfigContext = ({ toast }) => {
 		iconSize: Object.fromEntries(toastSizes.map((s) => [s, toast.variables[`size/${s}/icon`].size.rest.value])),
 		buttonSize: Object.fromEntries(toastSizes.map((s) => [s, toast.variables[`size/${s}/actionButton`].buttonSize.rest.value])),
 		buttonVariant: Object.fromEntries(toastVariants.map((v) => [v, toast.variables[`variant/${v}/actionButton`].buttonVariant.rest.value])),
-		iconVariant: Object.fromEntries(toastVariants.map((v) => [v, toast.variables[`variant/${v}/icon`].iconVariant.rest.value]))
+		iconVariant: Object.fromEntries(toastVariants.map((v) => [v, toast.variables[`variant/${v}/icon`].iconVariant.rest.value])),
+		backgroundColor: Object.fromEntries(toastVariants.map((v) => [v, toast.variables[`variant/${v}/root`].backgroundColor.rest.value]))
 	};
 };
 

package/dist/runtime/toastConfig.d.cts

@@ -4,6 +4,8 @@ import { UniversalTokensConfig } from "../config/dist/index.cjs";
 import "../tokens/index.cjs";
 
 //#region src/runtime/toastConfig.d.ts
+type ToastVariantRoot = UniversalTokensConfig['toast']['variables'][`variant/${ToastVariant}/root`];
+type ToastBackgroundRuntimeConfig = Record<ToastVariant, ToastVariantRoot['backgroundColor']['rest']['value']>;
 interface UDSToastConfigContextType {
   autoClose: number | false;
   position: ToastPosition;
@@ -15,6 +17,7 @@ interface UDSToastConfigContextType {
   textColor: Record<ToastVariant, UniversalTextProps['color']>;
   iconSize: Record<ToastSize, IconSize>;
   iconVariant: Record<ToastVariant, IconVariant>;
+  backgroundColor: ToastBackgroundRuntimeConfig;
 }
 declare const configToToastConfigContext: ({
   toast

package/dist/runtime/toastConfig.d.ts

@@ -4,6 +4,8 @@ import { UniversalTokensConfig } from "../config/dist/index.js";
 import "../tokens/index.js";
 
 //#region src/runtime/toastConfig.d.ts
+type ToastVariantRoot = UniversalTokensConfig['toast']['variables'][`variant/${ToastVariant}/root`];
+type ToastBackgroundRuntimeConfig = Record<ToastVariant, ToastVariantRoot['backgroundColor']['rest']['value']>;
 interface UDSToastConfigContextType {
   autoClose: number | false;
   position: ToastPosition;
@@ -15,6 +17,7 @@ interface UDSToastConfigContextType {
   textColor: Record<ToastVariant, UniversalTextProps['color']>;
   iconSize: Record<ToastSize, IconSize>;
   iconVariant: Record<ToastVariant, IconVariant>;
+  backgroundColor: ToastBackgroundRuntimeConfig;
 }
 declare const configToToastConfigContext: ({
   toast

package/dist/runtime/toastConfig.js

@@ -19,7 +19,8 @@ const configToToastConfigContext = ({ toast }) => {
 		iconSize: Object.fromEntries(toastSizes.map((s) => [s, toast.variables[`size/${s}/icon`].size.rest.value])),
 		buttonSize: Object.fromEntries(toastSizes.map((s) => [s, toast.variables[`size/${s}/actionButton`].buttonSize.rest.value])),
 		buttonVariant: Object.fromEntries(toastVariants.map((v) => [v, toast.variables[`variant/${v}/actionButton`].buttonVariant.rest.value])),
-		iconVariant: Object.fromEntries(toastVariants.map((v) => [v, toast.variables[`variant/${v}/icon`].iconVariant.rest.value]))
+		iconVariant: Object.fromEntries(toastVariants.map((v) => [v, toast.variables[`variant/${v}/icon`].iconVariant.rest.value])),
+		backgroundColor: Object.fromEntries(toastVariants.map((v) => [v, toast.variables[`variant/${v}/root`].backgroundColor.rest.value]))
 	};
 };
 

package/dist/styles/styler.d.cts

@@ -140,15 +140,15 @@ declare const getStylesInternal: (props?: ({
   tooltipVariantIcon?: "default" | undefined;
   tooltipVariantRoot?: "default" | undefined;
   tooltipVariantSvg?: "default" | undefined;
-  color?: "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | undefined;
-  placeholderColor?: "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | undefined;
+  color?: "primary" | "secondary" | "tertiary" | "on-color" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "muted" | undefined;
+  placeholderColor?: "primary" | "secondary" | "tertiary" | "on-color" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "muted" | undefined;
   fontFamily?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "sans" | "sans-alt" | "serif" | "serif-alt" | "mono" | undefined;
   fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-  fontWeight?: "black" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "thin" | "medium" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
+  fontWeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "black" | "thin" | "medium" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
   lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-  textAlign?: "center" | "justify" | "start" | "end" | undefined;
-  textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
+  textAlign?: "start" | "end" | "center" | "justify" | undefined;
+  textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "none" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
   spacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   spacingHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   spacingVertical?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
@@ -166,11 +166,11 @@ declare const getStylesInternal: (props?: ({
   columnGap?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   rowGap?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   backgroundColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
-  borderColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
-  borderStartColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
-  borderEndColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
-  borderBottomColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
-  borderTopColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
+  borderColor?: "primary" | "secondary" | "tertiary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "muted" | undefined;
+  borderStartColor?: "primary" | "secondary" | "tertiary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "muted" | undefined;
+  borderEndColor?: "primary" | "secondary" | "tertiary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "muted" | undefined;
+  borderBottomColor?: "primary" | "secondary" | "tertiary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "muted" | undefined;
+  borderTopColor?: "primary" | "secondary" | "tertiary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "muted" | undefined;
   borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
   borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
   borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;

package/dist/styles/styler.d.ts

@@ -140,15 +140,15 @@ declare const getStylesInternal: (props?: ({
   tooltipVariantIcon?: "default" | undefined;
   tooltipVariantRoot?: "default" | undefined;
   tooltipVariantSvg?: "default" | undefined;
-  color?: "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | undefined;
-  placeholderColor?: "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | undefined;
+  color?: "primary" | "secondary" | "tertiary" | "on-color" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "muted" | undefined;
+  placeholderColor?: "primary" | "secondary" | "tertiary" | "on-color" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "muted" | undefined;
   fontFamily?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "sans" | "sans-alt" | "serif" | "serif-alt" | "mono" | undefined;
   fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-  fontWeight?: "black" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "thin" | "medium" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
+  fontWeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "black" | "thin" | "medium" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
   lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-  textAlign?: "center" | "justify" | "start" | "end" | undefined;
-  textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
+  textAlign?: "start" | "end" | "center" | "justify" | undefined;
+  textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "none" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
   spacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   spacingHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   spacingVertical?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
@@ -166,11 +166,11 @@ declare const getStylesInternal: (props?: ({
   columnGap?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   rowGap?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   backgroundColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
-  borderColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
-  borderStartColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
-  borderEndColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
-  borderBottomColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
-  borderTopColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
+  borderColor?: "primary" | "secondary" | "tertiary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "muted" | undefined;
+  borderStartColor?: "primary" | "secondary" | "tertiary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "muted" | undefined;
+  borderEndColor?: "primary" | "secondary" | "tertiary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "muted" | undefined;
+  borderBottomColor?: "primary" | "secondary" | "tertiary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "muted" | undefined;
+  borderTopColor?: "primary" | "secondary" | "tertiary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "muted" | undefined;
   borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
   borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
   borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;

package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.cjs

@@ -2,8 +2,6 @@
 const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
 const require_index = require('../../../../config/dist/index.cjs');
 const require_entries = require('../../utils/entries.cjs');
-const require_mapValues = require('../../utils/mapValues.cjs');
-const require_flattenColorPalette = require('../utils/flattenColorPalette.cjs');
 let node_module = require("node:module");
 
 //#region ../tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.js
@@ -11,16 +9,23 @@ let node_module = require("node:module");
 const SPECTRUM_COLOR_PREFIX = "uds-spectrum-color";
 const lightSpectrum = require_index.defaultTokensConfig.colorMode.light.spectrum;
 const tailwindColorsConfig = (0, node_module.createRequire)(require("url").pathToFileURL(__filename).href)("tailwindcss/colors.js");
-const udsLightColors = spaceSeparatedRgbToRgbObject(lightSpectrum);
-function spaceSeparatedRgbToRgbObject(spectrum) {
-	return require_mapValues.mapValues(require_flattenColorPalette.flattenColorPalette(require_flattenColorPalette.flattenColorPalette(spectrum)), (val) => {
-		const [red, green, blue] = val.split(" ");
-		return {
-			r: Number(red),
-			g: Number(green),
-			b: Number(blue)
+const udsLightColors = flattenSpectrumToRgbRecord(lightSpectrum);
+/**
+* Iterates the two-level spectrum structure directly instead of using
+* utils/flattenColorPalette, which would flatten SpectrumValueEntry objects
+* into individual primitives (r, g, b, type) and lose the RGB grouping.
+*/
+function flattenSpectrumToRgbRecord(spectrum) {
+	const result = {};
+	for (const [hue, steps] of require_entries.entries(spectrum)) for (const [step, entry] of require_entries.entries(steps)) {
+		const { rgb } = entry;
+		result[`${hue}-${step}`] = {
+			r: rgb.r,
+			g: rgb.g,
+			b: rgb.b
 		};
-	});
+	}
+	return result;
 }
 function hexToRgb(hex) {
 	var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);

package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.js

@@ -1,8 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import { defaultTokensConfig } from "../../../../config/dist/index.js";
 import { entries } from "../../utils/entries.js";
-import { mapValues } from "../../utils/mapValues.js";
-import { flattenColorPalette } from "../utils/flattenColorPalette.js";
 import { createRequire } from "node:module";
 
 //#region ../tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.js
@@ -10,16 +8,23 @@ import { createRequire } from "node:module";
 const SPECTRUM_COLOR_PREFIX = "uds-spectrum-color";
 const lightSpectrum = defaultTokensConfig.colorMode.light.spectrum;
 const tailwindColorsConfig = createRequire(import.meta.url)("tailwindcss/colors.js");
-const udsLightColors = spaceSeparatedRgbToRgbObject(lightSpectrum);
-function spaceSeparatedRgbToRgbObject(spectrum) {
-	return mapValues(flattenColorPalette(flattenColorPalette(spectrum)), (val) => {
-		const [red, green, blue] = val.split(" ");
-		return {
-			r: Number(red),
-			g: Number(green),
-			b: Number(blue)
+const udsLightColors = flattenSpectrumToRgbRecord(lightSpectrum);
+/**
+* Iterates the two-level spectrum structure directly instead of using
+* utils/flattenColorPalette, which would flatten SpectrumValueEntry objects
+* into individual primitives (r, g, b, type) and lose the RGB grouping.
+*/
+function flattenSpectrumToRgbRecord(spectrum) {
+	const result = {};
+	for (const [hue, steps] of entries(spectrum)) for (const [step, entry] of entries(steps)) {
+		const { rgb } = entry;
+		result[`${hue}-${step}`] = {
+			r: rgb.r,
+			g: rgb.g,
+			b: rgb.b
 		};
-	});
+	}
+	return result;
 }
 function hexToRgb(hex) {
 	var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);

package/dist/tailwind/dist/utils/parseTokens.cjs

@@ -7,6 +7,11 @@ const require_opacity = require('./opacity.cjs');
 
 //#region ../tailwind/dist/utils/parseTokens.js
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+/** Converts a SpectrumValueEntry to a space-separated RGB string for CSS variables. */
+function spectrumValueToRgbString(value) {
+	const { r, g, b } = value.rgb;
+	return `${r} ${g} ${b}`;
+}
 function shouldIncludeOpacity(opacity) {
 	if (!opacity) return false;
 	const parsedOpacity = parseInt(opacity, 10);
@@ -23,7 +28,7 @@ function transformColors(colors, elevationPresets) {
 		const varKey = `--${require_index$1.SPECTRUM_COLOR_PREFIX}-${`${hue}-${hueStep}`}`;
 		if (!tailwindConfig.spectrum[hue]) tailwindConfig.spectrum[hue] = {};
 		tailwindConfig.spectrum[hue][hueStep] = `rgb(var(${varKey}))`;
-		rootVars[varKey] = value;
+		rootVars[varKey] = spectrumValueToRgbString(value);
 	}
 	require_entries.entries(palette).forEach(([paletteType, paletteConfig]) => {
 		for (const [paletteKey, { hue, step, opacity }] of Object.entries(paletteConfig)) {

package/dist/tailwind/dist/utils/parseTokens.js

@@ -7,6 +7,11 @@ import { parseOpacityStep } from "./opacity.js";
 
 //#region ../tailwind/dist/utils/parseTokens.js
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+/** Converts a SpectrumValueEntry to a space-separated RGB string for CSS variables. */
+function spectrumValueToRgbString(value) {
+	const { r, g, b } = value.rgb;
+	return `${r} ${g} ${b}`;
+}
 function shouldIncludeOpacity(opacity) {
 	if (!opacity) return false;
 	const parsedOpacity = parseInt(opacity, 10);
@@ -23,7 +28,7 @@ function transformColors(colors, elevationPresets) {
 		const varKey = `--${SPECTRUM_COLOR_PREFIX}-${`${hue}-${hueStep}`}`;
 		if (!tailwindConfig.spectrum[hue]) tailwindConfig.spectrum[hue] = {};
 		tailwindConfig.spectrum[hue][hueStep] = `rgb(var(${varKey}))`;
-		rootVars[varKey] = value;
+		rootVars[varKey] = spectrumValueToRgbString(value);
 	}
 	entries(palette).forEach(([paletteType, paletteConfig]) => {
 		for (const [paletteKey, { hue, step, opacity }] of Object.entries(paletteConfig)) {