@yahoo/uds 0.1.4 → 0.1.6

package/dist/index.d.cts

@@ -1,10 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default from 'react';
-import { U as UniversalAvatarProps, n as UniversalBoxProps, o as UniversalPressableProps, p as UniversalButtonProps, q as UniversalStackProps, r as UniversalTextProps, s as UniversalTokensConfig } from './types-MpJxQeoD.cjs';
-export { t as AlwaysPalette, A as AlwaysPaletteAlias, u as Animation, v as AnyObject, w as AriaAttribute, x as AspectRatioAlias, y as AspectRatioConfig, k as AvatarSizeAlias, z as AvatarSizeConfig, D as BackgroundColor, G as BackgroundPalette, B as BackgroundPaletteAlias, I as BackgroundStyleProps, J as BackgroundWashPalette, d as BackgroundWashPaletteAlias, K as BorderStyleProps, h as BorderWidthAlias, M as BorderWidthConfig, N as BoxShadowConfig, m as ButtonSize, l as ButtonVariant, C as ColorMode, O as ColorsConfig, P as CorePalette, c as CorePaletteAlias, Q as DataAttribute, E as ElevationAlias, R as ElevationConfig, V as FlexStyleProps, e as FontFamilyAlias, W as FontFamilyConfig, X as FontSizeAlias, Y as FontSizeConfig, f as FontWeightAlias, Z as FontWeightConfig, _ as FontWeightDescriptiveAlias, $ as FontWeightNumericAlias, a0 as ForegroundColor, a1 as ForegroundPalette, F as ForegroundPaletteAlias, H as Hue, a as HueStep, a2 as IconSizeAlias, a3 as IconSizeConfig, a4 as LayoutStyleProps, a5 as LetterSpacingAlias, a6 as LineClamp, a7 as LineColor, a8 as LineHeightAlias, a9 as LineHeightConfig, aa as LinePalette, L as LinePaletteAlias, ab as Modes, ac as OpacityAlias, ad as OpacityStyleProps, ae as Palette, af as PaletteConfig, ag as PaletteType, ah as PaletteValue, ai as PlatformMode, aj as ScaleConfig, S as ScaleMode, ak as ScaleModeConfig, al as SetState, j as ShapeAlias, am as ShapeConfig, an as SizingStyleProps, i as SpacingAlias, ao as SpacingConfig, ap as SpacingStyleProps, b as SpectrumColor, aq as SpectrumConfig, ar as StateStyleProps, as as StyleProps, at as TextConfig, au as TextStyleProps, g as TextTransformAlias, av as TextTransformConfig, T as TextVariant, aw as TransitionDelay, ax as TransitionDuration, ay as TransitionTiming, az as TypographyConfig, aA as UniversalImageProps, aB as ZIndexAlias, aC as ZIndexConfig } from './types-MpJxQeoD.cjs';
+import { U as UniversalAvatarProps, s as UniversalBoxProps, t as UniversalPressableProps, u as UniversalButtonProps, v as UniversalStackProps, w as UniversalTextProps, x as UniversalTokensConfig } from './types-7giMTpNx.cjs';
+export { y as AlwaysPalette, A as AlwaysPaletteAlias, z as Animation, D as AnyObject, G as AriaAttribute, I as AspectRatioAlias, J as AspectRatioConfig, p as AvatarSizeAlias, K as AvatarSizeConfig, M as BackgroundColor, f as BackgroundPalette, B as BackgroundPaletteAlias, N as BackgroundStyleProps, g as BackgroundWashPalette, d as BackgroundWashPaletteAlias, O as BorderStyleProps, m as BorderWidthAlias, P as BorderWidthConfig, Q as BoxShadowConfig, r as ButtonSize, q as ButtonVariant, C as ColorMode, R as ColorsConfig, e as CorePalette, c as CorePaletteAlias, V as DataAttribute, E as ElevationAlias, W as ElevationConfig, X as FlexStyleProps, j as FontFamilyAlias, Y as FontFamilyConfig, Z as FontSizeAlias, _ as FontSizeConfig, k as FontWeightAlias, $ as FontWeightConfig, a0 as FontWeightDescriptiveAlias, a1 as FontWeightNumericAlias, a2 as ForegroundColor, h as ForegroundPalette, F as ForegroundPaletteAlias, H as Hue, a as HueStep, a3 as IconSizeAlias, a4 as IconSizeConfig, a5 as LayoutStyleProps, a6 as LetterSpacingAlias, a7 as LineClamp, a8 as LineColor, a9 as LineHeightAlias, aa as LineHeightConfig, i as LinePalette, L as LinePaletteAlias, ab as Modes, ac as OpacityAlias, ad as OpacityStyleProps, ae as Palette, af as PaletteConfig, ag as PaletteType, ah as PaletteValue, ai as PlatformMode, aj as ScaleConfig, S as ScaleMode, ak as ScaleModeConfig, al as SetState, o as ShapeAlias, am as ShapeConfig, an as SizingStyleProps, n as SpacingAlias, ao as SpacingConfig, ap as SpacingStyleProps, b as SpectrumColor, aq as SpectrumConfig, ar as StateStyleProps, as as StyleProps, at as TextConfig, au as TextStyleProps, l as TextTransformAlias, av as TextTransformConfig, T as TextVariant, aw as TransitionDelay, ax as TransitionDuration, ay as TransitionTiming, az as TypographyConfig, aA as UniversalImageProps, aB as ZIndexAlias, aC as ZIndexConfig } from './types-7giMTpNx.cjs';
 import * as tailwindcss_types_config from 'tailwindcss/types/config';
