@yahoo/uds 3.41.1 → 3.42.0

package/dist/index.d.ts

@@ -1,17 +1,17 @@
-import { D as DivProps } from './Box-BW0Ct5XD.js';
-export { a as Box, B as BoxProps } from './Box-BW0Ct5XD.js';
-export { a as Divider, D as DividerProps, b as VStack, V as VStackProps } from './VStack-By9oddRo.js';
+import { D as DivProps } from './Box-bV_PdtrW.js';
+export { a as Box, B as BoxProps } from './Box-bV_PdtrW.js';
+export { a as Divider, D as DividerProps, b as VStack, V as VStackProps } from './VStack-CYjzIjtG.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { A as UniversalFormLabelProps, p as UniversalStackProps, m as IconPropsWithSVGProps, D as ImagePropsWithImgProps, E as UniversalIconSlot, J as UniversalLinkProps } from './types-A7dQQHNE.js';
-export { N as AVATAR_SIZE_PREFIX, ap as AlwaysPalette, aq as AlwaysPaletteAlias, ar as AlwaysPaletteColor, as as Animation, at as AriaAttribute, au as AvatarAbbreviationStrategy, av as AvatarShape, aw as AvatarSize, ax as AvatarSizeConfig, ay as AvatarVariant, O as BORDER_RADIUS_PREFIX, Q as BORDER_WIDTH_PREFIX, ah as BUTTON_CSS_VAR_MAP, az as BackgroundColor, aA as BackgroundPalette, aB as BackgroundPaletteAlias, aC as BackgroundStyleProps, aD as BadgeSize, aE as BadgeVariant, aF as BorderRadius, aG as BorderRadiusConfig, aH as BorderStyleProps, aI as BorderWidth, aJ as BorderWidthConfig, aK as Breakpoint, aL as BreakpointWithBase, d as BreakpointsConfig, aM as ButtonBaseConfig, r as ButtonClassMap, aN as ButtonClassName, aO as ButtonColorConfig, aP as ButtonColorEffect, aQ as ButtonColorEffectConfig, t as ButtonColorProperty, u as ButtonColorPropertyConfig, B as ButtonConfig, aR as ButtonKind, aS as ButtonMotionEffect, aT as ButtonMotionProperty, aU as ButtonMotionPropertyConfig, aV as ButtonPalette, aW as ButtonPaletteColor, aX as ButtonPaletteConfig, aY as ButtonShadowPropertyConfig, aZ as ButtonSize, a_ as ButtonSizeConfig, a$ as ButtonSizeProperty, b0 as ButtonSpectrumColor, b1 as ButtonState, b2 as ButtonStateConfig, b3 as ButtonStateEffectConfig, b4 as ButtonVariant, b5 as ButtonVariantConfig, b6 as ButtonVariantFlat, b7 as CheckboxSize, b8 as CheckboxValue, b9 as CheckboxVariant, ba as ChipSize, bb as ChipVariant, g as ColorMode, C as ColorModeConfig, bc as ColorModeForApp, h as ColorsConfig, bd as ConfigurableDropShadowValues, be as ConfigurableInsetShadowValues, bf as CustomSizingStyleProps, a2 as DARK_COLOR_MODE_CLASSNAME, ad as DEFAULT_COLOR_MODE_CLASSNAME, ae as DEFAULT_SCALE_MODE_CLASSNAME, bg as DataAttribute, bh as Display, bi as DividerVariant, ak as FONT_DECLARATIONS_MAP, R as FONT_FAMILY_PREFIX, V as FONT_SIZE_PREFIX, X as FONT_SLANT_PREFIX, W as FONT_WEIGHT_PREFIX, Y as FONT_WIDTH_PREFIX, bj as Flex, bk as FlexAlignContent, bl as FlexAlignItems, bm as FlexAlignSelf, bn as FlexBasis, bo as FlexDirection, bp as FlexGrow, bq as FlexJustifyContent, br as FlexShrink, bs as FlexStyleProps, bt as FlexWrap, bu as FontAlias, al as FontAxisConfig, F as FontConfig, bv as FontCssVar, am as FontDeclarationConfig, y as FontDeclarationItemConfig, an as FontDeclarationMap, bw as FontFamilyCDNUrl, bx as FontFamilyConfig, x as FontID, by as FontSize, bz as FontSizeConfig, bA as FontSlantConfig, bB as FontType, bC as FontWeightConfig, bD as FontWeightDescriptive, ao as FontWeightForFont, bE as FontWeightNumeric, bF as FontWidthConfig, bG as ForegroundColor, bH as ForegroundPalette, bI as ForegroundPaletteAlias, G as GlobalDefaultsConfig, bJ as HighContrastMode, H as Hue, i as HueStep, ai as ICON_BUTTON_CSS_VAR_MAP, Z as ICON_SIZE_PREFIX, a5 as INVERT_COLOR_MODE_CLASSNAME, s as IconButtonClassMap, bK as IconButtonClassName, I as IconButtonConfig, bL as IconButtonDefaultsConfig, bM as IconButtonSize, bN as IconSizeConfig, bO as IconSlotRenderProps, bP as ImageStyleProps, bQ as InputSize, a9 as LARGE_SCALE_MODE_CLASSNAME, a3 as LIGHT_COLOR_MODE_CLASSNAME, _ as LINE_HEIGHT_PREFIX, bR as LayoutStyleProps, bS as LetterSpacing, bT as LineClampAlias, bU as LineColor, bV as LineHeight, bW as LineHeightConfig, bX as LinePalette, bY as LinePaletteAlias, a8 as MEDIUM_SCALE_MODE_CLASSNAME, $ as MOTION_PREFIX, bZ as Modes, M as MotionConfig, b_ as MotionCssVar, b$ as MotionSpringConfig, c0 as MotionSpringConfigOptions, c1 as MotionVariant, c2 as MotionVariantSpeed, c3 as MotionVariantValues, c4 as Overflow, aj as PSEUDO_STYLE_SELECTOR_MAP, c5 as Palette, j as PaletteConfig, P as PaletteType, c6 as PaletteValue, c7 as Pixels, c8 as PlatformMode, c9 as Position, ca as PropertyToPaletteAliasMap, cb as RadioSize, cc as RadioValue, cd as RadioVariant, ce as RegionMode, cf as Rems, a7 as SMALL_SCALE_MODE_CLASSNAME, a0 as SPECTRUM_COLOR_PREFIX, a4 as SYSTEM_COLOR_MODE_CLASSNAME, cg as ScaleConfig, ch as ScaleEffectMap, k as ScaleMode, S as ScaleModeConfig, ci as ScaleModeForApp, cj as ShadowColor, ck as ShadowColorConfig, c as ShadowConfig, cl as ShadowOffset, cm as ShadowOpacity, cn as ShadowPalette, co as ShadowPaletteAlias, o as ShadowPreset, cp as ShadowSpreadRadius, cq as ShadowStyleProps, z as ShadowType, cr as ShadowTypeConfig, cs as ShadowVariant, ct as ShadowVariantConfig, cu as ShadowVariantInvert, cv as ShadowVariantWithInvert, cw as SharedPaletteAlias, v as SpacingAlias, cx as SpacingConfig, cy as SpacingStyleProps, cz as SpectrumColor, cA as SpectrumConfig, cB as StateStyleProps, cC as StyleProps, cD as SwitchSize, ag as TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, af as TEXT_RESPONSIVE_CLASSNAME, a1 as TEXT_TRANSFORM_PREFIX, cN as TShirtSize, cO as TShirtSizeCommon, cE as TextDecorationLine, cF as TextProperty, cG as TextStyleProps, cH as TextTransform, cI as TextTransformConfig, cJ as TextVariant, cK as TransitionDelay, cL as TransitionDuration, cM as TransitionTiming, T as TypographyConfig, cP as TypographyResponsiveProperty, cQ as TypographyStyle, cR as TypographyStyleProperty, cS as TypographyUnitValue, L as UDS_PREFIX, cT as UdsCssVar, cU as Unitless, cV as UniversalAvatarIconProps, cW as UniversalAvatarImageProps, cX as UniversalAvatarProps, cY as UniversalAvatarTextProps, cZ as UniversalBadgeProps, a as UniversalBoxProps, c_ as UniversalButtonProps, c$ as UniversalCheckboxProps, d0 as UniversalChipBaseProps, d1 as UniversalChipButtonProps, d2 as UniversalChipDismissibleProps, d3 as UniversalChipLinkProps, d4 as UniversalChipProps, d5 as UniversalChipToggleProps, q as UniversalDividerProps, d6 as UniversalIconButtonProps, d7 as UniversalIconProps, d8 as UniversalImageProps, l as UniversalInputProps, w as UniversalMenuItemProps, U as UniversalPressableProps, d9 as UniversalRadioGroupProps, da as UniversalRadioProps, b as UniversalSwitchProps, n as UniversalTextProps, f as UniversalTokensConfig, db as UniversalTokensConfigAuto, aa as XLARGE_SCALE_MODE_CLASSNAME, a6 as XSMALL_SCALE_MODE_CLASSNAME, ab as XXLARGE_SCALE_MODE_CLASSNAME, ac as XXXLARGE_SCALE_MODE_CLASSNAME, K as alwaysPalette } from './types-A7dQQHNE.js';
+import { x as UniversalFormLabelProps, p as UniversalStackProps, m as IconPropsWithSVGProps, y as ImagePropsWithImgProps, z as UniversalIconSlot, A as UniversalLinkProps } from './types-J0-0DZHb.js';
+export { J as AVATAR_SIZE_PREFIX, an as AlwaysPalette, ao as AlwaysPaletteAlias, ap as AlwaysPaletteColor, aq as Animation, ar as AriaAttribute, as as AvatarAbbreviationStrategy, at as AvatarShape, au as AvatarSize, av as AvatarSizeConfig, aw as AvatarVariant, K as BORDER_RADIUS_PREFIX, L as BORDER_WIDTH_PREFIX, ae as BUTTON_CSS_VAR_MAP, ax as BackgroundColor, ay as BackgroundPalette, az as BackgroundPaletteAlias, aA as BackgroundStyleProps, aB as BadgeSize, aC as BadgeVariant, aD as BorderRadius, aE as BorderRadiusConfig, aF as BorderStyleProps, aG as BorderWidth, aH as BorderWidthConfig, aI as Breakpoint, aJ as BreakpointWithBase, d as BreakpointsConfig, aK as ButtonBaseConfig, r as ButtonClassMap, aL as ButtonClassName, aM as ButtonColorConfig, aN as ButtonColorEffect, aO as ButtonColorEffectConfig, t as ButtonColorProperty, u as ButtonColorPropertyConfig, B as ButtonConfig, aP as ButtonKind, aQ as ButtonMotionEffect, aR as ButtonMotionProperty, aS as ButtonMotionPropertyConfig, aT as ButtonPalette, aU as ButtonPaletteColor, aV as ButtonPaletteConfig, aW as ButtonShadowPropertyConfig, aX as ButtonSize, aY as ButtonSizeConfig, aZ as ButtonSizeProperty, a_ as ButtonSpectrumColor, a$ as ButtonState, b0 as ButtonStateConfig, b1 as ButtonStateEffectConfig, b2 as ButtonVariant, b3 as ButtonVariantConfig, b4 as ButtonVariantFlat, b5 as CheckboxSize, b6 as CheckboxValue, b7 as CheckboxVariant, b8 as ChipSize, b9 as ChipVariant, g as ColorMode, C as ColorModeConfig, ba as ColorModeForApp, h as ColorsConfig, bb as ConfigurableDropShadowValues, bc as ConfigurableInsetShadowValues, bd as CustomSizingStyleProps, $ as DARK_COLOR_MODE_CLASSNAME, aa as DEFAULT_COLOR_MODE_CLASSNAME, ab as DEFAULT_SCALE_MODE_CLASSNAME, be as DataAttribute, bf as Display, bg as DividerVariant, ah as FONT_DECLARATIONS_MAP, N as FONT_FAMILY_PREFIX, O as FONT_SIZE_PREFIX, R as FONT_SLANT_PREFIX, Q as FONT_WEIGHT_PREFIX, V as FONT_WIDTH_PREFIX, bh as Flex, bi as FlexAlignContent, bj as FlexAlignItems, bk as FlexAlignSelf, bl as FlexBasis, bm as FlexDirection, bn as FlexGrow, bo as FlexJustifyContent, bp as FlexShrink, bq as FlexStyleProps, br as FlexWrap, bs as FontAlias, ai as FontAxisConfig, F as FontConfig, bt as FontCssVar, ak as FontDeclarationConfig, aj as FontDeclarationItemConfig, al as FontDeclarationMap, bu as FontFamilyCDNUrl, bv as FontFamilyConfig, bw as FontID, bx as FontSize, by as FontSizeConfig, bz as FontSlantConfig, bA as FontType, bB as FontWeightConfig, bC as FontWeightDescriptive, am as FontWeightForFont, bD as FontWeightNumeric, bE as FontWidthConfig, bF as ForegroundColor, bG as ForegroundPalette, bH as ForegroundPaletteAlias, G as GlobalDefaultsConfig, bI as HighContrastMode, H as Hue, i as HueStep, af as ICON_BUTTON_CSS_VAR_MAP, W as ICON_SIZE_PREFIX, a2 as INVERT_COLOR_MODE_CLASSNAME, s as IconButtonClassMap, bJ as IconButtonClassName, I as IconButtonConfig, bK as IconButtonDefaultsConfig, bL as IconButtonSize, bM as IconSizeConfig, bN as IconSlotRenderProps, bO as ImageStyleProps, bP as InputSize, a6 as LARGE_SCALE_MODE_CLASSNAME, a0 as LIGHT_COLOR_MODE_CLASSNAME, X as LINE_HEIGHT_PREFIX, bQ as LayoutStyleProps, bR as LetterSpacing, bS as LineClampAlias, bT as LineColor, bU as LineHeight, bV as LineHeightConfig, bW as LinePalette, bX as LinePaletteAlias, a5 as MEDIUM_SCALE_MODE_CLASSNAME, Y as MOTION_PREFIX, bY as Modes, M as MotionConfig, bZ as MotionCssVar, b_ as MotionSpringConfig, b$ as MotionSpringConfigOptions, c0 as MotionVariant, c1 as MotionVariantSpeed, c2 as MotionVariantValues, c3 as Overflow, ag as PSEUDO_STYLE_SELECTOR_MAP, c4 as Palette, j as PaletteConfig, P as PaletteType, c5 as PaletteValue, c6 as Pixels, c7 as PlatformMode, c8 as Position, c9 as PropertyToPaletteAliasMap, ca as RadioSize, cb as RadioValue, cc as RadioVariant, cd as RegionMode, ce as Rems, a4 as SMALL_SCALE_MODE_CLASSNAME, Z as SPECTRUM_COLOR_PREFIX, a1 as SYSTEM_COLOR_MODE_CLASSNAME, cf as ScaleConfig, cg as ScaleEffectMap, k as ScaleMode, S as ScaleModeConfig, ch as ScaleModeForApp, ci as ShadowColor, cj as ShadowColorConfig, c as ShadowConfig, ck as ShadowOffset, cl as ShadowOpacity, cm as ShadowPalette, cn as ShadowPaletteAlias, o as ShadowPreset, co as ShadowSpreadRadius, cp as ShadowStyleProps, cq as ShadowType, cr as ShadowTypeConfig, cs as ShadowVariant, ct as ShadowVariantConfig, cu as ShadowVariantInvert, cv as ShadowVariantWithInvert, cw as SharedPaletteAlias, v as SpacingAlias, cx as SpacingConfig, cy as SpacingStyleProps, cz as SpectrumColor, cA as SpectrumConfig, cB as StateStyleProps, cC as StyleProps, cD as SwitchSize, ad as TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, ac as TEXT_RESPONSIVE_CLASSNAME, _ as TEXT_TRANSFORM_PREFIX, cN as TShirtSize, cO as TShirtSizeCommon, cE as TextDecorationLine, cF as TextProperty, cG as TextStyleProps, cH as TextTransform, cI as TextTransformConfig, cJ as TextVariant, cK as TransitionDelay, cL as TransitionDuration, cM as TransitionTiming, T as TypographyConfig, cP as TypographyResponsiveProperty, cQ as TypographyStyle, cR as TypographyStyleProperty, cS as TypographyUnitValue, E as UDS_PREFIX, cT as UdsCssVar, cU as Unitless, cV as UniversalAvatarIconProps, cW as UniversalAvatarImageProps, cX as UniversalAvatarProps, cY as UniversalAvatarTextProps, cZ as UniversalBadgeProps, a as UniversalBoxProps, c_ as UniversalButtonProps, c$ as UniversalCheckboxProps, d0 as UniversalChipBaseProps, d1 as UniversalChipButtonProps, d2 as UniversalChipDismissibleProps, d3 as UniversalChipLinkProps, d4 as UniversalChipProps, d5 as UniversalChipToggleProps, q as UniversalDividerProps, d6 as UniversalIconButtonProps, d7 as UniversalIconProps, d8 as UniversalImageProps, l as UniversalInputProps, w as UniversalMenuItemProps, U as UniversalPressableProps, d9 as UniversalRadioGroupProps, da as UniversalRadioProps, b as UniversalSwitchProps, n as UniversalTextProps, f as UniversalTokensConfig, db as UniversalTokensConfigAuto, a7 as XLARGE_SCALE_MODE_CLASSNAME, a3 as XSMALL_SCALE_MODE_CLASSNAME, a8 as XXLARGE_SCALE_MODE_CLASSNAME, a9 as XXXLARGE_SCALE_MODE_CLASSNAME, D as alwaysPalette } from './types-J0-0DZHb.js';
 import * as react from 'react';
 import { PropsWithChildren, Dispatch, SetStateAction } from 'react';
