@yahoo/uds 0.5.11 → 1.0.0-beta.0

package/dist/index.d.ts

@@ -1,11 +1,41 @@
-import { D as DivProps } from './VStack-zgq0Zq3N.js';
-export { B as Box, a as BoxProps, I as Icon, b as IconProps, P as Pressable, c as PressableProps, T as Text, d as TextProps, V as VStack, e as VStackProps } from './VStack-zgq0Zq3N.js';
 import * as react from 'react';
-import { Dispatch, SetStateAction } from 'react';
-import { g as UniversalStackProps, h as UniversalImageProps } from './types-BofdnBTe.js';
-export { A as AlwaysPalette, j as AlwaysPaletteAlias, k as Animation, l as AriaAttribute, m as AvatarShape, n as AvatarSize, o as AvatarSizeConfig, p as BackgroundColor, q as BackgroundPalette, B as BackgroundPaletteAlias, r as BackgroundStyleProps, s as BorderRadius, t as BorderRadiusConfig, u as BorderStyleProps, v as BorderWidth, w as BorderWidthConfig, x as BoxShadowConfig, y as ButtonBaseConfig, z as ButtonCategory, D as ButtonColorConfig, E as ButtonColorEffect, G as ButtonColorEffectConfig, I as ButtonColorProperty, J as ButtonColorPropertyConfig, K as ButtonConfig, M as ButtonKind, N as ButtonSize, O as ButtonSpecrtumColor, P as ButtonState, Q as ButtonStateConfig, R as ButtonStateEffectConfig, T as ButtonVariant, V as ButtonVariant2, C as ColorMode, W as ColorModeConfig, X as ColorModeForApp, a as ColorsConfig, Y as ConfigurableTextProperty, Z as CorePalette, c as CorePaletteAlias, _ as CustomSizingStyleProps, $ as DataAttribute, a0 as Display, a1 as Flex, a2 as FlexAlignContent, a3 as FlexAlignItems, a4 as FlexAlignSelf, a5 as FlexBasis, a6 as FlexDirection, a7 as FlexGrow, a8 as FlexJustifyContent, a9 as FlexShrink, aa as FlexStyleProps, ab as FlexWrap, ac as FontFamilyConfig, ad as FontFamilyGlobalAlias, f as FontFamilyGlobalConfig, ae as FontSize, af as FontSizeConfig, d as FontWeightConfig, ag as FontWeightDescriptive, e as FontWeightNumeric, ah as ForegroundColor, ai as ForegroundPalette, F as ForegroundPaletteAlias, aj as HighContrastMode, H as Hue, b as HueStep, ak as IconSize, al as IconSizeConfig, am as ImageStyleProps, an as LayoutStyleProps, ao as LetterSpacing, ap as LineClampAlias, aq as LineColor, ar as LineHeight, as as LineHeightConfig, at as LinePalette, L as LinePaletteAlias, au as Modes, av as Overflow, aw as Palette, ax as PaletteConfig, ay as PaletteType, az as PaletteValue, aA as PlatformMode, aB as Position, aC as PropertyToPaletteAliasMap, aD as RegionMode, aE as ScaleConfig, S as ScaleMode, aF as ScaleModeConfig, aG as ScaleModeForApp, aH as SpacingAlias, aI as SpacingConfig, aJ as SpacingStyleProps, aK as SpectrumColor, aL as SpectrumConfig, aM as StateStyleProps, aN as StyleProps, aV as TShirtSize, aW as TShirtSizeCommon, aO as TextStyleProps, aP as TextTransform, aQ as TextTransformConfig, aR as TextVariant, aS as TransitionDelay, aT as TransitionDuration, aU as TransitionTiming, aX as UniversalAvatarProps, aY as UniversalBoxProps, aZ as UniversalButtonProps, a_ as UniversalIconButtonProps, a$ as UniversalIconProps, b0 as UniversalPressableProps, b1 as UniversalTextInputProps, b2 as UniversalTextProps, U as UniversalTokensConfig, i as alwaysPalette } from './types-BofdnBTe.js';
+import { Ref, Dispatch, SetStateAction } from 'react';
+import { p as UniversalBoxProps, q as UniversalStackProps, r as UniversalIconProps, s as UniversalImageProps, t as UniversalPressableProps, u as UniversalTextProps } from './types-JTm5E7im.js';
+export { A as AVATAR_SIZE_PREFIX, a4 as AlwaysPalette, a5 as AlwaysPaletteAlias, a6 as Animation, a7 as AriaAttribute, a8 as AvatarShape, a9 as AvatarSize, aa as AvatarSizeConfig, x as BORDER_RADIUS_PREFIX, y as BORDER_WIDTH_PREFIX, a0 as BUTTON_CSS_VAR_MAP, ab as BackgroundColor, ac as BackgroundPalette, ad as BackgroundPaletteAlias, ae as BackgroundStyleProps, af as BorderRadius, ag as BorderRadiusConfig, ah as BorderStyleProps, ai as BorderWidth, aj as BorderWidthConfig, ak as BoxShadowConfig, al as ButtonBaseConfig, h as ButtonClassMap, am as ButtonClassName, an as ButtonColorConfig, ao as ButtonColorEffect, ap as ButtonColorEffectConfig, i as ButtonColorProperty, j as ButtonColorPropertyConfig, B as ButtonConfig, aq as ButtonKind, ar as ButtonMotionEffect, as as ButtonMotionProperty, at as ButtonMotionPropertyConfig, au as ButtonPalette, av as ButtonPaletteColor, aw as ButtonPaletteConfig, ax as ButtonSize, ay as ButtonSizeConfig, az as ButtonSizeProperty, aA as ButtonSpectrumColor, aB as ButtonState, aC as ButtonStateConfig, aD as ButtonStateEffectConfig, aE as ButtonVariant, aF as ButtonVariantConfig, C as ColorMode, aG as ColorModeConfig, aH as ColorModeForApp, a as ColorsConfig, aI as CorePalette, aJ as CorePaletteAlias, aK as CustomSizingStyleProps, N as DARK_COLOR_MODE_CLASSNAME, _ as DEFAULT_COLOR_MODE_CLASSNAME, $ as DEFAULT_SCALE_MODE_CLASSNAME, aL as DataAttribute, aM as Display, a3 as FONT_DECLARATIONS_MAP, z as FONT_FAMILY_PREFIX, D as FONT_SIZE_PREFIX, E as FONT_WEIGHT_PREFIX, aN as Flex, aO as FlexAlignContent, aP as FlexAlignItems, aQ as FlexAlignSelf, aR as FlexBasis, aS as FlexDirection, aT as FlexGrow, aU as FlexJustifyContent, aV as FlexShrink, aW as FlexStyleProps, aX as FlexWrap, aY as FontAlias, m as FontConfig, aZ as FontCssVar, l as FontDeclarationConfig, a_ as FontFamilyCDNUrl, a$ as FontFamilyConfig, k as FontID, b0 as FontSize, b1 as FontSizeConfig, b2 as FontType, F as FontWeightConfig, b3 as FontWeightDescriptive, d as FontWeightNumeric, b4 as ForegroundColor, b5 as ForegroundPalette, b6 as ForegroundPaletteAlias, b7 as HighContrastMode, H as Hue, b as HueStep, a1 as ICON_BUTTON_CSS_VAR_MAP, G as ICON_SIZE_PREFIX, I as IconButtonClassMap, b8 as IconButtonClassName, b9 as IconButtonConfig, ba as IconButtonDefaultsConfig, bb as IconButtonSize, bc as IconSize, bd as IconSizeConfig, be as IconVariant, bf as ImageStyleProps, V as LARGE_SCALE_MODE_CLASSNAME, O as LIGHT_COLOR_MODE_CLASSNAME, L as LINE_HEIGHT_PREFIX, bg as LayoutStyleProps, bh as LetterSpacing, bi as LineClampAlias, bj as LineColor, bk as LineHeight, bl as LineHeightConfig, bm as LinePalette, bn as LinePaletteAlias, R as MEDIUM_SCALE_MODE_CLASSNAME, J as MOTION_PREFIX, bo as Modes, o as MotionConfig, bp as MotionCssVar, bq as MotionSpringConfig, n as MotionSpringConfigOptions, M as MotionVariant, g as MotionVariantSpeed, br as MotionVariantValues, bs as Overflow, a2 as PSEUDO_STYLE_SELECTOR_MAP, bt as Palette, c as PaletteConfig, P as PaletteType, bu as PaletteValue, bv as PlatformMode, bw as Position, bx as PropertyToPaletteAliasMap, by as RegionMode, Q as SMALL_SCALE_MODE_CLASSNAME, K as SPECTRUM_COLOR_PREFIX, bz as ScaleConfig, bA as ScaleEffectMap, S as ScaleMode, bB as ScaleModeConfig, bC as ScaleModeForApp, bD as SpacingAlias, bE as SpacingConfig, bF as SpacingStyleProps, bG as SpectrumColor, bH as SpectrumConfig, bI as StateStyleProps, bJ as StyleProps, T as TEXT_TRANSFORM_PREFIX, bS as TShirtSize, bT as TShirtSizeCommon, bK as TextProperty, bL as TextStyleProps, bM as TextTransform, bN as TextTransformConfig, bO as TextVariant, bP as TransitionDelay, bQ as TransitionDuration, bR as TransitionTiming, w as UDS_PREFIX, bU as UdsCssVar, bV as UniversalAvatarProps, e as UniversalButtonProps, f as UniversalIconButtonProps, bW as UniversalTextInputProps, U as UniversalTokensConfig, W as XLARGE_SCALE_MODE_CLASSNAME, X as XSMALL_SCALE_MODE_CLASSNAME, Y as XXLARGE_SCALE_MODE_CLASSNAME, Z as XXXLARGE_SCALE_MODE_CLASSNAME, v as alwaysPalette } from './types-JTm5E7im.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-export { AVATAR_SIZE_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_CSS_VAR_MAP, Combination, CombinationsConfig, 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, PSUEDO_STYLE_SELECTOR_MAP, 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, button, defaultTokensConfig, entries, fontFamilyGlobal, fontWeightMap, fromEntries, generateConfigCombinations, mapValues, variants } from './tokens/index.js';
+export { Button, ButtonProps, IconButton, IconButtonProps, SpringMotionConfig, SpringMotionConfigProps } from '@yahoo/uds/client';
+export { Combination, CombinationsConfig, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP, button, defaultTokensConfig, entries, fontWeightMap, fromEntries, generateConfigCombinations, getDefaultButtonBaseMap, mapValues, variants } from './tokens/index.js';
+import 'framer-motion';
+
+type DivProps = React.HTMLAttributes<HTMLDivElement>;
+interface BoxProps extends UniversalBoxProps, DivProps {
+}
+/**
+ * **📦 A layout component that can be used to compose other components**
+ *
+ * @description
+ * The most simple component we ship - a div. But with all the power of the UDS design system.
+ * By default, `Box` is a flexbox container. When working with vertical or horizontal layouts,
+ * consider using [VStack](./v-stack) or [HStack](./h-stack) respectively.
+ *
+ * @example
+ * ```tsx
+ * import { Box } from '@yahoo/uds';
+ *
+ * <Box backgroundColor="primary" spacing="6">
+ *   Any kind of content can go here!
+ * </Box>
+ * ```
+ *
+ * @usage
+ * - If you need to div-like container to apply padding, shapes, or other styling.
+ * - If you're creating card components.
+ *
+ * @see The {@link http://yo/uds/docs/components/box Box Docs} for more info
+ *
+ * @related [HStack](http://yo/uds/docs/components/h-stack), [VStack](http://yo/uds/docs/components/v-stack)
+ */
+declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
 
 interface HStackProps extends UniversalStackProps, DivProps {
 }
