@yahoo/uds 3.58.1 → 3.58.2-beta.1

package/dist/{Box-CZiBJY-U.d.ts → Box-BDj_sxrx.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { b as UniversalBoxProps } from './types-BAsHl1tU.js';
+import { b as UniversalBoxProps } from './types-BYXLHi7_.js';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {

package/dist/{Box-BrCNYpJf.d.cts → Box-BRt6Pz9T.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { b as UniversalBoxProps } from './types-CRqbgWm9.cjs';
+import { b as UniversalBoxProps } from './types-BYXLHi7_.cjs';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {

package/dist/{Box-L9TrtxY6.d.cts → Box-D6q2Ess3.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { b as UniversalBoxProps } from './types-BAsHl1tU.cjs';
+import { b as UniversalBoxProps } from './types-DG52l0qP.cjs';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {

package/dist/{Box-DvNI3HDT.d.ts → Box-DGnNvxFr.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { b as UniversalBoxProps } from './types-CRqbgWm9.js';
+import { b as UniversalBoxProps } from './types-DG52l0qP.js';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {

package/dist/{Pressable-Bzvs31vV.d.cts → Pressable-BtauM4lN.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as UniversalPressableProps } from './types-BAsHl1tU.cjs';
+import { a as UniversalPressableProps } from './types-BYXLHi7_.cjs';
 
 type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
 interface PressableProps extends UniversalPressableProps, HtmlButtonProps {

package/dist/{Pressable-C_cD8YqL.d.ts → Pressable-CAaoa-zu.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as UniversalPressableProps } from './types-CRqbgWm9.js';
+import { a as UniversalPressableProps } from './types-BYXLHi7_.js';
 
 type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
 interface PressableProps extends UniversalPressableProps, HtmlButtonProps {

package/dist/{Pressable-CpTWnaJC.d.cts → Pressable-Ds6pDWDQ.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as UniversalPressableProps } from './types-CRqbgWm9.cjs';
+import { a as UniversalPressableProps } from './types-DG52l0qP.cjs';
 
 type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
 interface PressableProps extends UniversalPressableProps, HtmlButtonProps {

package/dist/{Pressable-CrGdyngS.d.ts → Pressable-m_MkO-q6.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as UniversalPressableProps } from './types-BAsHl1tU.js';
+import { a as UniversalPressableProps } from './types-DG52l0qP.js';
 
 type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
 interface PressableProps extends UniversalPressableProps, HtmlButtonProps {

package/dist/{Text-CTWa1DHn.d.cts → Text-BPYuh9n7.d.cts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { Ref } from 'react';
-import { U as UniversalTextProps } from './types-BAsHl1tU.cjs';
+import { U as UniversalTextProps } from './types-DG52l0qP.cjs';
 
 type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
 type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';

package/dist/{Text-DxibXWon.d.ts → Text-DL4hTwPk.d.ts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { Ref } from 'react';
-import { U as UniversalTextProps } from './types-CRqbgWm9.js';
+import { U as UniversalTextProps } from './types-DG52l0qP.js';
 
 type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
 type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';

package/dist/{Text-cfrk-aSz.d.ts → Text-DU1Z8ZO5.d.ts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { Ref } from 'react';
-import { U as UniversalTextProps } from './types-BAsHl1tU.js';
+import { U as UniversalTextProps } from './types-BYXLHi7_.js';
 
 type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
 type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';

package/dist/{Text-CpFNy7i9.d.cts → Text-d5Ci0ep7.d.cts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { Ref } from 'react';
-import { U as UniversalTextProps } from './types-CRqbgWm9.cjs';
+import { U as UniversalTextProps } from './types-BYXLHi7_.cjs';
 
 type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
 type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';

package/dist/{VStack-BZA9jJeV.d.cts → VStack-CiRNP8hF.d.cts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { n as UniversalStackProps, o as UniversalDividerProps } from './types-CRqbgWm9.cjs';
-import { B as BoxProps, D as DivProps } from './Box-BrCNYpJf.cjs';
+import { n as UniversalStackProps, o as UniversalDividerProps } from './types-BYXLHi7_.cjs';
+import { B as BoxProps, D as DivProps } from './Box-BRt6Pz9T.cjs';
 
 interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
     layerClassNames?: {

package/dist/{VStack-APl_ya0J.d.ts → VStack-DCLXI5If.d.ts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { n as UniversalStackProps, o as UniversalDividerProps } from './types-BAsHl1tU.js';
-import { B as BoxProps, D as DivProps } from './Box-CZiBJY-U.js';
+import { n as UniversalStackProps, o as UniversalDividerProps } from './types-BYXLHi7_.js';
+import { B as BoxProps, D as DivProps } from './Box-BDj_sxrx.js';
 
 interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
     layerClassNames?: {

package/dist/{VStack-DasFpGHh.d.cts → VStack-DFqtAUzm.d.cts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { n as UniversalStackProps, o as UniversalDividerProps } from './types-BAsHl1tU.cjs';
-import { B as BoxProps, D as DivProps } from './Box-L9TrtxY6.cjs';
+import { n as UniversalStackProps, o as UniversalDividerProps } from './types-DG52l0qP.cjs';
+import { B as BoxProps, D as DivProps } from './Box-D6q2Ess3.cjs';
 
 interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
     layerClassNames?: {

package/dist/{VStack-CITd7-eN.d.ts → VStack-hBFz7vre.d.ts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { n as UniversalStackProps, o as UniversalDividerProps } from './types-CRqbgWm9.js';
-import { B as BoxProps, D as DivProps } from './Box-DvNI3HDT.js';
+import { n as UniversalStackProps, o as UniversalDividerProps } from './types-DG52l0qP.js';
+import { B as BoxProps, D as DivProps } from './Box-DGnNvxFr.js';
 
 interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
     layerClassNames?: {

package/dist/client/Menu.d.cts

@@ -1,11 +1,11 @@
 import * as react from 'react';
 import { AriaRole, HTMLAttributes, PropsWithChildren } from 'react';
 import { MenuProps, MenuItemProps as MenuItemProps$1, MenuItemCheckboxProps as MenuItemCheckboxProps$1, MenuProviderProps as MenuProviderProps$1, MenuButtonProps, useMenuContext, useMenuStore } from '@ariakit/react/menu';
-import { u as SpacingAlias, v as UniversalMenuItemProps } from '../types-CRqbgWm9.cjs';
-import { V as VStackProps, D as DividerProps } from '../VStack-BZA9jJeV.cjs';
-import { P as PressableProps } from '../Pressable-CpTWnaJC.cjs';
+import { u as SpacingAlias, v as UniversalMenuItemProps } from '../types-DG52l0qP.cjs';
+import { V as VStackProps, D as DividerProps } from '../VStack-DFqtAUzm.cjs';
+import { P as PressableProps } from '../Pressable-Ds6pDWDQ.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BoxProps } from '../Box-BrCNYpJf.cjs';
+import { B as BoxProps } from '../Box-D6q2Ess3.cjs';
 import { useStoreState } from '@ariakit/react';
 import '@yahoo/uds-icons/types';
 import 'motion/react';

package/dist/client/Menu.d.ts

@@ -1,11 +1,11 @@
 import * as react from 'react';
 import { AriaRole, HTMLAttributes, PropsWithChildren } from 'react';
 import { MenuProps, MenuItemProps as MenuItemProps$1, MenuItemCheckboxProps as MenuItemCheckboxProps$1, MenuProviderProps as MenuProviderProps$1, MenuButtonProps, useMenuContext, useMenuStore } from '@ariakit/react/menu';
-import { u as SpacingAlias, v as UniversalMenuItemProps } from '../types-CRqbgWm9.js';
-import { V as VStackProps, D as DividerProps } from '../VStack-CITd7-eN.js';
-import { P as PressableProps } from '../Pressable-C_cD8YqL.js';
+import { u as SpacingAlias, v as UniversalMenuItemProps } from '../types-DG52l0qP.js';
+import { V as VStackProps, D as DividerProps } from '../VStack-hBFz7vre.js';
+import { P as PressableProps } from '../Pressable-m_MkO-q6.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BoxProps } from '../Box-DvNI3HDT.js';
+import { B as BoxProps } from '../Box-DGnNvxFr.js';
 import { useStoreState } from '@ariakit/react';
 import '@yahoo/uds-icons/types';
 import 'motion/react';

package/dist/client/index.d.cts

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { cX as UniversalAvatarIconProps, x as IconPropsWithSVGProps, c_ as UniversalAvatarTextProps, cY as UniversalAvatarImageProps, y as ImagePropsWithImgProps, c$ as UniversalBadgeProps, d0 as UniversalButtonProps, d1 as UniversalCheckboxProps, d2 as UniversalChipBaseProps, d6 as UniversalChipProps, d3 as UniversalChipButtonProps, d4 as UniversalChipDismissibleProps, d5 as UniversalChipLinkProps, d7 as UniversalChipToggleProps, d8 as UniversalIconButtonProps, dc as UniversalInputProps, da as UniversalIconSlot, de as UniversalRadioProps, dd as UniversalRadioGroupProps, b$ as MotionVariant, c0 as MotionVariantSpeed, c as UniversalSwitchProps } from '../types-CRqbgWm9.cjs';
-import { a as TextProps } from '../Text-CpFNy7i9.cjs';
+import { cZ as UniversalAvatarIconProps, x as IconPropsWithSVGProps, d0 as UniversalAvatarTextProps, c_ as UniversalAvatarImageProps, y as ImagePropsWithImgProps, d1 as UniversalBadgeProps, d2 as UniversalButtonProps, d3 as UniversalCheckboxProps, d4 as UniversalChipBaseProps, d8 as UniversalChipProps, d5 as UniversalChipButtonProps, d6 as UniversalChipDismissibleProps, d7 as UniversalChipLinkProps, d9 as UniversalChipToggleProps, da as UniversalIconButtonProps, de as UniversalInputProps, dc as UniversalIconSlot, dg as UniversalRadioProps, df as UniversalRadioGroupProps, b$ as MotionVariant, c0 as MotionVariantSpeed, c as UniversalSwitchProps } from '../types-DG52l0qP.cjs';
+import { a as TextProps } from '../Text-BPYuh9n7.cjs';
 import * as react from 'react';
 import react__default, { ForwardRefExoticComponent, InputHTMLAttributes, PropsWithChildren } from 'react';
 import { HTMLMotionProps, MotionConfigProps, LazyFeatureBundle } from 'motion/react';
-import { B as BoxProps } from '../Box-BrCNYpJf.cjs';
-export { a as Pressable, P as PressableProps } from '../Pressable-CpTWnaJC.cjs';
+import { B as BoxProps } from '../Box-D6q2Ess3.cjs';
+export { a as Pressable, P as PressableProps } from '../Pressable-Ds6pDWDQ.cjs';
 export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
 import '@yahoo/uds-icons/types';
 import 'type-fest';

package/dist/client/index.d.ts

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { cX as UniversalAvatarIconProps, x as IconPropsWithSVGProps, c_ as UniversalAvatarTextProps, cY as UniversalAvatarImageProps, y as ImagePropsWithImgProps, c$ as UniversalBadgeProps, d0 as UniversalButtonProps, d1 as UniversalCheckboxProps, d2 as UniversalChipBaseProps, d6 as UniversalChipProps, d3 as UniversalChipButtonProps, d4 as UniversalChipDismissibleProps, d5 as UniversalChipLinkProps, d7 as UniversalChipToggleProps, d8 as UniversalIconButtonProps, dc as UniversalInputProps, da as UniversalIconSlot, de as UniversalRadioProps, dd as UniversalRadioGroupProps, b$ as MotionVariant, c0 as MotionVariantSpeed, c as UniversalSwitchProps } from '../types-CRqbgWm9.js';
-import { a as TextProps } from '../Text-DxibXWon.js';
+import { cZ as UniversalAvatarIconProps, x as IconPropsWithSVGProps, d0 as UniversalAvatarTextProps, c_ as UniversalAvatarImageProps, y as ImagePropsWithImgProps, d1 as UniversalBadgeProps, d2 as UniversalButtonProps, d3 as UniversalCheckboxProps, d4 as UniversalChipBaseProps, d8 as UniversalChipProps, d5 as UniversalChipButtonProps, d6 as UniversalChipDismissibleProps, d7 as UniversalChipLinkProps, d9 as UniversalChipToggleProps, da as UniversalIconButtonProps, de as UniversalInputProps, dc as UniversalIconSlot, dg as UniversalRadioProps, df as UniversalRadioGroupProps, b$ as MotionVariant, c0 as MotionVariantSpeed, c as UniversalSwitchProps } from '../types-DG52l0qP.js';
+import { a as TextProps } from '../Text-DL4hTwPk.js';
 import * as react from 'react';
 import react__default, { ForwardRefExoticComponent, InputHTMLAttributes, PropsWithChildren } from 'react';
 import { HTMLMotionProps, MotionConfigProps, LazyFeatureBundle } from 'motion/react';
-import { B as BoxProps } from '../Box-DvNI3HDT.js';
-export { a as Pressable, P as PressableProps } from '../Pressable-C_cD8YqL.js';
+import { B as BoxProps } from '../Box-DGnNvxFr.js';
+export { a as Pressable, P as PressableProps } from '../Pressable-m_MkO-q6.js';
 export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
 import '@yahoo/uds-icons/types';
 import 'type-fest';

package/dist/defaultTokensConfig.d.cts

@@ -1,5 +1,5 @@
-import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, B as ButtonConfig, I as IconButtonConfig, M as MotionConfig, d as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, e as BreakpointsConfig } from './types-CRqbgWm9.cjs';
-export { f as defaultUniversalTokensConfigAuto } from './types-CRqbgWm9.cjs';
+import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, B as ButtonConfig, I as IconButtonConfig, M as MotionConfig, d as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, e as BreakpointsConfig } from './types-DG52l0qP.cjs';
+export { f as defaultUniversalTokensConfigAuto } from './types-DG52l0qP.cjs';
 import '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'react';

package/dist/defaultTokensConfig.d.ts

@@ -1,5 +1,5 @@
-import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, B as ButtonConfig, I as IconButtonConfig, M as MotionConfig, d as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, e as BreakpointsConfig } from './types-CRqbgWm9.js';
-export { f as defaultUniversalTokensConfigAuto } from './types-CRqbgWm9.js';
+import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, B as ButtonConfig, I as IconButtonConfig, M as MotionConfig, d as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, e as BreakpointsConfig } from './types-DG52l0qP.js';
+export { f as defaultUniversalTokensConfigAuto } from './types-DG52l0qP.js';
 import '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'react';

package/dist/experimental/client/SwitchV2.d.cts

@@ -1,4 +1,4 @@
-import { c as UniversalSwitchProps } from '../../types-CRqbgWm9.cjs';
+import { c as UniversalSwitchProps } from '../../types-DG52l0qP.cjs';
 import react__default from 'react';
 import '@yahoo/uds-icons/types';
 import 'motion/react';

package/dist/experimental/client/SwitchV2.d.ts

@@ -1,4 +1,4 @@
-import { c as UniversalSwitchProps } from '../../types-CRqbgWm9.js';
+import { c as UniversalSwitchProps } from '../../types-DG52l0qP.js';
 import react__default from 'react';
 import '@yahoo/uds-icons/types';
 import 'motion/react';

package/dist/{index-fOaETFpl.d.cts → index-C7e-cWRg.d.cts}

@@ -1,5 +1,5 @@
 import * as properties from '@yahoo/uds/fixtures';
-import { m as ShadowPreset, g as UniversalTokensConfig } from './types-CRqbgWm9.cjs';
+import { m as ShadowPreset, g as UniversalTokensConfig } from './types-DG52l0qP.cjs';
 
 type DispatchContext = {
     componentName: string;

package/dist/{index-jFh7u5rS.d.cts → index-CAdORgp4.d.cts}

@@ -1,5 +1,5 @@
 import * as properties from '@yahoo/uds/fixtures';
-import { m as ShadowPreset, g as UniversalTokensConfig } from './types-BAsHl1tU.cjs';
+import { m as ShadowPreset, g as UniversalTokensConfig } from './types-BYXLHi7_.cjs';
 
 type DispatchContext = {
     componentName: string;

package/dist/{index-Bj4zcQ8D.d.ts → index-DIeu_HSK.d.ts}

@@ -1,5 +1,5 @@
 import * as properties from '@yahoo/uds/fixtures';
-import { m as ShadowPreset, g as UniversalTokensConfig } from './types-CRqbgWm9.js';
+import { m as ShadowPreset, g as UniversalTokensConfig } from './types-DG52l0qP.js';
 
 type DispatchContext = {
     componentName: string;

package/dist/{index-DvgJJnbq.d.ts → index-YI2HK_Im.d.ts}

@@ -1,5 +1,5 @@
 import * as properties from '@yahoo/uds/fixtures';
-import { m as ShadowPreset, g as UniversalTokensConfig } from './types-BAsHl1tU.js';
+import { m as ShadowPreset, g as UniversalTokensConfig } from './types-BYXLHi7_.js';
 
 type DispatchContext = {
     componentName: string;

package/dist/index.d.cts

@@ -1,16 +1,16 @@
-import { D as DivProps } from './Box-BrCNYpJf.cjs';
-export { a as Box, B as BoxProps } from './Box-BrCNYpJf.cjs';
-export { a as Divider, D as DividerProps, b as VStack, V as VStackProps } from './VStack-BZA9jJeV.cjs';
+import { D as DivProps } from './Box-D6q2Ess3.cjs';
+export { a as Box, B as BoxProps } from './Box-D6q2Ess3.cjs';
+export { a as Divider, D as DividerProps, b as VStack, V as VStackProps } from './VStack-DFqtAUzm.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { w as UniversalFormLabelProps, n as UniversalStackProps, x as IconPropsWithSVGProps, y as ImagePropsWithImgProps, z as UniversalLinkProps } from './types-CRqbgWm9.cjs';
-export { E as AVATAR_SIZE_PREFIX, am as AlwaysPalette, an as AlwaysPaletteAlias, ao as AlwaysPaletteColor, ap as Animation, aq as AriaAttribute, ar as AvatarAbbreviationStrategy, as as AvatarShape, at as AvatarSize, au as AvatarSizeConfig, av as AvatarVariant, J as BORDER_RADIUS_PREFIX, K as BORDER_WIDTH_PREFIX, ad as BUTTON_CSS_VAR_MAP, aw as BackgroundColor, ax as BackgroundPalette, ay as BackgroundPaletteAlias, az as BackgroundStyleProps, aA as BadgeSize, aB as BadgeVariant, aC as BorderRadius, aD as BorderRadiusConfig, aE as BorderStyleProps, aF as BorderWidth, aG as BorderWidthConfig, aH as Breakpoint, aI as BreakpointWithBase, e as BreakpointsConfig, aJ as ButtonBaseConfig, p as ButtonClassMap, aK as ButtonClassName, aL as ButtonColorConfig, aM as ButtonColorEffect, aN as ButtonColorEffectConfig, s as ButtonColorProperty, t as ButtonColorPropertyConfig, B as ButtonConfig, aO as ButtonKind, aP as ButtonMotionEffect, aQ as ButtonMotionProperty, aR as ButtonMotionPropertyConfig, aS as ButtonPalette, aT as ButtonPaletteColor, aU as ButtonPaletteConfig, aV as ButtonShadowPropertyConfig, aW as ButtonSize, aX as ButtonSizeConfig, aY as ButtonSizeProperty, aZ as ButtonSpectrumColor, a_ as ButtonState, a$ as ButtonStateConfig, b0 as ButtonStateEffectConfig, b1 as ButtonVariant, b2 as ButtonVariantConfig, b3 as ButtonVariantFlat, b4 as CheckboxSize, b5 as CheckboxValue, b6 as CheckboxVariant, b7 as ChipSize, b8 as ChipVariant, h as ColorMode, C as ColorModeConfig, b9 as ColorModeForApp, i as ColorsConfig, ba as ConfigurableDropShadowValues, bb as ConfigurableInsetShadowValues, bc as CustomSizingStyleProps, _ as DARK_COLOR_MODE_CLASSNAME, a9 as DEFAULT_COLOR_MODE_CLASSNAME, aa as DEFAULT_SCALE_MODE_CLASSNAME, bd as DataAttribute, be as Display, bf as DividerVariant, ag as FONT_DECLARATIONS_MAP, L as FONT_FAMILY_PREFIX, N as FONT_SIZE_PREFIX, Q as FONT_SLANT_PREFIX, O as FONT_WEIGHT_PREFIX, R as FONT_WIDTH_PREFIX, bg as Flex, bh as FlexAlignContent, bi as FlexAlignItems, bj as FlexAlignSelf, bk as FlexBasis, bl as FlexDirection, bm as FlexGrow, bn as FlexJustifyContent, bo as FlexShrink, bp as FlexStyleProps, bq as FlexWrap, br as FontAlias, ah as FontAxisConfig, F as FontConfig, bs as FontCssVar, aj as FontDeclarationConfig, ai as FontDeclarationItemConfig, ak as FontDeclarationMap, bt as FontFamilyCDNUrl, bu as FontFamilyConfig, bv as FontID, bw as FontSize, bx as FontSizeConfig, by as FontSlantConfig, bz as FontType, bA as FontWeightConfig, bB as FontWeightDescriptive, al as FontWeightForFont, bC as FontWeightNumeric, bD as FontWidthConfig, bE as ForegroundColor, bF as ForegroundPalette, bG as ForegroundPaletteAlias, G as GlobalDefaultsConfig, bH as HighContrastMode, H as Hue, j as HueStep, ae as ICON_BUTTON_CSS_VAR_MAP, V as ICON_SIZE_PREFIX, a1 as INVERT_COLOR_MODE_CLASSNAME, q as IconButtonClassMap, bI as IconButtonClassName, I as IconButtonConfig, bJ as IconButtonDefaultsConfig, bK as IconButtonSize, bL as IconSizeConfig, bM as IconSlotRenderProps, bN as ImageStyleProps, bO as InputSize, a5 as LARGE_SCALE_MODE_CLASSNAME, $ as LIGHT_COLOR_MODE_CLASSNAME, W as LINE_HEIGHT_PREFIX, bP as LayoutStyleProps, bQ as LetterSpacing, bR as LineClampAlias, bS as LineColor, bT as LineHeight, bU as LineHeightConfig, bV as LinePalette, bW as LinePaletteAlias, a4 as MEDIUM_SCALE_MODE_CLASSNAME, X as MOTION_PREFIX, bX as Modes, M as MotionConfig, bY as MotionCssVar, bZ as MotionSpringConfig, b_ as MotionSpringConfigOptions, b$ as MotionVariant, c0 as MotionVariantSpeed, c1 as MotionVariantValues, c2 as Overflow, af as PSEUDO_STYLE_SELECTOR_MAP, c3 as Palette, k as PaletteConfig, P as PaletteType, c4 as PaletteValue, c5 as Percentage, c6 as Pixels, c7 as PlatformMode, c8 as Position, c9 as PropertyToPaletteAliasMap, ca as RadioSize, cb as RadioValue, cc as RadioVariant, cd as RegionMode, ce as Rems, a3 as SMALL_SCALE_MODE_CLASSNAME, Y as SPECTRUM_COLOR_PREFIX, a0 as SYSTEM_COLOR_MODE_CLASSNAME, cf as ScaleConfig, cg as ScaleEffectMap, l as ScaleMode, S as ScaleModeConfig, ch as ScaleModeForApp, ci as ShadowColor, cj as ShadowColorConfig, d as ShadowConfig, ck as ShadowOffset, cl as ShadowOpacity, cm as ShadowPalette, cn as ShadowPaletteAlias, m as ShadowPreset, co as ShadowSpreadRadius, cp as ShadowStyleProps, cq as ShadowType, cr as ShadowTypeConfig, cs as ShadowVariant, ct as ShadowVariantConfig, cu as ShadowVariantInvert, cv as ShadowVariantWithInvert, cw as SharedPaletteAlias, u as SpacingAlias, cx as SpacingConfig, cy as SpacingStyleProps, cz as SpectrumColor, cA as SpectrumConfig, cB as StateStyleProps, cC as StyleProps, cD as SwitchSize, ac as TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, ab as TEXT_RESPONSIVE_CLASSNAME, Z as TEXT_TRANSFORM_PREFIX, cP as TShirtSize, cQ as TShirtSizeCommon, cE as TextDecorationLine, cF as TextProperty, cG as TextStyleProps, cH as TextTransform, cI as TextTransformConfig, cJ as TextVariant, cK as TextVariantTypography, r as TextVariantUi, cL as TextVariantWithoutEmphasized, cM as TransitionDelay, cN as TransitionDuration, cO as TransitionTiming, T as TypographyConfig, cR as TypographyResponsiveProperty, cS as TypographyStyle, cT as TypographyStyleProperty, cU as TypographyUnitValue, D as UDS_PREFIX, cV as UdsCssVar, cW as Unitless, cX as UniversalAvatarIconProps, cY as UniversalAvatarImageProps, cZ as UniversalAvatarProps, c_ as UniversalAvatarTextProps, c$ as UniversalBadgeProps, b as UniversalBoxProps, d0 as UniversalButtonProps, d1 as UniversalCheckboxProps, d2 as UniversalChipBaseProps, d3 as UniversalChipButtonProps, d4 as UniversalChipDismissibleProps, d5 as UniversalChipLinkProps, d6 as UniversalChipProps, d7 as UniversalChipToggleProps, o as UniversalDividerProps, d8 as UniversalIconButtonProps, d9 as UniversalIconProps, da as UniversalIconSlot, db as UniversalImageProps, dc as UniversalInputProps, v as UniversalMenuItemProps, a as UniversalPressableProps, dd as UniversalRadioGroupProps, de as UniversalRadioProps, c as UniversalSwitchProps, U as UniversalTextProps, g as UniversalTokensConfig, df as UniversalTokensConfigAuto, a6 as XLARGE_SCALE_MODE_CLASSNAME, a2 as XSMALL_SCALE_MODE_CLASSNAME, a7 as XXLARGE_SCALE_MODE_CLASSNAME, a8 as XXXLARGE_SCALE_MODE_CLASSNAME, A as alwaysPalette } from './types-CRqbgWm9.cjs';
+import { w as UniversalFormLabelProps, n as UniversalStackProps, x as IconPropsWithSVGProps, y as ImagePropsWithImgProps, z as UniversalLinkProps } from './types-DG52l0qP.cjs';
+export { E as AVATAR_SIZE_PREFIX, am as AlwaysPalette, an as AlwaysPaletteAlias, ao as AlwaysPaletteColor, ap as Animation, aq as AriaAttribute, ar as AvatarAbbreviationStrategy, as as AvatarShape, at as AvatarSize, au as AvatarSizeConfig, av as AvatarVariant, J as BORDER_RADIUS_PREFIX, K as BORDER_WIDTH_PREFIX, ad as BUTTON_CSS_VAR_MAP, aw as BackgroundColor, ax as BackgroundPalette, ay as BackgroundPaletteAlias, az as BackgroundStyleProps, aA as BadgeSize, aB as BadgeVariant, aC as BorderRadius, aD as BorderRadiusConfig, aE as BorderStyleProps, aF as BorderWidth, aG as BorderWidthConfig, aH as Breakpoint, aI as BreakpointWithBase, e as BreakpointsConfig, aJ as ButtonBaseConfig, p as ButtonClassMap, aK as ButtonClassName, aL as ButtonColorConfig, aM as ButtonColorEffect, aN as ButtonColorEffectConfig, s as ButtonColorProperty, t as ButtonColorPropertyConfig, B as ButtonConfig, aO as ButtonKind, aP as ButtonMotionEffect, aQ as ButtonMotionProperty, aR as ButtonMotionPropertyConfig, aS as ButtonPalette, aT as ButtonPaletteColor, aU as ButtonPaletteConfig, aV as ButtonShadowPropertyConfig, aW as ButtonSize, aX as ButtonSizeConfig, aY as ButtonSizeProperty, aZ as ButtonSpectrumColor, a_ as ButtonState, a$ as ButtonStateConfig, b0 as ButtonStateEffectConfig, b1 as ButtonVariant, b2 as ButtonVariantConfig, b3 as ButtonVariantFlat, b4 as CheckboxSize, b5 as CheckboxValue, b6 as CheckboxVariant, b7 as ChipSize, b8 as ChipVariant, h as ColorMode, C as ColorModeConfig, b9 as ColorModeForApp, i as ColorsConfig, ba as ConfigurableDropShadowValues, bb as ConfigurableInsetShadowValues, bc as CustomSizingStyleProps, _ as DARK_COLOR_MODE_CLASSNAME, a9 as DEFAULT_COLOR_MODE_CLASSNAME, aa as DEFAULT_SCALE_MODE_CLASSNAME, bd as DataAttribute, be as Display, bf as DividerVariant, ag as FONT_DECLARATIONS_MAP, L as FONT_FAMILY_PREFIX, N as FONT_SIZE_PREFIX, Q as FONT_SLANT_PREFIX, O as FONT_WEIGHT_PREFIX, R as FONT_WIDTH_PREFIX, bg as Flex, bh as FlexAlignContent, bi as FlexAlignItems, bj as FlexAlignSelf, bk as FlexBasis, bl as FlexDirection, bm as FlexGrow, bn as FlexJustifyContent, bo as FlexShrink, bp as FlexStyleProps, bq as FlexWrap, br as FontAlias, ah as FontAxisConfig, F as FontConfig, bs as FontCssVar, aj as FontDeclarationConfig, ai as FontDeclarationItemConfig, ak as FontDeclarationMap, bt as FontFamilyCDNUrl, bu as FontFamilyConfig, bv as FontID, bw as FontSize, bx as FontSizeConfig, by as FontSlantConfig, bz as FontType, bA as FontWeightConfig, bB as FontWeightDescriptive, al as FontWeightForFont, bC as FontWeightNumeric, bD as FontWidthConfig, bE as ForegroundColor, bF as ForegroundPalette, bG as ForegroundPaletteAlias, G as GlobalDefaultsConfig, bH as HighContrastMode, H as Hue, j as HueStep, ae as ICON_BUTTON_CSS_VAR_MAP, V as ICON_SIZE_PREFIX, a1 as INVERT_COLOR_MODE_CLASSNAME, q as IconButtonClassMap, bI as IconButtonClassName, I as IconButtonConfig, bJ as IconButtonDefaultsConfig, bK as IconButtonSize, bL as IconSizeConfig, bM as IconSlotRenderProps, bN as ImageStyleProps, bO as InputSize, a5 as LARGE_SCALE_MODE_CLASSNAME, $ as LIGHT_COLOR_MODE_CLASSNAME, W as LINE_HEIGHT_PREFIX, bP as LayoutStyleProps, bQ as LetterSpacing, bR as LineClampAlias, bS as LineColor, bT as LineHeight, bU as LineHeightConfig, bV as LinePalette, bW as LinePaletteAlias, a4 as MEDIUM_SCALE_MODE_CLASSNAME, X as MOTION_PREFIX, bX as Modes, M as MotionConfig, bY as MotionCssVar, bZ as MotionSpringConfig, b_ as MotionSpringConfigOptions, b$ as MotionVariant, c0 as MotionVariantSpeed, c1 as MotionVariantValues, c2 as OpacityStep, c3 as Overflow, af as PSEUDO_STYLE_SELECTOR_MAP, c4 as Palette, k as PaletteConfig, P as PaletteType, c5 as PaletteValue, c6 as Percentage, c7 as PercentageUnit, c8 as PixelsUnit, c9 as PlatformMode, ca as Position, cb as PropertyToPaletteAliasMap, cc as RadioSize, cd as RadioValue, ce as RadioVariant, cf as RegionMode, cg as RemsUnit, a3 as SMALL_SCALE_MODE_CLASSNAME, Y as SPECTRUM_COLOR_PREFIX, a0 as SYSTEM_COLOR_MODE_CLASSNAME, ch as ScaleConfig, ci as ScaleEffectMap, l as ScaleMode, S as ScaleModeConfig, cj as ScaleModeForApp, ck as ShadowColor, cl as ShadowColorConfig, d as ShadowConfig, cm as ShadowOffset, cn as ShadowOpacity, co as ShadowPalette, cp as ShadowPaletteAlias, m as ShadowPreset, cq as ShadowSpreadRadius, cr as ShadowStyleProps, cs as ShadowType, ct as ShadowTypeConfig, cu as ShadowVariant, cv as ShadowVariantConfig, cw as ShadowVariantInvert, cx as ShadowVariantWithInvert, cy as SharedPaletteAlias, u as SpacingAlias, cz as SpacingConfig, cA as SpacingStyleProps, cB as SpectrumColor, cC as SpectrumConfig, cD as StateStyleProps, cE as StyleProps, cF as SwitchSize, ac as TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, ab as TEXT_RESPONSIVE_CLASSNAME, Z as TEXT_TRANSFORM_PREFIX, cR as TShirtSize, cS as TShirtSizeCommon, cG as TextDecorationLine, cH as TextProperty, cI as TextStyleProps, cJ as TextTransform, cK as TextTransformConfig, cL as TextVariant, cM as TextVariantTypography, r as TextVariantUi, cN as TextVariantWithoutEmphasized, cO as TransitionDelay, cP as TransitionDuration, cQ as TransitionTiming, T as TypographyConfig, cT as TypographyResponsiveProperty, cU as TypographyStyle, cV as TypographyStyleProperty, cW as TypographyUnitValue, D as UDS_PREFIX, cX as UdsCssVar, cY as UnitlessUnit, cZ as UniversalAvatarIconProps, c_ as UniversalAvatarImageProps, c$ as UniversalAvatarProps, d0 as UniversalAvatarTextProps, d1 as UniversalBadgeProps, b as UniversalBoxProps, d2 as UniversalButtonProps, d3 as UniversalCheckboxProps, d4 as UniversalChipBaseProps, d5 as UniversalChipButtonProps, d6 as UniversalChipDismissibleProps, d7 as UniversalChipLinkProps, d8 as UniversalChipProps, d9 as UniversalChipToggleProps, o as UniversalDividerProps, da as UniversalIconButtonProps, db as UniversalIconProps, dc as UniversalIconSlot, dd as UniversalImageProps, de as UniversalInputProps, v as UniversalMenuItemProps, a as UniversalPressableProps, df as UniversalRadioGroupProps, dg as UniversalRadioProps, c as UniversalSwitchProps, U as UniversalTextProps, g as UniversalTokensConfig, dh as UniversalTokensConfigAuto, a6 as XLARGE_SCALE_MODE_CLASSNAME, a2 as XSMALL_SCALE_MODE_CLASSNAME, a7 as XXLARGE_SCALE_MODE_CLASSNAME, a8 as XXXLARGE_SCALE_MODE_CLASSNAME, A as alwaysPalette } from './types-DG52l0qP.cjs';
 import * as react from 'react';
 import { PropsWithChildren, Dispatch, SetStateAction } from 'react';
-export { T as Text, a as TextProps } from './Text-CpFNy7i9.cjs';
+export { T as Text, a as TextProps } from './Text-BPYuh9n7.cjs';
 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, InputHelpText, InputHelpTextProps, 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.cjs';
 export { AvatarConfig, BadgeConfig, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './tokens/automation/configs.cjs';
-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-fOaETFpl.cjs';
+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-C7e-cWRg.cjs';
 export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'type-fest';
@@ -302,22 +302,22 @@ declare const getStylesInternal: (props?: ({
     lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
     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" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
-    spacing?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "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" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "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" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "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" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "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" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "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" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "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" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "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" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "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" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "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" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "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" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "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" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "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" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "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" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "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" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "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" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "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" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
+    spacingHorizontal?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
+    spacingVertical?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
+    spacingBottom?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
+    spacingEnd?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
+    spacingStart?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
+    spacingTop?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
+    offset?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
+    offsetVertical?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
+    offsetHorizontal?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
+    offsetBottom?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
+    offsetEnd?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
+    offsetStart?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
+    offsetTop?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
+    columnGap?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
+    rowGap?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
     backgroundColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "transparent" | "accent" | "white" | "black" | "current" | undefined;
     borderColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "transparent" | "accent" | "white" | "black" | "current" | undefined;
     borderStartColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "warning" | "warning-secondary" | "positive" | "positive-secondary" | "info" | "info-secondary" | "transparent" | "accent" | "white" | "black" | "current" | undefined;