@yahoo/uds 3.33.0-beta.1 → 3.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/Input-B5AE4PE5.d.ts +52 -0
  2. package/dist/Input-C-SNRax7.d.cts +52 -0
  3. package/dist/Pressable-DrsJnA9p.d.ts +44 -0
  4. package/dist/Pressable-ZwJ3p5BO.d.cts +44 -0
  5. package/dist/VStack-6OKRLQVe.d.cts +112 -0
  6. package/dist/VStack-Daijz56E.d.ts +112 -0
  7. package/dist/chunk-5NN6ZF5W.js +2 -0
  8. package/dist/chunk-64CJRXJ4.cjs +1 -0
  9. package/dist/chunk-6IRLMT6I.cjs +1 -0
  10. package/dist/chunk-7NWACD4M.cjs +1 -0
  11. package/dist/chunk-C5UZEZC5.js +2 -0
  12. package/dist/chunk-C644LGNR.cjs +1 -0
  13. package/dist/chunk-CFX4ZLZI.js +1 -0
  14. package/dist/chunk-FN67NTU3.cjs +1 -0
  15. package/dist/chunk-GIJZFIYD.js +3 -0
  16. package/dist/chunk-OW6PGTIM.js +1 -0
  17. package/dist/chunk-PAETZFJJ.cjs +3 -0
  18. package/dist/chunk-RA5767I6.cjs +1 -0
  19. package/dist/chunk-VKJHEGMU.js +2 -0
  20. package/dist/chunk-WBRK2KGV.cjs +2 -0
  21. package/dist/chunk-YHC6NBJU.js +1 -0
  22. package/dist/chunk-Z22N2NRS.js +1 -0
  23. package/dist/index-AOeCApsf.d.cts +245 -0
  24. package/dist/index-Dmxw79V3.d.ts +245 -0
  25. package/dist/metafile-cjs.json +1 -1
  26. package/dist/metafile-esm.json +1 -1
  27. package/dist/tailwind/plugin.cjs +1 -1
  28. package/dist/tailwind/plugin.d.cts +1 -0
  29. package/dist/tailwind/plugin.d.ts +1 -0
  30. package/dist/tailwind/plugin.js +2 -2
  31. package/dist/tailwind/purger.cjs +1 -1
  32. package/dist/tailwind/purger.js +2 -2
  33. package/dist/tailwind/utils.cjs +1 -1
  34. package/dist/tailwind/utils.d.cts +4 -4
  35. package/dist/tailwind/utils.d.ts +4 -4
  36. package/dist/tailwind/utils.js +1 -1
  37. package/dist/types-zBAkfBh2.d.cts +10585 -0
  38. package/dist/types-zBAkfBh2.d.ts +10585 -0
  39. package/package.json +1 -1
  40. package/dist/chunk-4YKYM24Q.cjs +0 -1
  41. package/dist/chunk-TKDMDEZQ.js +0 -2