@@ -36,10 +66,44 @@ interface HStackProps extends UniversalStackProps, DivProps {
  *
  * @see The {@link http://yo/uds/docs/components/h-stack HStack Docs} for more info
  *
- * @related [Box](./Box.tsx) and [VStack](./VStack.tsx)
+ * @related [Box](http://yo/uds/docs/components/box), [VStack](http://yo/uds/docs/components/v-stack)
  **/
 declare const HStack: react.ForwardRefExoticComponent<HStackProps & react.RefAttributes<HTMLDivElement>>;
 
+type SVGElementProps = Omit<React.HTMLAttributes<SVGSVGElement>, 'color'>;
+interface IconProps extends UniversalIconProps, SVGElementProps {
+}
+/**
+ * **🎨 A component for displaying icons**
+ *
+ * @description
+ * [Iconography](http://yo/uds/docs/core-concepts/icons) contains small symbols for actions or
+ * other items. They are available in three different sizes: `sm`, `md`, and
+ * `lg`. Each size also supports an outline and fill variant. Icons can be
+ * colored using the `color` prop.
+ *
+ * The component is available in the `@yahoo/uds` package but is meant to be used
+ * with the assets in `@yahoo/uds-icons`. You will need both packages to use icons.
+ * A separate package provides modularity from the core library, better
+ * versioning strategies, and tree shakeability.
+ *
+ * @example
+ * ```tsx
+ * import { Icon } from '@yahoo/uds';
+ * import { AddFolder } from '@yahoo/uds-icons';
+ *
+ * <Icon name={AddFolder} variant="fill" size="sm" />
+ * ```
+ *
+ * @usage
+ * - If you need to display an icon.
+ *
+ * @see The {@link http://yo/uds/docs/components/icon Icon Docs} for more info
+ *
+ * @related [IconButton](http://yo/uds/docs/components/icon-button)
+ */
+declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+
 type NativeImageProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'size' | 'color' | 'height' | 'width' | 'alt' | 'src'>;
 interface ImageProps extends NativeImageProps, UniversalImageProps {
 }
@@ -64,10 +128,119 @@ interface ImageProps extends NativeImageProps, UniversalImageProps {
  *
  * @see The {@link http://yo/uds/docs/components/image Image Docs} for more info
  *
- * @related [Box](./Box.tsx)
+ * @related [Box](http://yo/uds/docs/components/box)
  */
 declare function Image({ width: imageWidth, height: imageHeight, src, alt, contentFit, backgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, 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;
 
+type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
+interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
+}
+/**
+ * **🖲️ A primitive component for creating button interactions with accessibility support**
+ *
+ * @description
+ * The Pressable component is a primitive component that can be used
+ * to create button interactions with accessibility support. It can be used
+ * to trigger an action, such as submitting a form, navigating to a new page,
+ * or adding interactivity to a section or card.
+ *
+ * @example
+ * ```tsx
+ * import { Pressable } from '@yahoo/uds';
+ *
+ * <Pressable
+ *   backgroundColor="secondary"
+ *   borderWidth="thin"
+ *   borderColor="primary"
+ *   borderRadius="lg"
+ *   onPress={() => console.log('Pressed!')}
+ *  >
+ *    <Text variant="body1" color="primary" spacingHorizontal="7" spacingVertical="5">Click me...</Text>
+ * </Pressable>
+ * ```
+ *
+ * @usage
+ * - If you need to add interactivity to a section or card.
+ * - If you need a highly customized version of [Button](./button)
+ *
+ * @see The {@link http://yo/uds/docs/components/pressable Pressable Docs} for more info
+ *
+ * @related [Button](http://yo/uds/docs/components/button), [IconButton](http://yo/uds/docs/components/icon-button)
+ *
+ */
+declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
+
+type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li';
+type TextProps = UniversalTextProps & {
+    /** Ref passed to the inner container. */
+    ref?: Ref<HTMLElement>;
+    /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
+    as?: TextElementTagName;
+} & Omit<JSX.IntrinsicElements[TextElementTagName], 'color'>;
+/**
+ * **💬 A text element that can be used to display text**
+ *
+ * @description
+ * By default, the `Text` component uses text primary color and selects the
+ * correct font, weight, and leading. It also choices appropriate semantic
+ * HTML element based on the `variant` prop. For example, `body1` will use a
+ * `<p>` tag, `title1` uses an `<h1>`, etc. This behavior can be overridden
+ * with the `as` prop.
+ *
+ *
+ * @example
+ * ```tsx
+ * import { Text } from '@yahoo/uds';
+ *
+ * <Text variant="body1" color="primary">
+ *   Text goes here
+ * </Text>
+ * ```
+ *
+ * @usage
+ * - Use `Text` to display text in your app.
+ * - Use `variant` to change the size and weight of the text.
+ * - Use `color` to change the color of the text.
+ * - Use `as` to change the HTML tag used to render the text.
+ *
+ * @see The {@link http://yo/uds/docs/components/text Text Docs} for more info
+ *
+ * @related [Button](http://yo/uds/docs/components/button) and [Pressable](http://yo/uds/docs/components/pressable)
+ */
+declare const Text: react.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react.RefAttributes<HTMLElement>>;
+
+type VStackProps = UniversalStackProps & DivProps;
+/**
+ * **🥞 A layout component that arranges its children in rows using flexbox**
+ *
+ * @description
+ * VStack is a layout component that arranges its children in rows using [flexbox](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox)
+ * and can be used to compose larger layouts. VStack is similar to [Box](./box) but provides additional features like a `gap` property to
+ * add spacing between children.
+ *
+ * @example
+ * ```tsx
+ * import { VStack, Text } from '@yahoo/uds';
+ *
+ * <VStack gap="6">
+ *   <Text variant="body1" color="primary">First</Text>
+ *   <Text variant="body1" color="primary">Second</Text>
+ *   <Text variant="body1" color="primary">Third</Text>
+ * </VStack>
+ * ```
+ *
+ * @usage
+ * - Create a column of items, optionally with gaps between.
+ * - Create rows that are sized to their content (height only). By default each child will fill the width of the VStack.
+ * - Create rows that fill the available space within the parent container.
+ * - Create rows of proportionate size to each other (also known as a ratio-based layout).
+ *
+ * @see The {@link http://yo/uds/docs/components/v-stack VStack Docs} for more info
+ *
+ * @related [Box](http://yo/uds/docs/components/box), [HStack](http://yo/uds/docs/components/h-stack)
+ **/
+declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
+
 type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T;
 type CvaStyleValue<T> = T | CvaStyleArray<T> | Record<string, unknown> | null | boolean | undefined;
 type CvaStyleArray<T> = CvaStyleValue<T>[];
@@ -104,13 +277,13 @@ interface CX<T> {
 declare const cx: CX<string>;
 declare const cva: CVA<string>;
 declare const getStyles: (props?: ({
-    color?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "transparent" | "white" | "black" | "current" | undefined;
-    placeholderColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "transparent" | "white" | "black" | "current" | undefined;
-    fontFamily?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "icons" | "sans" | "sans-beta" | "sans-condensed" | "serif-text" | "serif-display" | undefined;
+    color?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "transparent" | "white" | "black" | "current" | undefined;
+    placeholderColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "transparent" | "white" | "black" | "current" | undefined;
+    fontFamily?: "serif" | "sans" | "mono" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "sans-alt" | "serif-alt" | undefined;
     fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | undefined;
     fontWeight?: "black" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "bold" | "extrabold" | undefined;
     lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | undefined;
-    textAlign?: "center" | "justify" | "start" | "end" | undefined;
+    textAlign?: "center" | "end" | "start" | "justify" | undefined;
     textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
     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;
     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;
@@ -128,12 +301,12 @@ declare const getStyles: (props?: ({
     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;
     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;
     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;
-    backgroundColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "transparent" | "white" | "black" | "current" | undefined;
-    borderColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
-    borderStartColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
-    borderEndColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
-    borderBottomColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
-    borderTopColor?: "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
+    backgroundColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "transparent" | "white" | "black" | "current" | undefined;
+    borderColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
+    borderStartColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
+    borderEndColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
+    borderBottomColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
+    borderTopColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
     borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
     borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
     borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
@@ -148,17 +321,17 @@ declare const getStyles: (props?: ({
     borderBottomWidth?: "thin" | "medium" | "none" | "thick" | undefined;
     avatarSize?: "sm" | "md" | "lg" | undefined;
     iconSize?: "sm" | "md" | "lg" | undefined;
-    alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
-    alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
-    alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
-    flex?: "1" | "none" | "auto" | "initial" | undefined;
+    alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-between" | "space-around" | undefined;
+    alignItems?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch" | undefined;
+    alignSelf?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch" | "auto" | undefined;
+    flex?: "1" | "none" | "initial" | "auto" | undefined;
     flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
     flexGrow?: "0" | "1" | "2" | "3" | undefined;
     flexShrink?: "0" | "1" | undefined;
-    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-    justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+    flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
+    justifyContent?: "center" | "flex-end" | "flex-start" | "space-between" | "space-around" | "space-evenly" | undefined;
     flexBasis?: "min-content" | undefined;
-    display?: "block" | "inline-block" | "inline" | "flex" | "inline-flex" | "table" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "grid" | "contents" | undefined;
+    display?: "block" | "inline" | "flex" | "flow-root" | "grid" | "table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | "inline-block" | "inline-flex" | "inline-table" | "contents" | undefined;
     overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
     overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
     overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
@@ -166,13 +339,14 @@ declare const getStyles: (props?: ({
     contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
     colorMode?: "light" | "dark" | undefined;
     scaleMode?: "medium" | "xSmall" | "small" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
-    buttonCategory?: "accent" | "alert" | "brand" | "positive" | "warning" | undefined;
+    buttonPalette?: "brand" | "accent" | "alert" | "positive" | "warning" | undefined;
     buttonVariant?: "primary" | "secondary" | "tertiary" | undefined;
     buttonSize?: "sm" | "md" | "lg" | undefined;
+    iconButtonSize?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
 } & {
     className?: string | undefined;
 }) | undefined) => string;
 
 type SetState<T> = Dispatch<SetStateAction<T>>;
 
-export { HStack, type HStackProps, Image, type ImageProps, type SetState, UniversalImageProps, UniversalStackProps, cva, cx, getStyles };
+export { Box, type BoxProps, HStack, type HStackProps, Icon, type IconProps, Image, type ImageProps, Pressable, type PressableProps, type SetState, Text, type TextProps, UniversalBoxProps, UniversalIconProps, UniversalImageProps, UniversalPressableProps, UniversalStackProps, UniversalTextProps, VStack, type VStackProps, cva, cx, getStyles };

package/dist/index.js

@@ -1,3 +1,2 @@
-import{forwardRef as e,Children as t,isValidElement as r,cloneElement as o}from"react";import{lineColors as a,borderWidths as l,borderRadii as n,foregroundColors as i,spectrumColors as p,backgroundColors as d,textVariants as s}from"@yahoo/uds/fixtures";import b from"clsx";import{extendTailwindMerge as c}from"tailwind-merge";import{jsx as u}from"react/jsx-runtime";
-/*! © 2024 Yahoo, Inc. UDS v0.5.11 */
-function m(e){return"boolean"==typeof e?`${e}`:0===e?"0":e}var f="uds",y=`${f}-spectrum-color`,g=`${f}-font`,h=`${f}-icon-size`,x=`${f}-avatar-size`,v=`${f}-border-radius`,C=`${f}-border-width`,w=`${f}-font-size`,k=`${f}-line-height`,S=`${f}-font-weight`,W=`${f}-text-transform`,z=`${f}-color-mode-dark`,R=`${f}-color-mode-light`,B=`${f}-scale-mode-xsmall`,T=`${f}-scale-mode-small`,E=`${f}-scale-mode-medium`,H=`${f}-scale-mode-large`,$=`${f}-scale-mode-xlarge`,V=`${f}-scale-mode-xxlarge`,G=`${f}-scale-mode-xxxlarge`,j=R,N=H,D=`--${f}-font-icons`,F=`--${f}-font-sans`,I=`--${f}-font-sans-beta`,X=`--${f}-font-sans-condensed`,Y=`--${f}-font-serif-display`,O=`--${f}-font-serif-text`,A={borderRadius:`--${f}-button-border-radius`,borderWidth:`--${f}-buton-border-width`,color:`--${f}-button-color`,backgroundColor:`--${f}-button-background-color`,borderColor:`--${f}-button-border-color`,padding:`--${f}-button-padding`,columnGap:`--${f}-button-gap`,fontFamily:`--${f}-button-font`,fontWeight:`--${f}-button-font-weight`,fontSize:`--${f}-button-font-size`,lineHeight:`--${f}-button-line-height`,textTransform:`--${f}-button-text-transform`,iconSize:`--${f}-button-icon-size`},L={hover:"&:hover:not([disabled])",pressed:"&:active:not([disabled])",disabled:"&:disabled"},M={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",current:"text-current"},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",current:"placeholder:text-current"},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",.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",.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",.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",.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",.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",.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",.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",.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",.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",.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",.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",.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",.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",.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",.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",.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",current:"bg-current"},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",current:"border-current"},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",current:"border-s-current"},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",current:"border-e-current"},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",current:"border-b-current"},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",current:"border-t-current"},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:{sm:"avatarSize-sm",md:"avatarSize-md",lg:"avatarSize-lg"},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:z,light:R},scaleMode:{xSmall:B,small:T,medium:E,large:H,xLarge:$,xxxLarge:G,xxLarge:V},buttonCategory:{accent:"button-accent",brand:"button-brand",alert:"button-alert",positive:"button-positive",warning:"button-warning"},buttonVariant:{primary:"button-primary",secondary:"button-secondary",tertiary:"button-tertiary"},buttonSize:{sm:"button-sm",md:"button-md",lg:"button-lg"}},P=c({cacheSize:0,extend:{theme:{borderColor:a,borderWidth:l,borderRadius:n}},override:{classGroups:{"text-color":[{text:[...i,...p]}],"bg-color":[{bg:d}],"font-family":[{font:["icons",...s]}],leading:[{leading:s}]},conflictingClassGroups:{}}}),U=(...e)=>{const t=b(e);return P(t)},Z=e=>t=>{if(!e?.variants)return U(e?.base,t?.className);const{variants:r,defaultVariants:o}=e,a=Object.keys(r).map((e=>{const a=t?.[e],l=o?.[e],n=m(a)||m(l);return r[e][n]})),l={...o,...t&&Object.entries(t).reduce(((e,[t,r])=>void 0===r?e:{...e,[t]:r}),{})},n=e?.compoundVariants?.reduce(((e,{className:t,...r})=>Object.entries(r).every((([e,t])=>l[e]===t))?U(e,t):e),"");return U(e?.base,a,n,t?.className)},q=Z({variants:M});function J(...e){return t=>e.forEach((e=>function(e,t){"function"==typeof e?e(t):null!=e&&(e.current=t)}(e,t)))}function K(){const a=e(((e,a)=>{const{children:n,...p}=e,d=t.toArray(n),s=d.find(i);if(s){const e=s.props.children,n=d.map((o=>o===s?t.count(e)>1?t.only(null):r(e)?e.props.children:null:o));return u(l,{...p,ref:a,children:r(e)?o(e,void 0,n):null})}return u(l,{...p,ref:a,children:n})}));a.displayName="Slot";const l=e(((e,a)=>{const{children:l,...n}=e;return r(l)?o(l,{...p(n,l.props),ref:a?J(a,l.ref):l.ref}):t.count(l)>1?t.only(null):null}));l.displayName="SlotClone";const n=({children:e})=>e;function i(e){return r(e)&&e.type===n}function p(e,t){const r={...t};for(const o in t){const a=e[o],l=t[o];/^on[A-Z]/.test(o)?a&&l?r[o]=(...e)=>{l(...e),a(...e)}:a&&(r[o]=a):"style"===o&&(r[o]={...a,...l})}return{...e,...r}}return a}var Q=K(),_=e((function({asChild:e,className:t,backgroundColor:r,borderRadius:o,borderTopStartRadius:a,borderTopEndRadius:l,borderBottomStartRadius:n,borderBottomEndRadius:i,borderColor:p,borderStartColor:d,borderEndColor:s,borderTopColor:b,borderBottomColor:c,borderWidth:m,borderVerticalWidth:f,borderHorizontalWidth:y,borderStartWidth:g,borderEndWidth:h,borderTopWidth:x,borderBottomWidth:v,alignContent:C,alignItems:w,alignSelf:k,flex:S,flexDirection:W,flexGrow:z,flexShrink:R,flexWrap:B,justifyContent:T,flexBasis:E,display:H="flex",overflow:$,overflowX:V,overflowY:G,position:j,spacing:N,spacingHorizontal:D,spacingVertical:F,spacingBottom:I,spacingEnd:X,spacingStart:Y,spacingTop:O,offset:A,offsetVertical:L,offsetHorizontal:M,offsetBottom:P,offsetEnd:U,offsetStart:Z,offsetTop:J,columnGap:K,rowGap:_,...ee},te){const re=q({backgroundColor:r,borderRadius:o,borderTopStartRadius:a,borderTopEndRadius:l,borderBottomStartRadius:n,borderBottomEndRadius:i,borderColor:p,borderStartColor:d,borderEndColor:s,borderTopColor:b,borderBottomColor:c,borderWidth:m,borderVerticalWidth:f,borderHorizontalWidth:y,borderStartWidth:g,borderEndWidth:h,borderTopWidth:x,borderBottomWidth:v,alignContent:C,alignItems:w,alignSelf:k,flex:S,flexDirection:W,flexGrow:z,flexShrink:R,flexWrap:B,justifyContent:T,flexBasis:E,display:H,overflow:$,overflowX:V,overflowY:G,position:j,spacing:N,spacingHorizontal:D,spacingVertical:F,spacingBottom:I,spacingEnd:X,spacingStart:Y,spacingTop:O,offset:A,offsetVertical:L,offsetHorizontal:M,offsetBottom:P,offsetEnd:U,offsetStart:Z,offsetTop:J,columnGap:K,rowGap:_,className:t});return u(e?Q:"div",{className:re,ref:te,...ee})})),ee=e((function({gap:e,...t},r){return u(_,{ref:r,flexDirection:"row",rowGap:e,columnGap:e,...t})})),te={sm:16,md:24,lg:32},re=te,oe={sm:16,md:24,lg:32},ae=oe,le=e((function({name:e,size:t="md",variant:r="outline",color:o="primary",className:a,...l},n){const i=q({color:o,className:a}),p=ae[t];return u("svg",{ref:n,xmlns:"http://www.w3.org/2000/svg",width:p,height:p,viewBox:`0 0 ${p} ${p}`,"aria-hidden":"true",focusable:"false",className:i,...l,children:u(e,{size:t,variant:r})})}));function ne({width:e,height:t,src:r,alt:o,contentFit:a,backgroundColor:l,borderRadius:n,borderTopStartRadius:i,borderTopEndRadius:p,borderBottomStartRadius:d,borderBottomEndRadius:s,borderColor:b,borderStartColor:c,borderEndColor:m,borderTopColor:f,borderBottomColor:y,borderWidth:g,borderVerticalWidth:h,borderHorizontalWidth:x,borderStartWidth:v,borderEndWidth:C,borderTopWidth:w,borderBottomWidth:k,alignContent:S,alignItems:W,alignSelf:z,flex:R,flexDirection:B,flexGrow:T,flexShrink:E,flexWrap:H,justifyContent:$,flexBasis:V,display:G,overflow:j,overflowX:N,overflowY:D,position:F,spacing:I,spacingHorizontal:X,spacingVertical:Y,spacingBottom:O,spacingEnd:A,spacingStart:L,spacingTop:M,offset:P,offsetVertical:U,offsetHorizontal:Z,offsetBottom:J,offsetEnd:K,offsetStart:Q,offsetTop:_,columnGap:ee,rowGap:te,...re}){const oe=q({contentFit:a,backgroundColor:l,borderRadius:n,borderTopStartRadius:i,borderTopEndRadius:p,borderBottomStartRadius:d,borderBottomEndRadius:s,borderColor:b,borderStartColor:c,borderEndColor:m,borderTopColor:f,borderBottomColor:y,borderWidth:g,borderVerticalWidth:h,borderHorizontalWidth:x,borderStartWidth:v,borderEndWidth:C,borderTopWidth:w,borderBottomWidth:k,alignContent:S,alignItems:W,alignSelf:z,flex:R,flexDirection:B,flexGrow:T,flexShrink:E,flexWrap:H,justifyContent:$,flexBasis:V,display:G,overflow:j,overflowX:N,overflowY:D,position:F,spacing:I,spacingHorizontal:X,spacingVertical:Y,spacingBottom:O,spacingEnd:A,spacingStart:L,spacingTop:M,offset:P,offsetVertical:U,offsetHorizontal:Z,offsetBottom:J,offsetEnd:K,offsetStart:Q,offsetTop:_,columnGap:ee,rowGap:te});return u("img",{src:r,alt:o,className:oe,style:{objectPosition:"left",width:e,height:t},...re})}var ie=K(),pe=e((function({className:e,asChild:t,onPress:r,onClick:o=r,backgroundColor:a,borderRadius:l,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:p,borderBottomEndRadius:d,borderColor:s,borderStartColor:b,borderEndColor:c,borderTopColor:m,borderBottomColor:f,borderWidth:y,borderVerticalWidth:g,borderHorizontalWidth:h,borderStartWidth:x,borderEndWidth:v,borderTopWidth:C,borderBottomWidth:w,alignContent:k,alignItems:S,alignSelf:W,flex:z,flexDirection:R,flexGrow:B,flexShrink:T,flexWrap:E,justifyContent:H,flexBasis:$,display:V,overflow:G,overflowX:j,overflowY:N,position:D,spacing:F,spacingHorizontal:I,spacingVertical:X,spacingBottom:Y,spacingEnd:O,spacingStart:A,spacingTop:L,offset:M,offsetVertical:P,offsetHorizontal:U,offsetBottom:Z,offsetEnd:J,offsetStart:K,offsetTop:Q,columnGap:_,rowGap:ee,...te},re){const oe=q({backgroundColor:a,borderRadius:l,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:p,borderBottomEndRadius:d,borderColor:s,borderStartColor:b,borderEndColor:c,borderTopColor:m,borderBottomColor:f,borderWidth:y,borderVerticalWidth:g,borderHorizontalWidth:h,borderStartWidth:x,borderEndWidth:v,borderTopWidth:C,borderBottomWidth:w,alignContent:k,alignItems:S,alignSelf:W,flex:z,flexDirection:R,flexGrow:B,flexShrink:T,flexWrap:E,justifyContent:H,flexBasis:$,display:V,overflow:G,overflowX:j,overflowY:N,position:D,spacing:F,spacingHorizontal:I,spacingVertical:X,spacingBottom:Y,spacingEnd:O,spacingStart:A,spacingTop:L,offset:M,offsetVertical:P,offsetHorizontal:U,offsetBottom:Z,offsetEnd:J,offsetStart:K,offsetTop:Q,columnGap:_,rowGap:ee,className:e});return u(t?ie:"button",{className:oe,ref:re,onClick:o,...te})})),de=K(),se={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"},be=e((function({className:e,asChild:t,color:r="primary",variant:o="body1",as:a=se[o],fontSize:l=o,fontFamily:n=o,fontWeight:i=o,lineHeight:p=o,textTransform:d=o,textAlign:s,backgroundColor:b,borderRadius:c,borderTopStartRadius:m,borderTopEndRadius:f,borderBottomStartRadius:y,borderBottomEndRadius:g,borderColor:h,borderStartColor:x,borderEndColor:v,borderTopColor:C,borderBottomColor:w,borderWidth:k,borderVerticalWidth:S,borderHorizontalWidth:W,borderStartWidth:z,borderEndWidth:R,borderTopWidth:B,borderBottomWidth:T,alignContent:E,alignItems:H,alignSelf:$,flex:V,flexDirection:G,flexGrow:j,flexShrink:N,flexWrap:D,justifyContent:F,flexBasis:I,display:X,overflow:Y,overflowX:O,overflowY:A,position:L,spacing:M,spacingHorizontal:P,spacingVertical:U,spacingBottom:Z,spacingEnd:J,spacingStart:K,spacingTop:Q,offset:_,offsetVertical:ee,offsetHorizontal:te,offsetBottom:re,offsetEnd:oe,offsetStart:ae,offsetTop:le,columnGap:ne,rowGap:ie,...pe},be){const ce=q({className:e,color:r,fontFamily:n,fontSize:l,fontWeight:i,lineHeight:p,textTransform:d,textAlign:s,backgroundColor:b,borderRadius:c,borderTopStartRadius:m,borderTopEndRadius:f,borderBottomStartRadius:y,borderBottomEndRadius:g,borderColor:h,borderStartColor:x,borderEndColor:v,borderTopColor:C,borderBottomColor:w,borderWidth:k,borderVerticalWidth:S,borderHorizontalWidth:W,borderStartWidth:z,borderEndWidth:R,borderTopWidth:B,borderBottomWidth:T,alignContent:E,alignItems:H,alignSelf:$,flex:V,flexDirection:G,flexGrow:j,flexShrink:N,flexWrap:D,justifyContent:F,flexBasis:I,display:X,overflow:Y,overflowX:O,overflowY:A,position:L,spacing:M,spacingHorizontal:P,spacingVertical:U,spacingBottom:Z,spacingEnd:J,spacingStart:K,spacingTop:Q,offset:_,offsetVertical:ee,offsetHorizontal:te,offsetBottom:re,offsetEnd:oe,offsetStart:ae,offsetTop:le,columnGap:ne,rowGap:ie});return u(t?de:a,{className:ce,ref:be,...pe})})),ce=e((function({gap:e,...t},r){return u(_,{ref:r,flexDirection:"column",columnGap:e,rowGap:e,...t})})),ue=["none","custom","lighten","darken"],me=["none","custom"],fe={hover:{backgroundColor:{value:"darken",options:ue},borderColor:{value:"none",options:me},color:{value:"none",options:[...me,"darken"]}},pressed:{backgroundColor:{value:"darken",options:ue},borderColor:{value:"none",options:me},color:{value:"none",options:[...me,"darken"]}}},ye={hover:{backgroundColor:{value:"none",options:me},borderColor:{value:"darken",options:ue},color:{value:"darken",options:ue}},pressed:{backgroundColor:{value:"none",options:me},borderColor:{value:"darken",options:ue},color:{value:"darken",options:ue}}},ge={hover:{backgroundColor:{value:"lighten",options:["none","custom","lighten"]},borderColor:{value:"none",options:me},color:{value:"none",options:["none","custom","lighten"]}},pressed:{backgroundColor:{value:"lighten",options:ue},borderColor:{value:"none",options:me},color:{value:"none",options:ue}}},he={defaults:{category:"accent",variant:"primary",size:"md"},size:{sm:{spacingHorizontal:"4",spacingVertical:"1.5",gap:"2",iconSize:"sm",textVariant:"label1"},md:{spacingHorizontal:"4",spacingVertical:"2",gap:"2",iconSize:"sm",textVariant:"label1"},lg:{spacingHorizontal:"6",spacingVertical:"3.5",gap:"2",iconSize:"md",textVariant:"label1"}},category:{accent:{primary:{kind:"fill",effect:fe,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"accent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},state:{hover:{backgroundColor:{type:"spectrum",value:"blue-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"blue-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:ye,base:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"accent"},color:{type:"palette",value:"accent"}},state:{hover:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"blue-10"},color:{type:"spectrum",value:"blue-10"}},pressed:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"blue-11"},color:{type:"spectrum",value:"blue-11"}}}},tertiary:{kind:"ghost",effect:ge,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"}},state:{hover:{backgroundColor:{type:"spectrum",value:"blue-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"}},pressed:{backgroundColor:{type:"spectrum",value:"blue-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"}}}}},brand:{primary:{kind:"fill",effect:fe,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"brand"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},state:{hover:{backgroundColor:{type:"spectrum",value:"purple-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"purple-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:ye,base:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"},borderColor:{type:"palette",value:"brand"}},state:{hover:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-10"},color:{type:"spectrum",value:"purple-10"}},pressed:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-11"},color:{type:"spectrum",value:"purple-11"}}}},tertiary:{kind:"ghost",effect:ge,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}},state:{hover:{backgroundColor:{type:"spectrum",value:"purple-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}},pressed:{backgroundColor:{type:"spectrum",value:"purple-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}}}}},alert:{primary:{kind:"fill",effect:fe,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"alert"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},state:{hover:{backgroundColor:{type:"spectrum",value:"red-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"red-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:ye,base:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"alert"},color:{type:"palette",value:"alert"}},state:{hover:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-10"},color:{type:"spectrum",value:"red-10"}},pressed:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-11"},color:{type:"spectrum",value:"red-11"}}}},tertiary:{kind:"ghost",effect:ge,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}},state:{hover:{backgroundColor:{type:"spectrum",value:"red-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}},pressed:{backgroundColor:{type:"spectrum",value:"red-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}}}}},positive:{primary:{kind:"fill",effect:fe,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"positive"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},state:{hover:{backgroundColor:{type:"spectrum",value:"green-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"green-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:ye,base:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"},borderColor:{type:"palette",value:"positive"}},state:{hover:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-10"},color:{type:"spectrum",value:"green-10"}},pressed:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-11"},color:{type:"spectrum",value:"green-11"}}}},tertiary:{kind:"ghost",effect:ge,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}},state:{hover:{backgroundColor:{type:"spectrum",value:"green-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}},pressed:{backgroundColor:{type:"spectrum",value:"green-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}}}}},warning:{primary:{kind:"fill",effect:fe,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"warning"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},state:{hover:{backgroundColor:{type:"spectrum",value:"orange-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"orange-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:ye,base:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"},borderColor:{type:"palette",value:"warning"}},state:{hover:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-10"},color:{type:"spectrum",value:"orange-10"}},pressed:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-11"},color:{type:"spectrum",value:"orange-11"}}}},tertiary:{kind:"ghost",effect:ge,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}},state:{hover:{backgroundColor:{type:"spectrum",value:"orange-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}},pressed:{backgroundColor:{type:"spectrum",value:"orange-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}}}}}}},xe={white:"#ffffff",black:"#000000",transparent:"transparent",current:"currentColor"},ve=["Helvetica Neue","Helvetica","Arial","sans-serif"],Ce=["Georgia","Times","Times New Roman","serif"],we={icons:{fallbacks:ve,name:"yahoo-icons"},sans:{fallbacks:ve,name:"yahoo-sans"},"sans-beta":{fallbacks:ve,name:"yahoo-sans-beta"},"sans-condensed":{fallbacks:ve,name:"yahoo-sans-condensed"},"serif-text":{fallbacks:Ce,name:"yahoo-serif-text"},"serif-display":{fallbacks:Ce,name:"yahoo-serif-display"}},ke={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"},Se={thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},We={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"},ze={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"},Re={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}},Be={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:{...Re.lineHeight,title1:40,headline1:20,body1:20,legal1:16}},Te={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:{...Be.lineHeight,title2:36,title3:32}},Ee={fontSize:{...Te.fontSize,display1:48,display2:40,display3:36,title1:32,title2:28,title3:24,title4:20,headline1:16,body1:16,label1:14,label2:14},lineHeight:{...Te.lineHeight,title2:36,title3:32,headline1:20,body1:20,label1:20,label2:20}},He={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:{...Ee.lineHeight,title1:44,headline1:24,body1:24,caption1:20,caption2:20}},$e={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:{...He.lineHeight,title2:40,title3:36,headline1:28,body1:28,label1:24,label2:24,legal1:20}},Ve={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:{...$e.lineHeight,title1:48,title2:44,title4:32,label1:28,label2:28,caption1:24,caption2:24}},Ge={fontFamily:ke,fontWeight:We,textTransform:ze,avatarSizes:te,iconSizes:oe,borderRadius:{none:0,xs:2,sm:4,md:8,lg:12,xl:24,full:9999},borderWidth:{none:0,thin:1,medium:2,thick:2}},je={fontFamily:ke,fontWeight:We,textTransform:ze,avatarSizes:re,iconSizes:ae,borderRadius:{none:0,xs:2,sm:4,md:8,lg:16,xl:32,full:9999},borderWidth:{none:0,thin:1,medium:2,thick:4}},Ne={colorMode:{light:{palette:{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"}}},spectrum:{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"}}},dark:{palette:{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"}}},spectrum:{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"}}}},scaleMode:{xSmall:{...Ge,...Re},small:{...Ge,...Be},medium:{...Ge,...Te},large:{...je,...Ee},xLarge:{...je,...He},xxLarge:{...je,...$e},xxxLarge:{...je,...Ve}},fontFamily:we,button:he},De="system",Fe="system",Ie="light",Xe="large",Ye=!1,Oe="🇺🇸 US";function Ae(e){return Object.entries(e)}function Le(e){return Object.fromEntries(e)}function Me(e){return Object.keys(e).filter((e=>"defaults"!==e)).reduce(((t,r)=>{const o=[],a=Object.keys(e[r]);return 0===t.length?a.forEach((e=>{o.push({[r]:e})})):t.forEach((e=>{a.forEach((t=>{o.push({...e,[r]:t})}))})),o}),[])}function Pe(e,t){return Object.keys(e).reduce(((r,o,a)=>(r[o]=t(e[o],o,a),r)),{})}export{x as AVATAR_SIZE_PREFIX,v as BORDER_RADIUS_PREFIX,C as BORDER_WIDTH_PREFIX,A as BUTTON_CSS_VAR_MAP,_ as Box,z as DARK_COLOR_MODE_CLASSNAME,Ie as DEFAULT_COLOR_MODE,j as DEFAULT_COLOR_MODE_CLASSNAME,De as DEFAULT_COLOR_MODE_FOR_APP,Ye as DEFAULT_HIGH_CONTRAST_MODE,Oe as DEFAULT_REGION_MODE,Xe as DEFAULT_SCALE_MODE,N as DEFAULT_SCALE_MODE_CLASSNAME,Fe as DEFAULT_SCALE_MODE_FOR_APP,g as FONT_FAMILY_PREFIX,D as FONT_ICONS_CSS_VAR,I as FONT_SANS_BETA_CSS_VAR,X as FONT_SANS_CONDENSED_CSS_VAR,F as FONT_SANS_CSS_VAR,Y as FONT_SERIF_DISPLAY_CSS_VAR,O as FONT_SERIF_TEXT_CSS_VAR,w as FONT_SIZE_PREFIX,S as FONT_WEIGHT_PREFIX,ee as HStack,h as ICON_SIZE_PREFIX,le as Icon,ne as Image,H as LARGE_SCALE_MODE_CLASSNAME,R as LIGHT_COLOR_MODE_CLASSNAME,k as LINE_HEIGHT_PREFIX,E as MEDIUM_SCALE_MODE_CLASSNAME,L as PSUEDO_STYLE_SELECTOR_MAP,pe as Pressable,T as SMALL_SCALE_MODE_CLASSNAME,y as SPECTRUM_COLOR_PREFIX,W as TEXT_TRANSFORM_PREFIX,be as Text,f as UDS_PREFIX,ce as VStack,$ as XLARGE_SCALE_MODE_CLASSNAME,B as XSMALL_SCALE_MODE_CLASSNAME,V as XXLARGE_SCALE_MODE_CLASSNAME,G as XXXLARGE_SCALE_MODE_CLASSNAME,xe as alwaysPalette,he as button,Z as cva,U as cx,Ne as defaultTokensConfig,Ae as entries,we as fontFamilyGlobal,Se as fontWeightMap,Le as fromEntries,Me as generateConfigCombinations,q as getStyles,Pe as mapValues,M as variants};
+import{createSlot as o,getStyles as r}from"./chunk-AV442FHA.js";export{Icon,cva,cx,getStyles}from"./chunk-AV442FHA.js";export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,defaultTokensConfig,fromEntries,generateConfigCombinations,getDefaultButtonBaseMap}from"./chunk-KIDADDGN.js";export{entries,fontWeightMap,mapValues}from"./chunk-ET6WP7R7.js";export{variants}from"./chunk-X5VBG5D7.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_WEIGHT_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"./chunk-ZMPSBRKW.js";import{forwardRef as t}from"react";import{jsx as e}from"react/jsx-runtime";export{Button,IconButton,SpringMotionConfig}from"@yahoo/uds/client";
+/*! © 2024 Yahoo, Inc. UDS v1.0.0-beta.0 */var i=o(),a=t((function({asChild:o,className:t,backgroundColor:a,borderRadius:d,borderTopStartRadius:n,borderTopEndRadius:l,borderBottomStartRadius:s,borderBottomEndRadius:f,borderColor:p,borderStartColor:c,borderEndColor:b,borderTopColor:E,borderBottomColor:S,borderWidth:g,borderVerticalWidth:C,borderHorizontalWidth:m,borderStartWidth:u,borderEndWidth:h,borderTopWidth:_,borderBottomWidth:T,alignContent:R,alignItems:A,alignSelf:W,flex:B,flexDirection:x,flexGrow:D,flexShrink:L,flexWrap:O,justifyContent:w,flexBasis:M,display:I="flex",overflow:G,overflowX:N,overflowY:H,position:F,spacing:V,spacingHorizontal:v,spacingVertical:X,spacingBottom:y,spacingEnd:P,spacingStart:z,spacingTop:k,offset:j,offsetVertical:U,offsetHorizontal:Y,offsetBottom:Z,offsetEnd:K,offsetStart:q,offsetTop:J,columnGap:Q,rowGap:$,...oo},ro){const to=r({backgroundColor:a,borderRadius:d,borderTopStartRadius:n,borderTopEndRadius:l,borderBottomStartRadius:s,borderBottomEndRadius:f,borderColor:p,borderStartColor:c,borderEndColor:b,borderTopColor:E,borderBottomColor:S,borderWidth:g,borderVerticalWidth:C,borderHorizontalWidth:m,borderStartWidth:u,borderEndWidth:h,borderTopWidth:_,borderBottomWidth:T,alignContent:R,alignItems:A,alignSelf:W,flex:B,flexDirection:x,flexGrow:D,flexShrink:L,flexWrap:O,justifyContent:w,flexBasis:M,display:I,overflow:G,overflowX:N,overflowY:H,position:F,spacing:V,spacingHorizontal:v,spacingVertical:X,spacingBottom:y,spacingEnd:P,spacingStart:z,spacingTop:k,offset:j,offsetVertical:U,offsetHorizontal:Y,offsetBottom:Z,offsetEnd:K,offsetStart:q,offsetTop:J,columnGap:Q,rowGap:$,className:t});return e(o?i:"div",{className:to,ref:ro,...oo})})),d=t((function({gap:o,...r},t){return e(a,{ref:t,flexDirection:"row",rowGap:o,columnGap:o,...r})}));function n({width:o,height:t,src:i,alt:a,contentFit:d,backgroundColor:n,borderRadius:l,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:g,borderBottomColor:C,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:_,borderEndWidth:T,borderTopWidth:R,borderBottomWidth:A,alignContent:W,alignItems:B,alignSelf:x,flex:D,flexDirection:L,flexGrow:O,flexShrink:w,flexWrap:M,justifyContent:I,flexBasis:G,display:N,overflow:H,overflowX:F,overflowY:V,position:v,spacing:X,spacingHorizontal:y,spacingVertical:P,spacingBottom:z,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:Z,offsetHorizontal:K,offsetBottom:q,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:oo,rowGap:ro,...to}){const eo=r({contentFit:d,backgroundColor:n,borderRadius:l,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:g,borderBottomColor:C,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:_,borderEndWidth:T,borderTopWidth:R,borderBottomWidth:A,alignContent:W,alignItems:B,alignSelf:x,flex:D,flexDirection:L,flexGrow:O,flexShrink:w,flexWrap:M,justifyContent:I,flexBasis:G,display:N,overflow:H,overflowX:F,overflowY:V,position:v,spacing:X,spacingHorizontal:y,spacingVertical:P,spacingBottom:z,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:Z,offsetHorizontal:K,offsetBottom:q,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:oo,rowGap:ro});return e("img",{src:i,alt:a,className:eo,style:{objectPosition:"left",width:o,height:t},...to})}var l=o(),s=t((function({className:o,asChild:t,onPress:i,onClick:a=i,backgroundColor:d,borderRadius:n,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:g,borderBottomColor:C,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:_,borderEndWidth:T,borderTopWidth:R,borderBottomWidth:A,alignContent:W,alignItems:B,alignSelf:x,flex:D,flexDirection:L,flexGrow:O,flexShrink:w,flexWrap:M,justifyContent:I,flexBasis:G,display:N,overflow:H,overflowX:F,overflowY:V,position:v,spacing:X,spacingHorizontal:y,spacingVertical:P,spacingBottom:z,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:Z,offsetHorizontal:K,offsetBottom:q,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:oo,rowGap:ro,...to},eo){const io=r({backgroundColor:d,borderRadius:n,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:g,borderBottomColor:C,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:_,borderEndWidth:T,borderTopWidth:R,borderBottomWidth:A,alignContent:W,alignItems:B,alignSelf:x,flex:D,flexDirection:L,flexGrow:O,flexShrink:w,flexWrap:M,justifyContent:I,flexBasis:G,display:N,overflow:H,overflowX:F,overflowY:V,position:v,spacing:X,spacingHorizontal:y,spacingVertical:P,spacingBottom:z,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:Z,offsetHorizontal:K,offsetBottom:q,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:oo,rowGap:ro,className:o});return e(t?l:"button",{className:io,ref:eo,onClick:a,...to})})),f=o(),p={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"},c=t((function({className:o,asChild:t,color:i="primary",variant:a="body1",as:d=p[a],fontSize:n=a,fontFamily:l=a,fontWeight:s=a,lineHeight:c=a,textTransform:b=a,textAlign:E,backgroundColor:S,borderRadius:g,borderTopStartRadius:C,borderTopEndRadius:m,borderBottomStartRadius:u,borderBottomEndRadius:h,borderColor:_,borderStartColor:T,borderEndColor:R,borderTopColor:A,borderBottomColor:W,borderWidth:B,borderVerticalWidth:x,borderHorizontalWidth:D,borderStartWidth:L,borderEndWidth:O,borderTopWidth:w,borderBottomWidth:M,alignContent:I,alignItems:G,alignSelf:N,flex:H,flexDirection:F,flexGrow:V,flexShrink:v,flexWrap:X,justifyContent:y,flexBasis:P,display:z,overflow:k,overflowX:j,overflowY:U,position:Y,spacing:Z,spacingHorizontal:K,spacingVertical:q,spacingBottom:J,spacingEnd:Q,spacingStart:$,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:io,offsetEnd:ao,offsetStart:no,offsetTop:lo,columnGap:so,rowGap:fo,...po},co){const bo=r({className:o,color:i,fontFamily:l,fontSize:n,fontWeight:s,lineHeight:c,textTransform:b,textAlign:E,backgroundColor:S,borderRadius:g,borderTopStartRadius:C,borderTopEndRadius:m,borderBottomStartRadius:u,borderBottomEndRadius:h,borderColor:_,borderStartColor:T,borderEndColor:R,borderTopColor:A,borderBottomColor:W,borderWidth:B,borderVerticalWidth:x,borderHorizontalWidth:D,borderStartWidth:L,borderEndWidth:O,borderTopWidth:w,borderBottomWidth:M,alignContent:I,alignItems:G,alignSelf:N,flex:H,flexDirection:F,flexGrow:V,flexShrink:v,flexWrap:X,justifyContent:y,flexBasis:P,display:z,overflow:k,overflowX:j,overflowY:U,position:Y,spacing:Z,spacingHorizontal:K,spacingVertical:q,spacingBottom:J,spacingEnd:Q,spacingStart:$,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:io,offsetEnd:ao,offsetStart:no,offsetTop:lo,columnGap:so,rowGap:fo});return e(t?f:d,{className:bo,ref:co,...po})})),b=t((function({gap:o,...r},t){return e(a,{ref:t,flexDirection:"column",columnGap:o,rowGap:o,...r})}));export{a as Box,d as HStack,n as Image,s as Pressable,c as Text,b as VStack};