@yahoo/uds 3.0.0-beta.1 → 3.0.0

package/dist/index.d.ts

@@ -1,23 +1,23 @@
-import { D as DivProps, I as InputProps } from './VStack-dsjTgotn.js';
-export { B as Box, a as BoxProps, b as Divider, c as DividerProps, V as VStack, d as VStackProps } from './VStack-dsjTgotn.js';
+import { D as DivProps, I as InputProps } from './VStack-CJs5afN8.js';
+export { B as Box, a as BoxProps, b as Divider, c as DividerProps, V as VStack, d as VStackProps } from './VStack-CJs5afN8.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { r as UniversalFormLabelProps, s as SpacingStyleProps, f as UniversalStackProps, t as IconPropsWithSVGProps, u as ImagePropsWithImgProps, v as UniversalIconSlot, w as UniversalLinkProps, x as UniversalTextProps } from './types-oxQ-ciqn.js';
-export { D as AVATAR_SIZE_PREFIX, ae as AlwaysPalette, af as AlwaysPaletteAlias, ag as AlwaysPaletteColor, ah as Animation, ai as AriaAttribute, aj as AvatarAbbreviationStrategy, ak as AvatarShape, al as AvatarSize, am as AvatarSizeConfig, an as AvatarVariant, E as BORDER_RADIUS_PREFIX, G as BORDER_WIDTH_PREFIX, a6 as BUTTON_CSS_VAR_MAP, ao as BackgroundColor, ap as BackgroundPalette, aq as BackgroundPaletteAlias, ar as BackgroundStyleProps, as as BadgeSize, at as BadgeVariant, au as BorderRadius, av as BorderRadiusConfig, aw as BorderStyleProps, ax as BorderWidth, ay as BorderWidthConfig, az as ButtonBaseConfig, i as ButtonClassMap, aA as ButtonClassName, aB as ButtonColorConfig, aC as ButtonColorEffect, aD as ButtonColorEffectConfig, j as ButtonColorProperty, k as ButtonColorPropertyConfig, B as ButtonConfig, aE as ButtonKind, aF as ButtonMotionEffect, aG as ButtonMotionProperty, aH as ButtonMotionPropertyConfig, aI as ButtonPalette, aJ as ButtonPaletteColor, aK as ButtonPaletteConfig, aL as ButtonShadowPropertyConfig, aM as ButtonSize, aN as ButtonSizeConfig, aO as ButtonSizeProperty, aP as ButtonSpectrumColor, aQ as ButtonState, aR as ButtonStateConfig, aS as ButtonStateEffectConfig, aT as ButtonVariant, aU as ButtonVariantConfig, aV as ButtonVariantFlat, aW as CheckboxSize, aX as CheckboxValue, aY as CheckboxVariant, aZ as ChipSize, a_ as ChipVariant, C as ColorMode, a$ as ColorModeConfig, b0 as ColorModeForApp, a as ColorsConfig, b1 as ConfigurableDropShadowValues, b2 as ConfigurableInsetShadowValues, b3 as CustomSizingStyleProps, X as DARK_COLOR_MODE_CLASSNAME, a4 as DEFAULT_COLOR_MODE_CLASSNAME, a5 as DEFAULT_SCALE_MODE_CLASSNAME, b4 as DataAttribute, b5 as Display, b6 as DividerVariant, a9 as FONT_DECLARATIONS_MAP, J as FONT_FAMILY_PREFIX, K as FONT_SIZE_PREFIX, N as FONT_SLANT_PREFIX, L as FONT_WEIGHT_PREFIX, O as FONT_WIDTH_PREFIX, b7 as Flex, b8 as FlexAlignContent, b9 as FlexAlignItems, ba as FlexAlignSelf, bb as FlexBasis, bc as FlexDirection, bd as FlexGrow, be as FlexJustifyContent, bf as FlexShrink, bg as FlexStyleProps, bh as FlexWrap, bi as FontAlias, aa as FontAxisConfig, m as FontConfig, bj as FontCssVar, ab as FontDeclarationConfig, l as FontDeclarationItemConfig, ac as FontDeclarationMap, bk as FontFamilyCDNUrl, bl as FontFamilyConfig, F as FontID, bm as FontSize, bn as FontSizeConfig, bo as FontSlantConfig, bp as FontType, bq as FontWeightConfig, br as FontWeightDescriptive, ad as FontWeightForFont, bs as FontWeightNumeric, bt as FontWidthConfig, bu as ForegroundColor, bv as ForegroundPalette, bw as ForegroundPaletteAlias, bx as HighContrastMode, H as Hue, b as HueStep, a7 as ICON_BUTTON_CSS_VAR_MAP, Q as ICON_SIZE_PREFIX, I as IconButtonClassMap, by as IconButtonClassName, bz as IconButtonConfig, bA as IconButtonDefaultsConfig, bB as IconButtonSize, bC as IconSizeConfig, bD as ImageStyleProps, bE as InputSize, a0 as LARGE_SCALE_MODE_CLASSNAME, Y as LIGHT_COLOR_MODE_CLASSNAME, R as LINE_HEIGHT_PREFIX, bF as LayoutStyleProps, bG as LetterSpacing, bH as LineClampAlias, bI as LineColor, bJ as LineHeight, bK as LineHeightConfig, bL as LinePalette, bM as LinePaletteAlias, $ as MEDIUM_SCALE_MODE_CLASSNAME, T as MOTION_PREFIX, bN as Modes, p as MotionConfig, bO as MotionCssVar, bP as MotionSpringConfig, o as MotionSpringConfigOptions, M as MotionVariant, n as MotionVariantSpeed, bQ as MotionVariantValues, bR as Overflow, a8 as PSEUDO_STYLE_SELECTOR_MAP, bS as Palette, c as PaletteConfig, P as PaletteType, bT as PaletteValue, bU as PlatformMode, bV as Position, bW as PropertyToPaletteAliasMap, bX as RadioSize, bY as RadioValue, bZ as RadioVariant, b_ as RegionMode, _ as SMALL_SCALE_MODE_CLASSNAME, V as SPECTRUM_COLOR_PREFIX, b$ as ScaleConfig, c0 as ScaleEffectMap, S as ScaleMode, c1 as ScaleModeConfig, c2 as ScaleModeForApp, c3 as ShadowColor, c4 as ShadowColorConfig, c5 as ShadowConfig, c6 as ShadowOffset, c7 as ShadowOpacity, c8 as ShadowPalette, c9 as ShadowPaletteAlias, d as ShadowPreset, ca as ShadowSpreadRadius, cb as ShadowStyleProps, q as ShadowType, cc as ShadowTypeConfig, cd as ShadowVariant, ce as ShadowVariantConfig, cf as ShadowVariantInvert, cg as ShadowVariantWithInvert, ch as SharedPaletteAlias, ci as SpacingAlias, cj as SpacingConfig, ck as SpectrumColor, cl as SpectrumConfig, cm as StateStyleProps, cn as StyleProps, co as SwitchSize, W as TEXT_TRANSFORM_PREFIX, cx as TShirtSize, cy as TShirtSizeCommon, cp as TextProperty, cq as TextStyleProps, cr as TextTransform, cs as TextTransformConfig, ct as TextVariant, cu as TransitionDelay, cv as TransitionDuration, cw as TransitionTiming, A as UDS_PREFIX, cz as UdsCssVar, cA as UniversalAvatarIconProps, cB as UniversalAvatarImageProps, cC as UniversalAvatarProps, cD as UniversalAvatarTextProps, cE as UniversalBadgeProps, e as UniversalBoxProps, cF as UniversalButtonProps, cG as UniversalCheckboxProps, cH as UniversalChipBaseProps, cI as UniversalChipButtonProps, cJ as UniversalChipDismissibleProps, cK as UniversalChipLinkProps, cL as UniversalChipProps, cM as UniversalChipToggleProps, g as UniversalDividerProps, cN as UniversalIconButtonProps, cO as UniversalIconProps, cP as UniversalImageProps, h as UniversalInputProps, cQ as UniversalMenuItemProps, cR as UniversalPressableProps, cS as UniversalRadioGroupProps, cT as UniversalRadioProps, cU as UniversalSwitchProps, U as UniversalTokensConfig, cV as UniversalTokensConfigAuto, a1 as XLARGE_SCALE_MODE_CLASSNAME, Z as XSMALL_SCALE_MODE_CLASSNAME, a2 as XXLARGE_SCALE_MODE_CLASSNAME, a3 as XXXLARGE_SCALE_MODE_CLASSNAME, y as alwaysPalette, z as defaultUniversalTokensConfigAuto } from './types-oxQ-ciqn.js';
+import { r as UniversalFormLabelProps, f as UniversalStackProps, s as IconPropsWithSVGProps, t as ImagePropsWithImgProps, u as UniversalIconSlot, v as UniversalLinkProps, w as UniversalTextProps } from './types-d2CfR7zp.js';
+export { A as AVATAR_SIZE_PREFIX, ad as AlwaysPalette, ae as AlwaysPaletteAlias, af as AlwaysPaletteColor, ag as Animation, ah as AriaAttribute, ai as AvatarAbbreviationStrategy, aj as AvatarShape, ak as AvatarSize, al as AvatarSizeConfig, am as AvatarVariant, D as BORDER_RADIUS_PREFIX, E as BORDER_WIDTH_PREFIX, a5 as BUTTON_CSS_VAR_MAP, an as BackgroundColor, ao as BackgroundPalette, ap as BackgroundPaletteAlias, aq as BackgroundStyleProps, ar as BadgeSize, as as BadgeVariant, at as BorderRadius, au as BorderRadiusConfig, av as BorderStyleProps, aw as BorderWidth, ax as BorderWidthConfig, ay as ButtonBaseConfig, i as ButtonClassMap, az as ButtonClassName, aA as ButtonColorConfig, aB as ButtonColorEffect, aC as ButtonColorEffectConfig, j as ButtonColorProperty, k as ButtonColorPropertyConfig, B as ButtonConfig, aD as ButtonKind, aE as ButtonMotionEffect, aF as ButtonMotionProperty, aG as ButtonMotionPropertyConfig, aH as ButtonPalette, aI as ButtonPaletteColor, aJ as ButtonPaletteConfig, aK as ButtonShadowPropertyConfig, aL as ButtonSize, aM as ButtonSizeConfig, aN as ButtonSizeProperty, aO as ButtonSpectrumColor, aP as ButtonState, aQ as ButtonStateConfig, aR as ButtonStateEffectConfig, aS as ButtonVariant, aT as ButtonVariantConfig, aU as ButtonVariantFlat, aV as CheckboxSize, aW as CheckboxValue, aX as CheckboxVariant, aY as ChipSize, aZ as ChipVariant, C as ColorMode, a_ as ColorModeConfig, a$ as ColorModeForApp, a as ColorsConfig, b0 as ConfigurableDropShadowValues, b1 as ConfigurableInsetShadowValues, b2 as CustomSizingStyleProps, W as DARK_COLOR_MODE_CLASSNAME, a3 as DEFAULT_COLOR_MODE_CLASSNAME, a4 as DEFAULT_SCALE_MODE_CLASSNAME, b3 as DataAttribute, b4 as Display, b5 as DividerVariant, a8 as FONT_DECLARATIONS_MAP, G as FONT_FAMILY_PREFIX, J as FONT_SIZE_PREFIX, L as FONT_SLANT_PREFIX, K as FONT_WEIGHT_PREFIX, N as FONT_WIDTH_PREFIX, b6 as Flex, b7 as FlexAlignContent, b8 as FlexAlignItems, b9 as FlexAlignSelf, ba as FlexBasis, bb as FlexDirection, bc as FlexGrow, bd as FlexJustifyContent, be as FlexShrink, bf as FlexStyleProps, bg as FlexWrap, bh as FontAlias, a9 as FontAxisConfig, m as FontConfig, bi as FontCssVar, aa as FontDeclarationConfig, l as FontDeclarationItemConfig, ab as FontDeclarationMap, bj as FontFamilyCDNUrl, bk as FontFamilyConfig, F as FontID, bl as FontSize, bm as FontSizeConfig, bn as FontSlantConfig, bo as FontType, bp as FontWeightConfig, bq as FontWeightDescriptive, ac as FontWeightForFont, br as FontWeightNumeric, bs as FontWidthConfig, bt as ForegroundColor, bu as ForegroundPalette, bv as ForegroundPaletteAlias, bw as HighContrastMode, H as Hue, b as HueStep, a6 as ICON_BUTTON_CSS_VAR_MAP, O as ICON_SIZE_PREFIX, I as IconButtonClassMap, bx as IconButtonClassName, by as IconButtonConfig, bz as IconButtonDefaultsConfig, bA as IconButtonSize, bB as IconSizeConfig, bC as ImageStyleProps, bD as InputSize, $ as LARGE_SCALE_MODE_CLASSNAME, X as LIGHT_COLOR_MODE_CLASSNAME, Q as LINE_HEIGHT_PREFIX, bE as LayoutStyleProps, bF as LetterSpacing, bG as LineClampAlias, bH as LineColor, bI as LineHeight, bJ as LineHeightConfig, bK as LinePalette, bL as LinePaletteAlias, _ as MEDIUM_SCALE_MODE_CLASSNAME, R as MOTION_PREFIX, bM as Modes, p as MotionConfig, bN as MotionCssVar, bO as MotionSpringConfig, o as MotionSpringConfigOptions, M as MotionVariant, n as MotionVariantSpeed, bP as MotionVariantValues, bQ as Overflow, a7 as PSEUDO_STYLE_SELECTOR_MAP, bR as Palette, c as PaletteConfig, P as PaletteType, bS as PaletteValue, bT as PlatformMode, bU as Position, bV as PropertyToPaletteAliasMap, bW as RadioSize, bX as RadioValue, bY as RadioVariant, bZ as RegionMode, Z as SMALL_SCALE_MODE_CLASSNAME, T as SPECTRUM_COLOR_PREFIX, b_ as ScaleConfig, b$ as ScaleEffectMap, S as ScaleMode, c0 as ScaleModeConfig, c1 as ScaleModeForApp, c2 as ShadowColor, c3 as ShadowColorConfig, c4 as ShadowConfig, c5 as ShadowOffset, c6 as ShadowOpacity, c7 as ShadowPalette, c8 as ShadowPaletteAlias, d as ShadowPreset, c9 as ShadowSpreadRadius, ca as ShadowStyleProps, q as ShadowType, cb as ShadowTypeConfig, cc as ShadowVariant, cd as ShadowVariantConfig, ce as ShadowVariantInvert, cf as ShadowVariantWithInvert, cg as SharedPaletteAlias, ch as SpacingAlias, ci as SpacingConfig, cj as SpacingStyleProps, ck as SpectrumColor, cl as SpectrumConfig, cm as StateStyleProps, cn as StyleProps, co as SwitchSize, V as TEXT_TRANSFORM_PREFIX, cx as TShirtSize, cy as TShirtSizeCommon, cp as TextProperty, cq as TextStyleProps, cr as TextTransform, cs as TextTransformConfig, ct as TextVariant, cu as TransitionDelay, cv as TransitionDuration, cw as TransitionTiming, z as UDS_PREFIX, cz as UdsCssVar, cA as UniversalAvatarIconProps, cB as UniversalAvatarImageProps, cC as UniversalAvatarProps, cD as UniversalAvatarTextProps, cE as UniversalBadgeProps, e as UniversalBoxProps, cF as UniversalButtonProps, cG as UniversalCheckboxProps, cH as UniversalChipBaseProps, cI as UniversalChipButtonProps, cJ as UniversalChipDismissibleProps, cK as UniversalChipLinkProps, cL as UniversalChipProps, cM as UniversalChipToggleProps, g as UniversalDividerProps, cN as UniversalIconButtonProps, cO as UniversalIconProps, cP as UniversalImageProps, h as UniversalInputProps, cQ as UniversalMenuItemProps, cR as UniversalPressableProps, cS as UniversalRadioGroupProps, cT as UniversalRadioProps, cU as UniversalSwitchProps, U as UniversalTokensConfig, cV as UniversalTokensConfigAuto, a0 as XLARGE_SCALE_MODE_CLASSNAME, Y as XSMALL_SCALE_MODE_CLASSNAME, a1 as XXLARGE_SCALE_MODE_CLASSNAME, a2 as XXXLARGE_SCALE_MODE_CLASSNAME, x as alwaysPalette, y as defaultUniversalTokensConfigAuto } from './types-d2CfR7zp.js';
 import * as react from 'react';
 import { PropsWithChildren, Ref, Dispatch, SetStateAction } from 'react';
 export { Avatar, AvatarIcon, AvatarIconProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarText, AvatarTextProps, Badge, BadgeProps, Button, ButtonProps, Checkbox, CheckboxProps, Chip, ChipButton, ChipButtonProps, ChipDismissible, ChipDismissibleProps, ChipLink, ChipLinkProps, ChipProps, ChipToggle, ChipToggleProps, IconButton, IconButtonProps, Input, InputProps, Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Pressable, PressableProps, Radio, RadioGroupProvider, RadioGroupProviderProps, RadioProps, SpringMotionConfig, SpringMotionConfigProps, Switch, SwitchProps } from '@yahoo/uds/client';
 export { AllSelectors, BaseSelector, CssStyleObject, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP, ParentVariantSelector, button, cartesianProduct, coalesceConfigVariant, defaultTokensConfig, entries, fontWeightMap, fromEntries, generateKeyFromFlatConfigPath, generateSchemaKey, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getDefaultButtonBaseMap, isConfigDefaultValue, mapValues, parseButtonVariantFlat, parseDeprecatedButtonPaletteVariant, setConfigPseudoStateVariable, shadow, variants } from './tokens/index.js';
 export { AvatarConfig, BadgeConfig, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './tokens/automation/configs.js';
-export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, g as ComponentConfig, b as ComponentStateConfig, C as ConfigurablePropertiesName, L as LayerConfig, P as PossibleStates, a as PossibleStatesWithRest, k as SchemaStateValue, S as SelectedConfigurableProperty, d as SubComponentConfig, V as VariantConfig, f as VariantConfigWithComponentStates, e as VariantConfigWithProperties, c as configurableProperties, r as createComponentStateConfig, w as createComponentStates, p as createConfigurableProperty, x as createLayerConfig, y as createSubComponentConfig, q as createVariantConfig, v as createVariantConfigWithComponentStates, u as createVariantConfigWithProperties, l as findFixtureType, m as generateClassName, n as generateDeclaration, o as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from './index-B1ZHRmSN.js';
+export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, g as ComponentConfig, b as ComponentStateConfig, C as ConfigurablePropertiesName, L as LayerConfig, P as PossibleStates, a as PossibleStatesWithRest, k as SchemaStateValue, S as SelectedConfigurableProperty, d as SubComponentConfig, V as VariantConfig, f as VariantConfigWithComponentStates, e as VariantConfigWithProperties, c as configurableProperties, r as createComponentStateConfig, w as createComponentStates, p as createConfigurableProperty, x as createLayerConfig, y as createSubComponentConfig, q as createVariantConfig, v as createVariantConfigWithComponentStates, u as createVariantConfigWithProperties, l as findFixtureType, m as generateClassName, n as generateDeclaration, o as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from './index-CU_UPAew.js';
 export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'type-fest';
 import '@yahoo/uds/fixtures';
 
 type HtmlLabelProps = Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'color'>;
-interface FormLabelProps extends UniversalFormLabelProps, PropsWithChildren, HtmlLabelProps, SpacingStyleProps {
+interface FormLabelProps extends UniversalFormLabelProps, PropsWithChildren, HtmlLabelProps {
 }
-declare const FormLabel: ({ htmlFor, required, children, spacingStart, color, variant, hasError, showRequiredAsterisk, className, ...rest }: FormLabelProps) => react_jsx_runtime.JSX.Element | null;
+declare const FormLabel: ({ htmlFor, required, label, children, color, variant, hasError, showRequiredAsterisk, as, className, ...rest }: FormLabelProps) => react_jsx_runtime.JSX.Element | null;
 
 interface HStackProps extends UniversalStackProps, DivProps {
 }
@@ -163,7 +163,7 @@ interface LinkProps extends HTMLAnchorProps, UniversalLinkProps {
  **/
 declare const Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
 
-type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li';
+type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
 type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';
 type VariantWithInherit = Exclude<UniversalTextProps['variant'], undefined> | 'inherit';
 type TextProps<TagName extends TextElementTagName = TextElementTagName> = {
@@ -284,14 +284,23 @@ interface CX<T> {
 declare const cx: CX<string>;
 declare const cva: CVA<string>;
 declare const getStylesInternal: (props?: ({
-    radioVariantValueRoot?: "checked" | "unchecked" | undefined;
-    radioVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
-    radioVariantValueRadio?: "checked" | "unchecked" | undefined;
-    radioVariantRadio?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
-    radioVariantValueRadioCircle?: "checked" | "unchecked" | undefined;
-    radioVariantRadioCircle?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
-    radioSizeRoot?: "sm" | "md" | undefined;
-    radioSizeRadio?: "sm" | "md" | undefined;
+    avatarSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    avatarSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    avatarTextVariantRoot?: "primary" | "secondary" | undefined;
+    avatarImageVariantRoot?: "primary" | "secondary" | undefined;
+    avatarIconVariantRoot?: "primary" | "secondary" | undefined;
+    badgeSizeRoot?: "xs" | "sm" | "md" | "lg" | undefined;
+    badgeSizeIcon?: "xs" | "sm" | "md" | "lg" | undefined;
+    badgeVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | undefined;
+    badgeVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | undefined;
+    checkboxSizeRoot?: "sm" | "md" | undefined;
+    checkboxSizeCheckbox?: "sm" | "md" | undefined;
+    checkboxVariantValueRoot?: "checked" | "unchecked" | "indeterminate" | undefined;
+    checkboxVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
+    checkboxVariantValueCheckbox?: "checked" | "unchecked" | "indeterminate" | undefined;
+    checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
+    checkboxVariantValueCheckboxIcon?: "checked" | "unchecked" | "indeterminate" | undefined;
+    checkboxVariantCheckboxIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
     chipSizeRoot?: "sm" | "md" | undefined;
     chipToggleVariantActiveRoot?: "on" | "off" | undefined;
     chipToggleVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
@@ -301,47 +310,9 @@ declare const getStylesInternal: (props?: ({
     chipDismissibleVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
     chipLinkVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
     chipLinkVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
-    switchVariantActiveRoot?: "on" | "off" | undefined;
-    switchVariantRoot?: "default" | undefined;
-    switchVariantActiveSwitch?: "on" | "off" | undefined;
-    switchVariantSwitch?: "default" | undefined;
-    switchVariantActiveHandle?: "on" | "off" | undefined;
-    switchVariantHandle?: "default" | undefined;
-    switchVariantActiveHandleIcon?: "on" | "off" | undefined;
-    switchVariantHandleIcon?: "default" | undefined;
-    switchSizeRoot?: "sm" | "md" | undefined;
-    switchSizeSwitch?: "sm" | "md" | undefined;
-    switchSizeHandle?: "sm" | "md" | undefined;
-    switchSizeHandleIcon?: "sm" | "md" | undefined;
-    linkTextStyleRoot?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | undefined;
-    linkTextStyleIcon?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | undefined;
-    linkVariantRoot?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
-    linkVariantIconStart?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
-    linkVariantIconEnd?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
-    avatarSizeRoot?: "sm" | "md" | "xs" | "lg" | "xl" | undefined;
-    avatarSizeIcon?: "sm" | "md" | "xs" | "lg" | "xl" | undefined;
-    avatarTextVariantRoot?: "primary" | "secondary" | undefined;
-    avatarImageVariantRoot?: "primary" | "secondary" | undefined;
-    avatarIconVariantRoot?: "primary" | "secondary" | undefined;
-    menuSizeRoot?: "default" | undefined;
-    menuSizeStartIcon?: "default" | undefined;
-    menuSizeEndIcon?: "default" | undefined;
-    menuItemVariantActiveRoot?: "on" | "off" | undefined;
-    menuItemVariantRoot?: "default" | undefined;
-    menuItemVariantActiveText?: "on" | "off" | undefined;
-    menuItemVariantText?: "default" | undefined;
-    menuItemVariantActiveIcon?: "on" | "off" | undefined;
-    menuItemVariantIcon?: "default" | undefined;
-    menuItemCheckboxVariantActiveRoot?: "on" | "off" | undefined;
-    menuItemCheckboxVariantRoot?: "default" | undefined;
-    menuItemCheckboxVariantActiveText?: "on" | "off" | undefined;
-    menuItemCheckboxVariantText?: "default" | undefined;
-    menuItemCheckboxVariantActiveStartIcon?: "on" | "off" | undefined;
-    menuItemCheckboxVariantStartIcon?: "default" | undefined;
-    menuItemCheckboxVariantActiveEndIcon?: "on" | "off" | undefined;
-    menuItemCheckboxVariantEndIcon?: "default" | undefined;
-    menuDividerVariantRoot?: "default" | undefined;
-    menuDividerVariantText?: "default" | undefined;
+    dividerVariantRoot?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
+    dividerVariantLine?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
+    dividerVariantLabel?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
     inputSizeRoot?: "md" | "lg" | undefined;
     inputSizeInputWrapper?: "md" | "lg" | undefined;
     inputSizeInput?: "md" | "lg" | undefined;
@@ -370,56 +341,85 @@ declare const getStylesInternal: (props?: ({
     inputVariantHelperIcon?: "default" | undefined;
     inputVariantValueHelperText?: "filled" | "empty" | undefined;
     inputVariantHelperText?: "default" | undefined;
-    dividerVariantRoot?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
-    dividerVariantLine?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
-    dividerVariantLabel?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
-    badgeSizeRoot?: "sm" | "md" | "xs" | "lg" | undefined;
-    badgeSizeIcon?: "sm" | "md" | "xs" | "lg" | undefined;
-    badgeVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | undefined;
-    badgeVariantIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | undefined;
-    checkboxSizeRoot?: "sm" | "md" | undefined;
-    checkboxSizeCheckbox?: "sm" | "md" | undefined;
-    checkboxVariantValueRoot?: "checked" | "unchecked" | "indeterminate" | undefined;
-    checkboxVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
-    checkboxVariantValueCheckbox?: "checked" | "unchecked" | "indeterminate" | undefined;
-    checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
-    checkboxVariantValueCheckboxIcon?: "checked" | "unchecked" | "indeterminate" | undefined;
-    checkboxVariantCheckboxIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
-    color?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "tertiary" | "on-color" | "muted" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
-    placeholderColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "tertiary" | "on-color" | "muted" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
+    linkTextStyleRoot?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | undefined;
+    linkTextStyleIcon?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | undefined;
+    linkVariantRoot?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
+    linkVariantIconStart?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
+    linkVariantIconEnd?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
+    menuSizeRoot?: "default" | undefined;
+    menuSizeStartIcon?: "default" | undefined;
+    menuSizeEndIcon?: "default" | undefined;
+    menuItemVariantActiveRoot?: "on" | "off" | undefined;
+    menuItemVariantRoot?: "default" | undefined;
+    menuItemVariantActiveText?: "on" | "off" | undefined;
+    menuItemVariantText?: "default" | undefined;
+    menuItemVariantActiveIcon?: "on" | "off" | undefined;
+    menuItemVariantIcon?: "default" | undefined;
+    menuItemCheckboxVariantActiveRoot?: "on" | "off" | undefined;
+    menuItemCheckboxVariantRoot?: "default" | undefined;
+    menuItemCheckboxVariantActiveText?: "on" | "off" | undefined;
+    menuItemCheckboxVariantText?: "default" | undefined;
+    menuItemCheckboxVariantActiveStartIcon?: "on" | "off" | undefined;
+    menuItemCheckboxVariantStartIcon?: "default" | undefined;
+    menuItemCheckboxVariantActiveEndIcon?: "on" | "off" | undefined;
+    menuItemCheckboxVariantEndIcon?: "default" | undefined;
+    menuDividerVariantRoot?: "default" | undefined;
+    menuDividerVariantText?: "default" | undefined;
+    radioVariantValueRoot?: "checked" | "unchecked" | undefined;
+    radioVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
+    radioVariantValueRadio?: "checked" | "unchecked" | undefined;
+    radioVariantRadio?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
+    radioVariantValueRadioCircle?: "checked" | "unchecked" | undefined;
+    radioVariantRadioCircle?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
+    radioSizeRoot?: "sm" | "md" | undefined;
+    radioSizeRadio?: "sm" | "md" | undefined;
+    switchVariantActiveRoot?: "on" | "off" | undefined;
+    switchVariantRoot?: "default" | undefined;
+    switchVariantActiveSwitch?: "on" | "off" | undefined;
+    switchVariantSwitch?: "default" | undefined;
+    switchVariantActiveHandle?: "on" | "off" | undefined;
+    switchVariantHandle?: "default" | undefined;
+    switchVariantActiveHandleIcon?: "on" | "off" | undefined;
+    switchVariantHandleIcon?: "default" | undefined;
+    switchSizeRoot?: "sm" | "md" | undefined;
+    switchSizeSwitch?: "sm" | "md" | undefined;
+    switchSizeHandle?: "sm" | "md" | undefined;
+    switchSizeHandleIcon?: "sm" | "md" | undefined;
+    color?: "primary" | "secondary" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "tertiary" | "muted" | "on-color" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
+    placeholderColor?: "primary" | "secondary" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "tertiary" | "muted" | "on-color" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
     fontFamily?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "serif" | "sans" | "mono" | "sans-alt" | "serif-alt" | undefined;
     fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | undefined;
     fontWeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "thin" | "black" | "extralight" | "light" | "regular" | "medium" | "semibold" | "bold" | "extrabold" | undefined;
     lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | undefined;
     textAlign?: "center" | "end" | "start" | "justify" | undefined;
     textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
-    spacing?: "2" | "4" | "2.5" | "5" | "3" | "1" | "1.5" | "0" | "8" | "0.5" | "7" | "12" | "6" | "10" | "16" | "3.5" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    spacingHorizontal?: "2" | "4" | "2.5" | "5" | "3" | "1" | "1.5" | "0" | "8" | "0.5" | "7" | "12" | "6" | "10" | "16" | "3.5" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    spacingVertical?: "2" | "4" | "2.5" | "5" | "3" | "1" | "1.5" | "0" | "8" | "0.5" | "7" | "12" | "6" | "10" | "16" | "3.5" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    spacingBottom?: "2" | "4" | "2.5" | "5" | "3" | "1" | "1.5" | "0" | "8" | "0.5" | "7" | "12" | "6" | "10" | "16" | "3.5" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    spacingEnd?: "2" | "4" | "2.5" | "5" | "3" | "1" | "1.5" | "0" | "8" | "0.5" | "7" | "12" | "6" | "10" | "16" | "3.5" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    spacingStart?: "2" | "4" | "2.5" | "5" | "3" | "1" | "1.5" | "0" | "8" | "0.5" | "7" | "12" | "6" | "10" | "16" | "3.5" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    spacingTop?: "2" | "4" | "2.5" | "5" | "3" | "1" | "1.5" | "0" | "8" | "0.5" | "7" | "12" | "6" | "10" | "16" | "3.5" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    offset?: "2" | "4" | "2.5" | "5" | "3" | "1" | "1.5" | "0" | "8" | "0.5" | "7" | "12" | "6" | "10" | "16" | "3.5" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    offsetVertical?: "2" | "4" | "2.5" | "5" | "3" | "1" | "1.5" | "0" | "8" | "0.5" | "7" | "12" | "6" | "10" | "16" | "3.5" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    offsetHorizontal?: "2" | "4" | "2.5" | "5" | "3" | "1" | "1.5" | "0" | "8" | "0.5" | "7" | "12" | "6" | "10" | "16" | "3.5" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    offsetBottom?: "2" | "4" | "2.5" | "5" | "3" | "1" | "1.5" | "0" | "8" | "0.5" | "7" | "12" | "6" | "10" | "16" | "3.5" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    offsetEnd?: "2" | "4" | "2.5" | "5" | "3" | "1" | "1.5" | "0" | "8" | "0.5" | "7" | "12" | "6" | "10" | "16" | "3.5" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    offsetStart?: "2" | "4" | "2.5" | "5" | "3" | "1" | "1.5" | "0" | "8" | "0.5" | "7" | "12" | "6" | "10" | "16" | "3.5" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    offsetTop?: "2" | "4" | "2.5" | "5" | "3" | "1" | "1.5" | "0" | "8" | "0.5" | "7" | "12" | "6" | "10" | "16" | "3.5" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    columnGap?: "2" | "4" | "2.5" | "5" | "3" | "1" | "1.5" | "0" | "8" | "0.5" | "7" | "12" | "6" | "10" | "16" | "3.5" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    rowGap?: "2" | "4" | "2.5" | "5" | "3" | "1" | "1.5" | "0" | "8" | "0.5" | "7" | "12" | "6" | "10" | "16" | "3.5" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    backgroundColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
-    borderColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "tertiary" | "muted" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
-    borderStartColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "tertiary" | "muted" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
-    borderEndColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "tertiary" | "muted" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
-    borderBottomColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "tertiary" | "muted" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
-    borderTopColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "tertiary" | "muted" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
-    borderRadius?: "sm" | "md" | "xs" | "lg" | "xl" | "full" | "none" | undefined;
-    borderTopStartRadius?: "sm" | "md" | "xs" | "lg" | "xl" | "full" | "none" | undefined;
-    borderTopEndRadius?: "sm" | "md" | "xs" | "lg" | "xl" | "full" | "none" | undefined;
-    borderBottomStartRadius?: "sm" | "md" | "xs" | "lg" | "xl" | "full" | "none" | undefined;
-    borderBottomEndRadius?: "sm" | "md" | "xs" | "lg" | "xl" | "full" | "none" | undefined;
+    spacing?: "6" | "7" | "10" | "12" | "16" | "2" | "0.5" | "4" | "1" | "1.5" | "8" | "2.5" | "5" | "3" | "3.5" | "0" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingHorizontal?: "6" | "7" | "10" | "12" | "16" | "2" | "0.5" | "4" | "1" | "1.5" | "8" | "2.5" | "5" | "3" | "3.5" | "0" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingVertical?: "6" | "7" | "10" | "12" | "16" | "2" | "0.5" | "4" | "1" | "1.5" | "8" | "2.5" | "5" | "3" | "3.5" | "0" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingBottom?: "6" | "7" | "10" | "12" | "16" | "2" | "0.5" | "4" | "1" | "1.5" | "8" | "2.5" | "5" | "3" | "3.5" | "0" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingEnd?: "6" | "7" | "10" | "12" | "16" | "2" | "0.5" | "4" | "1" | "1.5" | "8" | "2.5" | "5" | "3" | "3.5" | "0" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingStart?: "6" | "7" | "10" | "12" | "16" | "2" | "0.5" | "4" | "1" | "1.5" | "8" | "2.5" | "5" | "3" | "3.5" | "0" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingTop?: "6" | "7" | "10" | "12" | "16" | "2" | "0.5" | "4" | "1" | "1.5" | "8" | "2.5" | "5" | "3" | "3.5" | "0" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offset?: "6" | "7" | "10" | "12" | "16" | "2" | "0.5" | "4" | "1" | "1.5" | "8" | "2.5" | "5" | "3" | "3.5" | "0" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetVertical?: "6" | "7" | "10" | "12" | "16" | "2" | "0.5" | "4" | "1" | "1.5" | "8" | "2.5" | "5" | "3" | "3.5" | "0" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetHorizontal?: "6" | "7" | "10" | "12" | "16" | "2" | "0.5" | "4" | "1" | "1.5" | "8" | "2.5" | "5" | "3" | "3.5" | "0" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetBottom?: "6" | "7" | "10" | "12" | "16" | "2" | "0.5" | "4" | "1" | "1.5" | "8" | "2.5" | "5" | "3" | "3.5" | "0" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetEnd?: "6" | "7" | "10" | "12" | "16" | "2" | "0.5" | "4" | "1" | "1.5" | "8" | "2.5" | "5" | "3" | "3.5" | "0" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetStart?: "6" | "7" | "10" | "12" | "16" | "2" | "0.5" | "4" | "1" | "1.5" | "8" | "2.5" | "5" | "3" | "3.5" | "0" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetTop?: "6" | "7" | "10" | "12" | "16" | "2" | "0.5" | "4" | "1" | "1.5" | "8" | "2.5" | "5" | "3" | "3.5" | "0" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    columnGap?: "6" | "7" | "10" | "12" | "16" | "2" | "0.5" | "4" | "1" | "1.5" | "8" | "2.5" | "5" | "3" | "3.5" | "0" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    rowGap?: "6" | "7" | "10" | "12" | "16" | "2" | "0.5" | "4" | "1" | "1.5" | "8" | "2.5" | "5" | "3" | "3.5" | "0" | "9" | "11" | "14" | "px" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    backgroundColor?: "primary" | "secondary" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
+    borderColor?: "primary" | "secondary" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "tertiary" | "muted" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
+    borderStartColor?: "primary" | "secondary" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "tertiary" | "muted" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
+    borderEndColor?: "primary" | "secondary" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "tertiary" | "muted" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
+    borderBottomColor?: "primary" | "secondary" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "tertiary" | "muted" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
+    borderTopColor?: "primary" | "secondary" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "tertiary" | "muted" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
+    borderRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "none" | undefined;
+    borderTopStartRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "none" | undefined;
+    borderTopEndRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "none" | undefined;
+    borderBottomStartRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "none" | undefined;
+    borderBottomEndRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "none" | undefined;
     borderWidth?: "thin" | "none" | "medium" | "thick" | undefined;
     borderVerticalWidth?: "thin" | "none" | "medium" | "thick" | undefined;
     borderHorizontalWidth?: "thin" | "none" | "medium" | "thick" | undefined;
@@ -427,14 +427,14 @@ declare const getStylesInternal: (props?: ({
     borderEndWidth?: "thin" | "none" | "medium" | "thick" | undefined;
     borderTopWidth?: "thin" | "none" | "medium" | "thick" | undefined;
     borderBottomWidth?: "thin" | "none" | "medium" | "thick" | undefined;
-    avatarSize?: "sm" | "md" | "xs" | "lg" | "xl" | undefined;
+    avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     iconSize?: "sm" | "md" | "lg" | undefined;
     alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-between" | "space-around" | undefined;
     alignItems?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch" | undefined;
     alignSelf?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch" | "auto" | undefined;
     flex?: "1" | "none" | "initial" | "auto" | undefined;
     flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
-    flexGrow?: "2" | "3" | "1" | "0" | undefined;
+    flexGrow?: "2" | "1" | "3" | "0" | undefined;
     flexShrink?: "1" | "0" | undefined;
     flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
     justifyContent?: "center" | "flex-end" | "flex-start" | "space-between" | "space-around" | "space-evenly" | undefined;
@@ -447,14 +447,14 @@ declare const getStylesInternal: (props?: ({
     contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
     colorMode?: "light" | "dark" | undefined;
     scaleMode?: "medium" | "xSmall" | "small" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
-    buttonPalette?: "alert" | "brand" | "warning" | "positive" | "info" | "accent" | undefined;
+    buttonPalette?: "brand" | "alert" | "warning" | "positive" | "info" | "accent" | undefined;
     buttonVariant?: "primary" | "secondary" | "tertiary" | undefined;
     buttonSize?: "sm" | "md" | "lg" | undefined;
-    iconButtonSize?: "sm" | "md" | "xs" | "lg" | "xl" | undefined;
+    iconButtonSize?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     width?: "full" | "fit" | "screen" | undefined;
     height?: "full" | "fit" | "screen" | undefined;
-    dropShadow?: "sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "none" | undefined;
-    insetShadow?: "sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "2xl-invert" | "md-invert" | "xl-invert" | "none" | "sm-invert" | "xs-invert" | "lg-invert" | undefined;
+    dropShadow?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "none" | undefined;
+    insetShadow?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xl-invert" | "none" | "md-invert" | "xl-invert" | "xs-invert" | "sm-invert" | "lg-invert" | undefined;
 } & {
     className?: string | undefined;
 }) | undefined) => string;
@@ -463,4 +463,4 @@ declare const getStyles: (props: GetStylesInternalProps) => string;
 
 type SetState<T> = Dispatch<SetStateAction<T>>;
 
-export { FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconPropsWithSVGProps as IconProps, IconPropsWithSVGProps, Image, ImagePropsWithImgProps as ImageProps, ImagePropsWithImgProps, InputHelpTextMemo as InputHelpText, type InputHelpTextProps, Link, type LinkProps, type SetState, SpacingStyleProps, Text, type TextProps, UniversalFormLabelProps, UniversalIconSlot, UniversalLinkProps, UniversalStackProps, UniversalTextProps, cva, cx, getStyles };
+export { FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconPropsWithSVGProps as IconProps, IconPropsWithSVGProps, Image, ImagePropsWithImgProps as ImageProps, ImagePropsWithImgProps, InputHelpTextMemo as InputHelpText, type InputHelpTextProps, Link, type LinkProps, type SetState, Text, type TextProps, UniversalFormLabelProps, UniversalIconSlot, UniversalLinkProps, UniversalStackProps, UniversalTextProps, cva, cx, getStyles };

package/dist/index.js

@@ -1 +1 @@
-import{getStyles as e,cx as t,IconSlot as a,Text as n}from"./chunk-IGRY2O2E.js";export{Box,Divider,HStack,Icon,Image,InputHelpTextMemo as InputHelpText,Text,VStack,cva,cx,getStyles}from"./chunk-IGRY2O2E.js";export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,cartesianProduct,coalesceConfigVariant,configurableProperties,createComponentStateConfig,createComponentStates,createConfigurableProperty,createLayerConfig,createSubComponentConfig,createVariantConfig,createVariantConfigWithComponentStates,createVariantConfigWithProperties,defaultTokensConfig,defaultUniversalTokensConfigAuto,findFixtureType,fontWeightMap,fromEntries,generateClassName,generateDeclaration,generateKeyFromFlatConfigPath,generateSchemaKey,generateStyles,getConfigDefaultValue,getConfigPseudoStateVariables,getConfigPseudoStateVariablesWithSetter,getConfigSubcomponents,getConfigVariantComponentStates,getConfigVariantComponentStatesMatrix,getConfigVariantProperties,getConfigVariantPseudoStates,getConfigVariants,getDefaultButtonBaseMap,isConfigDefaultValue,parseButtonVariantFlat,parseDeprecatedButtonPaletteVariant,setConfigPseudoStateVariable,shadow,statePseudoMapDocsMode,toMinimalDbConfigObject}from"./chunk-SWTZ62RF.js";export{variants}from"./chunk-COT7GQ26.js";export{entries,mapValues}from"./chunk-3R4CMTF2.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_SLANT_PREFIX,FONT_WEIGHT_PREFIX,FONT_WIDTH_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"./chunk-ROCVTVD4.js";import{jsxs as r,jsx as o}from"react/jsx-runtime";import{forwardRef as i,useMemo as s}from"react";export{Avatar,AvatarIcon,AvatarImage,AvatarText,Badge,Button,Checkbox,Chip,ChipButton,ChipDismissible,ChipLink,ChipToggle,IconButton,Input,Menu,Pressable,Radio,RadioGroupProvider,SpringMotionConfig,Switch}from"@yahoo/uds/client";/*! © 2025 Yahoo, Inc. UDS v3.0.0-development */var _=({htmlFor:e,required:a,children:i,spacingStart:s,color:_="muted",variant:E="label3",hasError:l=!1,showRequiredAsterisk:S=!1,className:c,...C})=>void 0===i?null:r(n,{variant:E,color:l?"alert":_,as:"label",htmlFor:e,spacingStart:s,className:t("cursor-[inherit]",c),...C,children:[i,a&&S&&o(n,{variant:E,as:"span",color:l?"alert":"muted",spacingStart:"0.5","aria-hidden":!0,children:"*"})]}),E=i((function({variant:n="primary",textVariant:i,startIcon:_,endIcon:E,alwaysUnderline:l=!1,children:S,className:c,...C},A){const O=!i,g=s((()=>{const a=!O&&e({linkTextStyleRoot:i,fontSize:i,fontFamily:i,fontWeight:i,lineHeight:i,textTransform:i});return e({linkVariantRoot:n,display:"inline-flex",alignItems:"center",className:t(a,"uds-ring",l?"underline":"hover:underline",c)})}),[l,O,i,n,c]),u=e({linkVariantIconStart:n,linkTextStyleIcon:i,className:t(O&&"w-[0.7em] h-[0.7em]")}),L=e({linkVariantIconEnd:n,linkTextStyleIcon:i,className:t(O&&"w-[0.7em] h-[0.7em]")}),R={variant:"outline",color:"current"};return r("a",{ref:A,className:g,...C,children:[_&&o(a,{className:u,icon:_,iconProps:R,"data-testid":"start-icon"}),S,E&&o(a,{className:L,icon:E,iconProps:R,"data-testid":"end-icon"})]})}));export{_ as FormLabel,E as Link};
+import{getStyles as e,cx as t,IconSlot as a}from"./chunk-WCB4EHGZ.js";export{Box,Divider,FormLabel,HStack,Icon,Image,InputHelpTextMemo as InputHelpText,Text,VStack,cva,cx,getStyles}from"./chunk-WCB4EHGZ.js";export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,cartesianProduct,coalesceConfigVariant,configurableProperties,createComponentStateConfig,createComponentStates,createConfigurableProperty,createLayerConfig,createSubComponentConfig,createVariantConfig,createVariantConfigWithComponentStates,createVariantConfigWithProperties,defaultTokensConfig,defaultUniversalTokensConfigAuto,findFixtureType,fontWeightMap,fromEntries,generateClassName,generateDeclaration,generateKeyFromFlatConfigPath,generateSchemaKey,generateStyles,getConfigDefaultValue,getConfigPseudoStateVariables,getConfigPseudoStateVariablesWithSetter,getConfigSubcomponents,getConfigVariantComponentStates,getConfigVariantComponentStatesMatrix,getConfigVariantProperties,getConfigVariantPseudoStates,getConfigVariants,getDefaultButtonBaseMap,isConfigDefaultValue,parseButtonVariantFlat,parseDeprecatedButtonPaletteVariant,setConfigPseudoStateVariable,shadow,statePseudoMapDocsMode,toMinimalDbConfigObject}from"./chunk-6CVEYTLQ.js";export{variants}from"./chunk-N3FKHXEJ.js";export{entries,mapValues}from"./chunk-EWJ3J526.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_SLANT_PREFIX,FONT_WEIGHT_PREFIX,FONT_WIDTH_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"./chunk-4G4TBHHL.js";import{forwardRef as n,useMemo as o}from"react";import{jsxs as i,jsx as r}from"react/jsx-runtime";export{Avatar,AvatarIcon,AvatarImage,AvatarText,Badge,Button,Checkbox,Chip,ChipButton,ChipDismissible,ChipLink,ChipToggle,IconButton,Input,Menu,Pressable,Radio,RadioGroupProvider,SpringMotionConfig,Switch}from"@yahoo/uds/client";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var E=n((function({variant:n="primary",textVariant:E,startIcon:_,endIcon:s,alwaysUnderline:C=!1,children:S,className:A,...c},l){const L=!E,g=o((()=>{const a=!L&&e({linkTextStyleRoot:E,fontSize:E,fontFamily:E,fontWeight:E,lineHeight:E,textTransform:E});return e({linkVariantRoot:n,display:"inline-flex",alignItems:"center",className:t(a,"uds-ring",C?"underline":"hover:underline",A)})}),[C,L,E,n,A]),O=e({linkVariantIconStart:n,linkTextStyleIcon:E,className:t(L&&"w-[0.7em] h-[0.7em]")}),f=e({linkVariantIconEnd:n,linkTextStyleIcon:E,className:t(L&&"w-[0.7em] h-[0.7em]")}),M={variant:"outline",color:"current"};return i("a",{ref:l,className:g,...c,children:[_&&r(a,{className:O,icon:_,iconProps:M,"data-testid":"start-icon"}),S,s&&r(a,{className:f,icon:s,iconProps:M,"data-testid":"end-icon"})]})}));export{E as Link};