@yahoo/uds 1.1.8 → 1.2.0

package/dist/index.d.cts

@@ -32,9 +32,9 @@ interface BoxProps extends UniversalBoxProps, DivProps {
  * - 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
+ * @see The {@link https://uds.build/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)
+ * @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
  */
 declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -65,9 +65,9 @@ interface HStackProps extends UniversalStackProps, DivProps {
  * - Create columns that fill the available space within the parent container.
  * - Create columns of proportionate size to each other (also known as a ratio-based layout).
  *
- * @see The {@link http://yo/uds/docs/components/h-stack HStack Docs} for more info
+ * @see The {@link https://uds.build/docs/components/h-stack HStack Docs} for more info
  *
- * @related [Box](http://yo/uds/docs/components/box), [VStack](http://yo/uds/docs/components/v-stack)
+ * @related [Box](https://uds.build/docs/components/box), [VStack](https://uds.build/docs/components/v-stack)
  **/
 declare const HStack: react.ForwardRefExoticComponent<HStackProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -78,7 +78,7 @@ 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
+ * [Iconography](https://uds.build/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.
@@ -99,9 +99,9 @@ interface IconProps extends UniversalIconProps, SVGElementProps {
  * @usage
  * - If you need to display an icon.
  *
- * @see The {@link http://yo/uds/docs/components/icon Icon Docs} for more info
+ * @see The {@link https://uds.build/docs/components/icon Icon Docs} for more info
  *
- * @related [IconButton](http://yo/uds/docs/components/icon-button)
+ * @related [IconButton](https://uds.build/docs/components/icon-button)
  */
 declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 
@@ -127,9 +127,9 @@ interface ImageProps extends NativeImageProps, UniversalImageProps {
  * - Use `width` and `height` props to set the size of the image.
  * - Image extends the HTMLImageElement, as well as the uds `Box` component and supports all of their props.
  *
- * @see The {@link http://yo/uds/docs/components/image Image Docs} for more info
+ * @see The {@link https://uds.build/docs/components/image Image Docs} for more info
  *
- * @related [Box](http://yo/uds/docs/components/box)
+ * @related [Box](https://uds.build/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;
 
@@ -164,9 +164,9 @@ interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
  * - 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
+ * @see The {@link https://uds.build/docs/components/pressable Pressable Docs} for more info
  *
- * @related [Button](http://yo/uds/docs/components/button), [IconButton](http://yo/uds/docs/components/icon-button)
+ * @related [Button](https://uds.build/docs/components/button), [IconButton](https://uds.build/docs/components/icon-button)
  *
  */
 declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
@@ -204,9 +204,9 @@ type TextProps = UniversalTextProps & {
  * - 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
+ * @see The {@link https://uds.build/docs/components/text Text Docs} for more info
  *
- * @related [Button](http://yo/uds/docs/components/button) and [Pressable](http://yo/uds/docs/components/pressable)
+ * @related [Button](https://uds.build/docs/components/button) and [Pressable](https://uds.build/docs/components/pressable)
  */
 declare const Text: react.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react.RefAttributes<HTMLElement>>;
 
@@ -236,12 +236,28 @@ type VStackProps = UniversalStackProps & DivProps;
  * - 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
+ * @see The {@link https://uds.build/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)
+ * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack)
  **/
 declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
 
+interface FeatureFlags {
+    /**
+     * Setting to true enables a specialized cache for calls to getStyle(),
+     * which can improve performance of component render times.
+     * @default false
+     **/
+    useGetStylesCache?: boolean;
+}
+/**
+ * Sets/overrides feature flags
+ * @param flags Flag overrides
+ * @returns Updated feature flags
+ */
+declare const updateFeatureFlags: (flags: Partial<FeatureFlags>) => FeatureFlags;
+declare const getFeatureFlags: () => FeatureFlags;
+
 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>[];
@@ -277,77 +293,8 @@ interface CX<T> {
 
 declare const cx: CX<string>;
 declare const cva: CVA<string>;
-declare const getStyles: (props?: ({
-    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" | "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;
-    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;
-    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;
-    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;
-    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;
-    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;
-    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;
-    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;
-    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;
-    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;
-    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;
-    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;
-    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?: "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;
-    borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
-    borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
-    borderWidth?: "thin" | "medium" | "none" | "thick" | undefined;
-    borderVerticalWidth?: "thin" | "medium" | "none" | "thick" | undefined;
-    borderHorizontalWidth?: "thin" | "medium" | "none" | "thick" | undefined;
-    borderStartWidth?: "thin" | "medium" | "none" | "thick" | undefined;
-    borderEndWidth?: "thin" | "medium" | "none" | "thick" | undefined;
-    borderTopWidth?: "thin" | "medium" | "none" | "thick" | undefined;
-    borderBottomWidth?: "thin" | "medium" | "none" | "thick" | undefined;
-    avatarSize?: "sm" | "md" | "lg" | undefined;
-    iconSize?: "sm" | "md" | "lg" | 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?: "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" | "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;
-    position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
-    contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
-    colorMode?: "light" | "dark" | undefined;
-    scaleMode?: "medium" | "xSmall" | "small" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | 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;
+declare const getStyles: (props: Record<string, unknown>) => string;
 
 type SetState<T> = Dispatch<SetStateAction<T>>;
 
-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 };
+export { Box, type BoxProps, type FeatureFlags, 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, getFeatureFlags, getStyles, updateFeatureFlags };

package/dist/index.d.ts

@@ -32,9 +32,9 @@ interface BoxProps extends UniversalBoxProps, DivProps {
  * - 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
+ * @see The {@link https://uds.build/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)
+ * @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
  */
 declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -65,9 +65,9 @@ interface HStackProps extends UniversalStackProps, DivProps {
  * - Create columns that fill the available space within the parent container.
  * - Create columns of proportionate size to each other (also known as a ratio-based layout).
  *
- * @see The {@link http://yo/uds/docs/components/h-stack HStack Docs} for more info
+ * @see The {@link https://uds.build/docs/components/h-stack HStack Docs} for more info
  *
- * @related [Box](http://yo/uds/docs/components/box), [VStack](http://yo/uds/docs/components/v-stack)
+ * @related [Box](https://uds.build/docs/components/box), [VStack](https://uds.build/docs/components/v-stack)
  **/
 declare const HStack: react.ForwardRefExoticComponent<HStackProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -78,7 +78,7 @@ 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
+ * [Iconography](https://uds.build/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.
@@ -99,9 +99,9 @@ interface IconProps extends UniversalIconProps, SVGElementProps {
  * @usage
  * - If you need to display an icon.
  *
- * @see The {@link http://yo/uds/docs/components/icon Icon Docs} for more info
+ * @see The {@link https://uds.build/docs/components/icon Icon Docs} for more info
  *
- * @related [IconButton](http://yo/uds/docs/components/icon-button)
+ * @related [IconButton](https://uds.build/docs/components/icon-button)
  */
 declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 
@@ -127,9 +127,9 @@ interface ImageProps extends NativeImageProps, UniversalImageProps {
  * - Use `width` and `height` props to set the size of the image.
  * - Image extends the HTMLImageElement, as well as the uds `Box` component and supports all of their props.
  *
- * @see The {@link http://yo/uds/docs/components/image Image Docs} for more info
+ * @see The {@link https://uds.build/docs/components/image Image Docs} for more info
  *
- * @related [Box](http://yo/uds/docs/components/box)
+ * @related [Box](https://uds.build/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;
 
@@ -164,9 +164,9 @@ interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
  * - 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
+ * @see The {@link https://uds.build/docs/components/pressable Pressable Docs} for more info
  *
- * @related [Button](http://yo/uds/docs/components/button), [IconButton](http://yo/uds/docs/components/icon-button)
+ * @related [Button](https://uds.build/docs/components/button), [IconButton](https://uds.build/docs/components/icon-button)
  *
  */
 declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
@@ -204,9 +204,9 @@ type TextProps = UniversalTextProps & {
  * - 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
+ * @see The {@link https://uds.build/docs/components/text Text Docs} for more info
  *
- * @related [Button](http://yo/uds/docs/components/button) and [Pressable](http://yo/uds/docs/components/pressable)
+ * @related [Button](https://uds.build/docs/components/button) and [Pressable](https://uds.build/docs/components/pressable)
  */
 declare const Text: react.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react.RefAttributes<HTMLElement>>;
 
@@ -236,12 +236,28 @@ type VStackProps = UniversalStackProps & DivProps;
  * - 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
+ * @see The {@link https://uds.build/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)
+ * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack)
  **/
 declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
 
+interface FeatureFlags {
+    /**
+     * Setting to true enables a specialized cache for calls to getStyle(),
+     * which can improve performance of component render times.
+     * @default false
+     **/
+    useGetStylesCache?: boolean;
+}
+/**
+ * Sets/overrides feature flags
+ * @param flags Flag overrides
+ * @returns Updated feature flags
+ */
+declare const updateFeatureFlags: (flags: Partial<FeatureFlags>) => FeatureFlags;
+declare const getFeatureFlags: () => FeatureFlags;
+
 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>[];
@@ -277,77 +293,8 @@ interface CX<T> {
 
 declare const cx: CX<string>;
 declare const cva: CVA<string>;
-declare const getStyles: (props?: ({
-    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" | "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;
-    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;
-    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;
-    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;
-    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;
-    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;
-    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;
-    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;
-    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;
-    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;
-    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;
-    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;
-    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?: "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;
-    borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
-    borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
-    borderWidth?: "thin" | "medium" | "none" | "thick" | undefined;
-    borderVerticalWidth?: "thin" | "medium" | "none" | "thick" | undefined;
-    borderHorizontalWidth?: "thin" | "medium" | "none" | "thick" | undefined;
-    borderStartWidth?: "thin" | "medium" | "none" | "thick" | undefined;
-    borderEndWidth?: "thin" | "medium" | "none" | "thick" | undefined;
-    borderTopWidth?: "thin" | "medium" | "none" | "thick" | undefined;
-    borderBottomWidth?: "thin" | "medium" | "none" | "thick" | undefined;
-    avatarSize?: "sm" | "md" | "lg" | undefined;
-    iconSize?: "sm" | "md" | "lg" | 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?: "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" | "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;
-    position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
-    contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
-    colorMode?: "light" | "dark" | undefined;
-    scaleMode?: "medium" | "xSmall" | "small" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | 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;
+declare const getStyles: (props: Record<string, unknown>) => string;
 
 type SetState<T> = Dispatch<SetStateAction<T>>;
 
-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 };
+export { Box, type BoxProps, type FeatureFlags, 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, getFeatureFlags, getStyles, updateFeatureFlags };

package/dist/index.js

@@ -1,2 +1,2 @@
-import{createSlot as o,getStyles as r}from"./chunk-AP7V5X3U.js";export{Icon,cva,cx,getStyles}from"./chunk-AP7V5X3U.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-QBWDISRA.js";export{entries,fontWeightMap,mapValues}from"./chunk-AXSSWKHD.js";export{variants}from"./chunk-DMK4ALSA.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-LQIX6U65.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.1.8 */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:L,flexShrink:O,flexWrap:D,justifyContent:w,flexBasis:M,display:I="flex",overflow:G,overflowX:N,overflowY:H,position:F,spacing:X,spacingHorizontal:v,spacingVertical:V,spacingBottom:y,spacingEnd:P,spacingStart:z,spacingTop:k,offset:U,offsetVertical:j,offsetHorizontal:Y,offsetBottom:K,offsetEnd:Z,offsetStart:Q,offsetTop:q,columnGap:J,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:L,flexShrink:O,flexWrap:D,justifyContent:w,flexBasis:M,display:I,overflow:G,overflowX:N,overflowY:H,position:F,spacing:X,spacingHorizontal:v,spacingVertical:V,spacingBottom:y,spacingEnd:P,spacingStart:z,spacingTop:k,offset:U,offsetVertical:j,offsetHorizontal:Y,offsetBottom:K,offsetEnd:Z,offsetStart:Q,offsetTop:q,columnGap:J,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:L,flexDirection:O,flexGrow:D,flexShrink:w,flexWrap:M,justifyContent:I,flexBasis:G,display:N,overflow:H,overflowX:F,overflowY:X,position:v,spacing:V,spacingHorizontal:y,spacingVertical:P,spacingBottom:z,spacingEnd:k,spacingStart:U,spacingTop:j,offset:Y,offsetVertical:K,offsetHorizontal:Z,offsetBottom:Q,offsetEnd:q,offsetStart:J,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:L,flexDirection:O,flexGrow:D,flexShrink:w,flexWrap:M,justifyContent:I,flexBasis:G,display:N,overflow:H,overflowX:F,overflowY:X,position:v,spacing:V,spacingHorizontal:y,spacingVertical:P,spacingBottom:z,spacingEnd:k,spacingStart:U,spacingTop:j,offset:Y,offsetVertical:K,offsetHorizontal:Z,offsetBottom:Q,offsetEnd:q,offsetStart:J,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:L,flexDirection:O,flexGrow:D,flexShrink:w,flexWrap:M,justifyContent:I,flexBasis:G,display:N,overflow:H,overflowX:F,overflowY:X,position:v,spacing:V,spacingHorizontal:y,spacingVertical:P,spacingBottom:z,spacingEnd:k,spacingStart:U,spacingTop:j,offset:Y,offsetVertical:K,offsetHorizontal:Z,offsetBottom:Q,offsetEnd:q,offsetStart:J,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:L,flexDirection:O,flexGrow:D,flexShrink:w,flexWrap:M,justifyContent:I,flexBasis:G,display:N,overflow:H,overflowX:F,overflowY:X,position:v,spacing:V,spacingHorizontal:y,spacingVertical:P,spacingBottom:z,spacingEnd:k,spacingStart:U,spacingTop:j,offset:Y,offsetVertical:K,offsetHorizontal:Z,offsetBottom:Q,offsetEnd:q,offsetStart:J,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:L,borderStartWidth:O,borderEndWidth:D,borderTopWidth:w,borderBottomWidth:M,alignContent:I,alignItems:G,alignSelf:N,flex:H,flexDirection:F,flexGrow:X,flexShrink:v,flexWrap:V,justifyContent:y,flexBasis:P,display:z,overflow:k,overflowX:U,overflowY:j,position:Y,spacing:K,spacingHorizontal:Z,spacingVertical:Q,spacingBottom:q,spacingEnd:J,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:L,borderStartWidth:O,borderEndWidth:D,borderTopWidth:w,borderBottomWidth:M,alignContent:I,alignItems:G,alignSelf:N,flex:H,flexDirection:F,flexGrow:X,flexShrink:v,flexWrap:V,justifyContent:y,flexBasis:P,display:z,overflow:k,overflowX:U,overflowY:j,position:Y,spacing:K,spacingHorizontal:Z,spacingVertical:Q,spacingBottom:q,spacingEnd:J,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};
+import{createSlot as o,getStyles as r}from"./chunk-OJR4RBBW.js";export{Icon,cva,cx,getFeatureFlags,getStyles,updateFeatureFlags}from"./chunk-OJR4RBBW.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-ZJE5XRN2.js";export{entries,fontWeightMap,mapValues}from"./chunk-4J7ZJHCN.js";export{variants}from"./chunk-Y2TGGXMH.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-PCSDVJE6.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.2.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:R,borderBottomWidth:_,alignContent:T,alignItems:W,alignSelf:B,flex:A,flexDirection:x,flexGrow:O,flexShrink:L,flexWrap:w,justifyContent:D,flexBasis:M,display:G="flex",overflow:I,overflowX:N,overflowY:F,position:H,spacing:v,spacingHorizontal:X,spacingVertical:V,spacingBottom:y,spacingEnd:z,spacingStart:P,spacingTop:k,offset:j,offsetVertical:U,offsetHorizontal:Y,offsetBottom:J,offsetEnd:Z,offsetStart:K,offsetTop:q,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:R,borderBottomWidth:_,alignContent:T,alignItems:W,alignSelf:B,flex:A,flexDirection:x,flexGrow:O,flexShrink:L,flexWrap:w,justifyContent:D,flexBasis:M,display:G,overflow:I,overflowX:N,overflowY:F,position:H,spacing:v,spacingHorizontal:X,spacingVertical:V,spacingBottom:y,spacingEnd:z,spacingStart:P,spacingTop:k,offset:j,offsetVertical:U,offsetHorizontal:Y,offsetBottom:J,offsetEnd:Z,offsetStart:K,offsetTop:q,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:R,borderEndWidth:_,borderTopWidth:T,borderBottomWidth:W,alignContent:B,alignItems:A,alignSelf:x,flex:O,flexDirection:L,flexGrow:w,flexShrink:D,flexWrap:M,justifyContent:G,flexBasis:I,display:N,overflow:F,overflowX:H,overflowY:v,position:X,spacing:V,spacingHorizontal:y,spacingVertical:z,spacingBottom:P,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:J,offsetHorizontal:Z,offsetBottom:K,offsetEnd:q,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:R,borderEndWidth:_,borderTopWidth:T,borderBottomWidth:W,alignContent:B,alignItems:A,alignSelf:x,flex:O,flexDirection:L,flexGrow:w,flexShrink:D,flexWrap:M,justifyContent:G,flexBasis:I,display:N,overflow:F,overflowX:H,overflowY:v,position:X,spacing:V,spacingHorizontal:y,spacingVertical:z,spacingBottom:P,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:J,offsetHorizontal:Z,offsetBottom:K,offsetEnd:q,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:R,borderEndWidth:_,borderTopWidth:T,borderBottomWidth:W,alignContent:B,alignItems:A,alignSelf:x,flex:O,flexDirection:L,flexGrow:w,flexShrink:D,flexWrap:M,justifyContent:G,flexBasis:I,display:N,overflow:F,overflowX:H,overflowY:v,position:X,spacing:V,spacingHorizontal:y,spacingVertical:z,spacingBottom:P,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:J,offsetHorizontal:Z,offsetBottom:K,offsetEnd:q,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:R,borderEndWidth:_,borderTopWidth:T,borderBottomWidth:W,alignContent:B,alignItems:A,alignSelf:x,flex:O,flexDirection:L,flexGrow:w,flexShrink:D,flexWrap:M,justifyContent:G,flexBasis:I,display:N,overflow:F,overflowX:H,overflowY:v,position:X,spacing:V,spacingHorizontal:y,spacingVertical:z,spacingBottom:P,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:J,offsetHorizontal:Z,offsetBottom:K,offsetEnd:q,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:R,borderStartColor:_,borderEndColor:T,borderTopColor:W,borderBottomColor:B,borderWidth:A,borderVerticalWidth:x,borderHorizontalWidth:O,borderStartWidth:L,borderEndWidth:w,borderTopWidth:D,borderBottomWidth:M,alignContent:G,alignItems:I,alignSelf:N,flex:F,flexDirection:H,flexGrow:v,flexShrink:X,flexWrap:V,justifyContent:y,flexBasis:z,display:P,overflow:k,overflowX:j,overflowY:U,position:Y,spacing:J,spacingHorizontal:Z,spacingVertical:K,spacingBottom:q,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:R,borderStartColor:_,borderEndColor:T,borderTopColor:W,borderBottomColor:B,borderWidth:A,borderVerticalWidth:x,borderHorizontalWidth:O,borderStartWidth:L,borderEndWidth:w,borderTopWidth:D,borderBottomWidth:M,alignContent:G,alignItems:I,alignSelf:N,flex:F,flexDirection:H,flexGrow:v,flexShrink:X,flexWrap:V,justifyContent:y,flexBasis:z,display:P,overflow:k,overflowX:j,overflowY:U,position:Y,spacing:J,spacingHorizontal:Z,spacingVertical:K,spacingBottom:q,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};