-import 'zod';
 
 type NativeImageProps = Omit<react__default.ImgHTMLAttributes<HTMLImageElement>, 'size' | 'color' | 'height' | 'width' | 'alt' | 'src'>;
 interface AvatarProps extends NativeImageProps, UniversalAvatarProps {
@@ -93,69 +92,70 @@ interface CX<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" | "transparent" | "black" | "white" | undefined;
-    colorChecked?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "transparent" | "black" | "white" | 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?: "icons" | "sans" | "sans-condensed" | "serif-text" | "serif-display" | undefined;
-    fontSize?: "display1" | "title1" | "title2" | "title3" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
-    fontWeight?: "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "bold" | "extrabold" | "black" | "display1" | "title1" | "title2" | "title3" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
-    lineHeight?: "display1" | "title1" | "title2" | "title3" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
+    fontSize?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
+    fontWeight?: "black" | "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "bold" | "extrabold" | "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
+    lineHeight?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
     textAlign?: "center" | "justify" | "start" | "end" | undefined;
-    spacing?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingVertical?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingBottom?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingEnd?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingStart?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingTop?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offset?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetVertical?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetBottom?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetEnd?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetStart?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetTop?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    columnGap?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    rowGap?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    backgroundColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "transparent" | "black" | "white" | undefined;
-    backgroundColorOnActive?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "transparent" | "black" | "white" | undefined;
-    backgroundColorOnHover?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "transparent" | "black" | "white" | undefined;
-    backgroundColorOnChecked?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "transparent" | "black" | "white" | undefined;
+    textTransform?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
+    spacing?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    spacingHorizontal?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    spacingVertical?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    spacingBottom?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    spacingEnd?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    spacingStart?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    spacingTop?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    offset?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    offsetVertical?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    offsetHorizontal?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    offsetBottom?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    offsetEnd?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    offsetStart?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    offsetTop?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    columnGap?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    rowGap?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    backgroundColor?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | undefined;
+    backgroundColorOnActive?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | undefined;
+    backgroundColorOnHover?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | undefined;
+    backgroundColorOnChecked?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | undefined;
     elevation?: "1" | "2" | "3" | undefined;
-    opacity?: "0" | "5" | "10" | "100" | "20" | "25" | "30" | "40" | "50" | "60" | "70" | "75" | "80" | "90" | "95" | undefined;
-    borderColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderColorOnActive?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderColorOnFocus?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderColorOnHover?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderColorOnChecked?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderStartColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderEndColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderBottomColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderTopColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderRadius?: "s" | "m" | "l" | "square" | "xs" | "xl" | "xxl" | "circle" | undefined;
-    borderTopStartRadius?: "s" | "m" | "l" | "square" | "xs" | "xl" | "xxl" | "circle" | undefined;
-    borderTopEndRadius?: "s" | "m" | "l" | "square" | "xs" | "xl" | "xxl" | "circle" | undefined;
-    borderBottomStartRadius?: "s" | "m" | "l" | "square" | "xs" | "xl" | "xxl" | "circle" | undefined;
-    borderBottomEndRadius?: "s" | "m" | "l" | "square" | "xs" | "xl" | "xxl" | "circle" | undefined;
+    opacity?: "10" | "5" | "100" | "0" | "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;
-    borderHorizontalWidth?: "0" | "1" | "2" | "4" | "8" | undefined;
-    borderStartWidth?: "0" | "1" | "2" | "4" | "8" | undefined;
-    borderEndWidth?: "0" | "1" | "2" | "4" | "8" | undefined;
-    borderTopWidth?: "0" | "1" | "2" | "4" | "8" | undefined;
-    borderBottomWidth?: "0" | "1" | "2" | "4" | "8" | undefined;
+    borderWidth?: "1" | "2" | "4" | "8" | "0" | undefined;
+    borderVerticalWidth?: "1" | "2" | "4" | "8" | "0" | undefined;
+    borderHorizontalWidth?: "1" | "2" | "4" | "8" | "0" | undefined;
+    borderStartWidth?: "1" | "2" | "4" | "8" | "0" | undefined;
+    borderEndWidth?: "1" | "2" | "4" | "8" | "0" | undefined;
+    borderTopWidth?: "1" | "2" | "4" | "8" | "0" | undefined;
+    borderBottomWidth?: "1" | "2" | "4" | "8" | "0" | undefined;
     borderedVertical?: boolean | undefined;
     borderedTop?: boolean | undefined;
     borderedBottom?: boolean | undefined;
     borderedHorizontal?: boolean | undefined;
     borderedEnd?: boolean | undefined;
     borderedStart?: boolean | undefined;
-    height?: "auto" | "min" | "max" | "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" | "fit" | undefined;
-    minHeight?: "min" | "max" | "full" | "screen" | "fit" | undefined;
-    maxHeight?: "none" | "min" | "max" | "full" | "screen" | "fit" | undefined;
-    width?: "auto" | "min" | "max" | "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" | "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?: "min" | "max" | "full" | "fit" | undefined;
-    maxWidth?: "none" | "min" | "max" | "full" | "fit" | 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" | "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" | "min" | "max" | "fit" | undefined;
+    maxWidth?: "none" | "full" | "min" | "max" | "fit" | undefined;
     avatarSize?: "s" | "m" | "l" | undefined;
     iconSize?: "s" | "m" | "l" | undefined;
     alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
@@ -163,8 +163,8 @@ declare const getStyles: (props?: ({
     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" | undefined;
-    flexShrink?: "0" | "1" | undefined;
+    flexGrow?: "1" | "0" | undefined;
+    flexShrink?: "1" | "0" | undefined;
     flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
     justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
     flexBasis?: "min-content" | undefined;
@@ -173,8 +173,8 @@ declare const getStyles: (props?: ({
     overflowX?: "auto" | "hidden" | "clip" | "visible" | "scroll" | undefined;
     overflowY?: "auto" | "hidden" | "clip" | "visible" | "scroll" | undefined;
     position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
-    zIndex?: "0" | "10" | "20" | "30" | "40" | "50" | "auto" | undefined;
-    objectFit?: "fill" | "none" | "cover" | "contain" | "scale-down" | undefined;
+    zIndex?: "10" | "auto" | "0" | "20" | "30" | "40" | "50" | undefined;
+    objectFit?: "none" | "cover" | "contain" | "fill" | "scale-down" | undefined;
 } & {
     className?: string | undefined;
 }) | undefined) => string;

package/dist/index.d.ts

@@ -1,10 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default from 'react';
-import { U as UniversalAvatarProps, n as UniversalBoxProps, o as UniversalPressableProps, p as UniversalButtonProps, q as UniversalStackProps, r as UniversalTextProps, s as UniversalTokensConfig } from './types-MpJxQeoD.js';
-export { t as AlwaysPalette, A as AlwaysPaletteAlias, u as Animation, v as AnyObject, w as AriaAttribute, x as AspectRatioAlias, y as AspectRatioConfig, k as AvatarSizeAlias, z as AvatarSizeConfig, D as BackgroundColor, G as BackgroundPalette, B as BackgroundPaletteAlias, I as BackgroundStyleProps, J as BackgroundWashPalette, d as BackgroundWashPaletteAlias, K as BorderStyleProps, h as BorderWidthAlias, M as BorderWidthConfig, N as BoxShadowConfig, m as ButtonSize, l as ButtonVariant, C as ColorMode, O as ColorsConfig, P as CorePalette, c as CorePaletteAlias, Q as DataAttribute, E as ElevationAlias, R as ElevationConfig, V as FlexStyleProps, e as FontFamilyAlias, W as FontFamilyConfig, X as FontSizeAlias, Y as FontSizeConfig, f as FontWeightAlias, Z as FontWeightConfig, _ as FontWeightDescriptiveAlias, $ as FontWeightNumericAlias, a0 as ForegroundColor, a1 as ForegroundPalette, F as ForegroundPaletteAlias, H as Hue, a as HueStep, a2 as IconSizeAlias, a3 as IconSizeConfig, a4 as LayoutStyleProps, a5 as LetterSpacingAlias, a6 as LineClamp, a7 as LineColor, a8 as LineHeightAlias, a9 as LineHeightConfig, aa as LinePalette, L as LinePaletteAlias, ab as Modes, ac as OpacityAlias, ad as OpacityStyleProps, ae as Palette, af as PaletteConfig, ag as PaletteType, ah as PaletteValue, ai as PlatformMode, aj as ScaleConfig, S as ScaleMode, ak as ScaleModeConfig, al as SetState, j as ShapeAlias, am as ShapeConfig, an as SizingStyleProps, i as SpacingAlias, ao as SpacingConfig, ap as SpacingStyleProps, b as SpectrumColor, aq as SpectrumConfig, ar as StateStyleProps, as as StyleProps, at as TextConfig, au as TextStyleProps, g as TextTransformAlias, av as TextTransformConfig, T as TextVariant, aw as TransitionDelay, ax as TransitionDuration, ay as TransitionTiming, az as TypographyConfig, aA as UniversalImageProps, aB as ZIndexAlias, aC as ZIndexConfig } from './types-MpJxQeoD.js';
+import { U as UniversalAvatarProps, s as UniversalBoxProps, t as UniversalPressableProps, u as UniversalButtonProps, v as UniversalStackProps, w as UniversalTextProps, x as UniversalTokensConfig } from './types-7giMTpNx.js';
+export { y as AlwaysPalette, A as AlwaysPaletteAlias, z as Animation, D as AnyObject, G as AriaAttribute, I as AspectRatioAlias, J as AspectRatioConfig, p as AvatarSizeAlias, K as AvatarSizeConfig, M as BackgroundColor, f as BackgroundPalette, B as BackgroundPaletteAlias, N as BackgroundStyleProps, g as BackgroundWashPalette, d as BackgroundWashPaletteAlias, O as BorderStyleProps, m as BorderWidthAlias, P as BorderWidthConfig, Q as BoxShadowConfig, r as ButtonSize, q as ButtonVariant, C as ColorMode, R as ColorsConfig, e as CorePalette, c as CorePaletteAlias, V as DataAttribute, E as ElevationAlias, W as ElevationConfig, X as FlexStyleProps, j as FontFamilyAlias, Y as FontFamilyConfig, Z as FontSizeAlias, _ as FontSizeConfig, k as FontWeightAlias, $ as FontWeightConfig, a0 as FontWeightDescriptiveAlias, a1 as FontWeightNumericAlias, a2 as ForegroundColor, h as ForegroundPalette, F as ForegroundPaletteAlias, H as Hue, a as HueStep, a3 as IconSizeAlias, a4 as IconSizeConfig, a5 as LayoutStyleProps, a6 as LetterSpacingAlias, a7 as LineClamp, a8 as LineColor, a9 as LineHeightAlias, aa as LineHeightConfig, i as LinePalette, L as LinePaletteAlias, ab as Modes, ac as OpacityAlias, ad as OpacityStyleProps, ae as Palette, af as PaletteConfig, ag as PaletteType, ah as PaletteValue, ai as PlatformMode, aj as ScaleConfig, S as ScaleMode, ak as ScaleModeConfig, al as SetState, o as ShapeAlias, am as ShapeConfig, an as SizingStyleProps, n as SpacingAlias, ao as SpacingConfig, ap as SpacingStyleProps, b as SpectrumColor, aq as SpectrumConfig, ar as StateStyleProps, as as StyleProps, at as TextConfig, au as TextStyleProps, l as TextTransformAlias, av as TextTransformConfig, T as TextVariant, aw as TransitionDelay, ax as TransitionDuration, ay as TransitionTiming, az as TypographyConfig, aA as UniversalImageProps, aB as ZIndexAlias, aC as ZIndexConfig } from './types-7giMTpNx.js';
 import * as tailwindcss_types_config from 'tailwindcss/types/config';
-import 'zod';
 
 type NativeImageProps = Omit<react__default.ImgHTMLAttributes<HTMLImageElement>, 'size' | 'color' | 'height' | 'width' | 'alt' | 'src'>;
 interface AvatarProps extends NativeImageProps, UniversalAvatarProps {
@@ -93,69 +92,70 @@ interface CX<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" | "transparent" | "black" | "white" | undefined;
-    colorChecked?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "transparent" | "black" | "white" | 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?: "icons" | "sans" | "sans-condensed" | "serif-text" | "serif-display" | undefined;
-    fontSize?: "display1" | "title1" | "title2" | "title3" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
-    fontWeight?: "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "bold" | "extrabold" | "black" | "display1" | "title1" | "title2" | "title3" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
-    lineHeight?: "display1" | "title1" | "title2" | "title3" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
+    fontSize?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
+    fontWeight?: "black" | "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "bold" | "extrabold" | "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
+    lineHeight?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
     textAlign?: "center" | "justify" | "start" | "end" | undefined;
-    spacing?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingVertical?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingBottom?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingEnd?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingStart?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    spacingTop?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offset?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetVertical?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetBottom?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetEnd?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetStart?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    offsetTop?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    columnGap?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    rowGap?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | undefined;
-    backgroundColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "transparent" | "black" | "white" | undefined;
-    backgroundColorOnActive?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "transparent" | "black" | "white" | undefined;
-    backgroundColorOnHover?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "transparent" | "black" | "white" | undefined;
-    backgroundColorOnChecked?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "transparent" | "black" | "white" | undefined;
+    textTransform?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "display2" | undefined;
+    spacing?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    spacingHorizontal?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    spacingVertical?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    spacingBottom?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    spacingEnd?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    spacingStart?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    spacingTop?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    offset?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    offsetVertical?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    offsetHorizontal?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    offsetBottom?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    offsetEnd?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    offsetStart?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    offsetTop?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    columnGap?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    rowGap?: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12" | "13" | "14" | "0" | undefined;
+    backgroundColor?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | undefined;
+    backgroundColorOnActive?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | undefined;
+    backgroundColorOnHover?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | undefined;
+    backgroundColorOnChecked?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | undefined;
     elevation?: "1" | "2" | "3" | undefined;
-    opacity?: "0" | "5" | "10" | "100" | "20" | "25" | "30" | "40" | "50" | "60" | "70" | "75" | "80" | "90" | "95" | undefined;
-    borderColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderColorOnActive?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderColorOnFocus?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderColorOnHover?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderColorOnChecked?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderStartColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderEndColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderBottomColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderTopColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "black" | "white" | undefined;
-    borderRadius?: "s" | "m" | "l" | "square" | "xs" | "xl" | "xxl" | "circle" | undefined;
-    borderTopStartRadius?: "s" | "m" | "l" | "square" | "xs" | "xl" | "xxl" | "circle" | undefined;
-    borderTopEndRadius?: "s" | "m" | "l" | "square" | "xs" | "xl" | "xxl" | "circle" | undefined;
-    borderBottomStartRadius?: "s" | "m" | "l" | "square" | "xs" | "xl" | "xxl" | "circle" | undefined;
-    borderBottomEndRadius?: "s" | "m" | "l" | "square" | "xs" | "xl" | "xxl" | "circle" | undefined;
+    opacity?: "10" | "5" | "100" | "0" | "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;
-    borderHorizontalWidth?: "0" | "1" | "2" | "4" | "8" | undefined;
-    borderStartWidth?: "0" | "1" | "2" | "4" | "8" | undefined;
-    borderEndWidth?: "0" | "1" | "2" | "4" | "8" | undefined;
-    borderTopWidth?: "0" | "1" | "2" | "4" | "8" | undefined;
-    borderBottomWidth?: "0" | "1" | "2" | "4" | "8" | undefined;
+    borderWidth?: "1" | "2" | "4" | "8" | "0" | undefined;
+    borderVerticalWidth?: "1" | "2" | "4" | "8" | "0" | undefined;
+    borderHorizontalWidth?: "1" | "2" | "4" | "8" | "0" | undefined;
+    borderStartWidth?: "1" | "2" | "4" | "8" | "0" | undefined;
+    borderEndWidth?: "1" | "2" | "4" | "8" | "0" | undefined;
+    borderTopWidth?: "1" | "2" | "4" | "8" | "0" | undefined;
+    borderBottomWidth?: "1" | "2" | "4" | "8" | "0" | undefined;
     borderedVertical?: boolean | undefined;
     borderedTop?: boolean | undefined;
     borderedBottom?: boolean | undefined;
     borderedHorizontal?: boolean | undefined;
     borderedEnd?: boolean | undefined;
     borderedStart?: boolean | undefined;
-    height?: "auto" | "min" | "max" | "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" | "fit" | undefined;
-    minHeight?: "min" | "max" | "full" | "screen" | "fit" | undefined;
-    maxHeight?: "none" | "min" | "max" | "full" | "screen" | "fit" | undefined;
-    width?: "auto" | "min" | "max" | "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" | "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?: "min" | "max" | "full" | "fit" | undefined;
-    maxWidth?: "none" | "min" | "max" | "full" | "fit" | 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" | "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" | "min" | "max" | "fit" | undefined;
+    maxWidth?: "none" | "full" | "min" | "max" | "fit" | undefined;
     avatarSize?: "s" | "m" | "l" | undefined;
     iconSize?: "s" | "m" | "l" | undefined;
     alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
@@ -163,8 +163,8 @@ declare const getStyles: (props?: ({
     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" | undefined;
-    flexShrink?: "0" | "1" | undefined;
+    flexGrow?: "1" | "0" | undefined;
+    flexShrink?: "1" | "0" | undefined;
     flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
     justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
     flexBasis?: "min-content" | undefined;
@@ -173,8 +173,8 @@ declare const getStyles: (props?: ({
     overflowX?: "auto" | "hidden" | "clip" | "visible" | "scroll" | undefined;
     overflowY?: "auto" | "hidden" | "clip" | "visible" | "scroll" | undefined;
     position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
-    zIndex?: "0" | "10" | "20" | "30" | "40" | "50" | "auto" | undefined;
-    objectFit?: "fill" | "none" | "cover" | "contain" | "scale-down" | undefined;
+    zIndex?: "10" | "auto" | "0" | "20" | "30" | "40" | "50" | undefined;
+    objectFit?: "none" | "cover" | "contain" | "fill" | "scale-down" | undefined;
 } & {
     className?: string | undefined;
 }) | undefined) => string;