@yahoo/uds 0.1.11 → 0.1.13

package/dist/index.d.cts

@@ -1,13 +1,17 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { UniversalAvatarProps, UniversalBoxProps, UniversalPressableProps, UniversalButtonProps, IconName, Overflow, UniversalTextProps, ButtonVariant, ButtonSize, UniversalStackProps, UniversalIconProps, UniversalIconButtonProps, ForegroundColor, UniversalImageProps, UniversalTextInputProps } from '@yahoo/uds-tokens';
-export * from '@yahoo/uds-tokens';
+import { j as UniversalAvatarProps, k as UniversalBoxProps, l as UniversalPressableProps, m as UniversalButtonProps, I as IconName, O as Overflow, n as UniversalTextProps, o as ButtonVariant, p as ButtonSize, q as UniversalStackProps, r as UniversalIconProps, s as UniversalIconButtonProps, t as ForegroundColor, u as UniversalImageProps, v as UniversalTextInputProps } from './types-hirL9Qk5.cjs';
+export { A as AlwaysPalette, x as AlwaysPaletteAlias, y as Animation, z as AriaAttribute, D as AspectRatioAlias, G as AspectRatioConfig, J as AvatarSizeAlias, K as AvatarSizeConfig, M as BackgroundColor, d as BackgroundPalette, N as BackgroundPaletteAlias, Q as BackgroundStyleProps, e as BackgroundWashPalette, R as BackgroundWashPaletteAlias, T as BorderStyleProps, V as BorderWidthAlias, B as BorderWidthConfig, W as BoxShadowConfig, C as ColorMode, X as ColorModeForApp, a as ColorsConfig, c as CorePalette, Y as CorePaletteAlias, Z as DataAttribute, h as ElevationAlias, E as ElevationConfig, _ as ElevationPaletteAlias, $ as FlexStyleProps, a0 as FontFamilyConfig, a1 as FontFamilyGlobalAlias, i as FontFamilyGlobalConfig, a2 as FontSizeConfig, f as FontWeightConfig, a3 as FontWeightDescriptiveAlias, g as FontWeightNumericAlias, F as ForegroundPalette, a4 as ForegroundPaletteAlias, a5 as HighContrastMode, H as Hue, b as HueStep, a6 as IconSizeAlias, a7 as IconSizeConfig, a8 as LayoutStyleProps, a9 as LetterSpacingAlias, aa as LineClampAlias, ab as LineColor, ac as LineHeightConfig, L as LinePalette, ad as LinePaletteAlias, ae as Modes, af as OpacityAlias, ag as OpacityStyleProps, ah as Palette, ai as PaletteConfig, aj as PaletteType, P as PaletteValue, ak as PlatformMode, al as RegionMode, am as ScaleConfig, S as ScaleMode, an as ScaleModeConfig, ao as ScaleModeForApp, ap as ShapeAlias, aq as ShapeConfig, ar as SizingStyleProps, as as SpacingAlias, at as SpacingConfig, au as SpacingStyleProps, av as SpectrumColor, aw as SpectrumConfig, ax as StateStyleProps, ay as StyleProps, az as TextConfig, aA as TextStyleProps, aB as TextTransformAlias, aC as TextTransformConfig, aD as TextVariant, aE as TransitionDelay, aF as TransitionDuration, aG as TransitionTiming, U as UniversalTokensConfig, aH as ZIndexAlias, aI as ZIndexConfig, w as alwaysPalette } from './types-hirL9Qk5.cjs';
 import * as react from 'react';
-import react__default, { PropsWithChildren, Dispatch, SetStateAction } from 'react';
+import react__default, { PropsWithChildren } from 'react';
 import * as _ariakit_react from '@ariakit/react';
 import { PopoverProps, PopoverProviderProps, DialogProps, useDialogStore, DialogStore, DialogDismiss, Popover as Popover$1, PopoverArrow as PopoverArrow$1, PopoverAnchor as PopoverAnchor$1, PopoverDescription as PopoverDescription$1, PopoverDismiss as PopoverDismiss$1, PopoverProvider as PopoverProvider$1, PopoverDisclosure as PopoverDisclosure$1, PopoverDisclosureArrow as PopoverDisclosureArrow$1, TabProviderProps, TabListProps, TabPanelProps } from '@ariakit/react';
 export { DialogStore as ModalStore, TabListProps, TabPanelProps, TabProviderProps as TabsProps, usePopoverStore } from '@ariakit/react';
 import { ToastContainerProps } from 'react-toastify';
 export { toast } from 'react-toastify';