@@ -0,0 +1,52 @@
1
+ import * as react from 'react';
2
+ import { InputHTMLAttributes } from 'react';
3
+ import { U as UniversalInputProps, I as IconPropsWithSVGProps } from './types-zBAkfBh2.js';
4
+ import { HTMLMotionProps } from 'motion/react';
5
+
6
+ type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
7
+ type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
8
+ type DataAttributes = {
9
+ [name: `data-${string}`]: string;
10
+ };
11
+ interface InputProps extends NativeInputProps, UniversalInputProps {
12
+ /** The type of the input element. Reduced set of options from the HTML input type attribute.
13
+ * @default 'text'
14
+ */
15
+ type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
16
+ /** Props to be passed into various slots within the component. */
17
+ slotProps?: {
18
+ input?: Partial<InputHTMLAttributes<HTMLInputElement> & DataAttributes>;
19
+ startIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
20
+ endIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
21
+ };
22
+ }
23
+ /**
24
+ * **📦 An input that allows users to enter text and collect data.**
25
+ *
26
+ * @componentType Client component
27
+ *
28
+ * @description
29
+ * An input field is a component that takes text typed into it. It can also serve as a way to display a selection and trigger a dropdown menu. Inputs are interactive elements that users can click, tap, or otherwise engage with to collect data and open dropdowns, or both.
30
+ *
31
+ * @see
32
+ * Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
33
+ *
34
+ * @usage
35
+ * - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
36
+ * - Search Bars: Allowing users to enter search queries to find content.
37
+ * - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
38
+ * - Feedback/Comments: Letting users leave reviews, comments, or feedback.
39
+ *
40
+ * @example
41
+ * ```tsx
42
+ * 'use client';
43
+ * import { Input } from "@yahoo/uds";
44
+ *
45
+ * <Input label="Name" placeholder="Enter your name" required />
46
+ *```
47
+ *
48
+ * @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
49
+ **/
50
+ declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
51
+
52
+ export { type InputProps as I, Input as a };
@@ -0,0 +1,52 @@
1
+ import * as react from 'react';
2
+ import { InputHTMLAttributes } from 'react';
3
+ import { U as UniversalInputProps, I as IconPropsWithSVGProps } from './types-zBAkfBh2.cjs';
4
+ import { HTMLMotionProps } from 'motion/react';
5
+
6
+ type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
7
+ type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
8
+ type DataAttributes = {
9
+ [name: `data-${string}`]: string;
10
+ };
11
+ interface InputProps extends NativeInputProps, UniversalInputProps {
12
+ /** The type of the input element. Reduced set of options from the HTML input type attribute.
13
+ * @default 'text'
14
+ */
15
+ type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
16
+ /** Props to be passed into various slots within the component. */
17
+ slotProps?: {
18
+ input?: Partial<InputHTMLAttributes<HTMLInputElement> & DataAttributes>;
19
+ startIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
20
+ endIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
21
+ };
22
+ }
23
+ /**
24
+ * **📦 An input that allows users to enter text and collect data.**
25
+ *
26
+ * @componentType Client component
27
+ *
28
+ * @description
29
+ * An input field is a component that takes text typed into it. It can also serve as a way to display a selection and trigger a dropdown menu. Inputs are interactive elements that users can click, tap, or otherwise engage with to collect data and open dropdowns, or both.
30
+ *
31
+ * @see
32
+ * Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
33
+ *
34
+ * @usage
35
+ * - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
36
+ * - Search Bars: Allowing users to enter search queries to find content.
37
+ * - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
38
+ * - Feedback/Comments: Letting users leave reviews, comments, or feedback.
39
+ *
40
+ * @example
41
+ * ```tsx
42
+ * 'use client';
43
+ * import { Input } from "@yahoo/uds";
44
+ *
45
+ * <Input label="Name" placeholder="Enter your name" required />
46
+ *```
47
+ *
48
+ * @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
49
+ **/
50
+ declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
51
+
52
+ export { type InputProps as I, Input as a };
@@ -0,0 +1,44 @@
1
+ import * as react from 'react';
2
+ import { a as UniversalPressableProps } from './types-zBAkfBh2.js';
3
+
4
+ type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
5
+ interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
6
+ }
7
+ /**
8
+ * **🖲️ A primitive component for creating button interactions with accessibility support**
9
+ *
10
+ * @componentType Client component
11
+ *
12
+ * @description
13
+ * The Pressable component is a primitive component that can be used
14
+ * to create button interactions with accessibility support. It can be used
15
+ * to trigger an action, such as submitting a form, navigating to a new page,
16
+ * or adding interactivity to a section or card.
17
+ *
18
+ * @example
19
+ * ```tsx
20
+ * import { Pressable } from '@yahoo/uds';
21
+ *
22
+ * <Pressable
23
+ * backgroundColor="secondary"
24
+ * borderWidth="thin"
25
+ * borderColor="primary"
26
+ * borderRadius="lg"
27
+ * onPress={() => console.log('Pressed!')}
28
+ * >
29
+ * <Text variant="body1" color="primary" spacingHorizontal="7" spacingVertical="5">Click me...</Text>
30
+ * </Pressable>
31
+ * ```
32
+ *
33
+ * @usage
34
+ * - If you need to add interactivity to a section or card.
35
+ * - If you need a highly customized version of [Button](./button)
36
+ *
37
+ * @see The {@link https://uds.build/docs/components/pressable Pressable Docs} for more info
38
+ *
39
+ * @related [Button](https://uds.build/docs/components/button), [IconButton](https://uds.build/docs/components/icon-button)
40
+ *
41
+ */
42
+ declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
43
+
44
+ export { type PressableProps as P, Pressable as a };
@@ -0,0 +1,44 @@
1
+ import * as react from 'react';
2
+ import { a as UniversalPressableProps } from './types-zBAkfBh2.cjs';
3
+
4
+ type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
5
+ interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
6
+ }
7
+ /**
8
+ * **🖲️ A primitive component for creating button interactions with accessibility support**
9
+ *
10
+ * @componentType Client component
11
+ *
12
+ * @description
13
+ * The Pressable component is a primitive component that can be used
14
+ * to create button interactions with accessibility support. It can be used
15
+ * to trigger an action, such as submitting a form, navigating to a new page,
16
+ * or adding interactivity to a section or card.
17
+ *
18
+ * @example
19
+ * ```tsx
20
+ * import { Pressable } from '@yahoo/uds';
21
+ *
22
+ * <Pressable
23
+ * backgroundColor="secondary"
24
+ * borderWidth="thin"
25
+ * borderColor="primary"
26
+ * borderRadius="lg"
27
+ * onPress={() => console.log('Pressed!')}
28
+ * >
29
+ * <Text variant="body1" color="primary" spacingHorizontal="7" spacingVertical="5">Click me...</Text>
30
+ * </Pressable>
31
+ * ```
32
+ *
33
+ * @usage
34
+ * - If you need to add interactivity to a section or card.
35
+ * - If you need a highly customized version of [Button](./button)
36
+ *
37
+ * @see The {@link https://uds.build/docs/components/pressable Pressable Docs} for more info
38
+ *
39
+ * @related [Button](https://uds.build/docs/components/button), [IconButton](https://uds.build/docs/components/icon-button)
40
+ *
41
+ */
42
+ declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
43
+
44
+ export { type PressableProps as P, Pressable as a };
@@ -0,0 +1,112 @@
1
+ import * as react from 'react';
2
+ import { n as UniversalBoxProps, o as UniversalStackProps, p as UniversalDividerProps } from './types-zBAkfBh2.cjs';
3
+
4
+ type DivProps = React.HTMLAttributes<HTMLDivElement>;
5
+ interface BoxProps extends UniversalBoxProps, DivProps {
6
+ }
7
+ /**
8
+ * **📦 A layout component that can be used to compose other components**
9
+ *
10
+ * @description
11
+ * The most simple component we ship - a div. But with all the power of the UDS design system.
12
+ * By default, `Box` is a flexbox container. When working with vertical or horizontal layouts,
13
+ * consider using [VStack](./v-stack) or [HStack](./h-stack) respectively.
14
+ *
15
+ * @example
16
+ * ```tsx
17
+ * import { Box } from '@yahoo/uds';
18
+ *
19
+ * <Box backgroundColor="primary" spacing="6">
20
+ * Any kind of content can go here!
21
+ * </Box>
22
+ * ```
23
+ *
24
+ * @usage
25
+ * - If you need to div-like container to apply padding, shapes, or other styling.
26
+ * - If you're creating card components.
27
+ *
28
+ * @see The {@link https://uds.build/docs/components/box Box Docs} for more info
29
+ *
30
+ * @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
31
+ */
32
+ declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
33
+
34
+ interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
35
+ layerClassNames?: {
36
+ root?: string;
37
+ text?: string;
38
+ line?: string;
39
+ };
40
+ }
41
+
42
+ type VariantWithInherit = Exclude<UniversalDividerProps['variant'], undefined> | 'inherit';
43
+ interface DividerInternalProps extends DividerCoreProps {
44
+ variant?: VariantWithInherit;
45
+ }
46
+
47
+ type DividerProps = Omit<DividerInternalProps, 'layerClassNames'>;
48
+ /**
49
+ * **📦 A divider component that can be used to visually separate components**
50
+ *
51
+ * @description
52
+ * The Divider component is a visual element used to separate content and create clear groupings within a layout. It helps establish hierarchy, improve readability, and guide users through sections of an interface. Dividers can appear as horizontal or vertical lines and are commonly used between related content blocks, within menus, or in dense UI areas to reduce visual clutter.
53
+ *
54
+ * @example
55
+ * ```tsx
56
+ * import { Divider } from '@yahoo/uds';
57
+ *
58
+ * // Default primary horizontal divider. Similar to <hr />
59
+ * <Divider />
60
+ *
61
+ * // A vertical divider.
62
+ * <Divider vertical />
63
+ *
64
+ * // A horizontal divider with the secondary styling.
65
+ * <Divider variant="secondary" />
66
+ *
67
+ * // A vertical divider with the tertiary styling.
68
+ * <Divider vertical variant="tertiary" />
69
+ * ```
70
+ *
71
+ * @usage
72
+ * - Visually separating parts of a page. Usually used in conjuction with [HStack](./h-stack) or [VStack](./v-stack).
73
+ *
74
+ * @see The {@link https://uds.build/docs/components/divider Divider Docs} for more info
75
+ *
76
+ * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
77
+ */
78
+ declare const Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLDivElement>>;
79
+
80
+ type VStackProps = UniversalStackProps & DivProps;
81
+ /**
82
+ * **🥞 A layout component that arranges its children in rows using flexbox**
83
+ *
84
+ * @description
85
+ * 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)
86
+ * and can be used to compose larger layouts. VStack is similar to [Box](./box) but provides additional features like a `gap` property to
87
+ * add spacing between children.
88
+ *
89
+ * @example
90
+ * ```tsx
91
+ * import { VStack, Text } from '@yahoo/uds';
92
+ *
93
+ * <VStack gap="6">
94
+ * <Text variant="body1" color="primary">First</Text>
95
+ * <Text variant="body1" color="primary">Second</Text>
96
+ * <Text variant="body1" color="primary">Third</Text>
97
+ * </VStack>
98
+ * ```
99
+ *
100
+ * @usage
101
+ * - Create a column of items, optionally with gaps between.
102
+ * - Create rows that are sized to their content (height only). By default each child will fill the width of the VStack.
103
+ * - Create rows that fill the available space within the parent container.
104
+ * - Create rows of proportionate size to each other (also known as a ratio-based layout).
105
+ *
106
+ * @see The {@link https://uds.build/docs/components/v-stack VStack Docs} for more info
107
+ *
108
+ * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack)
109
+ **/
110
+ declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
111
+
112
+ export { type BoxProps as B, type DividerProps as D, type VStackProps as V, type DivProps as a, Box as b, Divider as c, VStack as d };
@@ -0,0 +1,112 @@
1
+ import * as react from 'react';
2
+ import { n as UniversalBoxProps, o as UniversalStackProps, p as UniversalDividerProps } from './types-zBAkfBh2.js';
3
+
4
+ type DivProps = React.HTMLAttributes<HTMLDivElement>;
5
+ interface BoxProps extends UniversalBoxProps, DivProps {
6
+ }
7
+ /**
8
+ * **📦 A layout component that can be used to compose other components**
9
+ *
10
+ * @description
11
+ * The most simple component we ship - a div. But with all the power of the UDS design system.
12
+ * By default, `Box` is a flexbox container. When working with vertical or horizontal layouts,
13
+ * consider using [VStack](./v-stack) or [HStack](./h-stack) respectively.
14
+ *
15
+ * @example
16
+ * ```tsx
17
+ * import { Box } from '@yahoo/uds';
18
+ *
19
+ * <Box backgroundColor="primary" spacing="6">
20
+ * Any kind of content can go here!
21
+ * </Box>
22
+ * ```
23
+ *
24
+ * @usage
25
+ * - If you need to div-like container to apply padding, shapes, or other styling.
26
+ * - If you're creating card components.
27
+ *
28
+ * @see The {@link https://uds.build/docs/components/box Box Docs} for more info
29
+ *
30
+ * @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
31
+ */
32
+ declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
33
+
34
+ interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
35
+ layerClassNames?: {
36
+ root?: string;
37
+ text?: string;
38
+ line?: string;
39
+ };
40
+ }
41
+
42
+ type VariantWithInherit = Exclude<UniversalDividerProps['variant'], undefined> | 'inherit';
43
+ interface DividerInternalProps extends DividerCoreProps {
44
+ variant?: VariantWithInherit;
45
+ }
46
+
47
+ type DividerProps = Omit<DividerInternalProps, 'layerClassNames'>;
48
+ /**
49
+ * **📦 A divider component that can be used to visually separate components**
50
+ *
51
+ * @description
52
+ * The Divider component is a visual element used to separate content and create clear groupings within a layout. It helps establish hierarchy, improve readability, and guide users through sections of an interface. Dividers can appear as horizontal or vertical lines and are commonly used between related content blocks, within menus, or in dense UI areas to reduce visual clutter.
53
+ *
54
+ * @example
55
+ * ```tsx
56
+ * import { Divider } from '@yahoo/uds';
57
+ *
58
+ * // Default primary horizontal divider. Similar to <hr />
59
+ * <Divider />
60
+ *
61
+ * // A vertical divider.
62
+ * <Divider vertical />
63
+ *
64
+ * // A horizontal divider with the secondary styling.
65
+ * <Divider variant="secondary" />
66
+ *
67
+ * // A vertical divider with the tertiary styling.
68
+ * <Divider vertical variant="tertiary" />
69
+ * ```
70
+ *
71
+ * @usage
72
+ * - Visually separating parts of a page. Usually used in conjuction with [HStack](./h-stack) or [VStack](./v-stack).
73
+ *
74
+ * @see The {@link https://uds.build/docs/components/divider Divider Docs} for more info
75
+ *
76
+ * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
77
+ */
78
+ declare const Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLDivElement>>;
79
+
80
+ type VStackProps = UniversalStackProps & DivProps;
81
+ /**
82
+ * **🥞 A layout component that arranges its children in rows using flexbox**
83
+ *
84
+ * @description
85
+ * 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)
86
+ * and can be used to compose larger layouts. VStack is similar to [Box](./box) but provides additional features like a `gap` property to
87
+ * add spacing between children.
88
+ *
89
+ * @example
90
+ * ```tsx
91
+ * import { VStack, Text } from '@yahoo/uds';
92
+ *
93
+ * <VStack gap="6">
94
+ * <Text variant="body1" color="primary">First</Text>
95
+ * <Text variant="body1" color="primary">Second</Text>
96
+ * <Text variant="body1" color="primary">Third</Text>
97
+ * </VStack>
98
+ * ```
99
+ *
100
+ * @usage
101
+ * - Create a column of items, optionally with gaps between.
102
+ * - Create rows that are sized to their content (height only). By default each child will fill the width of the VStack.
103
+ * - Create rows that fill the available space within the parent container.
104
+ * - Create rows of proportionate size to each other (also known as a ratio-based layout).
105
+ *
106
+ * @see The {@link https://uds.build/docs/components/v-stack VStack Docs} for more info
107
+ *
108
+ * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack)
109
+ **/
110
+ declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
111
+
112
+ export { type BoxProps as B, type DividerProps as D, type VStackProps as V, type DivProps as a, Box as b, Divider as c, VStack as d };
@@ -0,0 +1,2 @@
1
+ import{XXLARGE_SCALE_MODE_CLASSNAME as e,XXXLARGE_SCALE_MODE_CLASSNAME as t,XLARGE_SCALE_MODE_CLASSNAME as a,LARGE_SCALE_MODE_CLASSNAME as i,MEDIUM_SCALE_MODE_CLASSNAME as r,SMALL_SCALE_MODE_CLASSNAME as n,XSMALL_SCALE_MODE_CLASSNAME as o,LIGHT_COLOR_MODE_CLASSNAME as d,DARK_COLOR_MODE_CLASSNAME as s}from"./chunk-24RMELG3.js";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
2
+ var l={color:{accent:"text-accent",alert:"text-alert","alert-secondary":"text-alert-secondary",black:"text-black",brand:"text-brand","brand-secondary":"text-brand-secondary",positive:"text-positive","positive-secondary":"text-positive-secondary",warning:"text-warning","warning-secondary":"text-warning-secondary",info:"text-info","info-secondary":"text-info-secondary",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","alert-secondary":"placeholder:text-alert-secondary",black:"placeholder:text-black",brand:"placeholder:text-brand","brand-secondary":"placeholder:text-brand-secondary",positive:"placeholder:text-positive","positive-secondary":"placeholder:text-positive-secondary",warning:"placeholder:text-warning","warning-secondary":"placeholder:text-warning-secondary",info:"placeholder:text-info","info-secondary":"placeholder:text-info-secondary",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:{sans:"font-sans","sans-alt":"font-sans-alt",serif:"font-serif","serif-alt":"font-serif-alt",mono:"font-mono",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",label3:"font-label3",label4:"font-label4",caption1:"font-caption1",caption2:"font-caption2",legal1:"font-legal1",ui1:"font-ui1",ui2:"font-ui2",ui3:"font-ui3",ui4:"font-ui4",ui5:"font-ui5",ui6:"font-ui6"},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",label3:"font-size-label3",label4:"font-size-label4",caption1:"font-size-caption1",caption2:"font-size-caption2",legal1:"font-size-legal1",ui1:"font-size-ui1",ui2:"font-size-ui2",ui3:"font-size-ui3",ui4:"font-size-ui4",ui5:"font-size-ui5",ui6:"font-size-ui6"},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",label3:"font-weight-label3",label4:"font-weight-label4",caption1:"font-weight-caption1",caption2:"font-weight-caption2",legal1:"font-weight-legal1",ui1:"font-weight-ui1",ui2:"font-weight-ui2",ui3:"font-weight-ui3",ui4:"font-weight-ui4",ui5:"font-weight-ui5",ui6:"font-weight-ui6"},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",label3:"leading-label3",label4:"leading-label4",caption1:"leading-caption1",caption2:"leading-caption2",legal1:"leading-legal1",ui1:"leading-ui1",ui2:"leading-ui2",ui3:"leading-ui3",ui4:"leading-ui4",ui5:"leading-ui5",ui6:"leading-ui6"},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",label3:"case-label3",label4:"case-label4",caption1:"case-caption1",caption2:"case-caption2",legal1:"case-legal1",ui1:"case-ui1",ui2:"case-ui2",ui3:"case-ui3",ui4:"case-ui4",ui5:"case-ui5",ui6:"case-ui6",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",4.5:"p-4.5",5:"p-5",5.5:"p-5.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",4.5:"px-4.5",5:"px-5",5.5:"px-5.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",4.5:"py-4.5",5:"py-5",5.5:"py-5.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",4.5:"pb-4.5",5:"pb-5",5.5:"pb-5.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",4.5:"pe-4.5",5:"pe-5",5.5:"pe-5.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",4.5:"ps-4.5",5:"ps-5",5.5:"ps-5.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",4.5:"pt-4.5",5:"pt-5",5.5:"pt-5.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",4.5:"-m-4.5",5:"-m-5",5.5:"-m-5.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",4.5:"-my-4.5",5:"-my-5",5.5:"-my-5.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",4.5:"-mx-4.5",5:"-mx-5",5.5:"-mx-5.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",4.5:"-mb-4.5",5:"-mb-5",5.5:"-mb-5.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",4.5:"-me-4.5",5:"-me-5",5.5:"-me-5.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",4.5:"-ms-4.5",5:"-ms-5",5.5:"-ms-5.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",4.5:"-mt-4.5",5:"-mt-5",5.5:"-mt-5.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",4.5:"gap-x-4.5",5:"gap-x-5",5.5:"gap-x-5.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",4.5:"gap-y-4.5",5:"gap-y-5",5.5:"gap-y-5.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",brand:"bg-brand",positive:"bg-positive",warning:"bg-warning",info:"bg-info","alert-secondary":"bg-alert-secondary","brand-secondary":"bg-brand-secondary","positive-secondary":"bg-positive-secondary","warning-secondary":"bg-warning-secondary","info-secondary":"bg-info-secondary",primary:"bg-primary",secondary:"bg-secondary",white:"bg-white",black:"bg-black",transparent:"bg-transparent",current:"bg-current"},borderColor:{accent:"border-accent",black:"border-black",brand:"border-brand",alert:"border-alert",positive:"border-positive",warning:"border-warning",info:"border-info","brand-secondary":"border-brand-secondary","alert-secondary":"border-alert-secondary","positive-secondary":"border-positive-secondary","warning-secondary":"border-warning-secondary","info-secondary":"border-info-secondary",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",brand:"border-s-brand",positive:"border-s-positive",warning:"border-s-warning",info:"border-s-info","alert-secondary":"border-s-alert-secondary","brand-secondary":"border-s-brand-secondary","positive-secondary":"border-s-positive-secondary","warning-secondary":"border-s-warning-secondary","info-secondary":"border-s-info-secondary",black:"border-s-black",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",info:"border-e-info","alert-secondary":"border-e-alert-secondary","brand-secondary":"border-e-brand-secondary","positive-secondary":"border-e-positive-secondary","warning-secondary":"border-e-warning-secondary","info-secondary":"border-e-info-secondary",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",info:"border-b-info","alert-secondary":"border-b-alert-secondary","brand-secondary":"border-b-brand-secondary","positive-secondary":"border-b-positive-secondary","warning-secondary":"border-b-warning-secondary","info-secondary":"border-b-info-secondary",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",info:"border-t-info","alert-secondary":"border-t-alert-secondary","brand-secondary":"border-t-brand-secondary","positive-secondary":"border-t-positive-secondary","warning-secondary":"border-t-warning-secondary","info-secondary":"border-t-info-secondary",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-sm",sm:"rounded",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:{xs:"avatarSize-xs",sm:"avatarSize-sm",md:"avatarSize-md",lg:"avatarSize-lg",xl:"avatarSize-xl"},iconSize:{xs:"iconSize-xs leading-none",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:s,light:d},scaleMode:{xSmall:o,small:n,medium:r,large:i,xLarge:a,xxxLarge:t,xxLarge:e},buttonPalette:{accent:"uds-button-accent",brand:"uds-button-brand",alert:"uds-button-alert",positive:"uds-button-positive",warning:"uds-button-warning",info:"uds-button-info"},buttonVariant:{primary:"uds-button-primary",secondary:"uds-button-secondary",tertiary:"uds-button-tertiary"},buttonSize:{sm:"uds-button-sm",md:"uds-button-md",lg:"uds-button-lg"},iconButtonSize:{xs:"uds-icon-button-xs",sm:"uds-icon-button-sm",md:"uds-icon-button-md",lg:"uds-icon-button-lg",xl:"uds-icon-button-xl"},width:{full:"w-full",fit:"w-fit",screen:"w-screen"},height:{full:"h-full",fit:"h-fit",screen:"h-screen"},dropShadow:{none:"uds-drop-shadow-none",xs:"uds-drop-shadow-xs",sm:"uds-drop-shadow-sm",md:"uds-drop-shadow-md",lg:"uds-drop-shadow-lg",xl:"uds-drop-shadow-xl","2xl":"uds-drop-shadow-2xl"},insetShadow:{none:"uds-inset-shadow-none",xs:"uds-inset-shadow-xs",sm:"uds-inset-shadow-sm",md:"uds-inset-shadow-md",lg:"uds-inset-shadow-lg",xl:"uds-inset-shadow-xl","2xl":"uds-inset-shadow-2xl","xs-invert":"uds-inset-shadow-xs-invert","sm-invert":"uds-inset-shadow-sm-invert","md-invert":"uds-inset-shadow-md-invert","lg-invert":"uds-inset-shadow-lg-invert","xl-invert":"uds-inset-shadow-xl-invert","2xl-invert":"uds-inset-shadow-2xl-invert"},avatarSizeRoot:{xs:"uds-avatar-size-xs-root",sm:"uds-avatar-size-sm-root",md:"uds-avatar-size-md-root",lg:"uds-avatar-size-lg-root",xl:"uds-avatar-size-xl-root"},avatarSizeIcon:{xs:"uds-avatar-size-xs-icon",sm:"uds-avatar-size-sm-icon",md:"uds-avatar-size-md-icon",lg:"uds-avatar-size-lg-icon",xl:"uds-avatar-size-xl-icon"},avatarTextVariantRoot:{primary:"uds-avatar-text-variant-primary-root",secondary:"uds-avatar-text-variant-secondary-root"},avatarImageVariantRoot:{primary:"uds-avatar-image-variant-primary-root",secondary:"uds-avatar-image-variant-secondary-root"},avatarIconVariantRoot:{primary:"uds-avatar-icon-variant-primary-root",secondary:"uds-avatar-icon-variant-secondary-root"},badgeSizeRoot:{xs:"uds-badge-size-xs-root",sm:"uds-badge-size-sm-root",md:"uds-badge-size-md-root",lg:"uds-badge-size-lg-root"},badgeSizeIcon:{xs:"uds-badge-size-xs-icon",sm:"uds-badge-size-sm-icon",md:"uds-badge-size-md-icon",lg:"uds-badge-size-lg-icon"},badgeVariantRoot:{primary:"uds-badge-variant-primary-root",secondary:"uds-badge-variant-secondary-root",brand:"uds-badge-variant-brand-root","brand-secondary":"uds-badge-variant-brand-secondary-root",alert:"uds-badge-variant-alert-root","alert-secondary":"uds-badge-variant-alert-secondary-root",warning:"uds-badge-variant-warning-root","warning-secondary":"uds-badge-variant-warning-secondary-root",positive:"uds-badge-variant-positive-root","positive-secondary":"uds-badge-variant-positive-secondary-root",info:"uds-badge-variant-info-root","info-secondary":"uds-badge-variant-info-secondary-root"},badgeVariantIcon:{primary:"uds-badge-variant-primary-icon",secondary:"uds-badge-variant-secondary-icon",brand:"uds-badge-variant-brand-icon","brand-secondary":"uds-badge-variant-brand-secondary-icon",alert:"uds-badge-variant-alert-icon","alert-secondary":"uds-badge-variant-alert-secondary-icon",warning:"uds-badge-variant-warning-icon","warning-secondary":"uds-badge-variant-warning-secondary-icon",positive:"uds-badge-variant-positive-icon","positive-secondary":"uds-badge-variant-positive-secondary-icon",info:"uds-badge-variant-info-icon","info-secondary":"uds-badge-variant-info-secondary-icon"},checkboxSizeRoot:{sm:"uds-checkbox-size-sm-root",md:"uds-checkbox-size-md-root"},checkboxSizeCheckbox:{sm:"uds-checkbox-size-sm-checkbox",md:"uds-checkbox-size-md-checkbox"},checkboxVariantValueRoot:{checked:"uds-checkbox-variant-value-checked-root",unchecked:"uds-checkbox-variant-value-unchecked-root",indeterminate:"uds-checkbox-variant-value-indeterminate-root"},checkboxVariantRoot:{primary:"uds-checkbox-variant-primary-root",secondary:"uds-checkbox-variant-secondary-root",alert:"uds-checkbox-variant-alert-root","alert-secondary":"uds-checkbox-variant-alert-secondary-root"},checkboxVariantValueCheckbox:{checked:"uds-checkbox-variant-value-checked-checkbox",unchecked:"uds-checkbox-variant-value-unchecked-checkbox",indeterminate:"uds-checkbox-variant-value-indeterminate-checkbox"},checkboxVariantCheckbox:{primary:"uds-checkbox-variant-primary-checkbox",secondary:"uds-checkbox-variant-secondary-checkbox",alert:"uds-checkbox-variant-alert-checkbox","alert-secondary":"uds-checkbox-variant-alert-secondary-checkbox"},checkboxVariantValueCheckboxIcon:{checked:"uds-checkbox-variant-value-checked-checkbox-icon",unchecked:"uds-checkbox-variant-value-unchecked-checkbox-icon",indeterminate:"uds-checkbox-variant-value-indeterminate-checkbox-icon"},checkboxVariantCheckboxIcon:{primary:"uds-checkbox-variant-primary-checkbox-icon",secondary:"uds-checkbox-variant-secondary-checkbox-icon",alert:"uds-checkbox-variant-alert-checkbox-icon","alert-secondary":"uds-checkbox-variant-alert-secondary-checkbox-icon"},chipSizeRoot:{sm:"uds-chip-size-sm-root",md:"uds-chip-size-md-root"},chipSizeIcon:{sm:"uds-chip-size-sm-icon",md:"uds-chip-size-md-icon"},chipToggleVariantActiveRoot:{on:"uds-chip-toggle-variant-active-on-root",off:"uds-chip-toggle-variant-active-off-root"},chipToggleVariantRoot:{primary:"uds-chip-toggle-variant-primary-root",secondary:"uds-chip-toggle-variant-secondary-root",brand:"uds-chip-toggle-variant-brand-root","brand-secondary":"uds-chip-toggle-variant-brand-secondary-root"},chipToggleVariantActiveIcon:{on:"uds-chip-toggle-variant-active-on-icon",off:"uds-chip-toggle-variant-active-off-icon"},chipToggleVariantIcon:{primary:"uds-chip-toggle-variant-primary-icon",secondary:"uds-chip-toggle-variant-secondary-icon",brand:"uds-chip-toggle-variant-brand-icon","brand-secondary":"uds-chip-toggle-variant-brand-secondary-icon"},chipDismissibleVariantRoot:{primary:"uds-chip-dismissible-variant-primary-root",secondary:"uds-chip-dismissible-variant-secondary-root",brand:"uds-chip-dismissible-variant-brand-root","brand-secondary":"uds-chip-dismissible-variant-brand-secondary-root"},chipDismissibleVariantIcon:{primary:"uds-chip-dismissible-variant-primary-icon",secondary:"uds-chip-dismissible-variant-secondary-icon",brand:"uds-chip-dismissible-variant-brand-icon","brand-secondary":"uds-chip-dismissible-variant-brand-secondary-icon"},chipLinkVariantRoot:{primary:"uds-chip-link-variant-primary-root",secondary:"uds-chip-link-variant-secondary-root",brand:"uds-chip-link-variant-brand-root","brand-secondary":"uds-chip-link-variant-brand-secondary-root"},chipLinkVariantIcon:{primary:"uds-chip-link-variant-primary-icon",secondary:"uds-chip-link-variant-secondary-icon",brand:"uds-chip-link-variant-brand-icon","brand-secondary":"uds-chip-link-variant-brand-secondary-icon"},dividerVariantRoot:{primary:"uds-divider-variant-primary-root",secondary:"uds-divider-variant-secondary-root",tertiary:"uds-divider-variant-tertiary-root",muted:"uds-divider-variant-muted-root"},dividerVariantLine:{primary:"uds-divider-variant-primary-line",secondary:"uds-divider-variant-secondary-line",tertiary:"uds-divider-variant-tertiary-line",muted:"uds-divider-variant-muted-line"},dividerVariantLabel:{primary:"uds-divider-variant-primary-label",secondary:"uds-divider-variant-secondary-label",tertiary:"uds-divider-variant-tertiary-label",muted:"uds-divider-variant-muted-label"},inputSizeRoot:{md:"uds-input-size-md-root",lg:"uds-input-size-lg-root"},inputSizeInputWrapper:{md:"uds-input-size-md-input-wrapper",lg:"uds-input-size-lg-input-wrapper"},inputSizeInput:{md:"uds-input-size-md-input",lg:"uds-input-size-lg-input"},inputSizeStartIcon:{md:"uds-input-size-md-start-icon",lg:"uds-input-size-lg-start-icon"},inputSizeEndIcon:{md:"uds-input-size-md-end-icon",lg:"uds-input-size-lg-end-icon"},inputSizeLabel:{md:"uds-input-size-md-label",lg:"uds-input-size-lg-label"},inputSizeHelperIcon:{md:"uds-input-size-md-helper-icon",lg:"uds-input-size-lg-helper-icon"},inputSizeHelperText:{md:"uds-input-size-md-helper-text",lg:"uds-input-size-lg-helper-text"},inputVariantValueRoot:{filled:"uds-input-variant-value-filled-root",empty:"uds-input-variant-value-empty-root"},inputVariantRoot:{default:"uds-input-variant-default-root"},inputVariantValueInputWrapper:{filled:"uds-input-variant-value-filled-input-wrapper",empty:"uds-input-variant-value-empty-input-wrapper"},inputVariantInputWrapper:{default:"uds-input-variant-default-input-wrapper"},inputVariantValueInput:{filled:"uds-input-variant-value-filled-input",empty:"uds-input-variant-value-empty-input"},inputVariantInput:{default:"uds-input-variant-default-input"},inputVariantValueInputPlaceholder:{filled:"uds-input-variant-value-filled-input-placeholder",empty:"uds-input-variant-value-empty-input-placeholder"},inputVariantInputPlaceholder:{default:"uds-input-variant-default-input-placeholder"},inputVariantValueStartIcon:{filled:"uds-input-variant-value-filled-start-icon",empty:"uds-input-variant-value-empty-start-icon"},inputVariantStartIcon:{default:"uds-input-variant-default-start-icon"},inputVariantValueEndIcon:{filled:"uds-input-variant-value-filled-end-icon",empty:"uds-input-variant-value-empty-end-icon"},inputVariantEndIcon:{default:"uds-input-variant-default-end-icon"},inputVariantValueLabel:{filled:"uds-input-variant-value-filled-label",empty:"uds-input-variant-value-empty-label"},inputVariantLabel:{default:"uds-input-variant-default-label"},inputVariantValueLabelRequired:{filled:"uds-input-variant-value-filled-label-required",empty:"uds-input-variant-value-empty-label-required"},inputVariantLabelRequired:{default:"uds-input-variant-default-label-required"},inputVariantValueHelperIcon:{filled:"uds-input-variant-value-filled-helper-icon",empty:"uds-input-variant-value-empty-helper-icon"},inputVariantHelperIcon:{default:"uds-input-variant-default-helper-icon"},inputVariantValueHelperText:{filled:"uds-input-variant-value-filled-helper-text",empty:"uds-input-variant-value-empty-helper-text"},inputVariantHelperText:{default:"uds-input-variant-default-helper-text"},linkTextStyleRoot:{display1:"uds-link-text-style-display-1-root",display2:"uds-link-text-style-display-2-root",display3:"uds-link-text-style-display-3-root",title1:"uds-link-text-style-title-1-root",title2:"uds-link-text-style-title-2-root",title3:"uds-link-text-style-title-3-root",title4:"uds-link-text-style-title-4-root",headline1:"uds-link-text-style-headline-1-root",body1:"uds-link-text-style-body-1-root",label1:"uds-link-text-style-label-1-root",label2:"uds-link-text-style-label-2-root",label3:"uds-link-text-style-label-3-root",label4:"uds-link-text-style-label-4-root",caption1:"uds-link-text-style-caption-1-root",caption2:"uds-link-text-style-caption-2-root",legal1:"uds-link-text-style-legal-1-root",ui1:"uds-link-text-style-ui-1-root",ui2:"uds-link-text-style-ui-2-root",ui3:"uds-link-text-style-ui-3-root",ui4:"uds-link-text-style-ui-4-root",ui5:"uds-link-text-style-ui-5-root",ui6:"uds-link-text-style-ui-6-root"},linkTextStyleIcon:{display1:"uds-link-text-style-display-1-icon",display2:"uds-link-text-style-display-2-icon",display3:"uds-link-text-style-display-3-icon",title1:"uds-link-text-style-title-1-icon",title2:"uds-link-text-style-title-2-icon",title3:"uds-link-text-style-title-3-icon",title4:"uds-link-text-style-title-4-icon",headline1:"uds-link-text-style-headline-1-icon",body1:"uds-link-text-style-body-1-icon",label1:"uds-link-text-style-label-1-icon",label2:"uds-link-text-style-label-2-icon",label3:"uds-link-text-style-label-3-icon",label4:"uds-link-text-style-label-4-icon",caption1:"uds-link-text-style-caption-1-icon",caption2:"uds-link-text-style-caption-2-icon",legal1:"uds-link-text-style-legal-1-icon",ui1:"uds-link-text-style-ui-1-icon",ui2:"uds-link-text-style-ui-2-icon",ui3:"uds-link-text-style-ui-3-icon",ui4:"uds-link-text-style-ui-4-icon",ui5:"uds-link-text-style-ui-5-icon",ui6:"uds-link-text-style-ui-6-icon"},linkVariantRoot:{primary:"uds-link-variant-primary-root",secondary:"uds-link-variant-secondary-root",tertiary:"uds-link-variant-tertiary-root","on-color":"uds-link-variant-on-color-root"},linkVariantIconStart:{primary:"uds-link-variant-primary-icon-start",secondary:"uds-link-variant-secondary-icon-start",tertiary:"uds-link-variant-tertiary-icon-start","on-color":"uds-link-variant-on-color-icon-start"},linkVariantIconEnd:{primary:"uds-link-variant-primary-icon-end",secondary:"uds-link-variant-secondary-icon-end",tertiary:"uds-link-variant-tertiary-icon-end","on-color":"uds-link-variant-on-color-icon-end"},menuSizeRoot:{default:"uds-menu-size-default-root"},menuSizeStartIcon:{default:"uds-menu-size-default-start-icon"},menuSizeEndIcon:{default:"uds-menu-size-default-end-icon"},menuItemVariantActiveRoot:{on:"uds-menu-item-variant-active-on-root",off:"uds-menu-item-variant-active-off-root"},menuItemVariantRoot:{default:"uds-menu-item-variant-default-root"},menuItemVariantActiveText:{on:"uds-menu-item-variant-active-on-text",off:"uds-menu-item-variant-active-off-text"},menuItemVariantText:{default:"uds-menu-item-variant-default-text"},menuItemVariantActiveIcon:{on:"uds-menu-item-variant-active-on-icon",off:"uds-menu-item-variant-active-off-icon"},menuItemVariantIcon:{default:"uds-menu-item-variant-default-icon"},menuItemCheckboxVariantActiveRoot:{on:"uds-menu-item-checkbox-variant-active-on-root",off:"uds-menu-item-checkbox-variant-active-off-root"},menuItemCheckboxVariantRoot:{default:"uds-menu-item-checkbox-variant-default-root"},menuItemCheckboxVariantActiveText:{on:"uds-menu-item-checkbox-variant-active-on-text",off:"uds-menu-item-checkbox-variant-active-off-text"},menuItemCheckboxVariantText:{default:"uds-menu-item-checkbox-variant-default-text"},menuItemCheckboxVariantActiveStartIcon:{on:"uds-menu-item-checkbox-variant-active-on-start-icon",off:"uds-menu-item-checkbox-variant-active-off-start-icon"},menuItemCheckboxVariantStartIcon:{default:"uds-menu-item-checkbox-variant-default-start-icon"},menuItemCheckboxVariantActiveEndIcon:{on:"uds-menu-item-checkbox-variant-active-on-end-icon",off:"uds-menu-item-checkbox-variant-active-off-end-icon"},menuItemCheckboxVariantEndIcon:{default:"uds-menu-item-checkbox-variant-default-end-icon"},menuDividerVariantRoot:{default:"uds-menu-divider-variant-default-root"},menuDividerVariantText:{default:"uds-menu-divider-variant-default-text"},menuDividerVariantLine:{default:"uds-menu-divider-variant-default-line"},radioVariantValueRoot:{checked:"uds-radio-variant-value-checked-root",unchecked:"uds-radio-variant-value-unchecked-root"},radioVariantRoot:{primary:"uds-radio-variant-primary-root",secondary:"uds-radio-variant-secondary-root",alert:"uds-radio-variant-alert-root","alert-secondary":"uds-radio-variant-alert-secondary-root"},radioVariantValueRadio:{checked:"uds-radio-variant-value-checked-radio",unchecked:"uds-radio-variant-value-unchecked-radio"},radioVariantRadio:{primary:"uds-radio-variant-primary-radio",secondary:"uds-radio-variant-secondary-radio",alert:"uds-radio-variant-alert-radio","alert-secondary":"uds-radio-variant-alert-secondary-radio"},radioVariantValueRadioCircle:{checked:"uds-radio-variant-value-checked-radio-circle",unchecked:"uds-radio-variant-value-unchecked-radio-circle"},radioVariantRadioCircle:{primary:"uds-radio-variant-primary-radio-circle",secondary:"uds-radio-variant-secondary-radio-circle",alert:"uds-radio-variant-alert-radio-circle","alert-secondary":"uds-radio-variant-alert-secondary-radio-circle"},radioSizeRoot:{sm:"uds-radio-size-sm-root",md:"uds-radio-size-md-root"},radioSizeRadio:{sm:"uds-radio-size-sm-radio",md:"uds-radio-size-md-radio"},switchVariantActiveRoot:{on:"uds-switch-variant-active-on-root",off:"uds-switch-variant-active-off-root"},switchVariantRoot:{default:"uds-switch-variant-default-root"},switchVariantActiveSwitch:{on:"uds-switch-variant-active-on-switch",off:"uds-switch-variant-active-off-switch"},switchVariantSwitch:{default:"uds-switch-variant-default-switch"},switchVariantActiveHandle:{on:"uds-switch-variant-active-on-handle",off:"uds-switch-variant-active-off-handle"},switchVariantHandle:{default:"uds-switch-variant-default-handle"},switchVariantActiveHandleIcon:{on:"uds-switch-variant-active-on-handle-icon",off:"uds-switch-variant-active-off-handle-icon"},switchVariantHandleIcon:{default:"uds-switch-variant-default-handle-icon"},switchSizeRoot:{sm:"uds-switch-size-sm-root",md:"uds-switch-size-md-root"},switchSizeSwitch:{sm:"uds-switch-size-sm-switch",md:"uds-switch-size-md-switch"},switchSizeHandle:{sm:"uds-switch-size-sm-handle",md:"uds-switch-size-md-handle"},switchSizeHandleIcon:{sm:"uds-switch-size-sm-handle-icon",md:"uds-switch-size-md-handle-icon"}};export{l as variants};
@@ -0,0 +1 @@
1
+ "use strict";var e=require("./chunk-C644LGNR.cjs"),r=require("./chunk-PAETZFJJ.cjs"),t=require("react"),i=require("react/jsx-runtime"),a={horizontal:"w-full",vertical:""},o=t.forwardRef(function({vertical:o=!1,contentPosition:l="center",className:n,layerClassNames:s,children:c,...d},x){const h=o?"vertical":"horizontal",m=o?e.VStack:e.HStack,f=t.useMemo(()=>({root:r.cx(a[h],n,s?.root),label:r.cx(s?.text),line:s?.line}),[n,h,s?.root,s?.text,s?.line]),u=t.useMemo(()=>"vertical"===h?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:0}:{borderLeftWidth:0,borderRightWidth:0,borderBottomWidth:0},[h]),v=()=>i.jsx(r.Box,{flex:"1",className:f.line,style:u});return c?i.jsxs(m,{flex:"1",alignItems:"center",className:f.root,ref:x,...d,children:["start"!==l&&i.jsx(v,{}),i.jsx(r.Box,{flex:"none",children:i.jsx(r.Text,{color:"inherit",variant:"inherit",className:f.label,children:c})}),"end"!==l&&i.jsx(v,{})]}):i.jsx(r.Box,{display:"flex",flex:"none",className:f.root,ref:x,...d,children:i.jsx(v,{})})});/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */o.displayName="DividerCore";var l=t.forwardRef(function({variant:e="primary",layerClassNames:a,...l},n){const s=t.useMemo(()=>({root:r.cx("inherit"!==e&&r.getStyles({dividerVariantRoot:e}),a?.root),text:r.cx("inherit"!==e?r.getStyles({dividerVariantLabel:e}):void 0,a?.text),line:r.cx("inherit"!==e&&r.getStyles({dividerVariantLine:e}),a?.line)}),[a?.line,a?.root,a?.text,e]);return i.jsx(o,{ref:n,layerClassNames:s,...l})});l.displayName="DividerInternal",exports.DividerInternal=l;
@@ -0,0 +1 @@
1
+ "use strict";var o=require("./chunk-C644LGNR.cjs"),r=require("./chunk-PAETZFJJ.cjs"),t=require("react/jsx-runtime");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var e=require("react").memo(function({startIcon:e,endIcon:i,iconProps:n,children:a,size:l,isFilled:s,...d}){const c={helperText:r.cx(r.getStyles({inputSizeHelperText:l,inputVariantHelperText:"default",inputVariantValueHelperText:s?"filled":"empty"})),helperIcon:r.getStyles({inputSizeHelperIcon:l,inputVariantHelperIcon:"default",inputVariantValueHelperIcon:s?"filled":"empty"})},p={variant:"outline",...n};return t.jsxs(o.HStack,{gap:"1",alignItems:"center",...d,children:[e&&t.jsx(r.IconSlot,{icon:e,...p,iconProps:n,className:c.helperIcon}),t.jsx("span",{className:c.helperText,children:a}),i&&t.jsx(r.IconSlot,{icon:i,...p,iconProps:n,className:c.helperIcon})]})});exports.Image=function({width:o,height:e,src:i,alt:n,contentFit:a,backgroundColor:l,borderRadius:s,borderTopStartRadius:d,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:u,borderStartColor:b,borderEndColor:h,borderTopColor:g,borderBottomColor:m,borderWidth:x,borderVerticalWidth:S,borderHorizontalWidth:T,borderStartWidth:C,borderEndWidth:W,borderTopWidth:I,borderBottomWidth:B,alignContent:H,alignItems:E,alignSelf:w,flex:V,flexDirection:R,flexGrow:j,flexShrink:y,flexWrap:v,justifyContent:z,flexBasis:k,display:G,overflow:N,overflowX:q,overflowY:F,position:P,spacing:D,spacingHorizontal:J,spacingVertical:X,spacingBottom:Y,spacingEnd:A,spacingStart:L,spacingTop:M,offset:Z,offsetVertical:K,offsetHorizontal:O,offsetBottom:Q,offsetEnd:U,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro,...to}){const eo=r.getStyles({contentFit:a,backgroundColor:l,borderRadius:s,borderTopStartRadius:d,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:u,borderStartColor:b,borderEndColor:h,borderTopColor:g,borderBottomColor:m,borderWidth:x,borderVerticalWidth:S,borderHorizontalWidth:T,borderStartWidth:C,borderEndWidth:W,borderTopWidth:I,borderBottomWidth:B,alignContent:H,alignItems:E,alignSelf:w,flex:V,flexDirection:R,flexGrow:j,flexShrink:y,flexWrap:v,justifyContent:z,flexBasis:k,display:G,overflow:N,overflowX:q,overflowY:F,position:P,spacing:D,spacingHorizontal:J,spacingVertical:X,spacingBottom:Y,spacingEnd:A,spacingStart:L,spacingTop:M,offset:Z,offsetVertical:K,offsetHorizontal:O,offsetBottom:Q,offsetEnd:U,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro});return t.jsx("img",{src:i,alt:n,className:eo,style:{width:o,height:e},...to})},exports.InputHelpTextMemo=e;
@@ -0,0 +1 @@
1
+ "use strict";var r=require("./chunk-PAETZFJJ.cjs"),e=require("lodash-es"),a=require("react/jsx-runtime");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.FormLabel=({htmlFor:s,required:i,label:t,children:l,color:n="muted",variant:c="label3",hasError:o=!1,showRequiredAsterisk:u=!1,as:h="label",className:d,...m})=>{const x=t?e.isFunction(t)?t():t:l;return x?a.jsxs(r.Text,{variant:c,color:n,as:h,htmlFor:s,className:r.cx("cursor-[inherit]",d),...m,children:[x,i&&u&&a.jsx(r.Text,{as:"sup",color:o?"alert":"inherit",variant:"inherit",spacingStart:"0.5","aria-hidden":!0,children:"*"})]}):null};
@@ -0,0 +1,2 @@
1
+ import{getMotionVar as r}from"./chunk-KYESDN2J.js";import{FONT_DECLARATIONS_MAP as t,fromEntries as a}from"./chunk-2N6GU6KA.js";import{entries as n}from"./chunk-EWJ3J526.js";import{TEXT_TRANSFORM_PREFIX as o,LINE_HEIGHT_PREFIX as e,FONT_SIZE_PREFIX as s,FONT_WIDTH_PREFIX as i,FONT_SLANT_PREFIX as d,FONT_WEIGHT_PREFIX as f,FONT_FAMILY_PREFIX as c,TEXT_RESPONSIVE_CLASSNAME as l,UDS_PREFIX as u}from"./chunk-24RMELG3.js";import{textVariants as m,motionSpringConfigOptions as p}from"@yahoo/uds/fixtures";import{isString as h}from"lodash-es";import $ from"tailwindcss/plugin.js";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
2
+ var v=r=>{throw new Error("Didn't expect to get here")};var g=(r,t,a,n)=>{const o=r.typography[t]?.[a];if(!o)throw new Error(`Missing typography data for variant "${t}" and key "${a}"`);const e="base"===n?o.base:o.breakpoints?.[n];if(!e)throw new Error(`Missing value for variant "${t}", key "${a}", and breakpoint "${n}"`);if(h(e))return e;switch(e.type){case"px":return e.value/16+"rem";case"unitless":return String(e.value)}return v()},w=(r,t)=>t in r.font?`var(--${c}-${t})`:t,x=(r,t)=>Object.fromEntries(m.flatMap(a=>[[`--${c}-${a}`,w(r,g(r,a,"fontFamily",t))],[`--${s}-${a}`,g(r,a,"fontSize",t)],[`--${f}-${a}`,g(r,a,"fontWeight",t)],[`--${d}-${a}`,g(r,a,"fontSlant",t)],[`--${i}-${a}`,g(r,a,"fontWidth",t)],[`--${e}-${a}`,g(r,a,"lineHeight",t)],[`--${o}-${a}`,g(r,a,"textTransform",t)]])),b=r=>Object.fromEntries(m.map(t=>[t,`var(--${r}-${t})`])),M={fontFamily:b(c),fontWeight:b(f),fontSlant:b(d),fontWidth:b(i),fontSize:b(s),lineHeight:b(e),textTransform:b(o)},k=r=>({":root":x(r,"base")}),y=r=>{const t=(a=r.breakpoints,Object.entries(a)).sort(([,{value:r}],[,{value:t}])=>r-t);var a;return{[`.${l}`]:Object.fromEntries(t.map(([t,{value:a}])=>[`@media (min-width: ${a}px)`,x(r,t)])),".uds-text-base":x(r,"base"),...Object.fromEntries(t.map(([t])=>[`.uds-text-${t}`,x(r,t)]))}};function S(r,t){const a=L(r);for(const r of a)t({"@font-face":r})}var j=$.withOptions(function({fontIds:r}){return function({addBase:t}){S(r,t)}});function E(r){return{light:{colorScheme:"light","--uds-light-mode-icon":"inline","--uds-dark-mode-icon":"none",...r.colorMode.light._vars},dark:{colorScheme:"dark","--uds-light-mode-icon":"none","--uds-dark-mode-icon":"inline",...r.colorMode.dark._vars}}}function L(r){return r.flatMap(r=>{const{declarations:a,fontFamily:n}=t[r];return a.map(r=>({fontFamily:n,fontDisplay:"swap",...r}))})}function O(r){return`"${r}"`}function W(r){return a(n(r).map(([r,a])=>{const n=`--${c}-${r}`,o=t[a];return[n,[o.fontFamily,...o.fallback].map(O).join(", ")]}))}function _(t){const o=n(t).flatMap(([t,a])=>n(a).flatMap(([a,n])=>p.map(o=>[r({variant:t,speed:a,control:o}),`${n[o]}`])));return a(o)}function F(r){return{...r.borderRadius._vars,...r.borderWidth._vars,...r.avatarSizes._vars,...r.iconSizes._vars}}function z(r){return{xSmall:F(r.scaleMode.xSmall),small:F(r.scaleMode.small),medium:F(r.scaleMode.medium),large:F(r.scaleMode.large),xLarge:F(r.scaleMode.xLarge),xxLarge:F(r.scaleMode.xxLarge),xxxLarge:F(r.scaleMode.xxxLarge)}}function D({config:r,shadowType:t}){const o=r.shadow[t],e=n(o).map(([r])=>[`.uds-${t}-shadow-${r}`,{[`--uds-${t}-shadow`]:`var(--${u}-${t}-shadow-${r})`,boxShadow:`var(--${u}-drop-shadow, 0 0 transparent), var(--${u}-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)`}]);return a(e)}export{M as RESPONSIVE_TAILWIND_CONFIG_MAP,S as addFontFaceDeclarations,j as addFontsPlugin,v as assertUnreachable,k as getBaseTextStyles,E as getColorModeStyles,L as getFontFaceDeclarations,W as getFontStyles,_ as getMotionStyles,y as getResponsiveTextStyles,z as getScaleModeStyles,D as getShadowStyles};
@@ -0,0 +1 @@
1
+ "use strict";var r=require("./chunk-PAETZFJJ.cjs"),e=require("react"),n=require("lodash-es"),t=require("react/jsx-runtime"),a=(r,t)=>((r,e)=>{const t=n.isFunction(e)?e:()=>e;return r.flatMap((r,e)=>0!==e?[t(e),r]:[r])})(e.Children.toArray(r),r=>{const a=n.isFunction(t)?t(r):t;return e.isValidElement(a)?e.cloneElement(a,{...a.props,key:a.key??`interspersed-${r}`}):null}),i=e.forwardRef(function({gap:e,children:n,separator:i,...o},c){return t.jsx(r.Box,{ref:c,flexDirection:"row",rowGap:e,columnGap:e,...o,children:i?a(n,i):n})});/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */i.displayName="HStack";var o=e.forwardRef(function({gap:e,children:n,separator:i,...o},c){return t.jsx(r.Box,{ref:c,flexDirection:"column",columnGap:e,rowGap:e,...o,children:i?a(n,i):n})});o.displayName="VStack",exports.HStack=i,exports.VStack=o;
@@ -0,0 +1 @@
1
+ import{HStack as o}from"./chunk-YHC6NBJU.js";import{getStyles as r,cx as t,IconSlot as e}from"./chunk-GIJZFIYD.js";import{jsxs as i,jsx as n}from"react/jsx-runtime";import{memo as a}from"react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */function l({width:o,height:t,src:e,alt:i,contentFit:a,backgroundColor:l,borderRadius:d,borderTopStartRadius:s,borderTopEndRadius:p,borderBottomStartRadius:f,borderBottomEndRadius:c,borderColor:b,borderStartColor:u,borderEndColor:m,borderTopColor:h,borderBottomColor:g,borderWidth:x,borderVerticalWidth:S,borderHorizontalWidth:C,borderStartWidth:T,borderEndWidth:W,borderTopWidth:B,borderBottomWidth:H,alignContent:I,alignItems:w,alignSelf:E,flex:V,flexDirection:R,flexGrow:z,flexShrink:v,flexWrap:y,justifyContent:G,flexBasis:k,display:j,overflow:N,overflowX:F,overflowY:Y,position:D,spacing:P,spacingHorizontal:J,spacingVertical:X,spacingBottom:U,spacingEnd:Z,spacingStart:q,spacingTop:A,offset:K,offsetVertical:L,offsetHorizontal:M,offsetBottom:O,offsetEnd:Q,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro,...to}){const eo=r({contentFit:a,backgroundColor:l,borderRadius:d,borderTopStartRadius:s,borderTopEndRadius:p,borderBottomStartRadius:f,borderBottomEndRadius:c,borderColor:b,borderStartColor:u,borderEndColor:m,borderTopColor:h,borderBottomColor:g,borderWidth:x,borderVerticalWidth:S,borderHorizontalWidth:C,borderStartWidth:T,borderEndWidth:W,borderTopWidth:B,borderBottomWidth:H,alignContent:I,alignItems:w,alignSelf:E,flex:V,flexDirection:R,flexGrow:z,flexShrink:v,flexWrap:y,justifyContent:G,flexBasis:k,display:j,overflow:N,overflowX:F,overflowY:Y,position:D,spacing:P,spacingHorizontal:J,spacingVertical:X,spacingBottom:U,spacingEnd:Z,spacingStart:q,spacingTop:A,offset:K,offsetVertical:L,offsetHorizontal:M,offsetBottom:O,offsetEnd:Q,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro});return n("img",{src:e,alt:i,className:eo,style:{width:o,height:t},...to})}var d=a(function({startIcon:a,endIcon:l,iconProps:d,children:s,size:p,isFilled:f,...c}){const b={helperText:t(r({inputSizeHelperText:p,inputVariantHelperText:"default",inputVariantValueHelperText:f?"filled":"empty"})),helperIcon:r({inputSizeHelperIcon:p,inputVariantHelperIcon:"default",inputVariantValueHelperIcon:f?"filled":"empty"})},u={variant:"outline",...d};return i(o,{gap:"1",alignItems:"center",...c,children:[a&&n(e,{icon:a,...u,iconProps:d,className:b.helperIcon}),n("span",{className:b.helperText,children:s}),l&&n(e,{icon:l,...u,iconProps:d,className:b.helperIcon})]})});export{l as Image,d as InputHelpTextMemo};