@yahoo/uds 0.4.2 → 0.4.4
Sign up to get free protection for your applications and to get access to all the features.
- package/cli/preload.ts +1 -1
- package/cli/utils/purgeCSS.ts +2 -5
- package/dist/{Image.native-CddvOupj.d.cts → Image.native-CfDCpWe_.d.cts} +1 -1
- package/dist/{Image.native-BJfkUDnq.d.ts → Image.native-nwk5tr_f.d.ts} +1 -1
- package/dist/{VStack-CjOrFgxd.d.ts → VStack-Bj6PfbK5.d.ts} +1 -1
- package/dist/{VStack-CMGd5AX1.d.cts → VStack-D-py89Ge.d.cts} +1 -1
- package/dist/experimental/index.cjs +1 -1
- package/dist/experimental/index.d.cts +2 -2
- package/dist/experimental/index.d.ts +2 -2
- package/dist/experimental/index.js +1 -1
- package/dist/experimental/index.native.cjs +1 -1
- package/dist/experimental/index.native.d.cts +3 -3
- package/dist/experimental/index.native.d.ts +3 -3
- package/dist/experimental/index.native.js +1 -1
- package/dist/fixtures.cjs +60 -124
- package/dist/fixtures.d.ts +3 -10
- package/dist/fixtures.js +59 -123
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +58 -25
- package/dist/index.d.ts +58 -25
- package/dist/index.js +1 -1
- package/dist/{index.native-DG8RsS88.d.cts → index.native-A2gCijBH.d.cts} +1 -1
- package/dist/{index.native-LymI5azd.d.ts → index.native-BLJdXZHY.d.ts} +1 -1
- package/dist/index.native.cjs +1 -1
- package/dist/index.native.d.cts +72 -10
- package/dist/index.native.d.ts +72 -10
- package/dist/index.native.js +1 -1
- package/dist/styles/globals.css +1 -0
- package/dist/tailwind/plugin.cjs +1 -0
- package/dist/{tailwindPlugin.d.ts → tailwind/plugin.d.cts} +1 -1
- package/dist/{tailwindPlugin.d.cts → tailwind/plugin.d.ts} +1 -1
- package/dist/tailwind/plugin.js +1 -0
- package/dist/tailwind/purger.cjs +4 -0
- package/dist/tailwind/purger.js +4 -0
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.d.cts +15 -4
- package/dist/tokens/index.d.ts +15 -4
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/index.native.cjs +1 -1
- package/dist/tokens/index.native.d.cts +2 -2
- package/dist/tokens/index.native.d.ts +2 -2
- package/dist/tokens/index.native.js +1 -1
- package/dist/tokens/parseTokens.cjs +1 -1
- package/dist/tokens/parseTokens.d.cts +1 -2
- package/dist/tokens/parseTokens.d.ts +1 -2
- package/dist/tokens/parseTokens.js +1 -1
- package/dist/{types-D-ttCAsE.d.cts → types-Diou6f1Q.d.cts} +2 -3
- package/dist/{types-D-ttCAsE.d.ts → types-Diou6f1Q.d.ts} +2 -3
- package/dist/types-Dk8fLx7L.d.cts +374 -0
- package/dist/types-Dk8fLx7L.d.ts +374 -0
- package/package.json +19 -39
- package/dist/styles/fonts.css +0 -1
- package/dist/styles/fonts.d.cts +0 -2
- package/dist/styles/fonts.d.ts +0 -2
- package/dist/styles/globals.d.cts +0 -2
- package/dist/styles/globals.d.ts +0 -2
- package/dist/styles/toast.d.cts +0 -2
- package/dist/styles/toast.d.ts +0 -2
- package/dist/tailwindPlugin.cjs +0 -1
- package/dist/tailwindPlugin.js +0 -1
- package/dist/tailwindPurge.cjs +0 -4
- package/dist/tailwindPurge.js +0 -4
- package/dist/tokens/parseTokens.native.cjs +0 -1
- package/dist/tokens/parseTokens.native.d.cts +0 -399
- package/dist/tokens/parseTokens.native.d.ts +0 -399
- package/dist/tokens/parseTokens.native.js +0 -1
- package/dist/types-FO65RM-W.d.cts +0 -38
- package/dist/types-FO65RM-W.d.ts +0 -38
- /package/dist/{tailwindPurge.d.cts → tailwind/purger.d.cts} +0 -0
- /package/dist/{tailwindPurge.d.ts → tailwind/purger.d.ts} +0 -0
- /package/dist/{tailwindPurge/utils.cjs → tailwind/tsMorph.cjs} +0 -0
- /package/dist/{tailwindPurge/utils.d.cts → tailwind/tsMorph.d.cts} +0 -0
- /package/dist/{tailwindPurge/utils.d.ts → tailwind/tsMorph.d.ts} +0 -0
- /package/dist/{tailwindPurge/utils.js → tailwind/tsMorph.js} +0 -0
package/dist/index.d.cts
CHANGED
@@ -1,13 +1,11 @@
|
|
1
|
-
import { D as DivProps } from './VStack-
|
2
|
-
export { B as Box, a as BoxProps, P as Pressable, b as PressableProps, T as Text, c as TextProps, V as VStack, d as VStackProps } from './VStack-
|
1
|
+
import { D as DivProps } from './VStack-D-py89Ge.cjs';
|
2
|
+
export { B as Box, a as BoxProps, P as Pressable, b as PressableProps, T as Text, c as TextProps, V as VStack, d as VStackProps } from './VStack-D-py89Ge.cjs';
|
3
3
|
import * as react from 'react';
|
4
|
-
import {
|
5
|
-
|
4
|
+
import { Dispatch, SetStateAction } from 'react';
|
5
|
+
import { j as UniversalStackProps, k as UniversalIconProps, l as UniversalImageProps } from './types-Diou6f1Q.cjs';
|
6
|
+
export { A as AlwaysPalette, n as AlwaysPaletteAlias, o as Animation, p as AriaAttribute, q as AvatarShape, r as AvatarSize, s as AvatarSizeConfig, t as BackgroundColor, u as BackgroundPalette, B as BackgroundPaletteAlias, v as BackgroundStyleProps, w as BorderRadius, x as BorderRadiusConfig, y as BorderStyleProps, z as BorderWidth, D as BorderWidthConfig, E as BoxShadowConfig, G as ButtonSize, I as ButtonVariant, C as ColorMode, J as ColorModeConfig, K as ColorModeForApp, a as ColorsConfig, M as ConfigurableTextProperty, N as CorePalette, c as CorePaletteAlias, O as CustomSizingStyleProps, P as DataAttribute, Q as Display, R as Flex, T as FlexAlignContent, V as FlexAlignItems, W as FlexAlignSelf, X as FlexBasis, Y as FlexDirection, Z as FlexGrow, _ as FlexJustifyContent, $ as FlexShrink, a0 as FlexStyleProps, a1 as FlexWrap, a2 as FontFamilyConfig, a3 as FontFamilyGlobalAlias, f as FontFamilyGlobalConfig, a4 as FontSize, a5 as FontSizeConfig, d as FontWeightConfig, a6 as FontWeightDescriptive, e as FontWeightNumeric, a7 as ForegroundColor, a8 as ForegroundPalette, F as ForegroundPaletteAlias, a9 as HighContrastMode, H as Hue, b as HueStep, aa as IconName, ab as IconSize, ac as IconSizeConfig, ad as ImageStyleProps, ae as LayoutStyleProps, af as LetterSpacing, ag as LineClampAlias, ah as LineColor, ai as LineHeight, aj as LineHeightConfig, ak as LinePalette, L as LinePaletteAlias, al as Modes, am as Overflow, an as Palette, ao as PaletteConfig, ap as PaletteType, aq as PaletteValue, ar as PlatformMode, as as Position, at as RegionMode, au as ScaleConfig, S as ScaleMode, av as ScaleModeConfig, aw as ScaleModeForApp, ax as SpacingAlias, ay as SpacingConfig, az as SpacingStyleProps, aA as SpectrumColor, aB as SpectrumConfig, aC as StateStyleProps, aD as StyleProps, aE as TextStyleProps, aF as TextTransform, aG as TextTransformConfig, aH as TextVariant, aI as TransitionDelay, aJ as TransitionDuration, aK as TransitionTiming, aL as UniversalAvatarProps, g as UniversalBoxProps, aM as UniversalButtonProps, aN as UniversalIconButtonProps, h as UniversalPressableProps, aO as UniversalTextInputProps, i as UniversalTextProps, U as UniversalTokensConfig, m as alwaysPalette } from './types-Diou6f1Q.cjs';
|
6
7
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
7
|
-
|
8
|
-
export { S as SetState } from './types-FO65RM-W.cjs';
|
9
|
-
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-DG8RsS88.cjs';
|
10
|
-
export { AVATAR_SIZE_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_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, 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, fromEntries, mapValues } from './tokens/index.cjs';
|
8
|
+
export { AVATAR_SIZE_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_SCALE_MODE_FOR_APP, 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, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, defaultTokensConfig, entries, fontFamilyGlobal, fontWeightMap, fromEntries, mapValues } from './tokens/index.cjs';
|
11
9
|
|
12
10
|
interface HStackProps extends UniversalStackProps, DivProps {
|
13
11
|
}
|
@@ -66,6 +64,39 @@ interface ImageProps extends NativeImageProps, UniversalImageProps {
|
|
66
64
|
*/
|
67
65
|
declare function Image({ width: imageWidth, height: imageHeight, src, alt, contentFit, backgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, borderColorOnActive, borderColorOnFocus, borderColorOnChecked, borderColorOnHover, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, flexBasis, display, overflow, overflowX, overflowY, position, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, columnGap, rowGap, ...props }: ImageProps): react_jsx_runtime.JSX.Element;
|
68
66
|
|
67
|
+
type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T;
|
68
|
+
type CvaStyleValue<T> = T | CvaStyleArray<T> | Record<string, unknown> | null | boolean | undefined;
|
69
|
+
type CvaStyleArray<T> = CvaStyleValue<T>[];
|
70
|
+
type CVAVariantSchema<T, V extends CVAVariantShape<T>> = {
|
71
|
+
[Variant in keyof V]?: StringToBoolean<keyof V[Variant]> | undefined;
|
72
|
+
};
|
73
|
+
type CVAVariantShape<T> = Record<string, Record<string, T>>;
|
74
|
+
type CVAStyleProp<T> = T extends string ? {
|
75
|
+
className?: T;
|
76
|
+
} : {
|
77
|
+
style?: T;
|
78
|
+
};
|
79
|
+
type CVAConfigBase<T> = {
|
80
|
+
base?: T | null;
|
81
|
+
};
|
82
|
+
interface CVA<T> {
|
83
|
+
<V extends CVAVariantShape<T>>(config: V extends CVAVariantShape<T> ? CVAConfigBase<T> & {
|
84
|
+
base?: T;
|
85
|
+
variants?: V;
|
86
|
+
compoundVariants?: (V extends CVAVariantShape<T> ? (CVAVariantSchema<T, V> | {
|
87
|
+
[Variant in keyof V]?: StringToBoolean<keyof V[Variant]> | undefined;
|
88
|
+
}) & CVAStyleProp<T> : CVAStyleProp<T>)[];
|
89
|
+
defaultVariants?: CVAVariantSchema<T, V>;
|
90
|
+
} : CVAConfigBase<T> & {
|
91
|
+
variants?: never;
|
92
|
+
compoundVariants?: never;
|
93
|
+
defaultVariants?: never;
|
94
|
+
}): (props?: V extends CVAVariantShape<T> ? CVAVariantSchema<T, V> & CVAStyleProp<T> : CVAStyleProp<T>) => T;
|
95
|
+
}
|
96
|
+
interface CX<T> {
|
97
|
+
(...inputs: CvaStyleValue<T>[]): T;
|
98
|
+
}
|
99
|
+
|
69
100
|
declare const cx: CX<string>;
|
70
101
|
declare const cva: CVA<string>;
|
71
102
|
declare const getStyles: (props?: ({
|
@@ -77,22 +108,22 @@ declare const getStyles: (props?: ({
|
|
77
108
|
lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | undefined;
|
78
109
|
textAlign?: "center" | "justify" | "start" | "end" | undefined;
|
79
110
|
textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
|
80
|
-
spacing?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
81
|
-
spacingHorizontal?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
82
|
-
spacingVertical?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
83
|
-
spacingBottom?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
84
|
-
spacingEnd?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
85
|
-
spacingStart?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
86
|
-
spacingTop?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
87
|
-
offset?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
88
|
-
offsetVertical?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
89
|
-
offsetHorizontal?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
90
|
-
offsetBottom?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
91
|
-
offsetEnd?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
92
|
-
offsetStart?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
93
|
-
offsetTop?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
94
|
-
columnGap?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
95
|
-
rowGap?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
111
|
+
spacing?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
112
|
+
spacingHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
113
|
+
spacingVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
114
|
+
spacingBottom?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
115
|
+
spacingEnd?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
116
|
+
spacingStart?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
117
|
+
spacingTop?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
118
|
+
offset?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
119
|
+
offsetVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
120
|
+
offsetHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
121
|
+
offsetBottom?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
122
|
+
offsetEnd?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
123
|
+
offsetStart?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
124
|
+
offsetTop?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
125
|
+
columnGap?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
126
|
+
rowGap?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
96
127
|
backgroundColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "transparent" | "white" | "black" | undefined;
|
97
128
|
borderColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | undefined;
|
98
129
|
borderColorOnActive?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | undefined;
|
@@ -139,4 +170,6 @@ declare const getStyles: (props?: ({
|
|
139
170
|
className?: string | undefined;
|
140
171
|
}) | undefined) => string;
|
141
172
|
|
142
|
-
|
173
|
+
type SetState<T> = Dispatch<SetStateAction<T>>;
|
174
|
+
|
175
|
+
export { HStack, type HStackProps, Icon, type IconProps, Image, type ImageProps, type SetState, UniversalIconProps, UniversalImageProps, UniversalStackProps, cva, cx, getStyles };
|
package/dist/index.d.ts
CHANGED
@@ -1,13 +1,11 @@
|
|
1
|
-
import { D as DivProps } from './VStack-
|
2
|
-
export { B as Box, a as BoxProps, P as Pressable, b as PressableProps, T as Text, c as TextProps, V as VStack, d as VStackProps } from './VStack-
|
1
|
+
import { D as DivProps } from './VStack-Bj6PfbK5.js';
|
2
|
+
export { B as Box, a as BoxProps, P as Pressable, b as PressableProps, T as Text, c as TextProps, V as VStack, d as VStackProps } from './VStack-Bj6PfbK5.js';
|
3
3
|
import * as react from 'react';
|
4
|
-
import {
|
5
|
-
|
4
|
+
import { Dispatch, SetStateAction } from 'react';
|
5
|
+
import { j as UniversalStackProps, k as UniversalIconProps, l as UniversalImageProps } from './types-Diou6f1Q.js';
|
6
|
+
export { A as AlwaysPalette, n as AlwaysPaletteAlias, o as Animation, p as AriaAttribute, q as AvatarShape, r as AvatarSize, s as AvatarSizeConfig, t as BackgroundColor, u as BackgroundPalette, B as BackgroundPaletteAlias, v as BackgroundStyleProps, w as BorderRadius, x as BorderRadiusConfig, y as BorderStyleProps, z as BorderWidth, D as BorderWidthConfig, E as BoxShadowConfig, G as ButtonSize, I as ButtonVariant, C as ColorMode, J as ColorModeConfig, K as ColorModeForApp, a as ColorsConfig, M as ConfigurableTextProperty, N as CorePalette, c as CorePaletteAlias, O as CustomSizingStyleProps, P as DataAttribute, Q as Display, R as Flex, T as FlexAlignContent, V as FlexAlignItems, W as FlexAlignSelf, X as FlexBasis, Y as FlexDirection, Z as FlexGrow, _ as FlexJustifyContent, $ as FlexShrink, a0 as FlexStyleProps, a1 as FlexWrap, a2 as FontFamilyConfig, a3 as FontFamilyGlobalAlias, f as FontFamilyGlobalConfig, a4 as FontSize, a5 as FontSizeConfig, d as FontWeightConfig, a6 as FontWeightDescriptive, e as FontWeightNumeric, a7 as ForegroundColor, a8 as ForegroundPalette, F as ForegroundPaletteAlias, a9 as HighContrastMode, H as Hue, b as HueStep, aa as IconName, ab as IconSize, ac as IconSizeConfig, ad as ImageStyleProps, ae as LayoutStyleProps, af as LetterSpacing, ag as LineClampAlias, ah as LineColor, ai as LineHeight, aj as LineHeightConfig, ak as LinePalette, L as LinePaletteAlias, al as Modes, am as Overflow, an as Palette, ao as PaletteConfig, ap as PaletteType, aq as PaletteValue, ar as PlatformMode, as as Position, at as RegionMode, au as ScaleConfig, S as ScaleMode, av as ScaleModeConfig, aw as ScaleModeForApp, ax as SpacingAlias, ay as SpacingConfig, az as SpacingStyleProps, aA as SpectrumColor, aB as SpectrumConfig, aC as StateStyleProps, aD as StyleProps, aE as TextStyleProps, aF as TextTransform, aG as TextTransformConfig, aH as TextVariant, aI as TransitionDelay, aJ as TransitionDuration, aK as TransitionTiming, aL as UniversalAvatarProps, g as UniversalBoxProps, aM as UniversalButtonProps, aN as UniversalIconButtonProps, h as UniversalPressableProps, aO as UniversalTextInputProps, i as UniversalTextProps, U as UniversalTokensConfig, m as alwaysPalette } from './types-Diou6f1Q.js';
|
6
7
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
7
|
-
|
8
|
-
export { S as SetState } from './types-FO65RM-W.js';
|
9
|
-
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-LymI5azd.js';
|
10
|
-
export { AVATAR_SIZE_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_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, 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, fromEntries, mapValues } from './tokens/index.js';
|
8
|
+
export { AVATAR_SIZE_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_SCALE_MODE_FOR_APP, 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, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, defaultTokensConfig, entries, fontFamilyGlobal, fontWeightMap, fromEntries, mapValues } from './tokens/index.js';
|
11
9
|
|
12
10
|
interface HStackProps extends UniversalStackProps, DivProps {
|
13
11
|
}
|
@@ -66,6 +64,39 @@ interface ImageProps extends NativeImageProps, UniversalImageProps {
|
|
66
64
|
*/
|
67
65
|
declare function Image({ width: imageWidth, height: imageHeight, src, alt, contentFit, backgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, borderColorOnActive, borderColorOnFocus, borderColorOnChecked, borderColorOnHover, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, flexBasis, display, overflow, overflowX, overflowY, position, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, columnGap, rowGap, ...props }: ImageProps): react_jsx_runtime.JSX.Element;
|
68
66
|
|
67
|
+
type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T;
|
68
|
+
type CvaStyleValue<T> = T | CvaStyleArray<T> | Record<string, unknown> | null | boolean | undefined;
|
69
|
+
type CvaStyleArray<T> = CvaStyleValue<T>[];
|
70
|
+
type CVAVariantSchema<T, V extends CVAVariantShape<T>> = {
|
71
|
+
[Variant in keyof V]?: StringToBoolean<keyof V[Variant]> | undefined;
|
72
|
+
};
|
73
|
+
type CVAVariantShape<T> = Record<string, Record<string, T>>;
|
74
|
+
type CVAStyleProp<T> = T extends string ? {
|
75
|
+
className?: T;
|
76
|
+
} : {
|
77
|
+
style?: T;
|
78
|
+
};
|
79
|
+
type CVAConfigBase<T> = {
|
80
|
+
base?: T | null;
|
81
|
+
};
|
82
|
+
interface CVA<T> {
|
83
|
+
<V extends CVAVariantShape<T>>(config: V extends CVAVariantShape<T> ? CVAConfigBase<T> & {
|
84
|
+
base?: T;
|
85
|
+
variants?: V;
|
86
|
+
compoundVariants?: (V extends CVAVariantShape<T> ? (CVAVariantSchema<T, V> | {
|
87
|
+
[Variant in keyof V]?: StringToBoolean<keyof V[Variant]> | undefined;
|
88
|
+
}) & CVAStyleProp<T> : CVAStyleProp<T>)[];
|
89
|
+
defaultVariants?: CVAVariantSchema<T, V>;
|
90
|
+
} : CVAConfigBase<T> & {
|
91
|
+
variants?: never;
|
92
|
+
compoundVariants?: never;
|
93
|
+
defaultVariants?: never;
|
94
|
+
}): (props?: V extends CVAVariantShape<T> ? CVAVariantSchema<T, V> & CVAStyleProp<T> : CVAStyleProp<T>) => T;
|
95
|
+
}
|
96
|
+
interface CX<T> {
|
97
|
+
(...inputs: CvaStyleValue<T>[]): T;
|
98
|
+
}
|
99
|
+
|
69
100
|
declare const cx: CX<string>;
|
70
101
|
declare const cva: CVA<string>;
|
71
102
|
declare const getStyles: (props?: ({
|
@@ -77,22 +108,22 @@ declare const getStyles: (props?: ({
|
|
77
108
|
lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | undefined;
|
78
109
|
textAlign?: "center" | "justify" | "start" | "end" | undefined;
|
79
110
|
textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
|
80
|
-
spacing?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
81
|
-
spacingHorizontal?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
82
|
-
spacingVertical?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
83
|
-
spacingBottom?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
84
|
-
spacingEnd?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
85
|
-
spacingStart?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
86
|
-
spacingTop?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
87
|
-
offset?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
88
|
-
offsetVertical?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
89
|
-
offsetHorizontal?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
90
|
-
offsetBottom?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
91
|
-
offsetEnd?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
92
|
-
offsetStart?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
93
|
-
offsetTop?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
94
|
-
columnGap?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
95
|
-
rowGap?: "9" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "
|
111
|
+
spacing?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
112
|
+
spacingHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
113
|
+
spacingVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
114
|
+
spacingBottom?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
115
|
+
spacingEnd?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
116
|
+
spacingStart?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
117
|
+
spacingTop?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
118
|
+
offset?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
119
|
+
offsetVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
120
|
+
offsetHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
121
|
+
offsetBottom?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
122
|
+
offsetEnd?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
123
|
+
offsetStart?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
124
|
+
offsetTop?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
125
|
+
columnGap?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
126
|
+
rowGap?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
96
127
|
backgroundColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "transparent" | "white" | "black" | undefined;
|
97
128
|
borderColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | undefined;
|
98
129
|
borderColorOnActive?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | undefined;
|
@@ -139,4 +170,6 @@ declare const getStyles: (props?: ({
|
|
139
170
|
className?: string | undefined;
|
140
171
|
}) | undefined) => string;
|
141
172
|
|
142
|
-
|
173
|
+
type SetState<T> = Dispatch<SetStateAction<T>>;
|
174
|
+
|
175
|
+
export { HStack, type HStackProps, Icon, type IconProps, Image, type ImageProps, type SetState, UniversalIconProps, UniversalImageProps, UniversalStackProps, cva, cx, getStyles };
|
package/dist/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
import{forwardRef as wt}from"react";import{backgroundColors as bt,borderRadii as ft,borderWidths as yt,foregroundColors as gt,lineColors as ut,textVariants as Xe}from"@yahoo/uds/fixtures";import xt from"clsx";import{extendTailwindMerge as ht}from"tailwind-merge";function Se(e){return typeof e=="boolean"?`${e}`:e===0?"0":e}var n="uds",Yt=`${n}-spectrum-color`,Jt=`${n}-font`,qt=`${n}-icon-size`,Qt=`${n}-avatar-size`,e1=`${n}-border-radius`,t1=`${n}-border-width`,o1=`${n}-spacing`,r1=`${n}-font-size`,n1=`${n}-line-height`,a1=`${n}-font-weight`,i1=`${n}-text-transform`,He=`${n}-color-mode-dark`,Ce=`${n}-color-mode-light`,Ne=`${n}-scale-mode-xsmall`,ze=`${n}-scale-mode-small`,De=`${n}-scale-mode-medium`,we=`${n}-scale-mode-large`,Ie=`${n}-scale-mode-xlarge`,Be=`${n}-scale-mode-xxlarge`,Ve=`${n}-scale-mode-xxxlarge`,l1=Ce,s1=we,p1=`--${n}-font-icons`,d1=`--${n}-font-sans`,c1=`--${n}-font-sans-beta`,m1=`--${n}-font-sans-condensed`,b1=`--${n}-font-serif-display`,f1=`--${n}-font-serif-text`;var We={color:{accent:"text-accent",alert:"text-alert",black:"text-black",brand:"text-brand",positive:"text-positive",warning:"text-warning",white:"text-white",transparent:"text-transparent",muted:"text-muted","on-color":"text-on-color",primary:"text-primary",secondary:"text-secondary",tertiary:"text-tertiary"},placeholderColor:{accent:"placeholder:text-accent",alert:"placeholder:text-alert",black:"placeholder:text-black",brand:"placeholder:text-brand",positive:"placeholder:text-positive",warning:"placeholder:text-warning",white:"placeholder:text-white",transparent:"placeholder:text-transparent",muted:"placeholder:text-muted","on-color":"placeholder:text-on-color",primary:"placeholder:text-primary",secondary:"placeholder:text-secondary",tertiary:"placeholder:text-tertiary"},fontFamily:{icons:"font-icons",sans:"font-sans","sans-beta":"font-sans-beta","sans-condensed":"font-sans-condensed","serif-text":"font-serif-text","serif-display":"font-serif-display",display1:"font-display1",display2:"font-display2",display3:"font-display3",title1:"font-title1",title2:"font-title2",title3:"font-title3",title4:"font-title4",headline1:"font-headline1",body1:"font-body1",label1:"font-label1",label2:"font-label2",caption1:"font-caption1",caption2:"font-caption2",legal1:"font-legal1"},fontSize:{display1:"font-size-display1",display2:"font-size-display2",display3:"font-size-display3",title1:"font-size-title1",title2:"font-size-title2",title3:"font-size-title3",title4:"font-size-title4",headline1:"font-size-headline1",body1:"font-size-body1",label1:"font-size-label1",label2:"font-size-label2",caption1:"font-size-caption1",caption2:"font-size-caption2",legal1:"font-size-legal1"},fontWeight:{thin:"font-weight-thin",extralight:"font-weight-extralight",light:"font-weight-light",regular:"font-weight-regular",medium:"font-weight-medium",semibold:"font-weight-semibold",bold:"font-weight-bold",extrabold:"font-weight-extrabold",black:"font-weight-black",display1:"font-weight-display1",display2:"font-weight-display2",display3:"font-weight-display3",title1:"font-weight-title1",title2:"font-weight-title2",title3:"font-weight-title3",title4:"font-weight-title4",headline1:"font-weight-headline1",body1:"font-weight-body1",label1:"font-weight-label1",label2:"font-weight-label2",caption1:"font-weight-caption1",caption2:"font-weight-caption2",legal1:"font-weight-legal1"},lineHeight:{display1:"leading-display1",display2:"leading-display2",display3:"leading-display3",title1:"leading-title1",title2:"leading-title2",title3:"leading-title3",title4:"leading-title4",headline1:"leading-headline1",body1:"leading-body1",label1:"leading-label1",label2:"leading-label2",caption1:"leading-caption1",caption2:"leading-caption2",legal1:"leading-legal1"},textAlign:{center:"text-center",justify:"text-justify",start:"text-start",end:"text-end"},textTransform:{display1:"case-display1",display2:"case-display2",display3:"case-display3",title1:"case-title1",title2:"case-title2",title3:"case-title3",title4:"case-title4",headline1:"case-headline1",body1:"case-body1",label1:"case-label1",label2:"case-label2",caption1:"case-caption1",caption2:"case-caption2",legal1:"case-legal1",none:"normal-case",uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize"},spacing:{none:"p-[0px]",1:"p-1",2:"p-2",3:"p-3",4:"p-4",5:"p-5",6:"p-6",7:"p-7",8:"p-8",9:"p-9",10:"p-10",11:"p-11",12:"p-12",13:"p-13",14:"p-14"},spacingHorizontal:{none:"px-none",1:"px-1",2:"px-2",3:"px-3",4:"px-4",5:"px-5",6:"px-6",7:"px-7",8:"px-8",9:"px-9",10:"px-10",11:"px-11",12:"px-12",13:"px-13",14:"px-14"},spacingVertical:{none:"py-none",1:"py-1",2:"py-2",3:"py-3",4:"py-4",5:"py-5",6:"py-6",7:"py-7",8:"py-8",9:"py-9",10:"py-10",11:"py-11",12:"py-12",13:"py-13",14:"py-14"},spacingBottom:{none:"pb-none",1:"pb-1",2:"pb-2",3:"pb-3",4:"pb-4",5:"pb-5",6:"pb-6",7:"pb-7",8:"pb-8",9:"pb-9",10:"pb-10",11:"pb-11",12:"pb-12",13:"pb-13",14:"pb-14"},spacingEnd:{none:"pe-none",1:"pe-1",2:"pe-2",3:"pe-3",4:"pe-4",5:"pe-5",6:"pe-6",7:"pe-7",8:"pe-8",9:"pe-9",10:"pe-10",11:"pe-11",12:"pe-12",13:"pe-13",14:"pe-14"},spacingStart:{none:"ps-none",1:"ps-1",2:"ps-2",3:"ps-3",4:"ps-4",5:"ps-5",6:"ps-6",7:"ps-7",8:"ps-8",9:"ps-9",10:"ps-10",11:"ps-11",12:"ps-12",13:"ps-13",14:"ps-14"},spacingTop:{none:"pt-none",1:"pt-1",2:"pt-2",3:"pt-3",4:"pt-4",5:"pt-5",6:"pt-6",7:"pt-7",8:"pt-8",9:"pt-9",10:"pt-10",11:"pt-11",12:"pt-12",13:"pt-13",14:"pt-14"},offset:{none:"-m-none",1:"-m-1",2:"-m-2",3:"-m-3",4:"-m-4",5:"-m-5",6:"-m-6",7:"-m-7",8:"-m-8",9:"-m-9",10:"-m-10",11:"-m-11",12:"-m-12",13:"-m-13",14:"-m-14"},offsetVertical:{none:"-my-none",1:"-my-1",2:"-my-2",3:"-my-3",4:"-my-4",5:"-my-5",6:"-my-6",7:"-my-7",8:"-my-8",9:"-my-9",10:"-my-10",11:"-my-11",12:"-my-12",13:"-my-13",14:"-my-14"},offsetHorizontal:{none:"-mx-none",1:"-mx-1",2:"-mx-2",3:"-mx-3",4:"-mx-4",5:"-mx-5",6:"-mx-6",7:"-mx-7",8:"-mx-8",9:"-mx-9",10:"-mx-10",11:"-mx-11",12:"-mx-12",13:"-mx-13",14:"-mx-14"},offsetBottom:{none:"-mb-none",1:"-mb-1",2:"-mb-2",3:"-mb-3",4:"-mb-4",5:"-mb-5",6:"-mb-6",7:"-mb-7",8:"-mb-8",9:"-mb-9",10:"-mb-10",11:"-mb-11",12:"-mb-12",13:"-mb-13",14:"-mb-14"},offsetEnd:{none:"-me-none",1:"-me-1",2:"-me-2",3:"-me-3",4:"-me-4",5:"-me-5",6:"-me-6",7:"-me-7",8:"-me-8",9:"-me-9",10:"-me-10",11:"-me-11",12:"-me-12",13:"-me-13",14:"-me-14"},offsetStart:{none:"-ms-none",1:"-ms-1",2:"-ms-2",3:"-ms-3",4:"-ms-4",5:"-ms-5",6:"-ms-6",7:"-ms-7",8:"-ms-8",9:"-ms-9",10:"-ms-10",11:"-ms-11",12:"-ms-12",13:"-ms-13",14:"-ms-14"},offsetTop:{none:"-mt-none",1:"-mt-1",2:"-mt-2",3:"-mt-3",4:"-mt-4",5:"-mt-5",6:"-mt-6",7:"-mt-7",8:"-mt-8",9:"-mt-9",10:"-mt-10",11:"-mt-11",12:"-mt-12",13:"-mt-13",14:"-mt-14"},columnGap:{none:"gap-x-none",1:"gap-x-1",2:"gap-x-2",3:"gap-x-3",4:"gap-x-4",5:"gap-x-5",6:"gap-x-6",7:"gap-x-7",8:"gap-x-8",9:"gap-x-9",10:"gap-x-10",11:"gap-x-11",12:"gap-x-12",13:"gap-x-13",14:"gap-x-14"},rowGap:{none:"gap-y-none",1:"gap-y-1",2:"gap-y-2",3:"gap-y-3",4:"gap-y-4",5:"gap-y-5",6:"gap-y-6",7:"gap-y-7",8:"gap-y-8",9:"gap-y-9",10:"gap-y-10",11:"gap-y-11",12:"gap-y-12",13:"gap-y-13",14:"gap-y-14"},backgroundColor:{accent:"bg-accent",alert:"bg-alert",black:"bg-black",brand:"bg-brand",positive:"bg-positive",warning:"bg-warning",white:"bg-white",primary:"bg-primary",secondary:"bg-secondary",transparent:"bg-transparent"},borderColor:{accent:"border-accent",alert:"border-alert",black:"border-black",brand:"border-brand",positive:"border-positive",warning:"border-warning",white:"border-white",transparent:"border-transparent",muted:"border-muted",primary:"border-primary",secondary:"border-secondary",tertiary:"border-tertiary"},borderColorOnActive:{accent:"active:border-accent",alert:"active:border-alert",black:"active:border-black",brand:"active:border-brand",positive:"active:border-positive",warning:"active:border-warning",white:"active:border-white",transparent:"active:border-transparent",muted:"active:border-muted",primary:"active:border-primary",secondary:"active:border-secondary",tertiary:"active:border-tertiary"},borderColorOnFocus:{accent:"focus:border-accent",alert:"focus:border-alert",black:"focus:border-black",brand:"focus:border-brand",positive:"focus:border-positive",warning:"focus:border-warning",white:"focus:border-white",transparent:"focus:border-transparent",muted:"focus:border-muted",primary:"focus:border-primary",secondary:"focus:border-secondary",tertiary:"focus:border-tertiary"},borderColorOnHover:{accent:"hover:border-accent",alert:"hover:border-alert",black:"hover:border-black",brand:"hover:border-brand",positive:"hover:border-positive",warning:"hover:border-warning",white:"hover:border-white",transparent:"hover:border-transparent",muted:"hover:border-muted",primary:"hover:border-primary",secondary:"hover:border-secondary",tertiary:"hover:border-tertiary"},borderColorOnChecked:{accent:"data-[state=checked]:border-accent",alert:"data-[state=checked]:border-alert",black:"data-[state=checked]:border-black",brand:"data-[state=checked]:border-brand",positive:"data-[state=checked]:border-positive",warning:"data-[state=checked]:border-warning",white:"data-[state=checked]:border-white",transparent:"data-[state=checked]:border-transparent",muted:"data-[state=checked]:border-muted",primary:"data-[state=checked]:border-primary",secondary:"data-[state=checked]:border-secondary",tertiary:"data-[state=checked]:border-tertiary"},borderStartColor:{accent:"border-s-accent",alert:"border-s-alert",black:"border-s-black",brand:"border-s-brand",positive:"border-s-positive",warning:"border-s-warning",white:"border-s-white",transparent:"border-s-transparent",muted:"border-s-muted",primary:"border-s-primary",secondary:"border-s-secondary",tertiary:"border-s-tertiary"},borderEndColor:{accent:"border-e-accent",alert:"border-e-alert",black:"border-e-black",brand:"border-e-brand",positive:"border-e-positive",warning:"border-e-warning",white:"border-e-white",transparent:"border-e-transparent",muted:"border-e-muted",primary:"border-e-primary",secondary:"border-e-secondary",tertiary:"border-e-tertiary"},borderBottomColor:{accent:"border-b-accent",alert:"border-b-alert",black:"border-b-black",brand:"border-b-brand",positive:"border-b-positive",warning:"border-b-warning",white:"border-b-white",transparent:"border-b-transparent",muted:"border-b-muted",primary:"border-b-primary",secondary:"border-b-secondary",tertiary:"border-b-tertiary"},borderTopColor:{accent:"border-t-accent",alert:"border-t-alert",black:"border-t-black",brand:"border-t-brand",positive:"border-t-positive",warning:"border-t-warning",white:"border-t-white",transparent:"border-t-transparent",muted:"border-t-muted",primary:"border-t-primary",secondary:"border-t-secondary",tertiary:"border-t-tertiary"},borderRadius:{none:"rounded-none",xs:"rounded-xs",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl",full:"rounded-full"},borderTopStartRadius:{none:"rounded-ss-none",xs:"rounded-ss-xs",sm:"rounded-ss-sm",md:"rounded-ss-md",lg:"rounded-ss-lg",xl:"rounded-ss-xl",full:"rounded-ss-full"},borderTopEndRadius:{none:"rounded-se-none",xs:"rounded-se-xs",sm:"rounded-se-sm",md:"rounded-se-md",lg:"rounded-se-lg",xl:"rounded-se-xl",full:"rounded-se-full"},borderBottomStartRadius:{none:"rounded-es-none",xs:"rounded-es-xs",sm:"rounded-es-sm",md:"rounded-es-md",lg:"rounded-es-lg",xl:"rounded-es-xl",full:"rounded-es-full"},borderBottomEndRadius:{none:"rounded-ee-none",xs:"rounded-ee-xs",sm:"rounded-ee-sm",md:"rounded-ee-md",lg:"rounded-ee-lg",xl:"rounded-ee-xl",full:"rounded-ee-full"},borderWidth:{none:"border-none",thin:"border-thin",medium:"border-medium",thick:"border-thick"},borderVerticalWidth:{none:"border-y-none",thin:"border-y-thin",medium:"border-y-medium",thick:"border-y-thick"},borderHorizontalWidth:{none:"border-x-none",thin:"border-x-thin",medium:"border-x-medium",thick:"border-x-thick"},borderStartWidth:{none:"border-s-none",thin:"border-s-thin",medium:"border-s-medium",thick:"border-s-thick"},borderEndWidth:{none:"border-e-none",thin:"border-e-thin",medium:"border-e-medium",thick:"border-e-thick"},borderTopWidth:{none:"border-t-none",thin:"border-t-thin",medium:"border-t-medium",thick:"border-t-thick"},borderBottomWidth:{none:"border-b-none",thin:"border-b-thin",medium:"border-b-medium",thick:"border-b-thick"},avatarSize:{s:"avatarSize-s",m:"avatarSize-m",l:"avatarSize-l"},iconSize:{sm:"iconSize-sm leading-none",md:"iconSize-md leading-none",lg:"iconSize-lg leading-none"},alignContent:{"flex-start":"content-start","flex-end":"content-end",center:"content-center",stretch:"content-stretch","space-between":"content-between","space-around":"content-around"},alignItems:{"flex-start":"items-start","flex-end":"items-end",center:"items-center",stretch:"items-stretch",baseline:"items-baseline"},alignSelf:{auto:"self-auto","flex-start":"self-start","flex-end":"self-end",center:"self-center",stretch:"self-stretch",baseline:"self-baseline"},flex:{1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"},flexDirection:{row:"flex-row",column:"flex-col","row-reverse":"flex-row-reverse","column-reverse":"flex-col-reverse"},flexGrow:{0:"grow-0",1:"grow",2:"grow-[2]",3:"grow-[3]"},flexShrink:{0:"shrink-0",1:"shrink"},flexWrap:{wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse",nowrap:"flex-nowrap"},justifyContent:{"flex-start":"justify-start","flex-end":"justify-end",center:"justify-center","space-between":"justify-between","space-around":"justify-around","space-evenly":"justify-evenly"},flexBasis:{"min-content":"basis-[min-content]"},display:{block:"block","inline-block":"inline-block",inline:"inline",flex:"flex","inline-flex":"inline-flex",table:"table","inline-table":"inline-table","table-caption":"table-caption","table-cell":"table-cell","table-column":"table-column","table-column-group":"table-column-group","table-footer-group":"table-footer-group","table-header-group":"table-header-group","table-row-group":"table-row-group","table-row":"table-row","flow-root":"flow-root",grid:"grid",contents:"contents"},overflow:{auto:"overflow-auto",hidden:"overflow-hidden",clip:"overflow-clip",visible:"overflow-visible",scroll:"overflow-scroll"},overflowX:{auto:"overflow-x-auto",hidden:"overflow-x-hidden",clip:"overflow-x-clip",visible:"overflow-x-visible",scroll:"overflow-x-scroll"},overflowY:{auto:"overflow-y-auto",hidden:"overflow-y-hidden",clip:"overflow-y-clip",visible:"overflow-y-visible",scroll:"overflow-y-scroll"},position:{static:"static",fixed:"fixed",absolute:"absolute",relative:"relative",sticky:"sticky"},contentFit:{contain:"object-contain",cover:"object-cover",fill:"object-fill",none:"object-none","scale-down":"object-scale-down"},colorMode:{dark:He,light:Ce},scaleMode:{xSmall:Ne,small:ze,medium:De,large:we,xLarge:Ie,xxxLarge:Ve,xxLarge:Be}};var St=ht({cacheSize:0,extend:{theme:{borderColor:ut,borderWidth:yt,borderRadius:ft}},override:{classGroups:{"text-color":[{text:gt}],"bg-color":[{bg:bt}],"font-family":[{font:["icons",...Xe]}],leading:[{leading:Xe}]},conflictingClassGroups:{}}}),be=(...e)=>{let t=xt(e);return St(t)},Ge=e=>t=>{if(!e?.variants)return be(e?.base,t?.className);let{variants:i,defaultVariants:s}=e,c=Object.keys(i).map(o=>{let r=t?.[o],a=s?.[o],d=Se(r)||Se(a);return i[o][d]}),l={...s,...t&&Object.entries(t).reduce((o,[r,a])=>typeof a>"u"?o:{...o,[r]:a},{})},p=e?.compoundVariants?.reduce((o,{className:r,...a})=>Object.entries(a).every(([d,m])=>l[d]===m)?be(o,r):o,"");return be(e?.base,c,p,t?.className)},y=Ge({variants:We});import{Children as de,cloneElement as $e,forwardRef as je,isValidElement as fe}from"react";function Ct(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function Ue(...e){return t=>e.forEach(i=>Ct(i,t))}import{jsx as Ke}from"react/jsx-runtime";function se(){let e=je((l,p)=>{let{children:o,...r}=l,a=de.toArray(o),d=a.find(s);if(d){let m=d.props.children,b=a.map(f=>f===d?de.count(m)>1?de.only(null):fe(m)?m.props.children:null:f);return Ke(t,{...r,ref:p,children:fe(m)?$e(m,void 0,b):null})}return Ke(t,{...r,ref:p,children:o})});e.displayName="Slot";let t=je((l,p)=>{let{children:o,...r}=l;return fe(o)?$e(o,{...c(r,o.props),ref:p?Ue(p,o.ref):o.ref}):de.count(o)>1?de.only(null):null});t.displayName="SlotClone";let i=({children:l})=>l;function s(l){return fe(l)&&l.type===i}function c(l,p){let o={...p};for(let r in p){let a=l[r],d=p[r];/^on[A-Z]/.test(r)?a&&d?o[r]=(...b)=>{d(...b),a(...b)}:a&&(o[r]=a):r==="style"&&(o[r]={...a,...d})}return{...l,...o}}return e}import{jsx as vt}from"react/jsx-runtime";var Et=se(),ce=wt(function({asChild:t,className:i,backgroundColor:s,borderRadius:c,borderTopStartRadius:l,borderTopEndRadius:p,borderBottomStartRadius:o,borderBottomEndRadius:r,borderColor:a,borderColorOnActive:d,borderColorOnFocus:m,borderColorOnChecked:b,borderColorOnHover:f,borderStartColor:g,borderEndColor:u,borderTopColor:x,borderBottomColor:h,borderWidth:S,borderVerticalWidth:C,borderHorizontalWidth:w,borderStartWidth:E,borderEndWidth:v,borderTopWidth:k,borderBottomWidth:A,alignContent:T,alignItems:R,alignSelf:_,flex:P,flexDirection:L,flexGrow:M,flexShrink:O,flexWrap:F,justifyContent:H,flexBasis:N,display:z="flex",overflow:D,overflowX:I,overflowY:B,position:V,spacing:W,spacingHorizontal:X,spacingVertical:G,spacingBottom:U,spacingEnd:$,spacingStart:j,spacingTop:K,offset:Z,offsetVertical:Y,offsetHorizontal:J,offsetBottom:q,offsetEnd:Q,offsetStart:ee,offsetTop:te,columnGap:oe,rowGap:re,...ne},ae){let ie=y({backgroundColor:s,borderRadius:c,borderTopStartRadius:l,borderTopEndRadius:p,borderBottomStartRadius:o,borderBottomEndRadius:r,borderColor:a,borderColorOnActive:d,borderColorOnFocus:m,borderColorOnChecked:b,borderColorOnHover:f,borderStartColor:g,borderEndColor:u,borderTopColor:x,borderBottomColor:h,borderWidth:S,borderVerticalWidth:C,borderHorizontalWidth:w,borderStartWidth:E,borderEndWidth:v,borderTopWidth:k,borderBottomWidth:A,alignContent:T,alignItems:R,alignSelf:_,flex:P,flexDirection:L,flexGrow:M,flexShrink:O,flexWrap:F,justifyContent:H,flexBasis:N,display:z,overflow:D,overflowX:I,overflowY:B,position:V,spacing:W,spacingHorizontal:X,spacingVertical:G,spacingBottom:U,spacingEnd:$,spacingStart:j,spacingTop:K,offset:Z,offsetVertical:Y,offsetHorizontal:J,offsetBottom:q,offsetEnd:Q,offsetStart:ee,offsetTop:te,columnGap:oe,rowGap:re,className:i});return vt(t?Et:"div",{className:ie,ref:ae,...ne})});import{forwardRef as kt}from"react";import{jsx as Tt}from"react/jsx-runtime";var At=kt(function({gap:t,...i},s){return Tt(ce,{ref:s,flexDirection:"row",rowGap:t,columnGap:t,...i})});import{forwardRef as Rt}from"react";import{jsx as Lt}from"react/jsx-runtime";var _t=se(),Pt=Rt(function({className:t,asChild:i,size:s,color:c,name:l,textAlign:p,backgroundColor:o,borderRadius:r,borderTopStartRadius:a,borderTopEndRadius:d,borderBottomStartRadius:m,borderBottomEndRadius:b,borderColor:f,borderColorOnActive:g,borderColorOnFocus:u,borderColorOnChecked:x,borderColorOnHover:h,borderStartColor:S,borderEndColor:C,borderTopColor:w,borderBottomColor:E,borderWidth:v,borderVerticalWidth:k,borderHorizontalWidth:A,borderStartWidth:T,borderEndWidth:R,borderTopWidth:_,borderBottomWidth:P,alignContent:L,alignItems:M,alignSelf:O,flex:F,flexDirection:H,flexGrow:N,flexShrink:z,flexWrap:D,justifyContent:I,flexBasis:B,display:V,overflow:W,overflowX:X,overflowY:G,position:U,spacing:$,spacingHorizontal:j,spacingVertical:K,spacingBottom:Z,spacingEnd:Y,spacingStart:J,spacingTop:q,offset:Q,offsetVertical:ee,offsetHorizontal:te,offsetBottom:oe,offsetEnd:re,offsetStart:ne,offsetTop:ae,columnGap:ie,rowGap:le,...pe},me){let xe=i?_t:"span",he=y({iconSize:s,color:c,fontFamily:"icons",textAlign:p,backgroundColor:o,borderRadius:r,borderTopStartRadius:a,borderTopEndRadius:d,borderBottomStartRadius:m,borderBottomEndRadius:b,borderColor:f,borderColorOnActive:g,borderColorOnFocus:u,borderColorOnChecked:x,borderColorOnHover:h,borderStartColor:S,borderEndColor:C,borderTopColor:w,borderBottomColor:E,borderWidth:v,borderVerticalWidth:k,borderHorizontalWidth:A,borderStartWidth:T,borderEndWidth:R,borderTopWidth:_,borderBottomWidth:P,alignContent:L,alignItems:M,alignSelf:O,flex:F,flexDirection:H,flexGrow:N,flexShrink:z,flexWrap:D,justifyContent:I,flexBasis:B,display:V,overflow:W,overflowX:X,overflowY:G,position:U,spacing:$,spacingHorizontal:j,spacingVertical:K,spacingBottom:Z,spacingEnd:Y,spacingStart:J,spacingTop:q,offset:Q,offsetVertical:ee,offsetHorizontal:te,offsetBottom:oe,offsetEnd:re,offsetStart:ne,offsetTop:ae,columnGap:ie,rowGap:le,className:t});return Lt(xe,{className:he,ref:me,...pe,children:l})});import{jsx as Ot}from"react/jsx-runtime";function Mt({width:e,height:t,src:i,alt:s,contentFit:c,backgroundColor:l,borderRadius:p,borderTopStartRadius:o,borderTopEndRadius:r,borderBottomStartRadius:a,borderBottomEndRadius:d,borderColor:m,borderColorOnActive:b,borderColorOnFocus:f,borderColorOnChecked:g,borderColorOnHover:u,borderStartColor:x,borderEndColor:h,borderTopColor:S,borderBottomColor:C,borderWidth:w,borderVerticalWidth:E,borderHorizontalWidth:v,borderStartWidth:k,borderEndWidth:A,borderTopWidth:T,borderBottomWidth:R,alignContent:_,alignItems:P,alignSelf:L,flex:M,flexDirection:O,flexGrow:F,flexShrink:H,flexWrap:N,justifyContent:z,flexBasis:D,display:I,overflow:B,overflowX:V,overflowY:W,position:X,spacing:G,spacingHorizontal:U,spacingVertical:$,spacingBottom:j,spacingEnd:K,spacingStart:Z,spacingTop:Y,offset:J,offsetVertical:q,offsetHorizontal:Q,offsetBottom:ee,offsetEnd:te,offsetStart:oe,offsetTop:re,columnGap:ne,rowGap:ae,...ie}){let le=y({contentFit:c,backgroundColor:l,borderRadius:p,borderTopStartRadius:o,borderTopEndRadius:r,borderBottomStartRadius:a,borderBottomEndRadius:d,borderColor:m,borderColorOnActive:b,borderColorOnFocus:f,borderColorOnChecked:g,borderColorOnHover:u,borderStartColor:x,borderEndColor:h,borderTopColor:S,borderBottomColor:C,borderWidth:w,borderVerticalWidth:E,borderHorizontalWidth:v,borderStartWidth:k,borderEndWidth:A,borderTopWidth:T,borderBottomWidth:R,alignContent:_,alignItems:P,alignSelf:L,flex:M,flexDirection:O,flexGrow:F,flexShrink:H,flexWrap:N,justifyContent:z,flexBasis:D,display:I,overflow:B,overflowX:V,overflowY:W,position:X,spacing:G,spacingHorizontal:U,spacingVertical:$,spacingBottom:j,spacingEnd:K,spacingStart:Z,spacingTop:Y,offset:J,offsetVertical:q,offsetHorizontal:Q,offsetBottom:ee,offsetEnd:te,offsetStart:oe,offsetTop:re,columnGap:ne,rowGap:ae});return Ot("img",{src:i,alt:s,className:le,style:{objectPosition:"left",width:e,height:t},...ie})}import{forwardRef as Ft}from"react";import{jsx as zt}from"react/jsx-runtime";var Ht=se(),Nt=Ft(function({className:t,asChild:i,onPress:s,onClick:c=s,backgroundColor:l,borderRadius:p,borderTopStartRadius:o,borderTopEndRadius:r,borderBottomStartRadius:a,borderBottomEndRadius:d,borderColor:m,borderColorOnActive:b,borderColorOnFocus:f,borderColorOnChecked:g,borderColorOnHover:u,borderStartColor:x,borderEndColor:h,borderTopColor:S,borderBottomColor:C,borderWidth:w,borderVerticalWidth:E,borderHorizontalWidth:v,borderStartWidth:k,borderEndWidth:A,borderTopWidth:T,borderBottomWidth:R,alignContent:_,alignItems:P,alignSelf:L,flex:M,flexDirection:O,flexGrow:F,flexShrink:H,flexWrap:N,justifyContent:z,flexBasis:D,display:I,overflow:B,overflowX:V,overflowY:W,position:X,spacing:G,spacingHorizontal:U,spacingVertical:$,spacingBottom:j,spacingEnd:K,spacingStart:Z,spacingTop:Y,offset:J,offsetVertical:q,offsetHorizontal:Q,offsetBottom:ee,offsetEnd:te,offsetStart:oe,offsetTop:re,columnGap:ne,rowGap:ae,...ie},le){let pe=y({backgroundColor:l,borderRadius:p,borderTopStartRadius:o,borderTopEndRadius:r,borderBottomStartRadius:a,borderBottomEndRadius:d,borderColor:m,borderColorOnActive:b,borderColorOnFocus:f,borderColorOnChecked:g,borderColorOnHover:u,borderStartColor:x,borderEndColor:h,borderTopColor:S,borderBottomColor:C,borderWidth:w,borderVerticalWidth:E,borderHorizontalWidth:v,borderStartWidth:k,borderEndWidth:A,borderTopWidth:T,borderBottomWidth:R,alignContent:_,alignItems:P,alignSelf:L,flex:M,flexDirection:O,flexGrow:F,flexShrink:H,flexWrap:N,justifyContent:z,flexBasis:D,display:I,overflow:B,overflowX:V,overflowY:W,position:X,spacing:G,spacingHorizontal:U,spacingVertical:$,spacingBottom:j,spacingEnd:K,spacingStart:Z,spacingTop:Y,offset:J,offsetVertical:q,offsetHorizontal:Q,offsetBottom:ee,offsetEnd:te,offsetStart:oe,offsetTop:re,columnGap:ne,rowGap:ae,className:t});return zt(i?Ht:"button",{className:pe,ref:le,onClick:c,...ie})});import{forwardRef as Dt}from"react";import{jsx as Wt}from"react/jsx-runtime";var It=se(),Bt={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",caption1:"p",caption2:"p",legal1:"p"},Vt=Dt(function({className:t,asChild:i,color:s="primary",variant:c="body1",as:l=Bt[c],fontSize:p=c,fontFamily:o=c,fontWeight:r=c,lineHeight:a=c,textTransform:d=c,textAlign:m,backgroundColor:b,borderRadius:f,borderTopStartRadius:g,borderTopEndRadius:u,borderBottomStartRadius:x,borderBottomEndRadius:h,borderColor:S,borderColorOnActive:C,borderColorOnFocus:w,borderColorOnChecked:E,borderColorOnHover:v,borderStartColor:k,borderEndColor:A,borderTopColor:T,borderBottomColor:R,borderWidth:_,borderVerticalWidth:P,borderHorizontalWidth:L,borderStartWidth:M,borderEndWidth:O,borderTopWidth:F,borderBottomWidth:H,alignContent:N,alignItems:z,alignSelf:D,flex:I,flexDirection:B,flexGrow:V,flexShrink:W,flexWrap:X,justifyContent:G,flexBasis:U,display:$,overflow:j,overflowX:K,overflowY:Z,position:Y,spacing:J,spacingHorizontal:q,spacingVertical:Q,spacingBottom:ee,spacingEnd:te,spacingStart:oe,spacingTop:re,offset:ne,offsetVertical:ae,offsetHorizontal:ie,offsetBottom:le,offsetEnd:pe,offsetStart:me,offsetTop:xe,columnGap:he,rowGap:pt,...dt},ct){let mt=y({className:t,color:s,fontFamily:o,fontSize:p,fontWeight:r,lineHeight:a,textTransform:d,textAlign:m,backgroundColor:b,borderRadius:f,borderTopStartRadius:g,borderTopEndRadius:u,borderBottomStartRadius:x,borderBottomEndRadius:h,borderColor:S,borderColorOnActive:C,borderColorOnFocus:w,borderColorOnChecked:E,borderColorOnHover:v,borderStartColor:k,borderEndColor:A,borderTopColor:T,borderBottomColor:R,borderWidth:_,borderVerticalWidth:P,borderHorizontalWidth:L,borderStartWidth:M,borderEndWidth:O,borderTopWidth:F,borderBottomWidth:H,alignContent:N,alignItems:z,alignSelf:D,flex:I,flexDirection:B,flexGrow:V,flexShrink:W,flexWrap:X,justifyContent:G,flexBasis:U,display:$,overflow:j,overflowX:K,overflowY:Z,position:Y,spacing:J,spacingHorizontal:q,spacingVertical:Q,spacingBottom:ee,spacingEnd:te,spacingStart:oe,spacingTop:re,offset:ne,offsetVertical:ae,offsetHorizontal:ie,offsetBottom:le,offsetEnd:pe,offsetStart:me,offsetTop:xe,columnGap:he,rowGap:pt});return Wt(i?It:l,{className:mt,ref:ct,...dt})});import{forwardRef as Xt}from"react";import{jsx as Ut}from"react/jsx-runtime";var Gt=Xt(function({gap:t,...i},s){return Ut(ce,{ref:s,flexDirection:"column",columnGap:t,rowGap:t,...i})});var Ze={none:0,xs:2,sm:4,md:8,lg:12,xl:24,full:9999},Ye={none:0,xs:2,sm:4,md:8,lg:16,xl:32,full:9999};var Je={none:0,thin:1,medium:2,thick:2},qe={none:0,thin:1,medium:2,thick:4};var Qe={core:{brand:{hue:"purple",step:"9"},accent:{hue:"blue",step:"9"},alert:{hue:"red",step:"9"},positive:{hue:"green",step:"9"},warning:{hue:"orange",step:"9"}},background:{primary:{hue:"gray",step:"0"},secondary:{hue:"gray",step:"2"}},foreground:{primary:{hue:"gray",step:"13"},secondary:{hue:"gray",step:"12"},tertiary:{hue:"gray",step:"9"},muted:{hue:"gray",step:"8"},"on-color":{hue:"gray",step:"0"}},line:{primary:{hue:"gray",step:"12"},secondary:{hue:"gray",step:"9"},tertiary:{hue:"gray",step:"7"},muted:{hue:"gray",step:"3"}}},et={core:{brand:{hue:"purple",step:"9"},accent:{hue:"blue",step:"9"},alert:{hue:"red",step:"9"},positive:{hue:"green",step:"9"},warning:{hue:"orange",step:"9"}},background:{primary:{hue:"gray",step:"1"},secondary:{hue:"gray",step:"3"}},foreground:{primary:{hue:"gray",step:"14"},secondary:{hue:"gray",step:"13"},tertiary:{hue:"gray",step:"9"},muted:{hue:"gray",step:"8"},"on-color":{hue:"gray",step:"0"}},line:{primary:{hue:"gray",step:"12"},secondary:{hue:"gray",step:"9"},tertiary:{hue:"gray",step:"7"},muted:{hue:"gray",step:"3"}}},$t={white:"#ffffff",black:"#000000",transparent:"transparent"};var Ee={s:16,m:24,l:32},tt=Ee,ve={sm:16,md:24,lg:32},ot=ve;var rt={none:0,1:1,2:2,3:4,4:8,5:12,6:16,7:20,8:24,9:28,10:32,11:36,12:40,13:44,14:48},nt={none:0,1:1,2:2,3:4,4:8,5:12,6:16,7:24,8:32,9:40,10:48,11:56,12:64,13:72,14:80};var at={blue:{0:"242 250 255",1:"223 242 255",2:"202 234 255",3:"162 218 255",4:"125 203 255",5:"89 189 255",6:"18 169 255",7:"24 143 255",8:"15 105 255",9:"0 99 235",10:"0 89 222",11:"0 72 196",12:"0 55 164",13:"0 39 126",14:"0 23 83",15:"0 10 38"},purple:{0:"248 244 255",1:"235 229 255",2:"225 217 255",3:"213 207 255",4:"202 194 255",5:"176 159 252",6:"149 126 252",7:"131 103 255",8:"124 73 252",9:"126 31 255",10:"96 1 210",11:"80 21 176",12:"57 0 125",13:"43 0 103",14:"29 0 71",15:"16 0 38"},pink:{0:"255 247 252",1:"255 235 249",2:"254 216 247",3:"255 176 231",4:"255 133 211",5:"255 85 195",6:"255 54 161",7:"255 0 128",8:"230 0 115",9:"220 2 118",10:"178 6 102",11:"113 0 75",12:"85 0 58",13:"56 0 40",14:"45 0 34",15:"38 0 16"},red:{0:"255 250 250",1:"255 240 241",2:"255 231 232",3:"255 214 218",4:"255 187 192",5:"255 152 159",6:"253 106 116",7:"255 77 82",8:"238 0 23",9:"211 13 46",10:"187 0 10",11:"157 0 4",12:"127 0 0",13:"98 3 0",14:"68 4 0",15:"38 3 0"},yellow:{0:"255 253 238",1:"255 250 209",2:"255 246 161",4:"255 233 87",3:"255 242 125",5:"255 211 51",6:"229 185 23",7:"151 117 0",8:"124 90 0",9:"100 67 0",10:"88 57 0",11:"75 47 0",12:"58 34 0",13:"44 25 0",14:"32 17 0",15:"21 11 0"},green:{0:"246 255 244",1:"225 253 220",2:"202 250 197",3:"162 242 162",4:"126 228 135",5:"86 196 112",6:"48 161 89",7:"0 135 81",8:"10 122 68",9:"0 108 59",10:"4 94 52",11:"4 77 44",12:"4 59 35",13:"4 51 31",14:"4 43 27",15:"3 33 21"},teal:{0:"242 255 251",1:"224 255 248",2:"207 255 248",3:"177 255 243",4:"133 247 233",5:"78 232 220",6:"17 211 205",7:"0 160 160",8:"0 130 130",9:"0 122 122",10:"0 110 107",11:"0 89 86",12:"0 69 67",13:"0 54 53",14:"0 44 44",15:"0 38 38"},gray:{0:"255 255 255",1:"245 248 250",2:"240 243 245",3:"224 228 233",4:"199 205 210",5:"176 185 193",6:"151 158 168",7:"130 138 147",8:"110 119 128",9:"91 99 106",10:"70 78 86",11:"44 54 63",12:"35 42 49",13:"29 34 40",14:"16 21 24",15:"0 0 0"},orange:{0:"255 249 242",1:"255 239 222",2:"255 229 202",3:"249 208 167",4:"252 182 111",5:"255 158 66",6:"255 137 21",7:"226 105 0",8:"204 78 0",9:"191 73 0",10:"166 64 0",11:"145 56 0",12:"115 44 0",13:"94 37 1",14:"68 26 0",15:"38 15 0"},rose:{0:"255 247 250",1:"255 235 243",2:"255 224 239",3:"255 209 226",4:"255 193 213",5:"250 162 187",6:"233 126 157",7:"211 89 124",8:"189 57 95",9:"167 52 85",10:"144 47 75",11:"113 35 57",12:"87 27 44",13:"66 22 35",14:"50 18 27",15:"38 15 22"},sunset:{0:"255 240 238",1:"251 221 218",2:"247 203 199",3:"234 170 163",4:"221 140 130",5:"209 113 99",6:"196 89 71",7:"184 68 46",8:"171 51 24",9:"158 44 18",10:"145 38 12",11:"124 26 1",12:"102 22 0",13:"81 18 0",14:"60 13 0",15:"38 8 0"},brown:{0:"255 253 250",1:"255 246 224",2:"255 236 209",3:"251 221 191",4:"237 199 159",5:"217 170 118",6:"185 136 79",7:"151 104 47",8:"134 90 35",9:"117 76 25",10:"91 56 11",11:"71 42 4",12:"55 33 1",13:"45 27 0",14:"38 23 0",15:"26 16 0"},citron:{0:"253 255 230",1:"249 253 193",2:"245 252 158",3:"235 244 87",4:"222 231 23",5:"205 212 0",6:"184 188 0",7:"158 159 0",8:"122 122 0",9:"115 113 0",10:"101 99 0",11:"78 76 0",12:"61 58 0",13:"49 46 0",14:"42 39 0",15:"38 35 0"},lime:{0:"249 255 245",1:"237 255 224",2:"230 255 209",3:"217 250 190",4:"202 239 168",5:"172 222 122",6:"137 199 70",7:"101 169 21",8:"75 133 0",9:"70 122 0",10:"62 107 0",11:"50 83 0",12:"40 65 0",13:"33 51 0",14:"28 43 0",15:"26 38 0"},mint:{0:"245 255 249",1:"231 252 240",2:"218 248 232",3:"201 239 219",4:"174 224 199",5:"133 203 172",6:"88 179 142",7:"45 151 113",8:"12 122 88",9:"1 109 78",10:"1 96 71",11:"0 74 57",12:"0 58 46",13:"0 47 38",14:"0 41 33",15:"0 28 23"},cyan:{0:"245 255 255",1:"223 255 255",2:"201 255 255",3:"161 245 251",4:"121 229 240",5:"85 205 223",6:"54 177 201",7:"29 146 174",8:"20 114 142",9:"19 100 126",10:"17 86 111",11:"13 64 86",12:"10 48 67",13:"9 37 53",14:"8 29 44",15:"4 18 28"},indigo:{0:"242 244 255",1:"226 230 255",2:"209 213 255",3:"184 188 255",4:"156 160 255",5:"130 130 255",6:"109 110 255",7:"93 94 255",8:"64 64 227",9:"32 21 194",10:"26 13 171",11:"22 9 144",12:"18 5 118",13:"15 3 91",14:"11 1 65",15:"6 0 38"},magenta:{0:"244 235 255",1:"236 217 251",2:"229 199 247",3:"223 182 243",4:"220 166 240",5:"212 136 227",6:"207 109 214",7:"201 84 199",8:"188 61 177",9:"164 46 151",10:"140 32 126",11:"116 22 103",12:"92 13 81",13:"68 6 60",14:"44 2 39",15:"20 0 18"},nude:{0:"255 245 245",1:"251 222 221",2:"248 203 196",3:"235 185 172",4:"222 169 149",5:"202 155 136",6:"182 139 122",7:"162 122 106",8:"142 104 89",9:"131 93 80",10:"120 83 71",11:"100 61 48",12:"80 34 19",13:"60 14 0",14:"40 9 0",15:"20 4 0"},carbon:{0:"255 255 255",1:"252 251 251",2:"245 245 245",3:"227 227 227",4:"205 205 205",5:"176 176 176",6:"142 142 142",7:"106 106 106",8:"90 90 90",9:"68 68 68",10:"50 50 50",11:"41 41 41",12:"31 31 31",13:"20 20 20",14:"10 10 10",15:"0 0 0"}},it={blue:{0:"0 10 38",1:"0 14 57",2:"0 19 75",3:"0 29 102",4:"0 44 129",5:"0 63 156",6:"0 87 183",7:"0 116 210",8:"17 148 236",9:"18 169 255",10:"99 192 255",11:"125 203 255",12:"150 210 250",13:"182 224 252",14:"213 237 252",15:"240 247 252"},purple:{0:"25 0 38",1:"34 0 57",2:"42 0 75",3:"51 0 102",4:"57 0 125",5:"80 21 176",6:"96 1 210",7:"108 36 242",8:"119 89 255",9:"144 124 255",10:"165 149 248",11:"187 174 249",12:"209 201 251",13:"225 219 252",14:"235 232 254",15:"248 244 255"},pink:{0:"38 0 19",1:"48 0 23",2:"58 0 27",3:"75 0 34",4:"96 0 43",5:"123 0 54",6:"157 0 67",7:"194 0 81",8:"233 0 107",9:"255 0 128",10:"255 54 161",11:"255 101 186",12:"255 150 211",13:"255 186 228",14:"255 212 240",15:"255 229 247"},red:{0:"38 3 0",1:"57 3 0",2:"75 3 0",3:"102 1 0",4:"129 5 0",5:"156 15 12",6:"183 28 27",7:"210 46 47",8:"232 58 62",9:"255 77 82",10:"255 105 109",11:"255 135 141",12:"255 155 161",13:"255 183 188",14:"254 210 214",15:"255 240 241"},yellow:{0:"38 35 0",1:"48 42 0",2:"58 49 0",4:"96 73 0",3:"75 60 0",5:"123 91 0",6:"157 112 0",7:"194 136 0",8:"233 171 0",9:"255 204 0",10:"255 220 79",11:"255 232 102",12:"255 243 138",13:"255 249 163",14:"255 251 197",15:"255 253 238"},green:{0:"7 33 23",1:"7 43 29",2:"8 48 32",3:"8 55 36",4:"11 70 44",5:"14 91 55",6:"18 118 68",7:"23 149 83",8:"29 181 97",9:"26 197 103",10:"55 219 115",11:"91 235 126",12:"128 242 143",13:"169 251 169",14:"213 255 208",15:"247 255 245"},teal:{0:"0 35 38",1:"0 40 43",2:"0 45 49",3:"0 56 60",4:"0 73 76",5:"0 97 99",6:"0 126 127",7:"1 160 159",8:"15 194 190",9:"17 211 205",10:"52 227 222",11:"99 237 231",12:"145 249 243",13:"185 255 251",14:"216 255 252",15:"242 255 254"},gray:{0:"0 0 0",1:"16 21 24",2:"29 34 40",3:"35 42 49",4:"44 54 63",5:"70 78 86",6:"91 99 106",7:"110 119 128",8:"130 138 147",9:"151 158 168",10:"176 185 193",11:"199 205 210",12:"224 228 233",13:"240 243 245",14:"245 248 250",15:"255 255 255"},carbon:{0:"0 0 0",1:"10 10 10",2:"20 20 20",3:"31 31 31",4:"41 41 41",5:"50 50 50",6:"68 68 68",7:"90 90 90",8:"117 117 117",9:"142 142 142",10:"176 176 176",11:"205 205 205",12:"227 227 227",13:"245 245 245",14:"252 251 251",15:"255 255 255"},orange:{0:"38 15 0",1:"46 17 0",2:"54 19 0",3:"67 23 0",4:"86 28 0",5:"111 34 0",6:"142 41 0",7:"177 54 0",8:"229 80 0",9:"253 97 0",10:"255 123 41",11:"255 145 77",12:"255 161 102",13:"255 192 153",14:"255 224 204",15:"255 246 240"},rose:{0:"28 4 11",1:"38 5 15",2:"50 18 27",3:"66 22 35",4:"87 27 44",5:"113 35 57",6:"158 49 80",7:"191 58 96",8:"214 87 124",9:"221 108 141",10:"228 131 159",11:"245 164 188",12:"255 193 211",13:"255 214 226",14:"255 233 240",15:"255 251 252"},sunset:{0:"38 8 0",1:"54 11 0",2:"69 15 0",3:"100 20 0",4:"130 26 0",5:"156 40 12",6:"178 58 31",7:"197 79 53",8:"213 101 78",9:"219 112 90",10:"225 124 104",11:"235 147 131",12:"243 171 158",13:"249 194 185",14:"253 218 212",15:"255 241 238"},brown:{0:"38 23 0",1:"52 31 1",2:"66 40 2",3:"95 58 5",4:"123 75 10",5:"148 92 19",6:"168 108 31",7:"186 123 46",8:"200 138 66",9:"209 150 80",10:"219 165 103",11:"224 176 122",12:"229 190 148",13:"239 210 180",14:"248 230 212",15:"255 249 242"},citron:{0:"38 35 0",1:"42 39 0",2:"49 46 0",3:"61 58 0",4:"78 76 0",5:"101 99 0",6:"128 125 0",7:"153 153 0",8:"184 188 0",9:"205 212 0",10:"222 231 23",11:"235 244 87",12:"237 243 116",13:"243 249 158",14:"249 253 193",15:"254 255 238"},lime:{0:"20 38 0",1:"34 51 0",2:"41 63 0",3:"53 83 0",4:"65 104 2",5:"79 125 11",6:"94 145 24",7:"110 166 40",8:"127 187 60",9:"137 199 70",10:"151 209 90",11:"168 224 121",12:"184 237 148",13:"209 247 186",14:"226 255 211",15:"244 255 240"},mint:{0:"0 31 25",1:"0 41 34",2:"0 49 41",3:"0 62 52",4:"0 81 64",5:"0 106 77",6:"29 130 89",7:"33 150 104",8:"39 171 116",9:"72 194 129",10:"106 212 153",11:"149 222 182",12:"181 232 204",13:"209 244 224",14:"227 252 237",15:"242 255 248"},cyan:{0:"0 22 38",1:"0 32 54",2:"1 42 69",3:"3 65 100",4:"8 89 130",5:"15 114 156",6:"26 138 178",7:"41 161 197",8:"60 182 213",9:"72 192 219",10:"100 210 232",11:"124 227 242",12:"145 239 250",13:"179 244 249",14:"212 251 253",15:"242 255 255"},indigo:{0:"8 2 38",1:"13 4 65",2:"17 5 91",3:"20 7 117",4:"22 9 144",5:"26 13 171",6:"39 32 187",7:"60 63 219",8:"93 94 255",9:"112 117 242",10:"135 146 242",11:"163 175 251",12:"189 198 255",13:"211 214 255",14:"232 233 255",15:"252 253 255"},magenta:{0:"46 5 44",1:"63 6 58",2:"80 8 72",3:"96 11 86",4:"113 13 99",5:"138 23 122",6:"163 38 148",7:"188 61 177",8:"195 87 196",9:"194 116 205",10:"198 145 213",11:"206 172 222",13:"228 215 238",14:"239 231 247",15:"249 244 255",12:"217 195 230"},nude:{0:"20 0 0",1:"33 0 0",2:"46 0 0",3:"67 0 0",4:"89 20 18",5:"110 46 42",6:"132 73 66",7:"154 99 90",8:"175 124 112",9:"188 136 121",10:"200 147 131",11:"222 169 149",12:"230 189 170",13:"239 208 191",14:"247 224 210",15:"255 240 229"}};var ye=["Helvetica Neue","Helvetica","Arial","sans-serif"],lt=["Georgia","Times","Times New Roman","serif"],ke={icons:{fallbacks:ye,name:"yahoo-icons"},sans:{fallbacks:ye,name:"yahoo-sans"},"sans-beta":{fallbacks:ye,name:"yahoo-sans-beta"},"sans-condensed":{fallbacks:ye,name:"yahoo-sans-condensed"},"serif-text":{fallbacks:lt,name:"yahoo-serif-text"},"serif-display":{fallbacks:lt,name:"yahoo-serif-display"}},Ae={display1:"sans",display2:"sans",display3:"sans",title1:"sans",title2:"sans",title3:"sans",title4:"sans",headline1:"sans",body1:"sans",label1:"sans",label2:"sans",caption1:"sans",caption2:"sans",legal1:"sans"},jt={thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},Te={display1:"black",display2:"extrabold",display3:"extrabold",title1:"bold",title2:"bold",title3:"bold",title4:"bold",headline1:"semibold",body1:"regular",label1:"semibold",label2:"regular",caption1:"semibold",caption2:"regular",legal1:"semibold"},Re={display1:"uppercase",display2:"none",display3:"none",title1:"none",title2:"none",title3:"none",title4:"none",headline1:"none",body1:"none",label1:"none",label2:"none",caption1:"none",caption2:"none",legal1:"none"},_e={fontSize:{display1:46,display2:37,display3:33,title1:29,title2:25,title3:21,title4:17,headline1:13,body1:13,label1:12,label2:12,caption1:11,caption2:11,legal1:10},lineHeight:{display1:44,display2:44,display3:44,title1:36,title2:32,title3:28,title4:24,headline1:16,body1:16,label1:16,label2:16,caption1:16,caption2:16,legal1:12}},Pe={fontSize:{display1:46,display2:38,display3:34,title1:30,title2:26,title3:22,title4:18,headline1:14,body1:14,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{..._e.lineHeight,title1:40,headline1:20,body1:20,legal1:16}},ge={fontSize:{display1:47,display2:39,display3:35,title1:31,title2:27,title3:23,title4:19,headline1:15,body1:15,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{...Pe.lineHeight,title2:36,title3:32}},Le={fontSize:{...ge.fontSize,display1:48,display2:40,display3:36,title1:32,title2:28,title3:24,title4:20,headline1:16,body1:16,label1:14,label2:14},lineHeight:{...ge.lineHeight,title2:36,title3:32,headline1:20,body1:20,label1:20,label2:20}},Me={fontSize:{display1:50,display2:42,display3:38,title1:34,title2:30,title3:26,title4:22,headline1:18,body1:16,label1:16,label2:16,caption1:14,caption2:14,legal1:13},lineHeight:{...Le.lineHeight,title1:44,headline1:24,body1:24,caption1:20,caption2:20}},Oe={fontSize:{display1:52,display2:44,display3:40,title1:36,title2:32,title3:28,title4:26,headline1:20,body1:20,label1:18,label2:18,caption1:16,caption2:16,legal1:15},lineHeight:{...Me.lineHeight,title2:40,title3:36,headline1:28,body1:28,label1:24,label2:24,legal1:20}},st={fontSize:{display1:54,display2:46,display3:42,title1:38,title2:34,title3:30,title4:28,headline1:22,body1:22,label1:20,label2:20,caption1:18,caption2:18,legal1:17},lineHeight:{...Oe.lineHeight,title1:48,title2:44,title4:32,label1:28,label2:28,caption1:24,caption2:24}};var Fe={fontFamily:Ae,fontWeight:Te,textTransform:Re,avatarSizes:Ee,iconSizes:ve,borderRadius:Ze,borderWidth:Je,spacing:rt},ue={fontFamily:Ae,fontWeight:Te,textTransform:Re,avatarSizes:tt,iconSizes:ot,borderRadius:Ye,borderWidth:qe,spacing:nt},_o={colorMode:{light:{palette:Qe,spectrum:at},dark:{palette:et,spectrum:it}},scaleMode:{xSmall:{...Fe,..._e},small:{...Fe,...Pe},medium:{...Fe,...ge},large:{...ue,...Le},xLarge:{...ue,...Me},xxLarge:{...ue,...Oe},xxxLarge:{...ue,...st}},fontFamily:ke};var Lo="system",Mo="system",Oo="light",Fo="large",Ho=!1,No="\u{1F1FA}\u{1F1F8} US";function Do(e){return Object.entries(e)}function Bo(e){return Object.fromEntries(e)}function Wo(e,t){return Object.keys(e).reduce((i,s,c)=>(i[s]=t(e[s],s,c),i),{})}export{Qt as AVATAR_SIZE_PREFIX,e1 as BORDER_RADIUS_PREFIX,t1 as BORDER_WIDTH_PREFIX,ce as Box,He as DARK_COLOR_MODE_CLASSNAME,Oo as DEFAULT_COLOR_MODE,l1 as DEFAULT_COLOR_MODE_CLASSNAME,Lo as DEFAULT_COLOR_MODE_FOR_APP,Ho as DEFAULT_HIGH_CONTRAST_MODE,No as DEFAULT_REGION_MODE,Fo as DEFAULT_SCALE_MODE,s1 as DEFAULT_SCALE_MODE_CLASSNAME,Mo as DEFAULT_SCALE_MODE_FOR_APP,Jt as FONT_FAMILY_PREFIX,p1 as FONT_ICONS_CSS_VAR,c1 as FONT_SANS_BETA_CSS_VAR,m1 as FONT_SANS_CONDENSED_CSS_VAR,d1 as FONT_SANS_CSS_VAR,b1 as FONT_SERIF_DISPLAY_CSS_VAR,f1 as FONT_SERIF_TEXT_CSS_VAR,r1 as FONT_SIZE_PREFIX,a1 as FONT_WEIGHT_PREFIX,At as HStack,qt as ICON_SIZE_PREFIX,Pt as Icon,Mt as Image,we as LARGE_SCALE_MODE_CLASSNAME,Ce as LIGHT_COLOR_MODE_CLASSNAME,n1 as LINE_HEIGHT_PREFIX,De as MEDIUM_SCALE_MODE_CLASSNAME,Nt as Pressable,ze as SMALL_SCALE_MODE_CLASSNAME,o1 as SPACING_PREFIX,Yt as SPECTRUM_COLOR_PREFIX,i1 as TEXT_TRANSFORM_PREFIX,Vt as Text,n as UDS_PREFIX,Gt as VStack,Ie as XLARGE_SCALE_MODE_CLASSNAME,Ne as XSMALL_SCALE_MODE_CLASSNAME,Be as XXLARGE_SCALE_MODE_CLASSNAME,Ve as XXXLARGE_SCALE_MODE_CLASSNAME,$t as alwaysPalette,Ge as cva,be as cx,_o as defaultTokensConfig,Do as entries,ke as fontFamilyGlobal,jt as fontWeightMap,Bo as fromEntries,y as getStyles,Wo as mapValues};
|
1
|
+
import{forwardRef as St}from"react";import{backgroundColors as ct,borderRadii as mt,borderWidths as bt,foregroundColors as yt,lineColors as ft,textVariants as Xe}from"@yahoo/uds/fixtures";import gt from"clsx";import{extendTailwindMerge as xt}from"tailwind-merge";function Se(e){return typeof e=="boolean"?`${e}`:e===0?"0":e}var n="uds",Kt=`${n}-spectrum-color`,Zt=`${n}-font`,Yt=`${n}-icon-size`,Jt=`${n}-avatar-size`,qt=`${n}-border-radius`,Qt=`${n}-border-width`,e1=`${n}-font-size`,t1=`${n}-line-height`,o1=`${n}-font-weight`,r1=`${n}-text-transform`,He=`${n}-color-mode-dark`,Ce=`${n}-color-mode-light`,Ne=`${n}-scale-mode-xsmall`,ze=`${n}-scale-mode-small`,De=`${n}-scale-mode-medium`,we=`${n}-scale-mode-large`,Ie=`${n}-scale-mode-xlarge`,Be=`${n}-scale-mode-xxlarge`,Ve=`${n}-scale-mode-xxxlarge`,a1=Ce,n1=we,i1=`--${n}-font-icons`,s1=`--${n}-font-sans`,l1=`--${n}-font-sans-beta`,p1=`--${n}-font-sans-condensed`,d1=`--${n}-font-serif-display`,c1=`--${n}-font-serif-text`;var We={color:{accent:"text-accent",alert:"text-alert",black:"text-black",brand:"text-brand",positive:"text-positive",warning:"text-warning",white:"text-white",transparent:"text-transparent",muted:"text-muted","on-color":"text-on-color",primary:"text-primary",secondary:"text-secondary",tertiary:"text-tertiary"},placeholderColor:{accent:"placeholder:text-accent",alert:"placeholder:text-alert",black:"placeholder:text-black",brand:"placeholder:text-brand",positive:"placeholder:text-positive",warning:"placeholder:text-warning",white:"placeholder:text-white",transparent:"placeholder:text-transparent",muted:"placeholder:text-muted","on-color":"placeholder:text-on-color",primary:"placeholder:text-primary",secondary:"placeholder:text-secondary",tertiary:"placeholder:text-tertiary"},fontFamily:{icons:"font-icons",sans:"font-sans","sans-beta":"font-sans-beta","sans-condensed":"font-sans-condensed","serif-text":"font-serif-text","serif-display":"font-serif-display",display1:"font-display1",display2:"font-display2",display3:"font-display3",title1:"font-title1",title2:"font-title2",title3:"font-title3",title4:"font-title4",headline1:"font-headline1",body1:"font-body1",label1:"font-label1",label2:"font-label2",caption1:"font-caption1",caption2:"font-caption2",legal1:"font-legal1"},fontSize:{display1:"font-size-display1",display2:"font-size-display2",display3:"font-size-display3",title1:"font-size-title1",title2:"font-size-title2",title3:"font-size-title3",title4:"font-size-title4",headline1:"font-size-headline1",body1:"font-size-body1",label1:"font-size-label1",label2:"font-size-label2",caption1:"font-size-caption1",caption2:"font-size-caption2",legal1:"font-size-legal1"},fontWeight:{thin:"font-weight-thin",extralight:"font-weight-extralight",light:"font-weight-light",regular:"font-weight-regular",medium:"font-weight-medium",semibold:"font-weight-semibold",bold:"font-weight-bold",extrabold:"font-weight-extrabold",black:"font-weight-black",display1:"font-weight-display1",display2:"font-weight-display2",display3:"font-weight-display3",title1:"font-weight-title1",title2:"font-weight-title2",title3:"font-weight-title3",title4:"font-weight-title4",headline1:"font-weight-headline1",body1:"font-weight-body1",label1:"font-weight-label1",label2:"font-weight-label2",caption1:"font-weight-caption1",caption2:"font-weight-caption2",legal1:"font-weight-legal1"},lineHeight:{display1:"leading-display1",display2:"leading-display2",display3:"leading-display3",title1:"leading-title1",title2:"leading-title2",title3:"leading-title3",title4:"leading-title4",headline1:"leading-headline1",body1:"leading-body1",label1:"leading-label1",label2:"leading-label2",caption1:"leading-caption1",caption2:"leading-caption2",legal1:"leading-legal1"},textAlign:{center:"text-center",justify:"text-justify",start:"text-start",end:"text-end"},textTransform:{display1:"case-display1",display2:"case-display2",display3:"case-display3",title1:"case-title1",title2:"case-title2",title3:"case-title3",title4:"case-title4",headline1:"case-headline1",body1:"case-body1",label1:"case-label1",label2:"case-label2",caption1:"case-caption1",caption2:"case-caption2",legal1:"case-legal1",none:"normal-case",uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize"},spacing:{0:"p-0",px:"p-px","0.5":"p-0.5",1:"p-1","1.5":"p-1.5",2:"p-2","2.5":"p-2.5",3:"p-3","3.5":"p-3.5",4:"p-4",5:"p-5",6:"p-6",7:"p-7",8:"p-8",9:"p-9",10:"p-10",11:"p-11",12:"p-12",14:"p-14",16:"p-16",20:"p-20",24:"p-24",28:"p-28",32:"p-32",36:"p-36",40:"p-40",44:"p-44",48:"p-48",52:"p-52",56:"p-56",60:"p-60",64:"p-64",72:"p-72",80:"p-80",96:"p-96"},spacingHorizontal:{0:"px-0",px:"px-px","0.5":"px-0.5",1:"px-1","1.5":"px-1.5",2:"px-2","2.5":"px-2.5",3:"px-3","3.5":"px-3.5",4:"px-4",5:"px-5",6:"px-6",7:"px-7",8:"px-8",9:"px-9",10:"px-10",11:"px-11",12:"px-12",14:"px-14",16:"px-16",20:"px-20",24:"px-24",28:"px-28",32:"px-32",36:"px-36",40:"px-40",44:"px-44",48:"px-48",52:"px-52",56:"px-56",60:"px-60",64:"px-64",72:"px-72",80:"px-80",96:"px-96"},spacingVertical:{0:"py-0",px:"py-px","0.5":"py-0.5",1:"py-1","1.5":"py-1.5",2:"py-2","2.5":"py-2.5",3:"py-3","3.5":"py-3.5",4:"py-4",5:"py-5",6:"py-6",7:"py-7",8:"py-8",9:"py-9",10:"py-10",11:"py-11",12:"py-12",14:"py-14",16:"py-16",20:"py-20",24:"py-24",28:"py-28",32:"py-32",36:"py-36",40:"py-40",44:"py-44",48:"py-48",52:"py-52",56:"py-56",60:"py-60",64:"py-64",72:"py-72",80:"py-80",96:"py-96"},spacingBottom:{0:"pb-0",px:"pb-px","0.5":"pb-0.5",1:"pb-1","1.5":"pb-1.5",2:"pb-2","2.5":"pb-2.5",3:"pb-3","3.5":"pb-3.5",4:"pb-4",5:"pb-5",6:"pb-6",7:"pb-7",8:"pb-8",9:"pb-9",10:"pb-10",11:"pb-11",12:"pb-12",14:"pb-14",16:"pb-16",20:"pb-20",24:"pb-24",28:"pb-28",32:"pb-32",36:"pb-36",40:"pb-40",44:"pb-44",48:"pb-48",52:"pb-52",56:"pb-56",60:"pb-60",64:"pb-64",72:"pb-72",80:"pb-80",96:"pb-96"},spacingEnd:{0:"pe-0",px:"pe-px","0.5":"pe-0.5",1:"pe-1","1.5":"pe-1.5",2:"pe-2","2.5":"pe-2.5",3:"pe-3","3.5":"pe-3.5",4:"pe-4",5:"pe-5",6:"pe-6",7:"pe-7",8:"pe-8",9:"pe-9",10:"pe-10",11:"pe-11",12:"pe-12",14:"pe-14",16:"pe-16",20:"pe-20",24:"pe-24",28:"pe-28",32:"pe-32",36:"pe-36",40:"pe-40",44:"pe-44",48:"pe-48",52:"pe-52",56:"pe-56",60:"pe-60",64:"pe-64",72:"pe-72",80:"pe-80",96:"pe-96"},spacingStart:{0:"ps-0",px:"ps-px","0.5":"ps-0.5",1:"ps-1","1.5":"ps-1.5",2:"ps-2","2.5":"ps-2.5",3:"ps-3","3.5":"ps-3.5",4:"ps-4",5:"ps-5",6:"ps-6",7:"ps-7",8:"ps-8",9:"ps-9",10:"ps-10",11:"ps-11",12:"ps-12",14:"ps-14",16:"ps-16",20:"ps-20",24:"ps-24",28:"ps-28",32:"ps-32",36:"ps-36",40:"ps-40",44:"ps-44",48:"ps-48",52:"ps-52",56:"ps-56",60:"ps-60",64:"ps-64",72:"ps-72",80:"ps-80",96:"ps-96"},spacingTop:{0:"pt-0",px:"pt-px","0.5":"pt-0.5",1:"pt-1","1.5":"pt-1.5",2:"pt-2","2.5":"pt-2.5",3:"pt-3","3.5":"pt-3.5",4:"pt-4",5:"pt-5",6:"pt-6",7:"pt-7",8:"pt-8",9:"pt-9",10:"pt-10",11:"pt-11",12:"pt-12",14:"pt-14",16:"pt-16",20:"pt-20",24:"pt-24",28:"pt-28",32:"pt-32",36:"pt-36",40:"pt-40",44:"pt-44",48:"pt-48",52:"pt-52",56:"pt-56",60:"pt-60",64:"pt-64",72:"pt-72",80:"pt-80",96:"pt-96"},offset:{0:"-m-0",px:"-m-px","0.5":"-m-0.5",1:"-m-1","1.5":"-m-1.5",2:"-m-2","2.5":"-m-2.5",3:"-m-3","3.5":"-m-3.5",4:"-m-4",5:"-m-5",6:"-m-6",7:"-m-7",8:"-m-8",9:"-m-9",10:"-m-10",11:"-m-11",12:"-m-12",14:"-m-14",16:"-m-16",20:"-m-20",24:"-m-24",28:"-m-28",32:"-m-32",36:"-m-36",40:"-m-40",44:"-m-44",48:"-m-48",52:"-m-52",56:"-m-56",60:"-m-60",64:"-m-64",72:"-m-72",80:"-m-80",96:"-m-96"},offsetVertical:{0:"-my-0",px:"-my-px","0.5":"-my-0.5",1:"-my-1","1.5":"-my-1.5",2:"-my-2","2.5":"-my-2.5",3:"-my-3","3.5":"-my-3.5",4:"-my-4",5:"-my-5",6:"-my-6",7:"-my-7",8:"-my-8",9:"-my-9",10:"-my-10",11:"-my-11",12:"-my-12",14:"-my-14",16:"-my-16",20:"-my-20",24:"-my-24",28:"-my-28",32:"-my-32",36:"-my-36",40:"-my-40",44:"-my-44",48:"-my-48",52:"-my-52",56:"-my-56",60:"-my-60",64:"-my-64",72:"-my-72",80:"-my-80",96:"-my-96"},offsetHorizontal:{0:"-mx-0",px:"-mx-px","0.5":"-mx-0.5",1:"-mx-1","1.5":"-mx-1.5",2:"-mx-2","2.5":"-mx-2.5",3:"-mx-3","3.5":"-mx-3.5",4:"-mx-4",5:"-mx-5",6:"-mx-6",7:"-mx-7",8:"-mx-8",9:"-mx-9",10:"-mx-10",11:"-mx-11",12:"-mx-12",14:"-mx-14",16:"-mx-16",20:"-mx-20",24:"-mx-24",28:"-mx-28",32:"-mx-32",36:"-mx-36",40:"-mx-40",44:"-mx-44",48:"-mx-48",52:"-mx-52",56:"-mx-56",60:"-mx-60",64:"-mx-64",72:"-mx-72",80:"-mx-80",96:"-mx-96"},offsetBottom:{0:"-mb-0",px:"-mb-px","0.5":"-mb-0.5",1:"-mb-1","1.5":"-mb-1.5",2:"-mb-2","2.5":"-mb-2.5",3:"-mb-3","3.5":"-mb-3.5",4:"-mb-4",5:"-mb-5",6:"-mb-6",7:"-mb-7",8:"-mb-8",9:"-mb-9",10:"-mb-10",11:"-mb-11",12:"-mb-12",14:"-mb-14",16:"-mb-16",20:"-mb-20",24:"-mb-24",28:"-mb-28",32:"-mb-32",36:"-mb-36",40:"-mb-40",44:"-mb-44",48:"-mb-48",52:"-mb-52",56:"-mb-56",60:"-mb-60",64:"-mb-64",72:"-mb-72",80:"-mb-80",96:"-mb-96"},offsetEnd:{0:"-me-0",px:"-me-px","0.5":"-me-0.5",1:"-me-1","1.5":"-me-1.5",2:"-me-2","2.5":"-me-2.5",3:"-me-3","3.5":"-me-3.5",4:"-me-4",5:"-me-5",6:"-me-6",7:"-me-7",8:"-me-8",9:"-me-9",10:"-me-10",11:"-me-11",12:"-me-12",14:"-me-14",16:"-me-16",20:"-me-20",24:"-me-24",28:"-me-28",32:"-me-32",36:"-me-36",40:"-me-40",44:"-me-44",48:"-me-48",52:"-me-52",56:"-me-56",60:"-me-60",64:"-me-64",72:"-me-72",80:"-me-80",96:"-me-96"},offsetStart:{0:"-ms-0",px:"-ms-px","0.5":"-ms-0.5",1:"-ms-1","1.5":"-ms-1.5",2:"-ms-2","2.5":"-ms-2.5",3:"-ms-3","3.5":"-ms-3.5",4:"-ms-4",5:"-ms-5",6:"-ms-6",7:"-ms-7",8:"-ms-8",9:"-ms-9",10:"-ms-10",11:"-ms-11",12:"-ms-12",14:"-ms-14",16:"-ms-16",20:"-ms-20",24:"-ms-24",28:"-ms-28",32:"-ms-32",36:"-ms-36",40:"-ms-40",44:"-ms-44",48:"-ms-48",52:"-ms-52",56:"-ms-56",60:"-ms-60",64:"-ms-64",72:"-ms-72",80:"-ms-80",96:"-ms-96"},offsetTop:{0:"-mt-0",px:"-mt-px","0.5":"-mt-0.5",1:"-mt-1","1.5":"-mt-1.5",2:"-mt-2","2.5":"-mt-2.5",3:"-mt-3","3.5":"-mt-3.5",4:"-mt-4",5:"-mt-5",6:"-mt-6",7:"-mt-7",8:"-mt-8",9:"-mt-9",10:"-mt-10",11:"-mt-11",12:"-mt-12",14:"-mt-14",16:"-mt-16",20:"-mt-20",24:"-mt-24",28:"-mt-28",32:"-mt-32",36:"-mt-36",40:"-mt-40",44:"-mt-44",48:"-mt-48",52:"-mt-52",56:"-mt-56",60:"-mt-60",64:"-mt-64",72:"-mt-72",80:"-mt-80",96:"-mt-96"},columnGap:{0:"gap-x-0",px:"gap-x-px","0.5":"gap-x-0.5",1:"gap-x-1","1.5":"gap-x-1.5",2:"gap-x-2","2.5":"gap-x-2.5",3:"gap-x-3","3.5":"gap-x-3.5",4:"gap-x-4",5:"gap-x-5",6:"gap-x-6",7:"gap-x-7",8:"gap-x-8",9:"gap-x-9",10:"gap-x-10",11:"gap-x-11",12:"gap-x-12",14:"gap-x-14",16:"gap-x-16",20:"gap-x-20",24:"gap-x-24",28:"gap-x-28",32:"gap-x-32",36:"gap-x-36",40:"gap-x-40",44:"gap-x-44",48:"gap-x-48",52:"gap-x-52",56:"gap-x-56",60:"gap-x-60",64:"gap-x-64",72:"gap-x-72",80:"gap-x-80",96:"gap-x-96"},rowGap:{0:"gap-y-0",px:"gap-y-px","0.5":"gap-y-0.5",1:"gap-y-1","1.5":"gap-y-1.5",2:"gap-y-2","2.5":"gap-y-2.5",3:"gap-y-3","3.5":"gap-y-3.5",4:"gap-y-4",5:"gap-y-5",6:"gap-y-6",7:"gap-y-7",8:"gap-y-8",9:"gap-y-9",10:"gap-y-10",11:"gap-y-11",12:"gap-y-12",14:"gap-y-14",16:"gap-y-16",20:"gap-y-20",24:"gap-y-24",28:"gap-y-28",32:"gap-y-32",36:"gap-y-36",40:"gap-y-40",44:"gap-y-44",48:"gap-y-48",52:"gap-y-52",56:"gap-y-56",60:"gap-y-60",64:"gap-y-64",72:"gap-y-72",80:"gap-y-80",96:"gap-y-96"},backgroundColor:{accent:"bg-accent",alert:"bg-alert",black:"bg-black",brand:"bg-brand",positive:"bg-positive",warning:"bg-warning",white:"bg-white",primary:"bg-primary",secondary:"bg-secondary",transparent:"bg-transparent"},borderColor:{accent:"border-accent",alert:"border-alert",black:"border-black",brand:"border-brand",positive:"border-positive",warning:"border-warning",white:"border-white",transparent:"border-transparent",muted:"border-muted",primary:"border-primary",secondary:"border-secondary",tertiary:"border-tertiary"},borderColorOnActive:{accent:"active:border-accent",alert:"active:border-alert",black:"active:border-black",brand:"active:border-brand",positive:"active:border-positive",warning:"active:border-warning",white:"active:border-white",transparent:"active:border-transparent",muted:"active:border-muted",primary:"active:border-primary",secondary:"active:border-secondary",tertiary:"active:border-tertiary"},borderColorOnFocus:{accent:"focus:border-accent",alert:"focus:border-alert",black:"focus:border-black",brand:"focus:border-brand",positive:"focus:border-positive",warning:"focus:border-warning",white:"focus:border-white",transparent:"focus:border-transparent",muted:"focus:border-muted",primary:"focus:border-primary",secondary:"focus:border-secondary",tertiary:"focus:border-tertiary"},borderColorOnHover:{accent:"hover:border-accent",alert:"hover:border-alert",black:"hover:border-black",brand:"hover:border-brand",positive:"hover:border-positive",warning:"hover:border-warning",white:"hover:border-white",transparent:"hover:border-transparent",muted:"hover:border-muted",primary:"hover:border-primary",secondary:"hover:border-secondary",tertiary:"hover:border-tertiary"},borderColorOnChecked:{accent:"data-[state=checked]:border-accent",alert:"data-[state=checked]:border-alert",black:"data-[state=checked]:border-black",brand:"data-[state=checked]:border-brand",positive:"data-[state=checked]:border-positive",warning:"data-[state=checked]:border-warning",white:"data-[state=checked]:border-white",transparent:"data-[state=checked]:border-transparent",muted:"data-[state=checked]:border-muted",primary:"data-[state=checked]:border-primary",secondary:"data-[state=checked]:border-secondary",tertiary:"data-[state=checked]:border-tertiary"},borderStartColor:{accent:"border-s-accent",alert:"border-s-alert",black:"border-s-black",brand:"border-s-brand",positive:"border-s-positive",warning:"border-s-warning",white:"border-s-white",transparent:"border-s-transparent",muted:"border-s-muted",primary:"border-s-primary",secondary:"border-s-secondary",tertiary:"border-s-tertiary"},borderEndColor:{accent:"border-e-accent",alert:"border-e-alert",black:"border-e-black",brand:"border-e-brand",positive:"border-e-positive",warning:"border-e-warning",white:"border-e-white",transparent:"border-e-transparent",muted:"border-e-muted",primary:"border-e-primary",secondary:"border-e-secondary",tertiary:"border-e-tertiary"},borderBottomColor:{accent:"border-b-accent",alert:"border-b-alert",black:"border-b-black",brand:"border-b-brand",positive:"border-b-positive",warning:"border-b-warning",white:"border-b-white",transparent:"border-b-transparent",muted:"border-b-muted",primary:"border-b-primary",secondary:"border-b-secondary",tertiary:"border-b-tertiary"},borderTopColor:{accent:"border-t-accent",alert:"border-t-alert",black:"border-t-black",brand:"border-t-brand",positive:"border-t-positive",warning:"border-t-warning",white:"border-t-white",transparent:"border-t-transparent",muted:"border-t-muted",primary:"border-t-primary",secondary:"border-t-secondary",tertiary:"border-t-tertiary"},borderRadius:{none:"rounded-none",xs:"rounded-xs",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl",full:"rounded-full"},borderTopStartRadius:{none:"rounded-ss-none",xs:"rounded-ss-xs",sm:"rounded-ss-sm",md:"rounded-ss-md",lg:"rounded-ss-lg",xl:"rounded-ss-xl",full:"rounded-ss-full"},borderTopEndRadius:{none:"rounded-se-none",xs:"rounded-se-xs",sm:"rounded-se-sm",md:"rounded-se-md",lg:"rounded-se-lg",xl:"rounded-se-xl",full:"rounded-se-full"},borderBottomStartRadius:{none:"rounded-es-none",xs:"rounded-es-xs",sm:"rounded-es-sm",md:"rounded-es-md",lg:"rounded-es-lg",xl:"rounded-es-xl",full:"rounded-es-full"},borderBottomEndRadius:{none:"rounded-ee-none",xs:"rounded-ee-xs",sm:"rounded-ee-sm",md:"rounded-ee-md",lg:"rounded-ee-lg",xl:"rounded-ee-xl",full:"rounded-ee-full"},borderWidth:{none:"border-none",thin:"border-thin",medium:"border-medium",thick:"border-thick"},borderVerticalWidth:{none:"border-y-none",thin:"border-y-thin",medium:"border-y-medium",thick:"border-y-thick"},borderHorizontalWidth:{none:"border-x-none",thin:"border-x-thin",medium:"border-x-medium",thick:"border-x-thick"},borderStartWidth:{none:"border-s-none",thin:"border-s-thin",medium:"border-s-medium",thick:"border-s-thick"},borderEndWidth:{none:"border-e-none",thin:"border-e-thin",medium:"border-e-medium",thick:"border-e-thick"},borderTopWidth:{none:"border-t-none",thin:"border-t-thin",medium:"border-t-medium",thick:"border-t-thick"},borderBottomWidth:{none:"border-b-none",thin:"border-b-thin",medium:"border-b-medium",thick:"border-b-thick"},avatarSize:{s:"avatarSize-s",m:"avatarSize-m",l:"avatarSize-l"},iconSize:{sm:"iconSize-sm leading-none",md:"iconSize-md leading-none",lg:"iconSize-lg leading-none"},alignContent:{"flex-start":"content-start","flex-end":"content-end",center:"content-center",stretch:"content-stretch","space-between":"content-between","space-around":"content-around"},alignItems:{"flex-start":"items-start","flex-end":"items-end",center:"items-center",stretch:"items-stretch",baseline:"items-baseline"},alignSelf:{auto:"self-auto","flex-start":"self-start","flex-end":"self-end",center:"self-center",stretch:"self-stretch",baseline:"self-baseline"},flex:{1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"},flexDirection:{row:"flex-row",column:"flex-col","row-reverse":"flex-row-reverse","column-reverse":"flex-col-reverse"},flexGrow:{0:"grow-0",1:"grow",2:"grow-[2]",3:"grow-[3]"},flexShrink:{0:"shrink-0",1:"shrink"},flexWrap:{wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse",nowrap:"flex-nowrap"},justifyContent:{"flex-start":"justify-start","flex-end":"justify-end",center:"justify-center","space-between":"justify-between","space-around":"justify-around","space-evenly":"justify-evenly"},flexBasis:{"min-content":"basis-[min-content]"},display:{block:"block","inline-block":"inline-block",inline:"inline",flex:"flex","inline-flex":"inline-flex",table:"table","inline-table":"inline-table","table-caption":"table-caption","table-cell":"table-cell","table-column":"table-column","table-column-group":"table-column-group","table-footer-group":"table-footer-group","table-header-group":"table-header-group","table-row-group":"table-row-group","table-row":"table-row","flow-root":"flow-root",grid:"grid",contents:"contents"},overflow:{auto:"overflow-auto",hidden:"overflow-hidden",clip:"overflow-clip",visible:"overflow-visible",scroll:"overflow-scroll"},overflowX:{auto:"overflow-x-auto",hidden:"overflow-x-hidden",clip:"overflow-x-clip",visible:"overflow-x-visible",scroll:"overflow-x-scroll"},overflowY:{auto:"overflow-y-auto",hidden:"overflow-y-hidden",clip:"overflow-y-clip",visible:"overflow-y-visible",scroll:"overflow-y-scroll"},position:{static:"static",fixed:"fixed",absolute:"absolute",relative:"relative",sticky:"sticky"},contentFit:{contain:"object-contain",cover:"object-cover",fill:"object-fill",none:"object-none","scale-down":"object-scale-down"},colorMode:{dark:He,light:Ce},scaleMode:{xSmall:Ne,small:ze,medium:De,large:we,xLarge:Ie,xxxLarge:Ve,xxLarge:Be}};var ut=xt({cacheSize:0,extend:{theme:{borderColor:ft,borderWidth:bt,borderRadius:mt}},override:{classGroups:{"text-color":[{text:yt}],"bg-color":[{bg:ct}],"font-family":[{font:["icons",...Xe]}],leading:[{leading:Xe}]},conflictingClassGroups:{}}}),be=(...e)=>{let t=gt(e);return ut(t)},Ue=e=>t=>{if(!e?.variants)return be(e?.base,t?.className);let{variants:i,defaultVariants:l}=e,c=Object.keys(i).map(o=>{let r=t?.[o],a=l?.[o],d=Se(r)||Se(a);return i[o][d]}),s={...l,...t&&Object.entries(t).reduce((o,[r,a])=>typeof a>"u"?o:{...o,[r]:a},{})},p=e?.compoundVariants?.reduce((o,{className:r,...a})=>Object.entries(a).every(([d,m])=>s[d]===m)?be(o,r):o,"");return be(e?.base,c,p,t?.className)},f=Ue({variants:We});import{Children as de,cloneElement as $e,forwardRef as je,isValidElement as ye}from"react";function ht(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function Ge(...e){return t=>e.forEach(i=>ht(i,t))}import{jsx as Ke}from"react/jsx-runtime";function le(){let e=je((s,p)=>{let{children:o,...r}=s,a=de.toArray(o),d=a.find(l);if(d){let m=d.props.children,b=a.map(y=>y===d?de.count(m)>1?de.only(null):ye(m)?m.props.children:null:y);return Ke(t,{...r,ref:p,children:ye(m)?$e(m,void 0,b):null})}return Ke(t,{...r,ref:p,children:o})});e.displayName="Slot";let t=je((s,p)=>{let{children:o,...r}=s;return ye(o)?$e(o,{...c(r,o.props),ref:p?Ge(p,o.ref):o.ref}):de.count(o)>1?de.only(null):null});t.displayName="SlotClone";let i=({children:s})=>s;function l(s){return ye(s)&&s.type===i}function c(s,p){let o={...p};for(let r in p){let a=s[r],d=p[r];/^on[A-Z]/.test(r)?a&&d?o[r]=(...b)=>{d(...b),a(...b)}:a&&(o[r]=a):r==="style"&&(o[r]={...a,...d})}return{...s,...o}}return e}import{jsx as wt}from"react/jsx-runtime";var Ct=le(),ce=St(function({asChild:t,className:i,backgroundColor:l,borderRadius:c,borderTopStartRadius:s,borderTopEndRadius:p,borderBottomStartRadius:o,borderBottomEndRadius:r,borderColor:a,borderColorOnActive:d,borderColorOnFocus:m,borderColorOnChecked:b,borderColorOnHover:y,borderStartColor:g,borderEndColor:x,borderTopColor:u,borderBottomColor:h,borderWidth:S,borderVerticalWidth:C,borderHorizontalWidth:w,borderStartWidth:E,borderEndWidth:v,borderTopWidth:k,borderBottomWidth:A,alignContent:T,alignItems:R,alignSelf:_,flex:P,flexDirection:L,flexGrow:M,flexShrink:O,flexWrap:F,justifyContent:H,flexBasis:N,display:z="flex",overflow:D,overflowX:I,overflowY:B,position:V,spacing:W,spacingHorizontal:X,spacingVertical:U,spacingBottom:G,spacingEnd:$,spacingStart:j,spacingTop:K,offset:Z,offsetVertical:Y,offsetHorizontal:J,offsetBottom:q,offsetEnd:Q,offsetStart:ee,offsetTop:te,columnGap:oe,rowGap:re,...ae},ne){let ie=f({backgroundColor:l,borderRadius:c,borderTopStartRadius:s,borderTopEndRadius:p,borderBottomStartRadius:o,borderBottomEndRadius:r,borderColor:a,borderColorOnActive:d,borderColorOnFocus:m,borderColorOnChecked:b,borderColorOnHover:y,borderStartColor:g,borderEndColor:x,borderTopColor:u,borderBottomColor:h,borderWidth:S,borderVerticalWidth:C,borderHorizontalWidth:w,borderStartWidth:E,borderEndWidth:v,borderTopWidth:k,borderBottomWidth:A,alignContent:T,alignItems:R,alignSelf:_,flex:P,flexDirection:L,flexGrow:M,flexShrink:O,flexWrap:F,justifyContent:H,flexBasis:N,display:z,overflow:D,overflowX:I,overflowY:B,position:V,spacing:W,spacingHorizontal:X,spacingVertical:U,spacingBottom:G,spacingEnd:$,spacingStart:j,spacingTop:K,offset:Z,offsetVertical:Y,offsetHorizontal:J,offsetBottom:q,offsetEnd:Q,offsetStart:ee,offsetTop:te,columnGap:oe,rowGap:re,className:i});return wt(t?Ct:"div",{className:ie,ref:ne,...ae})});import{forwardRef as Et}from"react";import{jsx as kt}from"react/jsx-runtime";var vt=Et(function({gap:t,...i},l){return kt(ce,{ref:l,flexDirection:"row",rowGap:t,columnGap:t,...i})});import{forwardRef as At}from"react";import{jsx as _t}from"react/jsx-runtime";var Tt=le(),Rt=At(function({className:t,asChild:i,size:l,color:c,name:s,textAlign:p,backgroundColor:o,borderRadius:r,borderTopStartRadius:a,borderTopEndRadius:d,borderBottomStartRadius:m,borderBottomEndRadius:b,borderColor:y,borderColorOnActive:g,borderColorOnFocus:x,borderColorOnChecked:u,borderColorOnHover:h,borderStartColor:S,borderEndColor:C,borderTopColor:w,borderBottomColor:E,borderWidth:v,borderVerticalWidth:k,borderHorizontalWidth:A,borderStartWidth:T,borderEndWidth:R,borderTopWidth:_,borderBottomWidth:P,alignContent:L,alignItems:M,alignSelf:O,flex:F,flexDirection:H,flexGrow:N,flexShrink:z,flexWrap:D,justifyContent:I,flexBasis:B,display:V,overflow:W,overflowX:X,overflowY:U,position:G,spacing:$,spacingHorizontal:j,spacingVertical:K,spacingBottom:Z,spacingEnd:Y,spacingStart:J,spacingTop:q,offset:Q,offsetVertical:ee,offsetHorizontal:te,offsetBottom:oe,offsetEnd:re,offsetStart:ae,offsetTop:ne,columnGap:ie,rowGap:se,...pe},me){let ue=i?Tt:"span",he=f({iconSize:l,color:c,fontFamily:"icons",textAlign:p,backgroundColor:o,borderRadius:r,borderTopStartRadius:a,borderTopEndRadius:d,borderBottomStartRadius:m,borderBottomEndRadius:b,borderColor:y,borderColorOnActive:g,borderColorOnFocus:x,borderColorOnChecked:u,borderColorOnHover:h,borderStartColor:S,borderEndColor:C,borderTopColor:w,borderBottomColor:E,borderWidth:v,borderVerticalWidth:k,borderHorizontalWidth:A,borderStartWidth:T,borderEndWidth:R,borderTopWidth:_,borderBottomWidth:P,alignContent:L,alignItems:M,alignSelf:O,flex:F,flexDirection:H,flexGrow:N,flexShrink:z,flexWrap:D,justifyContent:I,flexBasis:B,display:V,overflow:W,overflowX:X,overflowY:U,position:G,spacing:$,spacingHorizontal:j,spacingVertical:K,spacingBottom:Z,spacingEnd:Y,spacingStart:J,spacingTop:q,offset:Q,offsetVertical:ee,offsetHorizontal:te,offsetBottom:oe,offsetEnd:re,offsetStart:ae,offsetTop:ne,columnGap:ie,rowGap:se,className:t});return _t(ue,{className:he,ref:me,...pe,children:s})});import{jsx as Lt}from"react/jsx-runtime";function Pt({width:e,height:t,src:i,alt:l,contentFit:c,backgroundColor:s,borderRadius:p,borderTopStartRadius:o,borderTopEndRadius:r,borderBottomStartRadius:a,borderBottomEndRadius:d,borderColor:m,borderColorOnActive:b,borderColorOnFocus:y,borderColorOnChecked:g,borderColorOnHover:x,borderStartColor:u,borderEndColor:h,borderTopColor:S,borderBottomColor:C,borderWidth:w,borderVerticalWidth:E,borderHorizontalWidth:v,borderStartWidth:k,borderEndWidth:A,borderTopWidth:T,borderBottomWidth:R,alignContent:_,alignItems:P,alignSelf:L,flex:M,flexDirection:O,flexGrow:F,flexShrink:H,flexWrap:N,justifyContent:z,flexBasis:D,display:I,overflow:B,overflowX:V,overflowY:W,position:X,spacing:U,spacingHorizontal:G,spacingVertical:$,spacingBottom:j,spacingEnd:K,spacingStart:Z,spacingTop:Y,offset:J,offsetVertical:q,offsetHorizontal:Q,offsetBottom:ee,offsetEnd:te,offsetStart:oe,offsetTop:re,columnGap:ae,rowGap:ne,...ie}){let se=f({contentFit:c,backgroundColor:s,borderRadius:p,borderTopStartRadius:o,borderTopEndRadius:r,borderBottomStartRadius:a,borderBottomEndRadius:d,borderColor:m,borderColorOnActive:b,borderColorOnFocus:y,borderColorOnChecked:g,borderColorOnHover:x,borderStartColor:u,borderEndColor:h,borderTopColor:S,borderBottomColor:C,borderWidth:w,borderVerticalWidth:E,borderHorizontalWidth:v,borderStartWidth:k,borderEndWidth:A,borderTopWidth:T,borderBottomWidth:R,alignContent:_,alignItems:P,alignSelf:L,flex:M,flexDirection:O,flexGrow:F,flexShrink:H,flexWrap:N,justifyContent:z,flexBasis:D,display:I,overflow:B,overflowX:V,overflowY:W,position:X,spacing:U,spacingHorizontal:G,spacingVertical:$,spacingBottom:j,spacingEnd:K,spacingStart:Z,spacingTop:Y,offset:J,offsetVertical:q,offsetHorizontal:Q,offsetBottom:ee,offsetEnd:te,offsetStart:oe,offsetTop:re,columnGap:ae,rowGap:ne});return Lt("img",{src:i,alt:l,className:se,style:{objectPosition:"left",width:e,height:t},...ie})}import{forwardRef as Mt}from"react";import{jsx as Ht}from"react/jsx-runtime";var Ot=le(),Ft=Mt(function({className:t,asChild:i,onPress:l,onClick:c=l,backgroundColor:s,borderRadius:p,borderTopStartRadius:o,borderTopEndRadius:r,borderBottomStartRadius:a,borderBottomEndRadius:d,borderColor:m,borderColorOnActive:b,borderColorOnFocus:y,borderColorOnChecked:g,borderColorOnHover:x,borderStartColor:u,borderEndColor:h,borderTopColor:S,borderBottomColor:C,borderWidth:w,borderVerticalWidth:E,borderHorizontalWidth:v,borderStartWidth:k,borderEndWidth:A,borderTopWidth:T,borderBottomWidth:R,alignContent:_,alignItems:P,alignSelf:L,flex:M,flexDirection:O,flexGrow:F,flexShrink:H,flexWrap:N,justifyContent:z,flexBasis:D,display:I,overflow:B,overflowX:V,overflowY:W,position:X,spacing:U,spacingHorizontal:G,spacingVertical:$,spacingBottom:j,spacingEnd:K,spacingStart:Z,spacingTop:Y,offset:J,offsetVertical:q,offsetHorizontal:Q,offsetBottom:ee,offsetEnd:te,offsetStart:oe,offsetTop:re,columnGap:ae,rowGap:ne,...ie},se){let pe=f({backgroundColor:s,borderRadius:p,borderTopStartRadius:o,borderTopEndRadius:r,borderBottomStartRadius:a,borderBottomEndRadius:d,borderColor:m,borderColorOnActive:b,borderColorOnFocus:y,borderColorOnChecked:g,borderColorOnHover:x,borderStartColor:u,borderEndColor:h,borderTopColor:S,borderBottomColor:C,borderWidth:w,borderVerticalWidth:E,borderHorizontalWidth:v,borderStartWidth:k,borderEndWidth:A,borderTopWidth:T,borderBottomWidth:R,alignContent:_,alignItems:P,alignSelf:L,flex:M,flexDirection:O,flexGrow:F,flexShrink:H,flexWrap:N,justifyContent:z,flexBasis:D,display:I,overflow:B,overflowX:V,overflowY:W,position:X,spacing:U,spacingHorizontal:G,spacingVertical:$,spacingBottom:j,spacingEnd:K,spacingStart:Z,spacingTop:Y,offset:J,offsetVertical:q,offsetHorizontal:Q,offsetBottom:ee,offsetEnd:te,offsetStart:oe,offsetTop:re,columnGap:ae,rowGap:ne,className:t});return Ht(i?Ot:"button",{className:pe,ref:se,onClick:c,...ie})});import{forwardRef as Nt}from"react";import{jsx as Bt}from"react/jsx-runtime";var zt=le(),Dt={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",caption1:"p",caption2:"p",legal1:"p"},It=Nt(function({className:t,asChild:i,color:l="primary",variant:c="body1",as:s=Dt[c],fontSize:p=c,fontFamily:o=c,fontWeight:r=c,lineHeight:a=c,textTransform:d=c,textAlign:m,backgroundColor:b,borderRadius:y,borderTopStartRadius:g,borderTopEndRadius:x,borderBottomStartRadius:u,borderBottomEndRadius:h,borderColor:S,borderColorOnActive:C,borderColorOnFocus:w,borderColorOnChecked:E,borderColorOnHover:v,borderStartColor:k,borderEndColor:A,borderTopColor:T,borderBottomColor:R,borderWidth:_,borderVerticalWidth:P,borderHorizontalWidth:L,borderStartWidth:M,borderEndWidth:O,borderTopWidth:F,borderBottomWidth:H,alignContent:N,alignItems:z,alignSelf:D,flex:I,flexDirection:B,flexGrow:V,flexShrink:W,flexWrap:X,justifyContent:U,flexBasis:G,display:$,overflow:j,overflowX:K,overflowY:Z,position:Y,spacing:J,spacingHorizontal:q,spacingVertical:Q,spacingBottom:ee,spacingEnd:te,spacingStart:oe,spacingTop:re,offset:ae,offsetVertical:ne,offsetHorizontal:ie,offsetBottom:se,offsetEnd:pe,offsetStart:me,offsetTop:ue,columnGap:he,rowGap:st,...lt},pt){let dt=f({className:t,color:l,fontFamily:o,fontSize:p,fontWeight:r,lineHeight:a,textTransform:d,textAlign:m,backgroundColor:b,borderRadius:y,borderTopStartRadius:g,borderTopEndRadius:x,borderBottomStartRadius:u,borderBottomEndRadius:h,borderColor:S,borderColorOnActive:C,borderColorOnFocus:w,borderColorOnChecked:E,borderColorOnHover:v,borderStartColor:k,borderEndColor:A,borderTopColor:T,borderBottomColor:R,borderWidth:_,borderVerticalWidth:P,borderHorizontalWidth:L,borderStartWidth:M,borderEndWidth:O,borderTopWidth:F,borderBottomWidth:H,alignContent:N,alignItems:z,alignSelf:D,flex:I,flexDirection:B,flexGrow:V,flexShrink:W,flexWrap:X,justifyContent:U,flexBasis:G,display:$,overflow:j,overflowX:K,overflowY:Z,position:Y,spacing:J,spacingHorizontal:q,spacingVertical:Q,spacingBottom:ee,spacingEnd:te,spacingStart:oe,spacingTop:re,offset:ae,offsetVertical:ne,offsetHorizontal:ie,offsetBottom:se,offsetEnd:pe,offsetStart:me,offsetTop:ue,columnGap:he,rowGap:st});return Bt(i?zt:s,{className:dt,ref:pt,...lt})});import{forwardRef as Vt}from"react";import{jsx as Xt}from"react/jsx-runtime";var Wt=Vt(function({gap:t,...i},l){return Xt(ce,{ref:l,flexDirection:"column",columnGap:t,rowGap:t,...i})});var Ze={none:0,xs:2,sm:4,md:8,lg:12,xl:24,full:9999},Ye={none:0,xs:2,sm:4,md:8,lg:16,xl:32,full:9999};var Je={none:0,thin:1,medium:2,thick:2},qe={none:0,thin:1,medium:2,thick:4};var Qe={core:{brand:{hue:"purple",step:"9"},accent:{hue:"blue",step:"9"},alert:{hue:"red",step:"9"},positive:{hue:"green",step:"9"},warning:{hue:"orange",step:"9"}},background:{primary:{hue:"gray",step:"0"},secondary:{hue:"gray",step:"2"}},foreground:{primary:{hue:"gray",step:"13"},secondary:{hue:"gray",step:"12"},tertiary:{hue:"gray",step:"9"},muted:{hue:"gray",step:"8"},"on-color":{hue:"gray",step:"0"}},line:{primary:{hue:"gray",step:"12"},secondary:{hue:"gray",step:"9"},tertiary:{hue:"gray",step:"7"},muted:{hue:"gray",step:"3"}}},et={core:{brand:{hue:"purple",step:"9"},accent:{hue:"blue",step:"9"},alert:{hue:"red",step:"9"},positive:{hue:"green",step:"9"},warning:{hue:"orange",step:"9"}},background:{primary:{hue:"gray",step:"1"},secondary:{hue:"gray",step:"3"}},foreground:{primary:{hue:"gray",step:"14"},secondary:{hue:"gray",step:"13"},tertiary:{hue:"gray",step:"9"},muted:{hue:"gray",step:"8"},"on-color":{hue:"gray",step:"0"}},line:{primary:{hue:"gray",step:"12"},secondary:{hue:"gray",step:"9"},tertiary:{hue:"gray",step:"7"},muted:{hue:"gray",step:"3"}}},Ut={white:"#ffffff",black:"#000000",transparent:"transparent"};var Ee={s:16,m:24,l:32},tt=Ee,ve={sm:16,md:24,lg:32},ot=ve;var rt={blue:{0:"242 250 255",1:"223 242 255",2:"202 234 255",3:"162 218 255",4:"125 203 255",5:"89 189 255",6:"18 169 255",7:"24 143 255",8:"15 105 255",9:"0 99 235",10:"0 89 222",11:"0 72 196",12:"0 55 164",13:"0 39 126",14:"0 23 83",15:"0 10 38"},purple:{0:"248 244 255",1:"235 229 255",2:"225 217 255",3:"213 207 255",4:"202 194 255",5:"176 159 252",6:"149 126 252",7:"131 103 255",8:"124 73 252",9:"126 31 255",10:"96 1 210",11:"80 21 176",12:"57 0 125",13:"43 0 103",14:"29 0 71",15:"16 0 38"},pink:{0:"255 247 252",1:"255 235 249",2:"254 216 247",3:"255 176 231",4:"255 133 211",5:"255 85 195",6:"255 54 161",7:"255 0 128",8:"230 0 115",9:"220 2 118",10:"178 6 102",11:"113 0 75",12:"85 0 58",13:"56 0 40",14:"45 0 34",15:"38 0 16"},red:{0:"255 250 250",1:"255 240 241",2:"255 231 232",3:"255 214 218",4:"255 187 192",5:"255 152 159",6:"253 106 116",7:"255 77 82",8:"238 0 23",9:"211 13 46",10:"187 0 10",11:"157 0 4",12:"127 0 0",13:"98 3 0",14:"68 4 0",15:"38 3 0"},yellow:{0:"255 253 238",1:"255 250 209",2:"255 246 161",4:"255 233 87",3:"255 242 125",5:"255 211 51",6:"229 185 23",7:"151 117 0",8:"124 90 0",9:"100 67 0",10:"88 57 0",11:"75 47 0",12:"58 34 0",13:"44 25 0",14:"32 17 0",15:"21 11 0"},green:{0:"246 255 244",1:"225 253 220",2:"202 250 197",3:"162 242 162",4:"126 228 135",5:"86 196 112",6:"48 161 89",7:"0 135 81",8:"10 122 68",9:"0 108 59",10:"4 94 52",11:"4 77 44",12:"4 59 35",13:"4 51 31",14:"4 43 27",15:"3 33 21"},teal:{0:"242 255 251",1:"224 255 248",2:"207 255 248",3:"177 255 243",4:"133 247 233",5:"78 232 220",6:"17 211 205",7:"0 160 160",8:"0 130 130",9:"0 122 122",10:"0 110 107",11:"0 89 86",12:"0 69 67",13:"0 54 53",14:"0 44 44",15:"0 38 38"},gray:{0:"255 255 255",1:"245 248 250",2:"240 243 245",3:"224 228 233",4:"199 205 210",5:"176 185 193",6:"151 158 168",7:"130 138 147",8:"110 119 128",9:"91 99 106",10:"70 78 86",11:"44 54 63",12:"35 42 49",13:"29 34 40",14:"16 21 24",15:"0 0 0"},orange:{0:"255 249 242",1:"255 239 222",2:"255 229 202",3:"249 208 167",4:"252 182 111",5:"255 158 66",6:"255 137 21",7:"226 105 0",8:"204 78 0",9:"191 73 0",10:"166 64 0",11:"145 56 0",12:"115 44 0",13:"94 37 1",14:"68 26 0",15:"38 15 0"},rose:{0:"255 247 250",1:"255 235 243",2:"255 224 239",3:"255 209 226",4:"255 193 213",5:"250 162 187",6:"233 126 157",7:"211 89 124",8:"189 57 95",9:"167 52 85",10:"144 47 75",11:"113 35 57",12:"87 27 44",13:"66 22 35",14:"50 18 27",15:"38 15 22"},sunset:{0:"255 240 238",1:"251 221 218",2:"247 203 199",3:"234 170 163",4:"221 140 130",5:"209 113 99",6:"196 89 71",7:"184 68 46",8:"171 51 24",9:"158 44 18",10:"145 38 12",11:"124 26 1",12:"102 22 0",13:"81 18 0",14:"60 13 0",15:"38 8 0"},brown:{0:"255 253 250",1:"255 246 224",2:"255 236 209",3:"251 221 191",4:"237 199 159",5:"217 170 118",6:"185 136 79",7:"151 104 47",8:"134 90 35",9:"117 76 25",10:"91 56 11",11:"71 42 4",12:"55 33 1",13:"45 27 0",14:"38 23 0",15:"26 16 0"},citron:{0:"253 255 230",1:"249 253 193",2:"245 252 158",3:"235 244 87",4:"222 231 23",5:"205 212 0",6:"184 188 0",7:"158 159 0",8:"122 122 0",9:"115 113 0",10:"101 99 0",11:"78 76 0",12:"61 58 0",13:"49 46 0",14:"42 39 0",15:"38 35 0"},lime:{0:"249 255 245",1:"237 255 224",2:"230 255 209",3:"217 250 190",4:"202 239 168",5:"172 222 122",6:"137 199 70",7:"101 169 21",8:"75 133 0",9:"70 122 0",10:"62 107 0",11:"50 83 0",12:"40 65 0",13:"33 51 0",14:"28 43 0",15:"26 38 0"},mint:{0:"245 255 249",1:"231 252 240",2:"218 248 232",3:"201 239 219",4:"174 224 199",5:"133 203 172",6:"88 179 142",7:"45 151 113",8:"12 122 88",9:"1 109 78",10:"1 96 71",11:"0 74 57",12:"0 58 46",13:"0 47 38",14:"0 41 33",15:"0 28 23"},cyan:{0:"245 255 255",1:"223 255 255",2:"201 255 255",3:"161 245 251",4:"121 229 240",5:"85 205 223",6:"54 177 201",7:"29 146 174",8:"20 114 142",9:"19 100 126",10:"17 86 111",11:"13 64 86",12:"10 48 67",13:"9 37 53",14:"8 29 44",15:"4 18 28"},indigo:{0:"242 244 255",1:"226 230 255",2:"209 213 255",3:"184 188 255",4:"156 160 255",5:"130 130 255",6:"109 110 255",7:"93 94 255",8:"64 64 227",9:"32 21 194",10:"26 13 171",11:"22 9 144",12:"18 5 118",13:"15 3 91",14:"11 1 65",15:"6 0 38"},magenta:{0:"244 235 255",1:"236 217 251",2:"229 199 247",3:"223 182 243",4:"220 166 240",5:"212 136 227",6:"207 109 214",7:"201 84 199",8:"188 61 177",9:"164 46 151",10:"140 32 126",11:"116 22 103",12:"92 13 81",13:"68 6 60",14:"44 2 39",15:"20 0 18"},nude:{0:"255 245 245",1:"251 222 221",2:"248 203 196",3:"235 185 172",4:"222 169 149",5:"202 155 136",6:"182 139 122",7:"162 122 106",8:"142 104 89",9:"131 93 80",10:"120 83 71",11:"100 61 48",12:"80 34 19",13:"60 14 0",14:"40 9 0",15:"20 4 0"},carbon:{0:"255 255 255",1:"252 251 251",2:"245 245 245",3:"227 227 227",4:"205 205 205",5:"176 176 176",6:"142 142 142",7:"106 106 106",8:"90 90 90",9:"68 68 68",10:"50 50 50",11:"41 41 41",12:"31 31 31",13:"20 20 20",14:"10 10 10",15:"0 0 0"}},at={blue:{0:"0 10 38",1:"0 14 57",2:"0 19 75",3:"0 29 102",4:"0 44 129",5:"0 63 156",6:"0 87 183",7:"0 116 210",8:"17 148 236",9:"18 169 255",10:"99 192 255",11:"125 203 255",12:"150 210 250",13:"182 224 252",14:"213 237 252",15:"240 247 252"},purple:{0:"25 0 38",1:"34 0 57",2:"42 0 75",3:"51 0 102",4:"57 0 125",5:"80 21 176",6:"96 1 210",7:"108 36 242",8:"119 89 255",9:"144 124 255",10:"165 149 248",11:"187 174 249",12:"209 201 251",13:"225 219 252",14:"235 232 254",15:"248 244 255"},pink:{0:"38 0 19",1:"48 0 23",2:"58 0 27",3:"75 0 34",4:"96 0 43",5:"123 0 54",6:"157 0 67",7:"194 0 81",8:"233 0 107",9:"255 0 128",10:"255 54 161",11:"255 101 186",12:"255 150 211",13:"255 186 228",14:"255 212 240",15:"255 229 247"},red:{0:"38 3 0",1:"57 3 0",2:"75 3 0",3:"102 1 0",4:"129 5 0",5:"156 15 12",6:"183 28 27",7:"210 46 47",8:"232 58 62",9:"255 77 82",10:"255 105 109",11:"255 135 141",12:"255 155 161",13:"255 183 188",14:"254 210 214",15:"255 240 241"},yellow:{0:"38 35 0",1:"48 42 0",2:"58 49 0",4:"96 73 0",3:"75 60 0",5:"123 91 0",6:"157 112 0",7:"194 136 0",8:"233 171 0",9:"255 204 0",10:"255 220 79",11:"255 232 102",12:"255 243 138",13:"255 249 163",14:"255 251 197",15:"255 253 238"},green:{0:"7 33 23",1:"7 43 29",2:"8 48 32",3:"8 55 36",4:"11 70 44",5:"14 91 55",6:"18 118 68",7:"23 149 83",8:"29 181 97",9:"26 197 103",10:"55 219 115",11:"91 235 126",12:"128 242 143",13:"169 251 169",14:"213 255 208",15:"247 255 245"},teal:{0:"0 35 38",1:"0 40 43",2:"0 45 49",3:"0 56 60",4:"0 73 76",5:"0 97 99",6:"0 126 127",7:"1 160 159",8:"15 194 190",9:"17 211 205",10:"52 227 222",11:"99 237 231",12:"145 249 243",13:"185 255 251",14:"216 255 252",15:"242 255 254"},gray:{0:"0 0 0",1:"16 21 24",2:"29 34 40",3:"35 42 49",4:"44 54 63",5:"70 78 86",6:"91 99 106",7:"110 119 128",8:"130 138 147",9:"151 158 168",10:"176 185 193",11:"199 205 210",12:"224 228 233",13:"240 243 245",14:"245 248 250",15:"255 255 255"},carbon:{0:"0 0 0",1:"10 10 10",2:"20 20 20",3:"31 31 31",4:"41 41 41",5:"50 50 50",6:"68 68 68",7:"90 90 90",8:"117 117 117",9:"142 142 142",10:"176 176 176",11:"205 205 205",12:"227 227 227",13:"245 245 245",14:"252 251 251",15:"255 255 255"},orange:{0:"38 15 0",1:"46 17 0",2:"54 19 0",3:"67 23 0",4:"86 28 0",5:"111 34 0",6:"142 41 0",7:"177 54 0",8:"229 80 0",9:"253 97 0",10:"255 123 41",11:"255 145 77",12:"255 161 102",13:"255 192 153",14:"255 224 204",15:"255 246 240"},rose:{0:"28 4 11",1:"38 5 15",2:"50 18 27",3:"66 22 35",4:"87 27 44",5:"113 35 57",6:"158 49 80",7:"191 58 96",8:"214 87 124",9:"221 108 141",10:"228 131 159",11:"245 164 188",12:"255 193 211",13:"255 214 226",14:"255 233 240",15:"255 251 252"},sunset:{0:"38 8 0",1:"54 11 0",2:"69 15 0",3:"100 20 0",4:"130 26 0",5:"156 40 12",6:"178 58 31",7:"197 79 53",8:"213 101 78",9:"219 112 90",10:"225 124 104",11:"235 147 131",12:"243 171 158",13:"249 194 185",14:"253 218 212",15:"255 241 238"},brown:{0:"38 23 0",1:"52 31 1",2:"66 40 2",3:"95 58 5",4:"123 75 10",5:"148 92 19",6:"168 108 31",7:"186 123 46",8:"200 138 66",9:"209 150 80",10:"219 165 103",11:"224 176 122",12:"229 190 148",13:"239 210 180",14:"248 230 212",15:"255 249 242"},citron:{0:"38 35 0",1:"42 39 0",2:"49 46 0",3:"61 58 0",4:"78 76 0",5:"101 99 0",6:"128 125 0",7:"153 153 0",8:"184 188 0",9:"205 212 0",10:"222 231 23",11:"235 244 87",12:"237 243 116",13:"243 249 158",14:"249 253 193",15:"254 255 238"},lime:{0:"20 38 0",1:"34 51 0",2:"41 63 0",3:"53 83 0",4:"65 104 2",5:"79 125 11",6:"94 145 24",7:"110 166 40",8:"127 187 60",9:"137 199 70",10:"151 209 90",11:"168 224 121",12:"184 237 148",13:"209 247 186",14:"226 255 211",15:"244 255 240"},mint:{0:"0 31 25",1:"0 41 34",2:"0 49 41",3:"0 62 52",4:"0 81 64",5:"0 106 77",6:"29 130 89",7:"33 150 104",8:"39 171 116",9:"72 194 129",10:"106 212 153",11:"149 222 182",12:"181 232 204",13:"209 244 224",14:"227 252 237",15:"242 255 248"},cyan:{0:"0 22 38",1:"0 32 54",2:"1 42 69",3:"3 65 100",4:"8 89 130",5:"15 114 156",6:"26 138 178",7:"41 161 197",8:"60 182 213",9:"72 192 219",10:"100 210 232",11:"124 227 242",12:"145 239 250",13:"179 244 249",14:"212 251 253",15:"242 255 255"},indigo:{0:"8 2 38",1:"13 4 65",2:"17 5 91",3:"20 7 117",4:"22 9 144",5:"26 13 171",6:"39 32 187",7:"60 63 219",8:"93 94 255",9:"112 117 242",10:"135 146 242",11:"163 175 251",12:"189 198 255",13:"211 214 255",14:"232 233 255",15:"252 253 255"},magenta:{0:"46 5 44",1:"63 6 58",2:"80 8 72",3:"96 11 86",4:"113 13 99",5:"138 23 122",6:"163 38 148",7:"188 61 177",8:"195 87 196",9:"194 116 205",10:"198 145 213",11:"206 172 222",13:"228 215 238",14:"239 231 247",15:"249 244 255",12:"217 195 230"},nude:{0:"20 0 0",1:"33 0 0",2:"46 0 0",3:"67 0 0",4:"89 20 18",5:"110 46 42",6:"132 73 66",7:"154 99 90",8:"175 124 112",9:"188 136 121",10:"200 147 131",11:"222 169 149",12:"230 189 170",13:"239 208 191",14:"247 224 210",15:"255 240 229"}};var fe=["Helvetica Neue","Helvetica","Arial","sans-serif"],nt=["Georgia","Times","Times New Roman","serif"],ke={icons:{fallbacks:fe,name:"yahoo-icons"},sans:{fallbacks:fe,name:"yahoo-sans"},"sans-beta":{fallbacks:fe,name:"yahoo-sans-beta"},"sans-condensed":{fallbacks:fe,name:"yahoo-sans-condensed"},"serif-text":{fallbacks:nt,name:"yahoo-serif-text"},"serif-display":{fallbacks:nt,name:"yahoo-serif-display"}},Ae={display1:"sans",display2:"sans",display3:"sans",title1:"sans",title2:"sans",title3:"sans",title4:"sans",headline1:"sans",body1:"sans",label1:"sans",label2:"sans",caption1:"sans",caption2:"sans",legal1:"sans"},Gt={thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},Te={display1:"black",display2:"extrabold",display3:"extrabold",title1:"bold",title2:"bold",title3:"bold",title4:"bold",headline1:"semibold",body1:"regular",label1:"semibold",label2:"regular",caption1:"semibold",caption2:"regular",legal1:"semibold"},Re={display1:"uppercase",display2:"none",display3:"none",title1:"none",title2:"none",title3:"none",title4:"none",headline1:"none",body1:"none",label1:"none",label2:"none",caption1:"none",caption2:"none",legal1:"none"},_e={fontSize:{display1:46,display2:37,display3:33,title1:29,title2:25,title3:21,title4:17,headline1:13,body1:13,label1:12,label2:12,caption1:11,caption2:11,legal1:10},lineHeight:{display1:44,display2:44,display3:44,title1:36,title2:32,title3:28,title4:24,headline1:16,body1:16,label1:16,label2:16,caption1:16,caption2:16,legal1:12}},Pe={fontSize:{display1:46,display2:38,display3:34,title1:30,title2:26,title3:22,title4:18,headline1:14,body1:14,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{..._e.lineHeight,title1:40,headline1:20,body1:20,legal1:16}},ge={fontSize:{display1:47,display2:39,display3:35,title1:31,title2:27,title3:23,title4:19,headline1:15,body1:15,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{...Pe.lineHeight,title2:36,title3:32}},Le={fontSize:{...ge.fontSize,display1:48,display2:40,display3:36,title1:32,title2:28,title3:24,title4:20,headline1:16,body1:16,label1:14,label2:14},lineHeight:{...ge.lineHeight,title2:36,title3:32,headline1:20,body1:20,label1:20,label2:20}},Me={fontSize:{display1:50,display2:42,display3:38,title1:34,title2:30,title3:26,title4:22,headline1:18,body1:16,label1:16,label2:16,caption1:14,caption2:14,legal1:13},lineHeight:{...Le.lineHeight,title1:44,headline1:24,body1:24,caption1:20,caption2:20}},Oe={fontSize:{display1:52,display2:44,display3:40,title1:36,title2:32,title3:28,title4:26,headline1:20,body1:20,label1:18,label2:18,caption1:16,caption2:16,legal1:15},lineHeight:{...Me.lineHeight,title2:40,title3:36,headline1:28,body1:28,label1:24,label2:24,legal1:20}},it={fontSize:{display1:54,display2:46,display3:42,title1:38,title2:34,title3:30,title4:28,headline1:22,body1:22,label1:20,label2:20,caption1:18,caption2:18,legal1:17},lineHeight:{...Oe.lineHeight,title1:48,title2:44,title4:32,label1:28,label2:28,caption1:24,caption2:24}};var Fe={fontFamily:Ae,fontWeight:Te,textTransform:Re,avatarSizes:Ee,iconSizes:ve,borderRadius:Ze,borderWidth:Je},xe={fontFamily:Ae,fontWeight:Te,textTransform:Re,avatarSizes:tt,iconSizes:ot,borderRadius:Ye,borderWidth:qe},vo={colorMode:{light:{palette:Qe,spectrum:rt},dark:{palette:et,spectrum:at}},scaleMode:{xSmall:{...Fe,..._e},small:{...Fe,...Pe},medium:{...Fe,...ge},large:{...xe,...Le},xLarge:{...xe,...Me},xxLarge:{...xe,...Oe},xxxLarge:{...xe,...it}},fontFamily:ke};var Ao="system",To="system",Ro="light",_o="large",Po=!1,Lo="\u{1F1FA}\u{1F1F8} US";function Oo(e){return Object.entries(e)}function Ho(e){return Object.fromEntries(e)}function zo(e,t){return Object.keys(e).reduce((i,l,c)=>(i[l]=t(e[l],l,c),i),{})}export{Jt as AVATAR_SIZE_PREFIX,qt as BORDER_RADIUS_PREFIX,Qt as BORDER_WIDTH_PREFIX,ce as Box,He as DARK_COLOR_MODE_CLASSNAME,Ro as DEFAULT_COLOR_MODE,a1 as DEFAULT_COLOR_MODE_CLASSNAME,Ao as DEFAULT_COLOR_MODE_FOR_APP,Po as DEFAULT_HIGH_CONTRAST_MODE,Lo as DEFAULT_REGION_MODE,_o as DEFAULT_SCALE_MODE,n1 as DEFAULT_SCALE_MODE_CLASSNAME,To as DEFAULT_SCALE_MODE_FOR_APP,Zt as FONT_FAMILY_PREFIX,i1 as FONT_ICONS_CSS_VAR,l1 as FONT_SANS_BETA_CSS_VAR,p1 as FONT_SANS_CONDENSED_CSS_VAR,s1 as FONT_SANS_CSS_VAR,d1 as FONT_SERIF_DISPLAY_CSS_VAR,c1 as FONT_SERIF_TEXT_CSS_VAR,e1 as FONT_SIZE_PREFIX,o1 as FONT_WEIGHT_PREFIX,vt as HStack,Yt as ICON_SIZE_PREFIX,Rt as Icon,Pt as Image,we as LARGE_SCALE_MODE_CLASSNAME,Ce as LIGHT_COLOR_MODE_CLASSNAME,t1 as LINE_HEIGHT_PREFIX,De as MEDIUM_SCALE_MODE_CLASSNAME,Ft as Pressable,ze as SMALL_SCALE_MODE_CLASSNAME,Kt as SPECTRUM_COLOR_PREFIX,r1 as TEXT_TRANSFORM_PREFIX,It as Text,n as UDS_PREFIX,Wt as VStack,Ie as XLARGE_SCALE_MODE_CLASSNAME,Ne as XSMALL_SCALE_MODE_CLASSNAME,Be as XXLARGE_SCALE_MODE_CLASSNAME,Ve as XXXLARGE_SCALE_MODE_CLASSNAME,Ut as alwaysPalette,Ue as cva,be as cx,vo as defaultTokensConfig,Oo as entries,ke as fontFamilyGlobal,Gt as fontWeightMap,Ho as fromEntries,f as getStyles,zo as mapValues};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { k as UniversalTokensConfig, w as FontFamilyGlobalConfig, ae as FontWeightDescriptive, af as FontWeightNumeric, C as ColorModeForApp, S as ScaleModeForApp, i as ColorMode, j as ScaleMode, aj as HighContrastMode, aB as RegionMode } from './types-Dk8fLx7L.cjs';
|
2
2
|
|
3
3
|
declare const defaultTokensConfig: UniversalTokensConfig;
|
4
4
|
|