+import { C as CX, a as CVA } from './types-J4DLS6Xj.cjs';
+export { S as SetState } from './types-J4DLS6Xj.cjs';
+export { c as DEFAULT_COLOR_MODE, D as DEFAULT_COLOR_MODE_FOR_APP, g as DEFAULT_HIGH_CONTRAST_MODE, h as DEFAULT_REGION_MODE, e as DEFAULT_SCALE_MODE, b as DEFAULT_SCALE_MODE_FOR_APP, d as defaultTokensConfig, f as fontFamilyGlobal, a as fontWeightMap } from './index.native-3ww4C4UV.cjs';
+export { AVATAR_SIZE_PREFIX, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, FONT_FAMILY_PREFIX, FONT_ICONS_CSS_VAR, FONT_SANS_BETA_CSS_VAR, FONT_SANS_CONDENSED_CSS_VAR, FONT_SANS_CSS_VAR, FONT_SERIF_DISPLAY_CSS_VAR, FONT_SERIF_TEXT_CSS_VAR, FONT_SIZE_PREFIX, FONT_WEIGHT_PREFIX, ICON_SIZE_PREFIX, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, SHAPE_PREFIX, SMALL_SCALE_MODE_CLASSNAME, SPACING_PREFIX, SPECTRUM_COLOR_PREFIX, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, entries, getColorModeClassName, getScaleModeClassName } from './tokens/index.cjs';
 
 interface AccordionProps extends React.PropsWithChildren {
     label: string;
@@ -494,86 +498,53 @@ type VStackProps = UniversalStackProps & DivProps$1;
  */
 declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps$1 & react.RefAttributes<HTMLDivElement>>;
 
-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>[];
-type CVAVariantSchema<T, V extends CVAVariantShape<T>> = {
-    [Variant in keyof V]?: StringToBoolean<keyof V[Variant]> | undefined;
-};
-type CVAVariantShape<T> = Record<string, Record<string, T>>;
-type CVAStyleProp<T> = T extends string ? {
-    className?: T;
-} : {
-    style?: T;
-};
-type CVAConfigBase<T> = {
-    base?: T | null;
-};
-interface CVA<T> {
-    <V extends CVAVariantShape<T>>(config: V extends CVAVariantShape<T> ? CVAConfigBase<T> & {
-        base?: T;
-        variants?: V;
-        compoundVariants?: (V extends CVAVariantShape<T> ? (CVAVariantSchema<T, V> | {
-            [Variant in keyof V]?: StringToBoolean<keyof V[Variant]> | undefined;
-        }) & CVAStyleProp<T> : CVAStyleProp<T>)[];
-        defaultVariants?: CVAVariantSchema<T, V>;
-    } : CVAConfigBase<T> & {
-        variants?: never;
-        compoundVariants?: never;
-        defaultVariants?: never;
-    }): (props?: V extends CVAVariantShape<T> ? CVAVariantSchema<T, V> & CVAStyleProp<T> : CVAStyleProp<T>) => T;
-}
-interface CX<T> {
-    (...inputs: CvaStyleValue<T>[]): T;
-}
-
 declare const cx: CX<string>;
 declare const cva: CVA<string>;
 declare const getStyles: (props?: ({
-    color?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "white" | "black" | "transparent" | undefined;
-    colorChecked?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "white" | "black" | "transparent" | undefined;
-    fontFamily?: "icons" | "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "sans" | "sans-beta" | "sans-condensed" | "serif-text" | "serif-display" | "display2" | undefined;
+    color?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "white" | "black" | undefined;
+    colorChecked?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "white" | "black" | undefined;
+    fontFamily?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "icons" | "sans" | "sans-beta" | "sans-condensed" | "serif-text" | "serif-display" | "display2" | undefined;
     fontSize?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
-    fontWeight?: "bold" | "black" | "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "extrabold" | undefined;
+    fontWeight?: "bold" | "black" | "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "extrabold" | "display2" | undefined;
     lineHeight?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
-    textAlign?: "end" | "start" | "center" | "justify" | undefined;
-    textTransform?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
-    spacing?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingHorizontal?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingVertical?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingBottom?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingEnd?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingStart?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingTop?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offset?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetVertical?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetHorizontal?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetBottom?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetEnd?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetStart?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetTop?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    columnGap?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    rowGap?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    backgroundColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "transparent" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
-    backgroundColorOnActive?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "transparent" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
-    backgroundColorOnHover?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "transparent" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
-    backgroundColorOnChecked?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "transparent" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
+    textAlign?: "center" | "justify" | "start" | "end" | undefined;
+    textTransform?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "none" | "uppercase" | "lowercase" | "capitalize" | "display2" | undefined;
+    spacing?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    spacingHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    spacingVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    spacingBottom?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    spacingEnd?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    spacingStart?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    spacingTop?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    offset?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    offsetVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    offsetHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    offsetBottom?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    offsetEnd?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    offsetStart?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    offsetTop?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    columnGap?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    rowGap?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    backgroundColor?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
+    backgroundColorOnActive?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
+    backgroundColorOnHover?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
+    backgroundColorOnChecked?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
     elevation?: "1" | "2" | "3" | undefined;
-    opacity?: "0" | "5" | "10" | "20" | "25" | "30" | "40" | "50" | "60" | "70" | "75" | "80" | "90" | "95" | "100" | undefined;
-    borderColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderColorOnActive?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderColorOnFocus?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderColorOnHover?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderColorOnChecked?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderStartColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderEndColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderBottomColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderTopColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderRadius?: "m" | "square" | "xs" | "s" | "l" | "xl" | "xxl" | "circle" | undefined;
-    borderTopStartRadius?: "m" | "square" | "xs" | "s" | "l" | "xl" | "xxl" | "circle" | undefined;
-    borderTopEndRadius?: "m" | "square" | "xs" | "s" | "l" | "xl" | "xxl" | "circle" | undefined;
-    borderBottomStartRadius?: "m" | "square" | "xs" | "s" | "l" | "xl" | "xxl" | "circle" | undefined;
-    borderBottomEndRadius?: "m" | "square" | "xs" | "s" | "l" | "xl" | "xxl" | "circle" | undefined;
+    opacity?: "0" | "5" | "10" | "100" | "20" | "30" | "40" | "50" | "25" | "60" | "70" | "75" | "80" | "90" | "95" | undefined;
+    borderColor?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderColorOnActive?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderColorOnFocus?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderColorOnHover?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderColorOnChecked?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderStartColor?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderEndColor?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderBottomColor?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderTopColor?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderRadius?: "square" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "circle" | undefined;
+    borderTopStartRadius?: "square" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "circle" | undefined;
+    borderTopEndRadius?: "square" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "circle" | undefined;
+    borderBottomStartRadius?: "square" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "circle" | undefined;
+    borderBottomEndRadius?: "square" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "circle" | undefined;
     bordered?: boolean | undefined;
     borderWidth?: "0" | "1" | "2" | "4" | "8" | undefined;
     borderVerticalWidth?: "0" | "1" | "2" | "4" | "8" | undefined;
@@ -588,35 +559,33 @@ declare const getStyles: (props?: ({
     borderedHorizontal?: boolean | undefined;
     borderedEnd?: boolean | undefined;
     borderedStart?: boolean | undefined;
-    height?: "auto" | "full" | "screen" | "min" | "max" | "fit" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | undefined;
+    height?: "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "full" | "screen" | "min" | "max" | "fit" | undefined;
     minHeight?: "full" | "screen" | "min" | "max" | "fit" | undefined;
     maxHeight?: "none" | "full" | "screen" | "min" | "max" | "fit" | undefined;
-    width?: "auto" | "full" | "screen" | "min" | "max" | "fit" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
+    width?: "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "full" | "screen" | "min" | "max" | "fit" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
     minWidth?: "full" | "screen" | "min" | "max" | "fit" | undefined;
     maxWidth?: "none" | "full" | "min" | "max" | "fit" | undefined;
-    avatarSize?: "m" | "s" | "l" | undefined;
-    iconSize?: "m" | "s" | "l" | undefined;
-    alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
-    alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
-    alignSelf?: "center" | "auto" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
+    avatarSize?: "s" | "m" | "l" | undefined;
+    iconSize?: "s" | "m" | "l" | undefined;
+    alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
+    alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
+    alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
     flex?: "1" | "none" | "auto" | "initial" | undefined;
     flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
     flexGrow?: "0" | "1" | "2" | "3" | undefined;
     flexShrink?: "0" | "1" | undefined;
-    flexWrap?: "wrap" | "wrap-reverse" | "nowrap" | undefined;
-    justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
     flexBasis?: "min-content" | undefined;
-    display?: "flex" | "block" | "inline-block" | "inline" | "inline-flex" | "table" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "grid" | "contents" | undefined;
+    display?: "grid" | "block" | "inline-block" | "inline" | "flex" | "inline-flex" | "table" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "contents" | undefined;
     overflow?: "auto" | "hidden" | "clip" | "visible" | "scroll" | undefined;
     overflowX?: "auto" | "hidden" | "clip" | "visible" | "scroll" | undefined;
     overflowY?: "auto" | "hidden" | "clip" | "visible" | "scroll" | undefined;
-    position?: "fixed" | "static" | "absolute" | "relative" | "sticky" | undefined;
-    zIndex?: "0" | "10" | "20" | "30" | "40" | "50" | "auto" | undefined;
-    contentFit?: "fill" | "none" | "contain" | "cover" | "scale-down" | undefined;
+    position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
+    zIndex?: "0" | "10" | "auto" | "20" | "30" | "40" | "50" | undefined;
+    contentFit?: "none" | "cover" | "contain" | "fill" | "scale-down" | undefined;
 } & {
     className?: string | undefined;
 }) | undefined) => string;
 
-type SetState<T> = Dispatch<SetStateAction<T>>;
-
-export { Accordion, type AccordionProps, Avatar, type AvatarProps, Box, type BoxProps, Button, type ButtonProps, Chip, type ChipProps, Dropdown, DropdownItem, DropdownItemPressable, type DropdownItemProps, DropdownItems, type DropdownItemsProps, type DropdownProps, DropdownTrigger, HStack, type HStackProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageProps, Modal, ModalDismiss, ModalHeader, type ModalProps, Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type PopoverHeadingProps, PopoverProvider, Pressable, type PressableProps, type SetState, Spinner, type SpinnerProps, Tab, TabList, TabPanel, type TabProps, Tabs, Text, TextInput, TextInputGroup, type TextInputGroupProps, TextInputLabel, type TextInputLabelProps, type TextInputProps, type TextProps, ToastContainer, VStack, type VStackProps, cva, cx, getStyles, useModalStore };
+export { Accordion, type AccordionProps, Avatar, type AvatarProps, Box, type BoxProps, Button, type ButtonProps, ButtonSize, ButtonVariant, Chip, type ChipProps, Dropdown, DropdownItem, DropdownItemPressable, type DropdownItemProps, DropdownItems, type DropdownItemsProps, type DropdownProps, DropdownTrigger, ForegroundColor, HStack, type HStackProps, Icon, IconButton, type IconButtonProps, IconName, type IconProps, Image, type ImageProps, Modal, ModalDismiss, ModalHeader, type ModalProps, Overflow, Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type PopoverHeadingProps, PopoverProvider, Pressable, type PressableProps, Spinner, type SpinnerProps, Tab, TabList, TabPanel, type TabProps, Tabs, Text, TextInput, TextInputGroup, type TextInputGroupProps, TextInputLabel, type TextInputLabelProps, type TextInputProps, type TextProps, ToastContainer, UniversalAvatarProps, UniversalBoxProps, UniversalButtonProps, UniversalIconButtonProps, UniversalIconProps, UniversalImageProps, UniversalPressableProps, UniversalStackProps, UniversalTextInputProps, UniversalTextProps, VStack, type VStackProps, cva, cx, getStyles, useModalStore };

package/dist/index.d.ts

@@ -1,13 +1,17 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { UniversalAvatarProps, UniversalBoxProps, UniversalPressableProps, UniversalButtonProps, IconName, Overflow, UniversalTextProps, ButtonVariant, ButtonSize, UniversalStackProps, UniversalIconProps, UniversalIconButtonProps, ForegroundColor, UniversalImageProps, UniversalTextInputProps } from '@yahoo/uds-tokens';
-export * from '@yahoo/uds-tokens';
+import { j as UniversalAvatarProps, k as UniversalBoxProps, l as UniversalPressableProps, m as UniversalButtonProps, I as IconName, O as Overflow, n as UniversalTextProps, o as ButtonVariant, p as ButtonSize, q as UniversalStackProps, r as UniversalIconProps, s as UniversalIconButtonProps, t as ForegroundColor, u as UniversalImageProps, v as UniversalTextInputProps } from './types-hirL9Qk5.js';
+export { A as AlwaysPalette, x as AlwaysPaletteAlias, y as Animation, z as AriaAttribute, D as AspectRatioAlias, G as AspectRatioConfig, J as AvatarSizeAlias, K as AvatarSizeConfig, M as BackgroundColor, d as BackgroundPalette, N as BackgroundPaletteAlias, Q as BackgroundStyleProps, e as BackgroundWashPalette, R as BackgroundWashPaletteAlias, T as BorderStyleProps, V as BorderWidthAlias, B as BorderWidthConfig, W as BoxShadowConfig, C as ColorMode, X as ColorModeForApp, a as ColorsConfig, c as CorePalette, Y as CorePaletteAlias, Z as DataAttribute, h as ElevationAlias, E as ElevationConfig, _ as ElevationPaletteAlias, $ as FlexStyleProps, a0 as FontFamilyConfig, a1 as FontFamilyGlobalAlias, i as FontFamilyGlobalConfig, a2 as FontSizeConfig, f as FontWeightConfig, a3 as FontWeightDescriptiveAlias, g as FontWeightNumericAlias, F as ForegroundPalette, a4 as ForegroundPaletteAlias, a5 as HighContrastMode, H as Hue, b as HueStep, a6 as IconSizeAlias, a7 as IconSizeConfig, a8 as LayoutStyleProps, a9 as LetterSpacingAlias, aa as LineClampAlias, ab as LineColor, ac as LineHeightConfig, L as LinePalette, ad as LinePaletteAlias, ae as Modes, af as OpacityAlias, ag as OpacityStyleProps, ah as Palette, ai as PaletteConfig, aj as PaletteType, P as PaletteValue, ak as PlatformMode, al as RegionMode, am as ScaleConfig, S as ScaleMode, an as ScaleModeConfig, ao as ScaleModeForApp, ap as ShapeAlias, aq as ShapeConfig, ar as SizingStyleProps, as as SpacingAlias, at as SpacingConfig, au as SpacingStyleProps, av as SpectrumColor, aw as SpectrumConfig, ax as StateStyleProps, ay as StyleProps, az as TextConfig, aA as TextStyleProps, aB as TextTransformAlias, aC as TextTransformConfig, aD as TextVariant, aE as TransitionDelay, aF as TransitionDuration, aG as TransitionTiming, U as UniversalTokensConfig, aH as ZIndexAlias, aI as ZIndexConfig, w as alwaysPalette } from './types-hirL9Qk5.js';
 import * as react from 'react';
-import react__default, { PropsWithChildren, Dispatch, SetStateAction } from 'react';
+import react__default, { PropsWithChildren } from 'react';
 import * as _ariakit_react from '@ariakit/react';
 import { PopoverProps, PopoverProviderProps, DialogProps, useDialogStore, DialogStore, DialogDismiss, Popover as Popover$1, PopoverArrow as PopoverArrow$1, PopoverAnchor as PopoverAnchor$1, PopoverDescription as PopoverDescription$1, PopoverDismiss as PopoverDismiss$1, PopoverProvider as PopoverProvider$1, PopoverDisclosure as PopoverDisclosure$1, PopoverDisclosureArrow as PopoverDisclosureArrow$1, TabProviderProps, TabListProps, TabPanelProps } from '@ariakit/react';
 export { DialogStore as ModalStore, TabListProps, TabPanelProps, TabProviderProps as TabsProps, usePopoverStore } from '@ariakit/react';
 import { ToastContainerProps } from 'react-toastify';
 export { toast } from 'react-toastify';
+import { C as CX, a as CVA } from './types-J4DLS6Xj.js';
+export { S as SetState } from './types-J4DLS6Xj.js';
+export { c as DEFAULT_COLOR_MODE, D as DEFAULT_COLOR_MODE_FOR_APP, g as DEFAULT_HIGH_CONTRAST_MODE, h as DEFAULT_REGION_MODE, e as DEFAULT_SCALE_MODE, b as DEFAULT_SCALE_MODE_FOR_APP, d as defaultTokensConfig, f as fontFamilyGlobal, a as fontWeightMap } from './index.native-9kYJrUPa.js';
+export { AVATAR_SIZE_PREFIX, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, FONT_FAMILY_PREFIX, FONT_ICONS_CSS_VAR, FONT_SANS_BETA_CSS_VAR, FONT_SANS_CONDENSED_CSS_VAR, FONT_SANS_CSS_VAR, FONT_SERIF_DISPLAY_CSS_VAR, FONT_SERIF_TEXT_CSS_VAR, FONT_SIZE_PREFIX, FONT_WEIGHT_PREFIX, ICON_SIZE_PREFIX, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, SHAPE_PREFIX, SMALL_SCALE_MODE_CLASSNAME, SPACING_PREFIX, SPECTRUM_COLOR_PREFIX, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, entries, getColorModeClassName, getScaleModeClassName } from './tokens/index.js';
 
 interface AccordionProps extends React.PropsWithChildren {
     label: string;
@@ -494,86 +498,53 @@ type VStackProps = UniversalStackProps & DivProps$1;
  */
 declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps$1 & react.RefAttributes<HTMLDivElement>>;
 
-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>[];
-type CVAVariantSchema<T, V extends CVAVariantShape<T>> = {
-    [Variant in keyof V]?: StringToBoolean<keyof V[Variant]> | undefined;
-};
-type CVAVariantShape<T> = Record<string, Record<string, T>>;
-type CVAStyleProp<T> = T extends string ? {
-    className?: T;
-} : {
-    style?: T;
-};
-type CVAConfigBase<T> = {
-    base?: T | null;
-};
-interface CVA<T> {
-    <V extends CVAVariantShape<T>>(config: V extends CVAVariantShape<T> ? CVAConfigBase<T> & {
-        base?: T;
-        variants?: V;
-        compoundVariants?: (V extends CVAVariantShape<T> ? (CVAVariantSchema<T, V> | {
-            [Variant in keyof V]?: StringToBoolean<keyof V[Variant]> | undefined;
-        }) & CVAStyleProp<T> : CVAStyleProp<T>)[];
-        defaultVariants?: CVAVariantSchema<T, V>;
-    } : CVAConfigBase<T> & {
-        variants?: never;
-        compoundVariants?: never;
-        defaultVariants?: never;
-    }): (props?: V extends CVAVariantShape<T> ? CVAVariantSchema<T, V> & CVAStyleProp<T> : CVAStyleProp<T>) => T;
-}
-interface CX<T> {
-    (...inputs: CvaStyleValue<T>[]): T;
-}
-
 declare const cx: CX<string>;
 declare const cva: CVA<string>;
 declare const getStyles: (props?: ({
-    color?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "white" | "black" | "transparent" | undefined;
-    colorChecked?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "white" | "black" | "transparent" | undefined;
-    fontFamily?: "icons" | "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "sans" | "sans-beta" | "sans-condensed" | "serif-text" | "serif-display" | "display2" | undefined;
+    color?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "white" | "black" | undefined;
+    colorChecked?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "white" | "black" | undefined;
+    fontFamily?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "icons" | "sans" | "sans-beta" | "sans-condensed" | "serif-text" | "serif-display" | "display2" | undefined;
     fontSize?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
-    fontWeight?: "bold" | "black" | "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "extrabold" | undefined;
+    fontWeight?: "bold" | "black" | "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "extrabold" | "display2" | undefined;
     lineHeight?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
-    textAlign?: "end" | "start" | "center" | "justify" | undefined;
-    textTransform?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
-    spacing?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingHorizontal?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingVertical?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingBottom?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingEnd?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingStart?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingTop?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offset?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetVertical?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetHorizontal?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetBottom?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetEnd?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetStart?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetTop?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    columnGap?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    rowGap?: "0" | "1" | "2" | "4" | "8" | "3" | "5" | "6" | "7" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    backgroundColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "transparent" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
-    backgroundColorOnActive?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "transparent" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
-    backgroundColorOnHover?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "transparent" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
-    backgroundColorOnChecked?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "transparent" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
+    textAlign?: "center" | "justify" | "start" | "end" | undefined;
+    textTransform?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "none" | "uppercase" | "lowercase" | "capitalize" | "display2" | undefined;
+    spacing?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    spacingHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    spacingVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    spacingBottom?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    spacingEnd?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    spacingStart?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    spacingTop?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    offset?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    offsetVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    offsetHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    offsetBottom?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    offsetEnd?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    offsetStart?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    offsetTop?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    columnGap?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    rowGap?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
+    backgroundColor?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
+    backgroundColorOnActive?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
+    backgroundColorOnHover?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
+    backgroundColorOnChecked?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
     elevation?: "1" | "2" | "3" | undefined;
-    opacity?: "0" | "5" | "10" | "20" | "25" | "30" | "40" | "50" | "60" | "70" | "75" | "80" | "90" | "95" | "100" | undefined;
-    borderColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderColorOnActive?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderColorOnFocus?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderColorOnHover?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderColorOnChecked?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderStartColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderEndColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderBottomColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderTopColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | "transparent" | undefined;
-    borderRadius?: "m" | "square" | "xs" | "s" | "l" | "xl" | "xxl" | "circle" | undefined;
-    borderTopStartRadius?: "m" | "square" | "xs" | "s" | "l" | "xl" | "xxl" | "circle" | undefined;
-    borderTopEndRadius?: "m" | "square" | "xs" | "s" | "l" | "xl" | "xxl" | "circle" | undefined;
-    borderBottomStartRadius?: "m" | "square" | "xs" | "s" | "l" | "xl" | "xxl" | "circle" | undefined;
-    borderBottomEndRadius?: "m" | "square" | "xs" | "s" | "l" | "xl" | "xxl" | "circle" | undefined;
+    opacity?: "0" | "5" | "10" | "100" | "20" | "30" | "40" | "50" | "25" | "60" | "70" | "75" | "80" | "90" | "95" | undefined;
+    borderColor?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderColorOnActive?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderColorOnFocus?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderColorOnHover?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderColorOnChecked?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderStartColor?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderEndColor?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderBottomColor?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderTopColor?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
+    borderRadius?: "square" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "circle" | undefined;
+    borderTopStartRadius?: "square" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "circle" | undefined;
+    borderTopEndRadius?: "square" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "circle" | undefined;
+    borderBottomStartRadius?: "square" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "circle" | undefined;
+    borderBottomEndRadius?: "square" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "circle" | undefined;
     bordered?: boolean | undefined;
     borderWidth?: "0" | "1" | "2" | "4" | "8" | undefined;
     borderVerticalWidth?: "0" | "1" | "2" | "4" | "8" | undefined;
@@ -588,35 +559,33 @@ declare const getStyles: (props?: ({
     borderedHorizontal?: boolean | undefined;
     borderedEnd?: boolean | undefined;
     borderedStart?: boolean | undefined;
-    height?: "auto" | "full" | "screen" | "min" | "max" | "fit" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | undefined;
+    height?: "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "full" | "screen" | "min" | "max" | "fit" | undefined;
     minHeight?: "full" | "screen" | "min" | "max" | "fit" | undefined;
     maxHeight?: "none" | "full" | "screen" | "min" | "max" | "fit" | undefined;
-    width?: "auto" | "full" | "screen" | "min" | "max" | "fit" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
+    width?: "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "full" | "screen" | "min" | "max" | "fit" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
     minWidth?: "full" | "screen" | "min" | "max" | "fit" | undefined;
     maxWidth?: "none" | "full" | "min" | "max" | "fit" | undefined;
-    avatarSize?: "m" | "s" | "l" | undefined;
-    iconSize?: "m" | "s" | "l" | undefined;
-    alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
-    alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
-    alignSelf?: "center" | "auto" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
+    avatarSize?: "s" | "m" | "l" | undefined;
+    iconSize?: "s" | "m" | "l" | undefined;
+    alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
+    alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
+    alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
     flex?: "1" | "none" | "auto" | "initial" | undefined;
     flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
     flexGrow?: "0" | "1" | "2" | "3" | undefined;
     flexShrink?: "0" | "1" | undefined;
-    flexWrap?: "wrap" | "wrap-reverse" | "nowrap" | undefined;
-    justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
     flexBasis?: "min-content" | undefined;
-    display?: "flex" | "block" | "inline-block" | "inline" | "inline-flex" | "table" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "grid" | "contents" | undefined;
+    display?: "grid" | "block" | "inline-block" | "inline" | "flex" | "inline-flex" | "table" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "contents" | undefined;
     overflow?: "auto" | "hidden" | "clip" | "visible" | "scroll" | undefined;
     overflowX?: "auto" | "hidden" | "clip" | "visible" | "scroll" | undefined;
     overflowY?: "auto" | "hidden" | "clip" | "visible" | "scroll" | undefined;
-    position?: "fixed" | "static" | "absolute" | "relative" | "sticky" | undefined;
-    zIndex?: "0" | "10" | "20" | "30" | "40" | "50" | "auto" | undefined;
-    contentFit?: "fill" | "none" | "contain" | "cover" | "scale-down" | undefined;
+    position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
+    zIndex?: "0" | "10" | "auto" | "20" | "30" | "40" | "50" | undefined;
+    contentFit?: "none" | "cover" | "contain" | "fill" | "scale-down" | undefined;
 } & {
     className?: string | undefined;
 }) | undefined) => string;
 
-type SetState<T> = Dispatch<SetStateAction<T>>;
-
-export { Accordion, type AccordionProps, Avatar, type AvatarProps, Box, type BoxProps, Button, type ButtonProps, Chip, type ChipProps, Dropdown, DropdownItem, DropdownItemPressable, type DropdownItemProps, DropdownItems, type DropdownItemsProps, type DropdownProps, DropdownTrigger, HStack, type HStackProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageProps, Modal, ModalDismiss, ModalHeader, type ModalProps, Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type PopoverHeadingProps, PopoverProvider, Pressable, type PressableProps, type SetState, Spinner, type SpinnerProps, Tab, TabList, TabPanel, type TabProps, Tabs, Text, TextInput, TextInputGroup, type TextInputGroupProps, TextInputLabel, type TextInputLabelProps, type TextInputProps, type TextProps, ToastContainer, VStack, type VStackProps, cva, cx, getStyles, useModalStore };
+export { Accordion, type AccordionProps, Avatar, type AvatarProps, Box, type BoxProps, Button, type ButtonProps, ButtonSize, ButtonVariant, Chip, type ChipProps, Dropdown, DropdownItem, DropdownItemPressable, type DropdownItemProps, DropdownItems, type DropdownItemsProps, type DropdownProps, DropdownTrigger, ForegroundColor, HStack, type HStackProps, Icon, IconButton, type IconButtonProps, IconName, type IconProps, Image, type ImageProps, Modal, ModalDismiss, ModalHeader, type ModalProps, Overflow, Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type PopoverHeadingProps, PopoverProvider, Pressable, type PressableProps, Spinner, type SpinnerProps, Tab, TabList, TabPanel, type TabProps, Tabs, Text, TextInput, TextInputGroup, type TextInputGroupProps, TextInputLabel, type TextInputLabelProps, type TextInputProps, type TextProps, ToastContainer, UniversalAvatarProps, UniversalBoxProps, UniversalButtonProps, UniversalIconButtonProps, UniversalIconProps, UniversalImageProps, UniversalPressableProps, UniversalStackProps, UniversalTextInputProps, UniversalTextProps, VStack, type VStackProps, cva, cx, getStyles, useModalStore };