-import { I as InputProps, T as TextProps } from './Text-CXdUVeWA.js';
-export { a as Text } from './Text-CXdUVeWA.js';
+import { I as InputProps } from './Text-DQVCrASg.js';
+export { T as Text, a as TextProps } from './Text-DQVCrASg.js';
 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, 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, E as ExtendablePropertiesName, 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-BZR0-8yC.js';
+export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, g as ComponentConfig, b as ComponentStateConfig, C as ConfigurablePropertiesName, E as ExtendablePropertiesName, 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-COAiH7jF.js';
 export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'type-fest';
@@ -124,8 +124,10 @@ interface InputHelpTextProps extends PropsWithChildren {
     size?: InputProps['size'];
     isFilled?: boolean;
 }
-declare function InputHelpText({ startIcon, endIcon, iconProps, children, size, isFilled, ...rest }: InputHelpTextProps): react_jsx_runtime.JSX.Element;
-declare const InputHelpTextMemo: react.MemoExoticComponent<typeof InputHelpText>;
+declare const InputHelpTextMemo: react.MemoExoticComponent<{
+    ({ size, isFilled, ...props }: InputHelpTextProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+}>;
 
 type HTMLAnchorProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;
 interface LinkProps extends HTMLAnchorProps, UniversalLinkProps {
@@ -166,33 +168,6 @@ interface LinkProps extends HTMLAnchorProps, UniversalLinkProps {
  **/
 declare const Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
 
-type ResponsiveTextProps = TextProps;
-/**
- * **💬 A text element that opts-in to being automatically responsive at different breakpoints**
- *
- * @description
- * The `ResponsiveText` component is a wrapper around the `Text` component that
- * automatically applies the `TEXT_RESPONSIVE_CLASSNAME` class to opt-in to responsiveness.
- * All other props are passed through to the `Text` component.
- *
- * @example
- * ```tsx
- * import { ResponsiveText } from '@yahoo/uds';
- *
- * <ResponsiveText variant="body1" color="primary">
- *   Text goes here
- * </ResponsiveText>
- * ```
- *
- * @usage
- * - Use `ResponsiveText` to make this text component responsive.
- *
- * @see The {@link https://uds.build/docs/components/responsive-text ResponsiveText Docs} for more info
- *
- * @related [Text](https://uds.build/docs/components/text)
- */
-declare const ResponsiveText: ({ className, ...textProps }: ResponsiveTextProps) => react_jsx_runtime.JSX.Element;
-
 type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T;
 type CvaStyleValue<T> = T | CvaStyleArray<T> | Record<string, unknown> | null | boolean | undefined;
 type CvaStyleArray<T> = CvaStyleValue<T>[];
@@ -229,9 +204,49 @@ interface CX<T> {
 declare const cx: CX<string>;
 declare const cva: CVA<string>;
 declare const getStylesInternal: (props?: ({
-    dividerVariantRoot?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
-    dividerVariantLine?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
-    dividerVariantLabel?: "primary" | "secondary" | "tertiary" | "muted" | 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;
+    menuDividerVariantLine?: "default" | undefined;
+    linkTextStyleRoot?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | undefined;
+    linkTextStyleIcon?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | undefined;
+    linkVariantRoot?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
+    linkVariantIconStart?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
+    linkVariantIconEnd?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
+    chipSizeRoot?: "sm" | "md" | undefined;
+    chipSizeIcon?: "sm" | "md" | undefined;
+    chipToggleVariantActiveRoot?: "on" | "off" | undefined;
+    chipToggleVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
+    chipToggleVariantActiveIcon?: "on" | "off" | undefined;
+    chipToggleVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
+    chipDismissibleVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
+    chipDismissibleVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
+    chipLinkVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
+    chipLinkVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | 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;
     inputSizeRoot?: "md" | "lg" | undefined;
     inputSizeInputWrapper?: "md" | "lg" | undefined;
     inputSizeInput?: "md" | "lg" | undefined;
@@ -260,26 +275,11 @@ declare const getStylesInternal: (props?: ({
     inputVariantHelperIcon?: "default" | undefined;
     inputVariantValueHelperText?: "filled" | "empty" | undefined;
     inputVariantHelperText?: "default" | 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;
-    menuDividerVariantLine?: "default" | undefined;
+    avatarSizeRoot?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+    avatarSizeIcon?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+    avatarTextVariantRoot?: "primary" | "secondary" | undefined;
+    avatarImageVariantRoot?: "primary" | "secondary" | undefined;
+    avatarIconVariantRoot?: "primary" | "secondary" | undefined;
     switchVariantActiveRoot?: "on" | "off" | undefined;
     switchVariantRoot?: "default" | undefined;
     switchVariantActiveSwitch?: "on" | "off" | undefined;
@@ -288,85 +288,60 @@ declare const getStylesInternal: (props?: ({
     switchVariantHandle?: "default" | undefined;
     switchVariantActiveHandleIcon?: "on" | "off" | undefined;
     switchVariantHandleIcon?: "default" | undefined;
-    switchSizeRoot?: "md" | "sm" | undefined;
-    switchSizeSwitch?: "md" | "sm" | undefined;
-    switchSizeHandle?: "md" | "sm" | undefined;
-    switchSizeHandleIcon?: "md" | "sm" | undefined;
-    chipSizeRoot?: "md" | "sm" | undefined;
-    chipSizeIcon?: "md" | "sm" | undefined;
-    chipToggleVariantActiveRoot?: "on" | "off" | undefined;
-    chipToggleVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
-    chipToggleVariantActiveIcon?: "on" | "off" | undefined;
-    chipToggleVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
-    chipDismissibleVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
-    chipDismissibleVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
-    chipLinkVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
-    chipLinkVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
-    avatarSizeRoot?: "md" | "lg" | "sm" | "xs" | "xl" | undefined;
-    avatarSizeIcon?: "md" | "lg" | "sm" | "xs" | "xl" | undefined;
-    avatarTextVariantRoot?: "primary" | "secondary" | undefined;
-    avatarImageVariantRoot?: "primary" | "secondary" | undefined;
-    avatarIconVariantRoot?: "primary" | "secondary" | undefined;
-    badgeSizeRoot?: "md" | "lg" | "sm" | "xs" | undefined;
-    badgeSizeIcon?: "md" | "lg" | "sm" | "xs" | undefined;
+    switchSizeRoot?: "sm" | "md" | undefined;
+    switchSizeSwitch?: "sm" | "md" | undefined;
+    switchSizeHandle?: "sm" | "md" | undefined;
+    switchSizeHandleIcon?: "sm" | "md" | undefined;
+    badgeSizeRoot?: "sm" | "md" | "lg" | "xs" | undefined;
+    badgeSizeIcon?: "sm" | "md" | "lg" | "xs" | 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?: "md" | "sm" | undefined;
-    checkboxSizeCheckbox?: "md" | "sm" | 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;
-    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?: "md" | "sm" | undefined;
-    radioSizeRadio?: "md" | "sm" | undefined;
-    linkTextStyleRoot?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | undefined;
-    linkTextStyleIcon?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | undefined;
-    linkVariantRoot?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
-    linkVariantIconStart?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
-    linkVariantIconEnd?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
-    color?: "primary" | "secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "on-color" | "transparent" | "accent" | "white" | "black" | "current" | undefined;
-    placeholderColor?: "primary" | "secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "on-color" | "transparent" | "accent" | "white" | "black" | "current" | undefined;
+    dividerVariantRoot?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
+    dividerVariantLine?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
+    dividerVariantLabel?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
+    color?: "primary" | "secondary" | "tertiary" | "on-color" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "muted" | "transparent" | "accent" | "white" | "black" | "current" | undefined;
+    placeholderColor?: "primary" | "secondary" | "tertiary" | "on-color" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "muted" | "transparent" | "accent" | "white" | "black" | "current" | undefined;
     fontFamily?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "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" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | undefined;
     fontWeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "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" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | undefined;
     textAlign?: "center" | "end" | "start" | "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" | "uppercase" | "lowercase" | "capitalize" | undefined;
-    spacing?: "2" | "3.5" | "3" | "6" | "4" | "0" | "1" | "5" | "8" | "0.5" | "1.5" | "7" | "12" | "10" | "16" | "2.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    spacingHorizontal?: "2" | "3.5" | "3" | "6" | "4" | "0" | "1" | "5" | "8" | "0.5" | "1.5" | "7" | "12" | "10" | "16" | "2.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    spacingVertical?: "2" | "3.5" | "3" | "6" | "4" | "0" | "1" | "5" | "8" | "0.5" | "1.5" | "7" | "12" | "10" | "16" | "2.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    spacingBottom?: "2" | "3.5" | "3" | "6" | "4" | "0" | "1" | "5" | "8" | "0.5" | "1.5" | "7" | "12" | "10" | "16" | "2.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    spacingEnd?: "2" | "3.5" | "3" | "6" | "4" | "0" | "1" | "5" | "8" | "0.5" | "1.5" | "7" | "12" | "10" | "16" | "2.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    spacingStart?: "2" | "3.5" | "3" | "6" | "4" | "0" | "1" | "5" | "8" | "0.5" | "1.5" | "7" | "12" | "10" | "16" | "2.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    spacingTop?: "2" | "3.5" | "3" | "6" | "4" | "0" | "1" | "5" | "8" | "0.5" | "1.5" | "7" | "12" | "10" | "16" | "2.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    offset?: "2" | "3.5" | "3" | "6" | "4" | "0" | "1" | "5" | "8" | "0.5" | "1.5" | "7" | "12" | "10" | "16" | "2.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    offsetVertical?: "2" | "3.5" | "3" | "6" | "4" | "0" | "1" | "5" | "8" | "0.5" | "1.5" | "7" | "12" | "10" | "16" | "2.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    offsetHorizontal?: "2" | "3.5" | "3" | "6" | "4" | "0" | "1" | "5" | "8" | "0.5" | "1.5" | "7" | "12" | "10" | "16" | "2.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    offsetBottom?: "2" | "3.5" | "3" | "6" | "4" | "0" | "1" | "5" | "8" | "0.5" | "1.5" | "7" | "12" | "10" | "16" | "2.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    offsetEnd?: "2" | "3.5" | "3" | "6" | "4" | "0" | "1" | "5" | "8" | "0.5" | "1.5" | "7" | "12" | "10" | "16" | "2.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    offsetStart?: "2" | "3.5" | "3" | "6" | "4" | "0" | "1" | "5" | "8" | "0.5" | "1.5" | "7" | "12" | "10" | "16" | "2.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    offsetTop?: "2" | "3.5" | "3" | "6" | "4" | "0" | "1" | "5" | "8" | "0.5" | "1.5" | "7" | "12" | "10" | "16" | "2.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    columnGap?: "2" | "3.5" | "3" | "6" | "4" | "0" | "1" | "5" | "8" | "0.5" | "1.5" | "7" | "12" | "10" | "16" | "2.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-    rowGap?: "2" | "3.5" | "3" | "6" | "4" | "0" | "1" | "5" | "8" | "0.5" | "1.5" | "7" | "12" | "10" | "16" | "2.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacing?: "2" | "3" | "1" | "1.5" | "4" | "2.5" | "5" | "3.5" | "6" | "7" | "10" | "12" | "16" | "0" | "8" | "0.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingHorizontal?: "2" | "3" | "1" | "1.5" | "4" | "2.5" | "5" | "3.5" | "6" | "7" | "10" | "12" | "16" | "0" | "8" | "0.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingVertical?: "2" | "3" | "1" | "1.5" | "4" | "2.5" | "5" | "3.5" | "6" | "7" | "10" | "12" | "16" | "0" | "8" | "0.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingBottom?: "2" | "3" | "1" | "1.5" | "4" | "2.5" | "5" | "3.5" | "6" | "7" | "10" | "12" | "16" | "0" | "8" | "0.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingEnd?: "2" | "3" | "1" | "1.5" | "4" | "2.5" | "5" | "3.5" | "6" | "7" | "10" | "12" | "16" | "0" | "8" | "0.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingStart?: "2" | "3" | "1" | "1.5" | "4" | "2.5" | "5" | "3.5" | "6" | "7" | "10" | "12" | "16" | "0" | "8" | "0.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingTop?: "2" | "3" | "1" | "1.5" | "4" | "2.5" | "5" | "3.5" | "6" | "7" | "10" | "12" | "16" | "0" | "8" | "0.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offset?: "2" | "3" | "1" | "1.5" | "4" | "2.5" | "5" | "3.5" | "6" | "7" | "10" | "12" | "16" | "0" | "8" | "0.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetVertical?: "2" | "3" | "1" | "1.5" | "4" | "2.5" | "5" | "3.5" | "6" | "7" | "10" | "12" | "16" | "0" | "8" | "0.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetHorizontal?: "2" | "3" | "1" | "1.5" | "4" | "2.5" | "5" | "3.5" | "6" | "7" | "10" | "12" | "16" | "0" | "8" | "0.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetBottom?: "2" | "3" | "1" | "1.5" | "4" | "2.5" | "5" | "3.5" | "6" | "7" | "10" | "12" | "16" | "0" | "8" | "0.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetEnd?: "2" | "3" | "1" | "1.5" | "4" | "2.5" | "5" | "3.5" | "6" | "7" | "10" | "12" | "16" | "0" | "8" | "0.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetStart?: "2" | "3" | "1" | "1.5" | "4" | "2.5" | "5" | "3.5" | "6" | "7" | "10" | "12" | "16" | "0" | "8" | "0.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetTop?: "2" | "3" | "1" | "1.5" | "4" | "2.5" | "5" | "3.5" | "6" | "7" | "10" | "12" | "16" | "0" | "8" | "0.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    columnGap?: "2" | "3" | "1" | "1.5" | "4" | "2.5" | "5" | "3.5" | "6" | "7" | "10" | "12" | "16" | "0" | "8" | "0.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    rowGap?: "2" | "3" | "1" | "1.5" | "4" | "2.5" | "5" | "3.5" | "6" | "7" | "10" | "12" | "16" | "0" | "8" | "0.5" | "9" | "11" | "14" | "px" | "4.5" | "5.5" | "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" | "transparent" | "accent" | "white" | "black" | "current" | undefined;
-    borderColor?: "primary" | "secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "transparent" | "accent" | "white" | "black" | "current" | undefined;
-    borderStartColor?: "primary" | "secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "transparent" | "accent" | "white" | "black" | "current" | undefined;
-    borderEndColor?: "primary" | "secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "transparent" | "accent" | "white" | "black" | "current" | undefined;
-    borderBottomColor?: "primary" | "secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "transparent" | "accent" | "white" | "black" | "current" | undefined;
-    borderTopColor?: "primary" | "secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "transparent" | "accent" | "white" | "black" | "current" | undefined;
-    borderRadius?: "md" | "lg" | "sm" | "xs" | "xl" | "none" | "full" | undefined;
-    borderTopStartRadius?: "md" | "lg" | "sm" | "xs" | "xl" | "none" | "full" | undefined;
-    borderTopEndRadius?: "md" | "lg" | "sm" | "xs" | "xl" | "none" | "full" | undefined;
-    borderBottomStartRadius?: "md" | "lg" | "sm" | "xs" | "xl" | "none" | "full" | undefined;
-    borderBottomEndRadius?: "md" | "lg" | "sm" | "xs" | "xl" | "none" | "full" | undefined;
+    borderColor?: "primary" | "secondary" | "tertiary" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "muted" | "transparent" | "accent" | "white" | "black" | "current" | undefined;
+    borderStartColor?: "primary" | "secondary" | "tertiary" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "muted" | "transparent" | "accent" | "white" | "black" | "current" | undefined;
+    borderEndColor?: "primary" | "secondary" | "tertiary" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "muted" | "transparent" | "accent" | "white" | "black" | "current" | undefined;
+    borderBottomColor?: "primary" | "secondary" | "tertiary" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "muted" | "transparent" | "accent" | "white" | "black" | "current" | undefined;
+    borderTopColor?: "primary" | "secondary" | "tertiary" | "brand" | "brand-secondary" | "alert" | "alert-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "muted" | "transparent" | "accent" | "white" | "black" | "current" | undefined;
+    borderRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
+    borderTopStartRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
+    borderTopEndRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
+    borderBottomStartRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
+    borderBottomEndRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
     borderWidth?: "thin" | "none" | "medium" | "thick" | undefined;
     borderVerticalWidth?: "thin" | "none" | "medium" | "thick" | undefined;
     borderHorizontalWidth?: "thin" | "none" | "medium" | "thick" | undefined;
@@ -374,15 +349,15 @@ declare const getStylesInternal: (props?: ({
     borderEndWidth?: "thin" | "none" | "medium" | "thick" | undefined;
     borderTopWidth?: "thin" | "none" | "medium" | "thick" | undefined;
     borderBottomWidth?: "thin" | "none" | "medium" | "thick" | undefined;
-    avatarSize?: "md" | "lg" | "sm" | "xs" | "xl" | undefined;
-    iconSize?: "md" | "lg" | "sm" | "xs" | undefined;
+    avatarSize?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+    iconSize?: "sm" | "md" | "lg" | "xs" | 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;
+    flex?: "none" | "1" | "initial" | "auto" | undefined;
     flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
-    flexGrow?: "2" | "3" | "0" | "1" | undefined;
-    flexShrink?: "0" | "1" | undefined;
+    flexGrow?: "2" | "3" | "1" | "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;
     flexBasis?: "min-content" | undefined;
@@ -396,12 +371,12 @@ declare const getStylesInternal: (props?: ({
     scaleMode?: "medium" | "xSmall" | "small" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
     buttonPalette?: "brand" | "alert" | "warning" | "positive" | "info" | "accent" | undefined;
     buttonVariant?: "primary" | "secondary" | "tertiary" | undefined;
-    buttonSize?: "md" | "lg" | "sm" | undefined;
-    iconButtonSize?: "md" | "lg" | "sm" | "xs" | "xl" | undefined;
+    buttonSize?: "sm" | "md" | "lg" | undefined;
+    iconButtonSize?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     width?: "full" | "fit" | "screen" | undefined;
     height?: "full" | "fit" | "screen" | undefined;
-    dropShadow?: "md" | "lg" | "sm" | "xs" | "xl" | "none" | "2xl" | undefined;
-    insetShadow?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl-invert" | "none" | "2xl" | "md-invert" | "xl-invert" | "lg-invert" | "sm-invert" | "xs-invert" | undefined;
+    dropShadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "2xl" | undefined;
+    insetShadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "2xl" | "2xl-invert" | "md-invert" | "xl-invert" | "sm-invert" | "lg-invert" | "xs-invert" | undefined;
 } & {
     className?: string | undefined;
 }) | undefined) => string;
@@ -410,4 +385,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, ResponsiveText, type ResponsiveTextProps, type SetState, TextProps, UniversalFormLabelProps, UniversalIconSlot, UniversalLinkProps, UniversalStackProps, 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, UniversalFormLabelProps, UniversalIconSlot, UniversalLinkProps, UniversalStackProps, cva, cx, getStyles };

package/dist/index.js

@@ -1 +1 @@
-export{Image,InputHelpTextMemo as InputHelpText}from"./chunk-HOAXINBM.js";import{DividerInternal as e}from"./chunk-PMTM3ZON.js";export{HStack,VStack}from"./chunk-WILCJRXV.js";export{FormLabel}from"./chunk-R7QLT7IG.js";import{getStyles as t,cx as a,IconSlot as n,Text as o}from"./chunk-PI6G7IEW.js";export{Box,Icon,Text,cva,cx,getStyles}from"./chunk-PI6G7IEW.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,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-AQQHB7VE.js";export{entries,mapValues}from"./chunk-EWJ3J526.js";export{variants}from"./chunk-TVB5Y4GA.js";import{TEXT_RESPONSIVE_CLASSNAME as r}from"./chunk-O4J7VREK.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,INVERT_COLOR_MODE_CLASSNAME,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,SYSTEM_COLOR_MODE_CLASSNAME,TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES,TEXT_RESPONSIVE_CLASSNAME,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"./chunk-O4J7VREK.js";import{forwardRef as i,useMemo as E}from"react";import{jsx as _,jsxs as S}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 s=i(function(t,a){return _(e,{ref:a,...t})});s.displayName="Divider";var A=i(function({variant:e="primary",textVariant:o,startIcon:r,endIcon:i,alwaysUnderline:s=!1,children:A,className:C,...c},O){const l=!o,L=E(()=>{const n=!l&&t({linkTextStyleRoot:o,fontSize:o,fontFamily:o,fontWeight:o,lineHeight:o,textTransform:o});return t({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:a(n,"uds-ring",s&&"underline",C)})},[s,l,o,e,C]),M=t({linkVariantIconStart:e,linkTextStyleIcon:o,className:a(l&&"w-[0.7em] h-[0.7em]")}),I=t({linkVariantIconEnd:e,linkTextStyleIcon:o,className:a(l&&"w-[0.7em] h-[0.7em]")}),m={variant:"outline",color:"current"};return S("a",{ref:O,className:L,...c,children:[r&&_(n,{className:M,icon:r,iconProps:m,"data-testid":"start-icon"}),A,i&&_(n,{className:I,icon:i,iconProps:m,"data-testid":"end-icon"})]})});A.displayName="Link";var C=({className:e,...t})=>_(o,{...t,className:a(e,r)});export{s as Divider,A as Link,C as ResponsiveText};
+export{Image,InputHelpTextMemo as InputHelpText}from"./chunk-YFLJTZBO.js";import{DividerInternal as e}from"./chunk-5VROETXJ.js";export{HStack,VStack}from"./chunk-WFWWC766.js";export{FormLabel}from"./chunk-SFRPZXWP.js";import{getStyles as t,cx as a,IconSlot as n}from"./chunk-PMXAH4FA.js";export{Box,Icon,Text,cva,cx,getStyles}from"./chunk-PMXAH4FA.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,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-SLGIK6FM.js";export{entries,mapValues}from"./chunk-EWJ3J526.js";export{variants}from"./chunk-EWIQEL36.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,INVERT_COLOR_MODE_CLASSNAME,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,SYSTEM_COLOR_MODE_CLASSNAME,TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES,TEXT_RESPONSIVE_CLASSNAME,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"./chunk-PM4TFP3I.js";import{forwardRef as o,useMemo as r}from"react";import{jsx as i,jsxs as E}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 _=o(function(t,a){return i(e,{ref:a,...t})});_.displayName="Divider";var S=o(function({variant:e="primary",textVariant:o,startIcon:_,endIcon:S,alwaysUnderline:s=!1,children:A,className:C,...c},L){const O=!o,l=r(()=>{const n=!O&&t({linkTextStyleRoot:o,fontSize:o,fontFamily:o,fontWeight:o,lineHeight:o,textTransform:o});return t({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:a(n,"uds-ring",s&&"underline",C)})},[s,O,o,e,C]),M=t({linkVariantIconStart:e,linkTextStyleIcon:o,className:a(O&&"w-[0.7em] h-[0.7em]")}),T=t({linkVariantIconEnd:e,linkTextStyleIcon:o,className:a(O&&"w-[0.7em] h-[0.7em]")}),I={variant:"outline",color:"current"};return E("a",{ref:L,className:l,...c,children:[_&&i(n,{className:M,icon:_,iconProps:I,"data-testid":"start-icon"}),A,S&&i(n,{className:T,icon:S,iconProps:I,"data-testid":"end-icon"})]})});S.displayName="Link";export{_ as Divider,S as Link};