@yahoo/uds 3.5.0-beta.2 → 3.5.0-beta.4
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.
- package/cli/FullWidthClassToProp.mock.tsx +17 -0
- package/cli/bin/uds-darwin-arm64-baseline +0 -0
- package/cli/bin/uds-linux-arm64 +0 -0
- package/cli/bin/uds-linux-x64-baseline +0 -0
- package/dist/Input-D6N7TCc9.d.ts +42 -0
- package/dist/Input-Tv8gAhPN.d.cts +42 -0
- package/dist/Pressable-DSWYYU6N.d.ts +44 -0
- package/dist/Pressable-cW57Ibe2.d.cts +44 -0
- package/dist/{VStack-CmraVolm.d.ts → VStack-Ca-CbKTr.d.ts} +2 -40
- package/dist/{VStack-dT3EJCu4.d.cts → VStack-Ck33D8i-.d.cts} +2 -40
- package/dist/chunk-2W4ER46N.js +1 -0
- package/dist/chunk-3WLIHKQU.js +3 -0
- package/dist/chunk-4AS6QR6M.cjs +3 -0
- package/dist/chunk-FGRUT3UC.cjs +2 -0
- package/dist/chunk-L72D6DDM.cjs +1 -0
- package/dist/chunk-MO2VPSXU.js +1 -0
- package/dist/chunk-PNR3372L.js +3 -0
- package/dist/chunk-UFBH4CCM.cjs +1 -0
- package/dist/client/Menu.cjs +2 -0
- package/dist/client/Menu.d.cts +626 -0
- package/dist/client/Menu.d.ts +626 -0
- package/dist/client/Menu.js +3 -0
- package/dist/client/index.cjs +1 -2
- package/dist/client/index.d.cts +10 -664
- package/dist/client/index.d.ts +10 -664
- package/dist/client/index.js +1 -3
- package/dist/{index-D1poGuo1.d.cts → index-CDx_NWe2.d.cts} +1 -1
- package/dist/{index-BOfq14yW.d.ts → index-xaTWnEHm.d.ts} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +6 -5
- package/dist/index.d.ts +6 -5
- package/dist/index.js +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tailwind/plugin.cjs +1 -1
- package/dist/tailwind/plugin.d.cts +1 -1
- package/dist/tailwind/plugin.d.ts +1 -1
- package/dist/tailwind/plugin.js +2 -2
- package/dist/tailwind/utils.cjs +1 -1
- package/dist/tailwind/utils.d.cts +1 -1
- package/dist/tailwind/utils.d.ts +1 -1
- package/dist/tailwind/utils.js +1 -1
- package/dist/tokens/automation/configs.cjs +1 -1
- package/dist/tokens/automation/configs.d.cts +2 -2
- package/dist/tokens/automation/configs.d.ts +2 -2
- package/dist/tokens/automation/configs.js +1 -1
- package/dist/tokens/automation/properties.cjs +1 -1
- package/dist/tokens/automation/properties.d.cts +2 -2
- package/dist/tokens/automation/properties.d.ts +2 -2
- package/dist/tokens/automation/properties.js +1 -1
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.d.cts +4 -4
- package/dist/tokens/index.d.ts +4 -4
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/parseTokens.d.cts +1 -1
- package/dist/tokens/parseTokens.d.ts +1 -1
- package/dist/{types-B_jakWRK.d.cts → types-BdV70-Tw.d.cts} +1 -1
- package/dist/{types-B_jakWRK.d.ts → types-BdV70-Tw.d.ts} +1 -1
- package/package.json +11 -1
- package/dist/chunk-IQ4HRDIM.cjs +0 -3
- package/dist/chunk-KSHOOD3K.js +0 -3
@@ -0,0 +1,17 @@
|
|
1
|
+
import { Box, Button, HStack } from '@yahoo/uds';
|
2
|
+
import { VStack } from 'another-package';
|
3
|
+
|
4
|
+
export const PageA = () => {
|
5
|
+
return (
|
6
|
+
<HStack height="screen" width="full" className="max-h-screen">
|
7
|
+
<Button width="full">Click me</Button>
|
8
|
+
<Box width="full">Click me</Button>
|
9
|
+
<Box className="dont_touch_me">Box</Box>
|
10
|
+
</HStack>
|
11
|
+
<Box>Empty</Box>
|
12
|
+
<div className="w-full h-full">shouldn't be touched</div>
|
13
|
+
<VStack className="w-full">shouldn't be touched</VStack>
|
14
|
+
<Box height="full" width="full" className="foo bar">Box</Box>
|
15
|
+
<Box height="full">Box</Box>
|
16
|
+
);
|
17
|
+
}
|
Binary file
|
package/cli/bin/uds-linux-arm64
CHANGED
Binary file
|
Binary file
|
@@ -0,0 +1,42 @@
|
|
1
|
+
import * as react from 'react';
|
2
|
+
import { U as UniversalInputProps } from './types-BdV70-Tw.js';
|
3
|
+
import { HTMLMotionProps } from 'motion/react';
|
4
|
+
|
5
|
+
type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
|
6
|
+
type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
|
7
|
+
interface InputProps extends NativeInputProps, UniversalInputProps {
|
8
|
+
/** The type of the input element. Reduced set of options from the HTML input type attribute.
|
9
|
+
* @default 'text'
|
10
|
+
*/
|
11
|
+
type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
|
12
|
+
}
|
13
|
+
/**
|
14
|
+
* **📦 An input that allows users to enter text and collect data.**
|
15
|
+
*
|
16
|
+
* @componentType Client component
|
17
|
+
*
|
18
|
+
* @description
|
19
|
+
* 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.
|
20
|
+
*
|
21
|
+
* @see
|
22
|
+
* Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
|
23
|
+
*
|
24
|
+
* @usage
|
25
|
+
* - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
|
26
|
+
* - Search Bars: Allowing users to enter search queries to find content.
|
27
|
+
* - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
|
28
|
+
* - Feedback/Comments: Letting users leave reviews, comments, or feedback.
|
29
|
+
*
|
30
|
+
* @example
|
31
|
+
* ```tsx
|
32
|
+
* 'use client';
|
33
|
+
* import { Input } from "@yahoo/uds";
|
34
|
+
*
|
35
|
+
* <Input label="Name" placeholder="Enter your name" required />
|
36
|
+
*```
|
37
|
+
*
|
38
|
+
* @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
|
39
|
+
**/
|
40
|
+
declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
41
|
+
|
42
|
+
export { type InputProps as I, Input as a };
|
@@ -0,0 +1,42 @@
|
|
1
|
+
import * as react from 'react';
|
2
|
+
import { U as UniversalInputProps } from './types-BdV70-Tw.cjs';
|
3
|
+
import { HTMLMotionProps } from 'motion/react';
|
4
|
+
|
5
|
+
type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
|
6
|
+
type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
|
7
|
+
interface InputProps extends NativeInputProps, UniversalInputProps {
|
8
|
+
/** The type of the input element. Reduced set of options from the HTML input type attribute.
|
9
|
+
* @default 'text'
|
10
|
+
*/
|
11
|
+
type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
|
12
|
+
}
|
13
|
+
/**
|
14
|
+
* **📦 An input that allows users to enter text and collect data.**
|
15
|
+
*
|
16
|
+
* @componentType Client component
|
17
|
+
*
|
18
|
+
* @description
|
19
|
+
* 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.
|
20
|
+
*
|
21
|
+
* @see
|
22
|
+
* Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
|
23
|
+
*
|
24
|
+
* @usage
|
25
|
+
* - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
|
26
|
+
* - Search Bars: Allowing users to enter search queries to find content.
|
27
|
+
* - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
|
28
|
+
* - Feedback/Comments: Letting users leave reviews, comments, or feedback.
|
29
|
+
*
|
30
|
+
* @example
|
31
|
+
* ```tsx
|
32
|
+
* 'use client';
|
33
|
+
* import { Input } from "@yahoo/uds";
|
34
|
+
*
|
35
|
+
* <Input label="Name" placeholder="Enter your name" required />
|
36
|
+
*```
|
37
|
+
*
|
38
|
+
* @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
|
39
|
+
**/
|
40
|
+
declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
41
|
+
|
42
|
+
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-BdV70-Tw.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-BdV70-Tw.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 };
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import * as react from 'react';
|
2
|
-
import {
|
3
|
-
import { HTMLMotionProps } from 'motion/react';
|
2
|
+
import { f as UniversalBoxProps, g as UniversalStackProps, h as UniversalDividerProps } from './types-BdV70-Tw.js';
|
4
3
|
|
5
4
|
type DivProps = React.HTMLAttributes<HTMLDivElement>;
|
6
5
|
interface BoxProps extends UniversalBoxProps, DivProps {
|
@@ -73,43 +72,6 @@ interface DividerProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderW
|
|
73
72
|
*/
|
74
73
|
declare const Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLDivElement>>;
|
75
74
|
|
76
|
-
type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
|
77
|
-
type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
|
78
|
-
interface InputProps extends NativeInputProps, UniversalInputProps {
|
79
|
-
/** The type of the input element. Reduced set of options from the HTML input type attribute.
|
80
|
-
* @default 'text'
|
81
|
-
*/
|
82
|
-
type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
|
83
|
-
}
|
84
|
-
/**
|
85
|
-
* **📦 An input that allows users to enter text and collect data.**
|
86
|
-
*
|
87
|
-
* @componentType Client component
|
88
|
-
*
|
89
|
-
* @description
|
90
|
-
* 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.
|
91
|
-
*
|
92
|
-
* @see
|
93
|
-
* Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
|
94
|
-
*
|
95
|
-
* @usage
|
96
|
-
* - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
|
97
|
-
* - Search Bars: Allowing users to enter search queries to find content.
|
98
|
-
* - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
|
99
|
-
* - Feedback/Comments: Letting users leave reviews, comments, or feedback.
|
100
|
-
*
|
101
|
-
* @example
|
102
|
-
* ```tsx
|
103
|
-
* 'use client';
|
104
|
-
* import { Input } from "@yahoo/uds";
|
105
|
-
*
|
106
|
-
* <Input label="Name" placeholder="Enter your name" required />
|
107
|
-
*```
|
108
|
-
*
|
109
|
-
* @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
|
110
|
-
**/
|
111
|
-
declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
112
|
-
|
113
75
|
type VStackProps = UniversalStackProps & DivProps;
|
114
76
|
/**
|
115
77
|
* **🥞 A layout component that arranges its children in rows using flexbox**
|
@@ -142,4 +104,4 @@ type VStackProps = UniversalStackProps & DivProps;
|
|
142
104
|
**/
|
143
105
|
declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
|
144
106
|
|
145
|
-
export {
|
107
|
+
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 };
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import * as react from 'react';
|
2
|
-
import {
|
3
|
-
import { HTMLMotionProps } from 'motion/react';
|
2
|
+
import { f as UniversalBoxProps, g as UniversalStackProps, h as UniversalDividerProps } from './types-BdV70-Tw.cjs';
|
4
3
|
|
5
4
|
type DivProps = React.HTMLAttributes<HTMLDivElement>;
|
6
5
|
interface BoxProps extends UniversalBoxProps, DivProps {
|
@@ -73,43 +72,6 @@ interface DividerProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderW
|
|
73
72
|
*/
|
74
73
|
declare const Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLDivElement>>;
|
75
74
|
|
76
|
-
type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
|
77
|
-
type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
|
78
|
-
interface InputProps extends NativeInputProps, UniversalInputProps {
|
79
|
-
/** The type of the input element. Reduced set of options from the HTML input type attribute.
|
80
|
-
* @default 'text'
|
81
|
-
*/
|
82
|
-
type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
|
83
|
-
}
|
84
|
-
/**
|
85
|
-
* **📦 An input that allows users to enter text and collect data.**
|
86
|
-
*
|
87
|
-
* @componentType Client component
|
88
|
-
*
|
89
|
-
* @description
|
90
|
-
* 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.
|
91
|
-
*
|
92
|
-
* @see
|
93
|
-
* Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
|
94
|
-
*
|
95
|
-
* @usage
|
96
|
-
* - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
|
97
|
-
* - Search Bars: Allowing users to enter search queries to find content.
|
98
|
-
* - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
|
99
|
-
* - Feedback/Comments: Letting users leave reviews, comments, or feedback.
|
100
|
-
*
|
101
|
-
* @example
|
102
|
-
* ```tsx
|
103
|
-
* 'use client';
|
104
|
-
* import { Input } from "@yahoo/uds";
|
105
|
-
*
|
106
|
-
* <Input label="Name" placeholder="Enter your name" required />
|
107
|
-
*```
|
108
|
-
*
|
109
|
-
* @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
|
110
|
-
**/
|
111
|
-
declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
112
|
-
|
113
75
|
type VStackProps = UniversalStackProps & DivProps;
|
114
76
|
/**
|
115
77
|
* **🥞 A layout component that arranges its children in rows using flexbox**
|
@@ -142,4 +104,4 @@ type VStackProps = UniversalStackProps & DivProps;
|
|
142
104
|
**/
|
143
105
|
declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
|
144
106
|
|
145
|
-
export {
|
107
|
+
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 @@
|
|
1
|
+
import{getStyles as o,HStack as r,IconSlot as t,Text as e,cx as i}from"./chunk-3WLIHKQU.js";import{isFunction as a}from"lodash-es";import{jsxs as n,jsx as l}from"react/jsx-runtime";import{memo as d}from"react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var s=({htmlFor:o,required:r,label:t,children:d,color:s="muted",variant:c="label3",hasError:p=!1,showRequiredAsterisk:f=!1,as:h="label",className:u,...b})=>{const m=t?a(t)?t():t:d;return m?n(e,{variant:c,color:s,as:h,htmlFor:o,className:i("cursor-[inherit]",u),...b,children:[m,r&&f&&l(e,{as:"sup",color:p?"alert":"inherit",variant:"inherit",spacingStart:"0.5","aria-hidden":!0,children:"*"})]}):null};function c({width:r,height:t,src:e,alt:i,contentFit:a,backgroundColor:n,borderRadius:d,borderTopStartRadius:s,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:h,borderStartColor:u,borderEndColor:b,borderTopColor:m,borderBottomColor:g,borderWidth:x,borderVerticalWidth:S,borderHorizontalWidth:T,borderStartWidth:W,borderEndWidth:C,borderTopWidth:B,borderBottomWidth:w,alignContent:E,alignItems:H,alignSelf:v,flex:I,flexDirection:V,flexGrow:R,flexShrink:z,flexWrap:y,justifyContent:k,flexBasis:G,display:N,overflow:F,overflowX:j,overflowY:P,position:q,spacing:D,spacingHorizontal:X,spacingVertical:Y,spacingBottom:A,spacingEnd:K,spacingStart:L,spacingTop:Q,offset:U,offsetVertical:J,offsetHorizontal:M,offsetBottom:O,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro,...to}){const eo=o({contentFit:a,backgroundColor:n,borderRadius:d,borderTopStartRadius:s,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:h,borderStartColor:u,borderEndColor:b,borderTopColor:m,borderBottomColor:g,borderWidth:x,borderVerticalWidth:S,borderHorizontalWidth:T,borderStartWidth:W,borderEndWidth:C,borderTopWidth:B,borderBottomWidth:w,alignContent:E,alignItems:H,alignSelf:v,flex:I,flexDirection:V,flexGrow:R,flexShrink:z,flexWrap:y,justifyContent:k,flexBasis:G,display:N,overflow:F,overflowX:j,overflowY:P,position:q,spacing:D,spacingHorizontal:X,spacingVertical:Y,spacingBottom:A,spacingEnd:K,spacingStart:L,spacingTop:Q,offset:U,offsetVertical:J,offsetHorizontal:M,offsetBottom:O,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro});return l("img",{src:e,alt:i,className:eo,style:{width:r,height:t},...to})}var p=d((function({startIcon:e,endIcon:i,iconProps:a,children:d,size:s,isFilled:c,...p}){const f={helperText:o({inputSizeHelperText:s,inputVariantHelperText:"default",inputVariantValueHelperText:c?"filled":"empty"}),helperIcon:o({inputSizeHelperIcon:s,inputVariantHelperIcon:"default",inputVariantValueHelperIcon:c?"filled":"empty"})},h={variant:"outline",...a};return n(r,{gap:"1",alignItems:"center",...p,children:[e&&l(t,{icon:e,...h,iconProps:a,className:f.helperIcon}),l("span",{className:f.helperText,children:d}),i&&l(t,{icon:i,...h,iconProps:a,className:f.helperIcon})]})}));export{s as FormLabel,c as Image,p as InputHelpTextMemo};
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import{variants as o}from"./chunk-GSO3MC65.js";import{textVariants as r,backgroundColors as t,foregroundColors as e,spectrumColors as n,borderRadii as i,borderWidths as a,lineColors as l}from"@yahoo/uds/fixtures";import{getFeatureFlags as s}from"@yahoo/uds/flags";import d from"clsx";import f from"imurmurhash";import{extendTailwindMerge as c}from"tailwind-merge";import{forwardRef as p,memo as u,isValidElement as m,cloneElement as b,Children as h}from"react";import{jsx as g}from"react/jsx-runtime";import{isFunction as S}from"lodash-es";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
2
|
+
function x(o){return"boolean"==typeof o?`${o}`:0===o?"0":o}function y(o){const r=Object.create(null),t=Object.keys(o);for(let e=0,n=t.length;e<n;e++){const n=t[e];void 0!==o[n]&&(r[n]=o[n])}return r}var C=c({extend:{theme:{borderColor:l,borderWidth:a,borderRadius:i}},override:{classGroups:{"text-color":[{text:[...e,...n]}],"bg-color":[{bg:t}],"font-family":[{font:["icons",...r]}],leading:[{leading:r}]},conflictingClassGroups:{}}}),w=(...o)=>{const r=d(o);return C(r)},v=o=>r=>{if(!o?.variants)return w(o?.base,r?.className);const{variants:t,defaultVariants:e}=o,n=Object.keys(t).map((o=>{const n=r?.[o],i=e?.[o],a=x(n)||x(i);return t[o][a]})),i={...e,...r&&y(r)},a=o?.compoundVariants?.reduce(((o,{className:r,...t})=>Object.entries(t).every((([o,r])=>i[o]===r))?w(o,r):o),"");return w(o?.base,n,a,r?.className)},W=v({variants:o}),B=new Map,T=o=>{const{useGetStylesCache:r}=s();if(r){const r=function(o){const r=Object.create(null),t=Object.keys(o).sort();for(let e=0,n=t.length;e<n;e++){const n=t[e];r[n]=o[n]}return r}(y(o)),t=(new f).hash(JSON.stringify(r)).result();if(B.has(t))return B.get(t);const e=W(r);return B.set(t,e),e}return W(o)};function E(...o){return r=>o.forEach((o=>function(o,r){"function"==typeof o?o(r):null!=o&&(o.current=r)}(o,r)))}function R(){const o=p(((o,t)=>{const{children:n,...i}=o,a=h.toArray(n),l=a.find(e);if(l){const o=l.props.children,e=a.map((r=>r===l?h.count(o)>1?h.only(null):m(o)?o.props.children:null:r));return g(r,{...i,ref:t,children:m(o)?b(o,void 0,e):null})}return g(r,{...i,ref:t,children:n})}));o.displayName="Slot";const r=p(((o,r)=>{const{children:t,...e}=o;return m(t)?b(t,{...n(e,t.props),ref:r?E(r,t.ref):t.ref}):h.count(t)>1?h.only(null):null}));r.displayName="SlotClone";const t=({children:o})=>o;function e(o){return m(o)&&o.type===t}function n(o,r){const t={...r};for(const e in r){const n=o[e],i=r[e];/^on[A-Z]/.test(e)?n&&i?t[e]=(...o)=>{i(...o),n(...o)}:n&&(t[e]=n):"style"===e&&(t[e]={...n,...i})}return{...o,...t}}return o}var G=R(),N=p((function({asChild:o,className:r,backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:l,borderColor:s,borderStartColor:d,borderEndColor:f,borderTopColor:c,borderBottomColor:p,borderWidth:u,borderVerticalWidth:m,borderHorizontalWidth:b,borderStartWidth:h,borderEndWidth:S,borderTopWidth:x,borderBottomWidth:y,alignContent:C,alignItems:w,alignSelf:v,flex:W,flexDirection:B,flexGrow:E,flexShrink:R,flexWrap:N,justifyContent:k,flexBasis:z,display:H="flex",overflow:V,overflowX:j,overflowY:O,position:D,spacing:I,spacingHorizontal:A,spacingVertical:X,spacingBottom:Y,spacingEnd:$,spacingStart:M,spacingTop:F,offset:J,offsetVertical:P,offsetHorizontal:Z,offsetBottom:_,offsetEnd:q,offsetStart:K,offsetTop:L,columnGap:Q,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,...no},io){const ao=T({backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:l,borderColor:s,borderStartColor:d,borderEndColor:f,borderTopColor:c,borderBottomColor:p,borderWidth:u,borderVerticalWidth:m,borderHorizontalWidth:b,borderStartWidth:h,borderEndWidth:S,borderTopWidth:x,borderBottomWidth:y,alignContent:C,alignItems:w,alignSelf:v,flex:W,flexDirection:B,flexGrow:E,flexShrink:R,flexWrap:N,justifyContent:k,flexBasis:z,display:H,overflow:V,overflowX:j,overflowY:O,position:D,spacing:I,spacingHorizontal:A,spacingVertical:X,spacingBottom:Y,spacingEnd:$,spacingStart:M,spacingTop:F,offset:J,offsetVertical:P,offsetHorizontal:Z,offsetBottom:_,offsetEnd:q,offsetStart:K,offsetTop:L,columnGap:Q,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,className:r});return g(o?G:"div",{className:ao,ref:io,...no})}));N.displayName="Box";var k=(o,r)=>((o,r)=>{const t=S(r)?r:()=>r;return o.flatMap(((o,r)=>0!==r?[t(r),o]:[o]))})(h.toArray(o),(o=>{const t=S(r)?r(o):r;return m(t)?b(t,{...t.props,key:t.key??`interspersed-${o}`}):null})),z=p((function({gap:o,children:r,separator:t,...e},n){return g(N,{ref:n,flexDirection:"row",rowGap:o,columnGap:o,...e,children:t?k(r,t):r})}));z.displayName="HStack";var H=R(),V={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",label3:"p",label4:"p",caption1:"p",caption2:"p",legal1:"p",inherit:"p"},j=p((function({className:o,asChild:r,color:t="primary",variant:e="body1",as:n=V[e],fontFamily:i,fontSize:a,fontWeight:l,lineHeight:s,textTransform:d,textAlign:f,backgroundColor:c,borderRadius:p,borderTopStartRadius:u,borderTopEndRadius:m,borderBottomStartRadius:b,borderBottomEndRadius:h,borderColor:S,borderStartColor:x,borderEndColor:y,borderTopColor:C,borderBottomColor:w,borderWidth:v,borderVerticalWidth:W,borderHorizontalWidth:B,borderStartWidth:E,borderEndWidth:R,borderTopWidth:G,borderBottomWidth:N,alignContent:k,alignItems:z,alignSelf:j,flex:O,flexDirection:D,flexGrow:I,flexShrink:A,flexWrap:X,justifyContent:Y,flexBasis:$,display:M,overflow:F,overflowX:J,overflowY:P,position:Z,spacing:_,spacingHorizontal:q,spacingVertical:K,spacingBottom:L,spacingEnd:Q,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo,...co},po){const uo={...t&&"inherit"!==t?{color:t}:{},...e&&"inherit"!==e?{fontFamily:i??e,fontSize:a??e,fontWeight:l??e,lineHeight:s??e,textTransform:d??e}:{},textAlign:f},mo=T({className:o,...uo,backgroundColor:c,borderRadius:p,borderTopStartRadius:u,borderTopEndRadius:m,borderBottomStartRadius:b,borderBottomEndRadius:h,borderColor:S,borderStartColor:x,borderEndColor:y,borderTopColor:C,borderBottomColor:w,borderWidth:v,borderVerticalWidth:W,borderHorizontalWidth:B,borderStartWidth:E,borderEndWidth:R,borderTopWidth:G,borderBottomWidth:N,alignContent:k,alignItems:z,alignSelf:j,flex:O,flexDirection:D,flexGrow:I,flexShrink:A,flexWrap:X,justifyContent:Y,flexBasis:$,display:M,overflow:F,overflowX:J,overflowY:P,position:Z,spacing:_,spacingHorizontal:q,spacingVertical:K,spacingBottom:L,spacingEnd:Q,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo});return g(r?H:n,{className:mo,ref:po,...co})}));j.displayName="Text";var O=p((function({gap:o,children:r,separator:t,...e},n){return g(N,{ref:n,flexDirection:"column",columnGap:o,rowGap:o,...e,children:t?k(r,t):r})}));O.displayName="VStack";var D={sm:16,md:24,lg:32},I=p((function({name:o,size:r="md",variant:t="outline",color:e="primary",className:n,...i},a){const l=o.metadata?.variants??[],s=l.includes(t)?t:l[0]??"fill",d="multicolor"===s,f=T({flex:"none",color:d?void 0:e,className:w(n,!d&&"[&_path]:fill-current")}),c=D[r];return g("svg",{ref:a,xmlns:"http://www.w3.org/2000/svg",width:c,height:c,viewBox:`0 0 ${c} ${c}`,"aria-hidden":"true",focusable:"false",className:f,...i,children:g(o,{size:r,variant:s})})}));I.displayName="Icon";var A=u((function({icon:o,iconProps:r,...t}){if(!o)return null;const e=r??{},n=o;if(n.metadata?.isSvgIcon)return g(I,{name:n,...e,...t});if(S(o)){const r=o(e);return m(r)&&b(r,t)}return m(o)&&b(o,{...e,...o.props,...t})}));
|
3
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{N as Box,z as HStack,I as Icon,A as IconSlot,j as Text,O as VStack,R as createSlot,v as cva,w as cx,T as getStyles};
|
@@ -0,0 +1,3 @@
|
|
1
|
+
"use strict";var r=require("./chunk-IC335V3E.cjs"),o=require("@yahoo/uds/fixtures"),e=require("@yahoo/uds/flags"),t=require("clsx"),n=require("imurmurhash"),i=require("tailwind-merge"),a=require("react"),l=require("react/jsx-runtime"),s=require("lodash-es");function d(r){return r&&r.__esModule?r:{default:r}}var c=d(t),f=d(n);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
2
|
+
function p(r){return"boolean"==typeof r?`${r}`:0===r?"0":r}function u(r){const o=Object.create(null),e=Object.keys(r);for(let t=0,n=e.length;t<n;t++){const n=e[t];void 0!==r[n]&&(o[n]=r[n])}return o}var h=i.extendTailwindMerge({extend:{theme:{borderColor:o.lineColors,borderWidth:o.borderWidths,borderRadius:o.borderRadii}},override:{classGroups:{"text-color":[{text:[...o.foregroundColors,...o.spectrumColors]}],"bg-color":[{bg:o.backgroundColors}],"font-family":[{font:["icons",...o.textVariants]}],leading:[{leading:o.textVariants}]},conflictingClassGroups:{}}}),b=(...r)=>{const o=c.default(r);return h(o)},m=r=>o=>{if(!r?.variants)return b(r?.base,o?.className);const{variants:e,defaultVariants:t}=r,n=Object.keys(e).map((r=>{const n=o?.[r],i=t?.[r],a=p(n)||p(i);return e[r][a]})),i={...t,...o&&u(o)},a=r?.compoundVariants?.reduce(((r,{className:o,...e})=>Object.entries(e).every((([r,o])=>i[r]===o))?b(r,o):r),"");return b(r?.base,n,a,o?.className)},g=m({variants:r.variants}),x=new Map,S=r=>{const{useGetStylesCache:o}=e.getFeatureFlags();if(o){const o=function(r){const o=Object.create(null),e=Object.keys(r).sort();for(let t=0,n=e.length;t<n;t++){const n=e[t];o[n]=r[n]}return o}(u(r)),e=(new f.default).hash(JSON.stringify(o)).result();if(x.has(e))return x.get(e);const t=g(o);return x.set(e,t),t}return g(r)};function C(...r){return o=>r.forEach((r=>function(r,o){"function"==typeof r?r(o):null!=r&&(r.current=o)}(r,o)))}function w(){const r=a.forwardRef(((r,e)=>{const{children:n,...i}=r,s=a.Children.toArray(n),d=s.find(t);if(d){const r=d.props.children,t=s.map((o=>o===d?a.Children.count(r)>1?a.Children.only(null):a.isValidElement(r)?r.props.children:null:o));return l.jsx(o,{...i,ref:e,children:a.isValidElement(r)?a.cloneElement(r,void 0,t):null})}return l.jsx(o,{...i,ref:e,children:n})}));r.displayName="Slot";const o=a.forwardRef(((r,o)=>{const{children:e,...t}=r;return a.isValidElement(e)?a.cloneElement(e,{...n(t,e.props),ref:o?C(o,e.ref):e.ref}):a.Children.count(e)>1?a.Children.only(null):null}));o.displayName="SlotClone";const e=({children:r})=>r;function t(r){return a.isValidElement(r)&&r.type===e}function n(r,o){const e={...o};for(const t in o){const n=r[t],i=o[t];/^on[A-Z]/.test(t)?n&&i?e[t]=(...r)=>{i(...r),n(...r)}:n&&(e[t]=n):"style"===t&&(e[t]={...n,...i})}return{...r,...e}}return r}var y=w(),v=a.forwardRef((function({asChild:r,className:o,backgroundColor:e,borderRadius:t,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:s,borderColor:d,borderStartColor:c,borderEndColor:f,borderTopColor:p,borderBottomColor:u,borderWidth:h,borderVerticalWidth:b,borderHorizontalWidth:m,borderStartWidth:g,borderEndWidth:x,borderTopWidth:C,borderBottomWidth:w,alignContent:v,alignItems:E,alignSelf:W,flex:B,flexDirection:R,flexGrow:T,flexShrink:V,flexWrap:j,justifyContent:N,flexBasis:k,display:G="flex",overflow:z,overflowX:H,overflowY:q,position:I,spacing:F,spacingHorizontal:O,spacingVertical:D,spacingBottom:A,spacingEnd:M,spacingStart:X,spacingTop:Y,offset:$,offsetVertical:_,offsetHorizontal:J,offsetBottom:P,offsetEnd:Z,offsetStart:K,offsetTop:L,columnGap:Q,rowGap:U,width:rr,height:or,dropShadow:er,insetShadow:tr,...nr},ir){const ar=S({backgroundColor:e,borderRadius:t,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:s,borderColor:d,borderStartColor:c,borderEndColor:f,borderTopColor:p,borderBottomColor:u,borderWidth:h,borderVerticalWidth:b,borderHorizontalWidth:m,borderStartWidth:g,borderEndWidth:x,borderTopWidth:C,borderBottomWidth:w,alignContent:v,alignItems:E,alignSelf:W,flex:B,flexDirection:R,flexGrow:T,flexShrink:V,flexWrap:j,justifyContent:N,flexBasis:k,display:G,overflow:z,overflowX:H,overflowY:q,position:I,spacing:F,spacingHorizontal:O,spacingVertical:D,spacingBottom:A,spacingEnd:M,spacingStart:X,spacingTop:Y,offset:$,offsetVertical:_,offsetHorizontal:J,offsetBottom:P,offsetEnd:Z,offsetStart:K,offsetTop:L,columnGap:Q,rowGap:U,width:rr,height:or,dropShadow:er,insetShadow:tr,className:o}),lr=r?y:"div";return l.jsx(lr,{className:ar,ref:ir,...nr})}));v.displayName="Box";var E=(r,o)=>((r,o)=>{const e=s.isFunction(o)?o:()=>o;return r.flatMap(((r,o)=>0!==o?[e(o),r]:[r]))})(a.Children.toArray(r),(r=>{const e=s.isFunction(o)?o(r):o;return a.isValidElement(e)?a.cloneElement(e,{...e.props,key:e.key??`interspersed-${r}`}):null})),W=a.forwardRef((function({gap:r,children:o,separator:e,...t},n){return l.jsx(v,{ref:n,flexDirection:"row",rowGap:r,columnGap:r,...t,children:e?E(o,e):o})}));W.displayName="HStack";var B=w(),R={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",label3:"p",label4:"p",caption1:"p",caption2:"p",legal1:"p",inherit:"p"},T=a.forwardRef((function({className:r,asChild:o,color:e="primary",variant:t="body1",as:n=R[t],fontFamily:i,fontSize:a,fontWeight:s,lineHeight:d,textTransform:c,textAlign:f,backgroundColor:p,borderRadius:u,borderTopStartRadius:h,borderTopEndRadius:b,borderBottomStartRadius:m,borderBottomEndRadius:g,borderColor:x,borderStartColor:C,borderEndColor:w,borderTopColor:y,borderBottomColor:v,borderWidth:E,borderVerticalWidth:W,borderHorizontalWidth:T,borderStartWidth:V,borderEndWidth:j,borderTopWidth:N,borderBottomWidth:k,alignContent:G,alignItems:z,alignSelf:H,flex:q,flexDirection:I,flexGrow:F,flexShrink:O,flexWrap:D,justifyContent:A,flexBasis:M,display:X,overflow:Y,overflowX:$,overflowY:_,position:J,spacing:P,spacingHorizontal:Z,spacingVertical:K,spacingBottom:L,spacingEnd:Q,spacingStart:U,spacingTop:rr,offset:or,offsetVertical:er,offsetHorizontal:tr,offsetBottom:nr,offsetEnd:ir,offsetStart:ar,offsetTop:lr,columnGap:sr,rowGap:dr,...cr},fr){const pr={...e&&"inherit"!==e?{color:e}:{},...t&&"inherit"!==t?{fontFamily:i??t,fontSize:a??t,fontWeight:s??t,lineHeight:d??t,textTransform:c??t}:{},textAlign:f},ur=S({className:r,...pr,backgroundColor:p,borderRadius:u,borderTopStartRadius:h,borderTopEndRadius:b,borderBottomStartRadius:m,borderBottomEndRadius:g,borderColor:x,borderStartColor:C,borderEndColor:w,borderTopColor:y,borderBottomColor:v,borderWidth:E,borderVerticalWidth:W,borderHorizontalWidth:T,borderStartWidth:V,borderEndWidth:j,borderTopWidth:N,borderBottomWidth:k,alignContent:G,alignItems:z,alignSelf:H,flex:q,flexDirection:I,flexGrow:F,flexShrink:O,flexWrap:D,justifyContent:A,flexBasis:M,display:X,overflow:Y,overflowX:$,overflowY:_,position:J,spacing:P,spacingHorizontal:Z,spacingVertical:K,spacingBottom:L,spacingEnd:Q,spacingStart:U,spacingTop:rr,offset:or,offsetVertical:er,offsetHorizontal:tr,offsetBottom:nr,offsetEnd:ir,offsetStart:ar,offsetTop:lr,columnGap:sr,rowGap:dr}),hr=o?B:n;return l.jsx(hr,{className:ur,ref:fr,...cr})}));T.displayName="Text";var V=a.forwardRef((function({gap:r,children:o,separator:e,...t},n){return l.jsx(v,{ref:n,flexDirection:"column",columnGap:r,rowGap:r,...t,children:e?E(o,e):o})}));V.displayName="VStack";var j={sm:16,md:24,lg:32},N=a.forwardRef((function({name:r,size:o="md",variant:e="outline",color:t="primary",className:n,...i},a){const s=r.metadata?.variants??[],d=s.includes(e)?e:s[0]??"fill",c="multicolor"===d,f=S({flex:"none",color:c?void 0:t,className:b(n,!c&&"[&_path]:fill-current")}),p=j[o];return l.jsx("svg",{ref:a,xmlns:"http://www.w3.org/2000/svg",width:p,height:p,viewBox:`0 0 ${p} ${p}`,"aria-hidden":"true",focusable:"false",className:f,...i,children:l.jsx(r,{size:o,variant:d})})}));N.displayName="Icon";var k=a.memo((function({icon:r,iconProps:o,...e}){if(!r)return null;const t=o??{},n=r;if(n.metadata?.isSvgIcon)return l.jsx(N,{name:n,...t,...e});if(s.isFunction(r)){const o=r(t);return a.isValidElement(o)&&a.cloneElement(o,e)}return a.isValidElement(r)&&a.cloneElement(r,{...t,...r.props,...e})}));
|
3
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.Box=v,exports.HStack=W,exports.Icon=N,exports.IconSlot=k,exports.Text=T,exports.VStack=V,exports.createSlot=w,exports.cva=m,exports.cx=b,exports.getStyles=S;
|
@@ -0,0 +1,2 @@
|
|
1
|
+
"use strict";var r=require("./chunk-4AS6QR6M.cjs"),e=require("./chunk-P4XGJJCM.cjs"),t=require("motion/react"),n=require("react"),a=require("react/jsx-runtime"),s={damped:{1:{damping:20.585796264350424,stiffness:62.37968115365702},2:{damping:29.312551281312288,stiffness:126.47801753759964},3:{damping:48.92799401356162,stiffness:352.3892336537332},4:{damping:123.42690994256348,stiffness:2242.474548821137}},smooth:{1:{damping:16.46863701148034,stiffness:67.80400125397502},2:{damping:23.45004102504983,stiffness:137.47610601913004},3:{damping:39.1423952108493,stiffness:383.03177571057955},4:{damping:98.7415279540508,stiffness:2437.4723356751488}},subtle:{1:{damping:13.04316051309243,stiffness:67.80400125397502},2:{damping:18.572432491839468,stiffness:137.47610601913004},3:{damping:31.000777006992646,stiffness:383.03177571057955},4:{damping:78.20329013960823,stiffness:2437.4723356751488}},bouncy:{1:{damping:9.229712940600143,stiffness:48.880672622541795},2:{damping:12.634144343496553,stiffness:91.59092691366399},3:{damping:19.40217701790486,stiffness:216.00395877230474},4:{damping:37.541723184430275,stiffness:808.7032559422912}},veryBouncy:{1:{damping:6.902290754946187,stiffness:38.92152745126911},2:{damping:9.155550514215523,stiffness:68.48134828711234},3:{damping:13.244464908166709,stiffness:143.30858570843873},4:{damping:22.17862652876726,stiffness:401.85804919502965}}},o=()=>import("./motionFeatures-6LIGGXPL.cjs").then((({domAnimation:r})=>r));/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var i=r.createSlot(),l=n.forwardRef((function({className:e,asChild:t,onPress:n,onClick:s=n,backgroundColor:o,borderRadius:l,borderTopStartRadius:d,borderTopEndRadius:c,borderBottomStartRadius:h,borderBottomEndRadius:m,borderColor:f,borderStartColor:u,borderEndColor:g,borderTopColor:p,borderBottomColor:x,borderWidth:v,borderVerticalWidth:j,borderHorizontalWidth:z,borderStartWidth:C,borderEndWidth:M,borderTopWidth:b,borderBottomWidth:F,alignContent:S,alignItems:V,alignSelf:H,flex:w,flexDirection:L,flexGrow:y,flexShrink:B,flexWrap:W,justifyContent:A,flexBasis:E,display:R,overflow:T,overflowX:k,overflowY:P,position:G,spacing:I,spacingHorizontal:N,spacingVertical:q,spacingBottom:X,spacingEnd:D,spacingStart:J,spacingTop:Y,offset:Q,offsetVertical:K,offsetHorizontal:O,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:rr,rowGap:er,dropShadow:tr,insetShadow:nr,...ar},sr){const or=r.getStyles({backgroundColor:o,borderRadius:l,borderTopStartRadius:d,borderTopEndRadius:c,borderBottomStartRadius:h,borderBottomEndRadius:m,borderColor:f,borderStartColor:u,borderEndColor:g,borderTopColor:p,borderBottomColor:x,borderWidth:v,borderVerticalWidth:j,borderHorizontalWidth:z,borderStartWidth:C,borderEndWidth:M,borderTopWidth:b,borderBottomWidth:F,alignContent:S,alignItems:V,alignSelf:H,flex:w,flexDirection:L,flexGrow:y,flexShrink:B,flexWrap:W,justifyContent:A,flexBasis:E,display:R,overflow:T,overflowX:k,overflowY:P,position:G,spacing:I,spacingHorizontal:N,spacingVertical:q,spacingBottom:X,spacingEnd:D,spacingStart:J,spacingTop:Y,offset:Q,offsetVertical:K,offsetHorizontal:O,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:rr,rowGap:er,dropShadow:tr,insetShadow:nr,className:e}),ir=t?i:"button";return a.jsx(ir,{className:or,ref:sr,onClick:s,...ar})})),d=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M8.4 2.6H2.6v10.8H4V11h3v2.4h1.4zM1 15V1h9v2.524l5 1.746V15zm9.1-9.746V13.4h3.3V6.406zM4.5 4h2v2h-2zm2 3.5h-2v2h2z"})});case"md":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M13.367 4.752H4.3v14.495h2.724v-4.533h3.619v4.533h2.714V4.762l.01.003zM21.5 21.047h-19V2.952h12.667v2.494L21.5 7.843zm-1.8-1.8V9.087L15.167 7.37v11.876zM7.929 11.095h-1.81v1.81h1.81zm-1.81-3.619h1.81v1.81h-1.81zm5.429 0h-1.81v1.81h1.81zm-1.81 3.619h1.81v1.81h-1.81z"})});case"lg":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M17.8 4.2H4.2v23.6H8V21h6v6.8h3.8zM2 30V2h18v5.725l10 3.626V30zm18.2-19.862V27.8h7.6V12.894zM10 8H7v3h3zm-3 6h3v3H7zm5-6h3v3h-3zm3 6h-3v3h3zm7.5 1h3v3h-3zm3 6h-3v3h3z"})})}if("fill"===e)switch(r){case"sm":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M4.5 4v2h2V4zm2 3.5h-2v2h2zM12 4l3 1.27V15h-3zM1 1h9v14H1z"})});case"md":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M2.5 2.952h10.857v18.095H2.5zm2.714 7.238V12h1.81v-1.81zm1.81-3.619h-1.81v1.81h1.81zm1.81 0v1.81h1.809V6.57zm1.809 3.62h-1.81V12h1.81zm-4.524 4.523v4.524h3.62v-4.524zM21.5 7.843l-6.333-3.081v16.285H21.5z"})});case"lg":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M2 2h16v28H2zm5 19v7h6v-7zM8.5 7h-3v3h3zm-3 6v3h3v-3zm9-6h-3v3h3zm-3 6v3h3v-3zM20 7l10 4.351V30H20zm3.5 8v3h3v-3z"})})}return a.jsx(a.Fragment,{})};d.metadata={name:"Building",isSvgIcon:!0,variants:["outline","fill"]};var c=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M13.5 3.89 6.951 12 2.5 7.48l.958-.993 3.394 3.447L12.452 3z"})});case"md":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M20.264 5.852 10.37 18.366l-6.642-6.89 1.295-1.249 5.213 5.407 8.616-10.898z"})});case"lg":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M30.19 6.341 13.677 26.276 2.803 15.509l1.688-1.706 9.012 8.922L28.341 4.81z"})})}if("fill"===e)switch(r){case"sm":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M13.593 4.502 6.968 12.5 2.4 7.978 3.505 6.86l3.348 3.315 5.53-6.676z"})});case"md":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"m20.545 5.82-10.16 12.85-6.94-7.198 1.584-1.527 5.192 5.385L18.82 4.455z"})});case"lg":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M30.33 6.328 13.687 26.423 2.662 15.51l1.829-1.848 9.005 8.916 14.832-17.91z"})})}return a.jsx(a.Fragment,{})};c.metadata={name:"Check",isSvgIcon:!0,variants:["outline","fill"]};var h=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"m12.526 4.465-.99-.99L8 7.01 4.465 3.475l-.99.99L7.01 8l-3.535 3.536.99.99L8 8.99l3.536 3.536.99-.99L8.99 8z"})});case"md":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"m13.44 11.956 6.572-6.571L18.527 3.9l-6.571 6.57L5.385 3.9 3.9 5.385l6.57 6.57-6.57 6.572 1.485 1.485 6.57-6.571 6.572 6.57 1.485-1.484z"})});case"lg":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M17.702 15.934 28.818 4.818 27.05 3.05 15.934 14.166 4.818 3.05 3.05 4.818l11.116 11.116L3.05 27.05l1.768 1.768 11.116-11.116L27.05 28.818l1.768-1.768z"})})}if("fill"===e)switch(r){case"sm":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"m9.131 8 3.536-3.536-1.131-1.131L8 6.869 4.464 3.333 3.333 4.464 6.869 8l-3.536 3.535 1.131 1.132L8 9.13l3.535 3.536 1.132-1.131z"})});case"md":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"m12 13.768 6.337 6.337 1.768-1.768L13.768 12l6.337-6.337-1.768-1.768L12 10.232 5.663 3.895 3.895 5.663 10.232 12l-6.337 6.337 1.768 1.768z"})});case"lg":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M17.91 16 28.954 4.955l-1.91-1.91L16 14.091 4.955 3.045l-1.91 1.91L14.091 16 3.045 27.045l1.91 1.91L16 17.909l11.045 11.046 1.91-1.91z"})})}return a.jsx(a.Fragment,{})};h.metadata={name:"Cross",isSvgIcon:!0,variants:["outline","fill"]};var m=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M12.7 8.7H3.3V7.3h9.4z"})});case"md":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M2.97 10.75h17.838v2.1H2.97z"})});case"lg":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M27 17H4.7v-2.3H27z"})})}if("fill"===e)switch(r){case"sm":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M12.8 8.8H3.2V7.2h9.6z"})});case"md":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M2.966 10.75h18.068v2.5H2.966z"})});case"lg":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M27.3 17.3H4.7v-2.6h22.6z"})})}return a.jsx(a.Fragment,{})};m.metadata={name:"Minus",isSvgIcon:!0,variants:["outline","fill"]};var f=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M9.2 4.5a1.2 1.2 0 1 0-2.4 0 1.2 1.2 0 0 0 2.4 0m1.8 0a3 3 0 1 1-6 0 3 3 0 0 1 6 0m.706 6.19a2.97 2.97 0 0 0-1.472-.39H5.766a2.966 2.966 0 0 0-2.912 2.4h10.292a2.97 2.97 0 0 0-1.44-2.01M1 13.267A4.766 4.766 0 0 1 5.766 8.5h4.468A4.765 4.765 0 0 1 15 13.266v1.166c0 .038-.03.068-.068.068H1.068A.07.07 0 0 1 1 14.432z"})});case"md":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M14.25 7.95a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0m1.8 0a4.05 4.05 0 1 1-8.1 0 4.05 4.05 0 0 1 8.1 0m.927 7.244A4.2 4.2 0 0 0 15 14.7H9a4.2 4.2 0 0 0-4.157 3.6h14.314a4.2 4.2 0 0 0-2.18-3.106M3 18.9a6 6 0 0 1 6-6h6a6 6 0 0 1 6 6v1.121a.08.08 0 0 1-.079.079H3.08a.08.08 0 0 1-.08-.08z"})});case"lg":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M19.7 10a3.7 3.7 0 1 0-7.4 0 3.7 3.7 0 0 0 7.4 0m2.3 0a6 6 0 1 1-12 0 6 6 0 0 1 12 0m8 17.043q0-.681-.1-1.343a9.044 9.044 0 0 0-8.943-7.7h-9.914A9.04 9.04 0 0 0 2 27.043V28h28zM8.144 20.955a6.74 6.74 0 0 1 2.9-.655h9.913a6.744 6.744 0 0 1 6.608 5.4H4.435a6.74 6.74 0 0 1 3.71-4.745"})})}if("fill"===e)switch(r){case"sm":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M8 7.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6M3.401 9.128A4.77 4.77 0 0 0 1 13.266v1.166c0 .038.03.068.068.068h13.864c.038 0 .068-.03.068-.068v-1.166A4.766 4.766 0 0 0 10.234 8.5H5.766a4.76 4.76 0 0 0-2.365.628"})});case"md":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M12 12a4.05 4.05 0 1 0 0-8.1 4.05 4.05 0 0 0 0 8.1m-5.824 1.606A6 6 0 0 0 3 18.9v1.121c0 .044.035.079.079.079H20.92a.08.08 0 0 0 .08-.08V18.9a6 6 0 0 0-6-6H9a6 6 0 0 0-2.824.706"})});case"lg":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M16 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12m-8.845 2.878A9.04 9.04 0 0 0 2 27.043V28h28v-.957A9.043 9.043 0 0 0 20.957 18h-9.914a9.05 9.05 0 0 0-3.888.878"})})}return a.jsx(a.Fragment,{})};f.metadata={name:"Person",isSvgIcon:!0,variants:["outline","fill"]};var u=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M7.9 2.7a5.2 5.2 0 1 0 5.2 5.2h1.6a6.8 6.8 0 1 1-6.8-6.8.8.8 0 1 1 0 1.6"})});case"md":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M12 4a8 8 0 1 0 8 8h2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a1 1 0 1 1 0 2"})});case"lg":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M16.15 4.3C9.605 4.3 4.3 9.605 4.3 16.15S9.605 28 16.15 28 28 22.695 28 16.15h2.3c0 7.815-6.335 14.15-14.15 14.15S2 23.965 2 16.15 8.335 2 16.15 2a1.15 1.15 0 0 1 0 2.3"})})}if("fill"===e)switch(r){case"sm":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M8 2.9A5.1 5.1 0 1 0 13.1 8h1.8A6.9 6.9 0 1 1 8 1.1a.9.9 0 1 1 0 1.8"})});case"md":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M12.15 4.3A7.85 7.85 0 1 0 20 12.15h2.3c0 5.606-4.544 10.15-10.15 10.15S2 17.756 2 12.15 6.544 2 12.15 2a1.15 1.15 0 0 1 0 2.3"})});case"lg":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M16.35 4.7C9.916 4.7 4.7 9.916 4.7 16.35S9.916 28 16.35 28 28 22.784 28 16.35h2.7c0 7.925-6.425 14.35-14.35 14.35S2 24.275 2 16.35 8.425 2 16.35 2a1.35 1.35 0 1 1 0 2.7"})})}return a.jsx(a.Fragment,{})};u.metadata={name:"Progress",isSvgIcon:!0,variants:["outline","fill"]},
|
2
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.Pressable=l,exports.SpringMotionConfig=function({reducedMotion:r="user",children:i,layoutVariant:l="subtle",layoutSpeed:d="3",colorVariant:c="smooth",colorSpeed:h="3"}){const m=s[l][d],f=s[c][h],[u,g]=n.useState(m),[p,x]=n.useState(f),v={variant:c,speed:h},j=e.getMotionVar({...v,control:"stiffness"}),z=e.getMotionVar({...v,control:"damping"}),C={variant:l,speed:d},M=e.getMotionVar({...C,control:"stiffness"}),b=e.getMotionVar({...C,control:"damping"});n.useEffect((()=>{const r=getComputedStyle(document.documentElement),e={damping:Number(r.getPropertyValue(b)),stiffness:Number(r.getPropertyValue(M))},t={damping:Number(r.getPropertyValue(z)),stiffness:Number(r.getPropertyValue(j))};g(e),x(t)}),[z,j,b,M]);const F=n.useMemo((()=>({type:"spring",mass:1,...u,layout:u,opacity:p,color:p,borderColor:p,backgroundColor:p})),[p,u]);return a.jsx(t.LazyMotion,{features:o,strict:!0,children:a.jsx(t.MotionConfig,{transition:F,reducedMotion:r,children:i})})},exports.a=c,exports.a2=h,exports.e=f,exports.e2=u,exports.l=m,exports.t=d;
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";var r=require("./chunk-4AS6QR6M.cjs"),o=require("lodash-es"),e=require("react/jsx-runtime");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var t=require("react").memo((function({startIcon:o,endIcon:t,iconProps:i,children:a,size:n,isFilled:l,...s}){const d={helperText:r.getStyles({inputSizeHelperText:n,inputVariantHelperText:"default",inputVariantValueHelperText:l?"filled":"empty"}),helperIcon:r.getStyles({inputSizeHelperIcon:n,inputVariantHelperIcon:"default",inputVariantValueHelperIcon:l?"filled":"empty"})},c={variant:"outline",...i};return e.jsxs(r.HStack,{gap:"1",alignItems:"center",...s,children:[o&&e.jsx(r.IconSlot,{icon:o,...c,iconProps:i,className:d.helperIcon}),e.jsx("span",{className:d.helperText,children:a}),t&&e.jsx(r.IconSlot,{icon:t,...c,iconProps:i,className:d.helperIcon})]})}));exports.FormLabel=({htmlFor:t,required:i,label:a,children:n,color:l="muted",variant:s="label3",hasError:d=!1,showRequiredAsterisk:c=!1,as:p="label",className:f,...u})=>{const h=a?o.isFunction(a)?a():a:n;return h?e.jsxs(r.Text,{variant:s,color:l,as:p,htmlFor:t,className:r.cx("cursor-[inherit]",f),...u,children:[h,i&&c&&e.jsx(r.Text,{as:"sup",color:d?"alert":"inherit",variant:"inherit",spacingStart:"0.5","aria-hidden":!0,children:"*"})]}):null},exports.Image=function({width:o,height:t,src:i,alt:a,contentFit:n,backgroundColor:l,borderRadius:s,borderTopStartRadius:d,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:u,borderStartColor:h,borderEndColor:b,borderTopColor:m,borderBottomColor:g,borderWidth:x,borderVerticalWidth:S,borderHorizontalWidth:T,borderStartWidth:C,borderEndWidth:W,borderTopWidth:I,borderBottomWidth:B,alignContent:H,alignItems:w,alignSelf:E,flex:v,flexDirection:R,flexGrow:V,flexShrink:j,flexWrap:y,justifyContent:z,flexBasis:k,display:F,overflow:q,overflowX:G,overflowY:N,position:P,spacing:A,spacingHorizontal:D,spacingVertical:M,spacingBottom:X,spacingEnd:Y,spacingStart:L,spacingTop:Q,offset:J,offsetVertical:K,offsetHorizontal:O,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:rr,rowGap:or,...er}){const tr=r.getStyles({contentFit:n,backgroundColor:l,borderRadius:s,borderTopStartRadius:d,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:u,borderStartColor:h,borderEndColor:b,borderTopColor:m,borderBottomColor:g,borderWidth:x,borderVerticalWidth:S,borderHorizontalWidth:T,borderStartWidth:C,borderEndWidth:W,borderTopWidth:I,borderBottomWidth:B,alignContent:H,alignItems:w,alignSelf:E,flex:v,flexDirection:R,flexGrow:V,flexShrink:j,flexWrap:y,justifyContent:z,flexBasis:k,display:F,overflow:q,overflowX:G,overflowY:N,position:P,spacing:A,spacingHorizontal:D,spacingVertical:M,spacingBottom:X,spacingEnd:Y,spacingStart:L,spacingTop:Q,offset:J,offsetVertical:K,offsetHorizontal:O,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:rr,rowGap:or});return e.jsx("img",{src:i,alt:a,className:tr,style:{width:o,height:t},...er})},exports.InputHelpTextMemo=t;
|
@@ -0,0 +1 @@
|
|
1
|
+
import{cx as r,getStyles as e,VStack as i,HStack as t,Box as a,Text as n}from"./chunk-3WLIHKQU.js";import{forwardRef as o,useMemo as l}from"react";import{jsxs as d,jsx as c}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var s={horizontal:"w-full",vertical:""},h=o((function({vertical:o=!1,variant:h="primary",contentPosition:m="center",className:f,children:v,layerClassNames:p,...x},b){const N=o?"vertical":"horizontal",W=o?i:t,u=l((()=>r(s[N],"inherit"!==h&&e({dividerVariantRoot:h}),f,p?.root)),[h,f,N,p]),y=l((()=>r("inherit"!==h?e({dividerVariantLabel:h}):void 0,p?.text)),[h,p]),L=l((()=>r("inherit"!==h&&e({dividerVariantLine:h}),p?.line)),[h,p]),g=l((()=>"vertical"===N?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:0}:{borderLeftWidth:0,borderRightWidth:0,borderBottomWidth:0}),[N]),R=()=>c(a,{flex:"1",className:L,style:g});return v?d(W,{flex:"1",alignItems:"center",className:u,ref:b,...x,children:["start"!==m&&c(R,{}),c(a,{flex:"none",children:c(n,{color:"inherit",variant:"inherit",className:y,children:v})}),"end"!==m&&c(R,{})]}):c(a,{display:"flex",flex:"none",className:u,ref:b,...x,children:c(R,{})})}));h.displayName="Divider";export{h as Divider};
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import{createSlot as r,getStyles as t}from"./chunk-3WLIHKQU.js";import{getMotionVar as e}from"./chunk-EE3DM7SS.js";import{LazyMotion as o,MotionConfig as l}from"motion/react";import{forwardRef as n,useState as i,useEffect as a,useMemo as s}from"react";import{jsx as d,Fragment as c}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
2
|
+
var h={damped:{1:{damping:20.585796264350424,stiffness:62.37968115365702},2:{damping:29.312551281312288,stiffness:126.47801753759964},3:{damping:48.92799401356162,stiffness:352.3892336537332},4:{damping:123.42690994256348,stiffness:2242.474548821137}},smooth:{1:{damping:16.46863701148034,stiffness:67.80400125397502},2:{damping:23.45004102504983,stiffness:137.47610601913004},3:{damping:39.1423952108493,stiffness:383.03177571057955},4:{damping:98.7415279540508,stiffness:2437.4723356751488}},subtle:{1:{damping:13.04316051309243,stiffness:67.80400125397502},2:{damping:18.572432491839468,stiffness:137.47610601913004},3:{damping:31.000777006992646,stiffness:383.03177571057955},4:{damping:78.20329013960823,stiffness:2437.4723356751488}},bouncy:{1:{damping:9.229712940600143,stiffness:48.880672622541795},2:{damping:12.634144343496553,stiffness:91.59092691366399},3:{damping:19.40217701790486,stiffness:216.00395877230474},4:{damping:37.541723184430275,stiffness:808.7032559422912}},veryBouncy:{1:{damping:6.902290754946187,stiffness:38.92152745126911},2:{damping:9.155550514215523,stiffness:68.48134828711234},3:{damping:13.244464908166709,stiffness:143.30858570843873},4:{damping:22.17862652876726,stiffness:401.85804919502965}}},f=()=>import("./motionFeatures-SJISLQ4M.js").then((({domAnimation:r})=>r));function m({reducedMotion:r="user",children:t,layoutVariant:n="subtle",layoutSpeed:c="3",colorVariant:m="smooth",colorSpeed:u="3"}){const p=h[n][c],v=h[m][u],[g,z]=i(p),[C,M]=i(v),b={variant:m,speed:u},S=e({...b,control:"stiffness"}),V=e({...b,control:"damping"}),H={variant:n,speed:c},w=e({...H,control:"stiffness"}),L=e({...H,control:"damping"});a((()=>{const r=getComputedStyle(document.documentElement),t={damping:Number(r.getPropertyValue(L)),stiffness:Number(r.getPropertyValue(w))},e={damping:Number(r.getPropertyValue(V)),stiffness:Number(r.getPropertyValue(S))};z(t),M(e)}),[V,S,L,w]);const y=s((()=>({type:"spring",mass:1,...g,layout:g,opacity:C,color:C,borderColor:C,backgroundColor:C})),[C,g]);return d(o,{features:f,strict:!0,children:d(l,{transition:y,reducedMotion:r,children:t})})}var u=r(),p=n((function({className:r,asChild:e,onPress:o,onClick:l=o,backgroundColor:n,borderRadius:i,borderTopStartRadius:a,borderTopEndRadius:s,borderBottomStartRadius:c,borderBottomEndRadius:h,borderColor:f,borderStartColor:m,borderEndColor:p,borderTopColor:v,borderBottomColor:g,borderWidth:z,borderVerticalWidth:C,borderHorizontalWidth:M,borderStartWidth:b,borderEndWidth:S,borderTopWidth:V,borderBottomWidth:H,alignContent:w,alignItems:L,alignSelf:y,flex:W,flexDirection:B,flexGrow:E,flexShrink:x,flexWrap:A,justifyContent:T,flexBasis:k,display:I,overflow:R,overflowX:N,overflowY:P,position:j,spacing:G,spacingHorizontal:D,spacingVertical:Q,spacingBottom:X,spacingEnd:Y,spacingStart:q,spacingTop:F,offset:J,offsetVertical:K,offsetHorizontal:U,offsetBottom:O,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:rr,rowGap:tr,dropShadow:er,insetShadow:or,...lr},nr){const ir=t({backgroundColor:n,borderRadius:i,borderTopStartRadius:a,borderTopEndRadius:s,borderBottomStartRadius:c,borderBottomEndRadius:h,borderColor:f,borderStartColor:m,borderEndColor:p,borderTopColor:v,borderBottomColor:g,borderWidth:z,borderVerticalWidth:C,borderHorizontalWidth:M,borderStartWidth:b,borderEndWidth:S,borderTopWidth:V,borderBottomWidth:H,alignContent:w,alignItems:L,alignSelf:y,flex:W,flexDirection:B,flexGrow:E,flexShrink:x,flexWrap:A,justifyContent:T,flexBasis:k,display:I,overflow:R,overflowX:N,overflowY:P,position:j,spacing:G,spacingHorizontal:D,spacingVertical:Q,spacingBottom:X,spacingEnd:Y,spacingStart:q,spacingTop:F,offset:J,offsetVertical:K,offsetHorizontal:U,offsetBottom:O,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:rr,rowGap:tr,dropShadow:er,insetShadow:or,className:r});return d(e?u:"button",{className:ir,ref:nr,onClick:l,...lr})})),v=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return d(c,{children:d("path",{fill:"currentColor",d:"M8.4 2.6H2.6v10.8H4V11h3v2.4h1.4zM1 15V1h9v2.524l5 1.746V15zm9.1-9.746V13.4h3.3V6.406zM4.5 4h2v2h-2zm2 3.5h-2v2h2z"})});case"md":return d(c,{children:d("path",{fill:"currentColor",d:"M13.367 4.752H4.3v14.495h2.724v-4.533h3.619v4.533h2.714V4.762l.01.003zM21.5 21.047h-19V2.952h12.667v2.494L21.5 7.843zm-1.8-1.8V9.087L15.167 7.37v11.876zM7.929 11.095h-1.81v1.81h1.81zm-1.81-3.619h1.81v1.81h-1.81zm5.429 0h-1.81v1.81h1.81zm-1.81 3.619h1.81v1.81h-1.81z"})});case"lg":return d(c,{children:d("path",{fill:"currentColor",d:"M17.8 4.2H4.2v23.6H8V21h6v6.8h3.8zM2 30V2h18v5.725l10 3.626V30zm18.2-19.862V27.8h7.6V12.894zM10 8H7v3h3zm-3 6h3v3H7zm5-6h3v3h-3zm3 6h-3v3h3zm7.5 1h3v3h-3zm3 6h-3v3h3z"})})}if("fill"===t)switch(r){case"sm":return d(c,{children:d("path",{fill:"currentColor",d:"M4.5 4v2h2V4zm2 3.5h-2v2h2zM12 4l3 1.27V15h-3zM1 1h9v14H1z"})});case"md":return d(c,{children:d("path",{fill:"currentColor",d:"M2.5 2.952h10.857v18.095H2.5zm2.714 7.238V12h1.81v-1.81zm1.81-3.619h-1.81v1.81h1.81zm1.81 0v1.81h1.809V6.57zm1.809 3.62h-1.81V12h1.81zm-4.524 4.523v4.524h3.62v-4.524zM21.5 7.843l-6.333-3.081v16.285H21.5z"})});case"lg":return d(c,{children:d("path",{fill:"currentColor",d:"M2 2h16v28H2zm5 19v7h6v-7zM8.5 7h-3v3h3zm-3 6v3h3v-3zm9-6h-3v3h3zm-3 6v3h3v-3zM20 7l10 4.351V30H20zm3.5 8v3h3v-3z"})})}return d(c,{})};v.metadata={name:"Building",isSvgIcon:!0,variants:["outline","fill"]};var g=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return d(c,{children:d("path",{fill:"currentColor",d:"M13.5 3.89 6.951 12 2.5 7.48l.958-.993 3.394 3.447L12.452 3z"})});case"md":return d(c,{children:d("path",{fill:"currentColor",d:"M20.264 5.852 10.37 18.366l-6.642-6.89 1.295-1.249 5.213 5.407 8.616-10.898z"})});case"lg":return d(c,{children:d("path",{fill:"currentColor",d:"M30.19 6.341 13.677 26.276 2.803 15.509l1.688-1.706 9.012 8.922L28.341 4.81z"})})}if("fill"===t)switch(r){case"sm":return d(c,{children:d("path",{fill:"currentColor",d:"M13.593 4.502 6.968 12.5 2.4 7.978 3.505 6.86l3.348 3.315 5.53-6.676z"})});case"md":return d(c,{children:d("path",{fill:"currentColor",d:"m20.545 5.82-10.16 12.85-6.94-7.198 1.584-1.527 5.192 5.385L18.82 4.455z"})});case"lg":return d(c,{children:d("path",{fill:"currentColor",d:"M30.33 6.328 13.687 26.423 2.662 15.51l1.829-1.848 9.005 8.916 14.832-17.91z"})})}return d(c,{})};g.metadata={name:"Check",isSvgIcon:!0,variants:["outline","fill"]};var z=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return d(c,{children:d("path",{fill:"currentColor",d:"m12.526 4.465-.99-.99L8 7.01 4.465 3.475l-.99.99L7.01 8l-3.535 3.536.99.99L8 8.99l3.536 3.536.99-.99L8.99 8z"})});case"md":return d(c,{children:d("path",{fill:"currentColor",d:"m13.44 11.956 6.572-6.571L18.527 3.9l-6.571 6.57L5.385 3.9 3.9 5.385l6.57 6.57-6.57 6.572 1.485 1.485 6.57-6.571 6.572 6.57 1.485-1.484z"})});case"lg":return d(c,{children:d("path",{fill:"currentColor",d:"M17.702 15.934 28.818 4.818 27.05 3.05 15.934 14.166 4.818 3.05 3.05 4.818l11.116 11.116L3.05 27.05l1.768 1.768 11.116-11.116L27.05 28.818l1.768-1.768z"})})}if("fill"===t)switch(r){case"sm":return d(c,{children:d("path",{fill:"currentColor",d:"m9.131 8 3.536-3.536-1.131-1.131L8 6.869 4.464 3.333 3.333 4.464 6.869 8l-3.536 3.535 1.131 1.132L8 9.13l3.535 3.536 1.132-1.131z"})});case"md":return d(c,{children:d("path",{fill:"currentColor",d:"m12 13.768 6.337 6.337 1.768-1.768L13.768 12l6.337-6.337-1.768-1.768L12 10.232 5.663 3.895 3.895 5.663 10.232 12l-6.337 6.337 1.768 1.768z"})});case"lg":return d(c,{children:d("path",{fill:"currentColor",d:"M17.91 16 28.954 4.955l-1.91-1.91L16 14.091 4.955 3.045l-1.91 1.91L14.091 16 3.045 27.045l1.91 1.91L16 17.909l11.045 11.046 1.91-1.91z"})})}return d(c,{})};z.metadata={name:"Cross",isSvgIcon:!0,variants:["outline","fill"]};var C=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return d(c,{children:d("path",{fill:"currentColor",d:"M12.7 8.7H3.3V7.3h9.4z"})});case"md":return d(c,{children:d("path",{fill:"currentColor",d:"M2.97 10.75h17.838v2.1H2.97z"})});case"lg":return d(c,{children:d("path",{fill:"currentColor",d:"M27 17H4.7v-2.3H27z"})})}if("fill"===t)switch(r){case"sm":return d(c,{children:d("path",{fill:"currentColor",d:"M12.8 8.8H3.2V7.2h9.6z"})});case"md":return d(c,{children:d("path",{fill:"currentColor",d:"M2.966 10.75h18.068v2.5H2.966z"})});case"lg":return d(c,{children:d("path",{fill:"currentColor",d:"M27.3 17.3H4.7v-2.6h22.6z"})})}return d(c,{})};C.metadata={name:"Minus",isSvgIcon:!0,variants:["outline","fill"]};var M=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return d(c,{children:d("path",{fill:"currentColor",d:"M9.2 4.5a1.2 1.2 0 1 0-2.4 0 1.2 1.2 0 0 0 2.4 0m1.8 0a3 3 0 1 1-6 0 3 3 0 0 1 6 0m.706 6.19a2.97 2.97 0 0 0-1.472-.39H5.766a2.966 2.966 0 0 0-2.912 2.4h10.292a2.97 2.97 0 0 0-1.44-2.01M1 13.267A4.766 4.766 0 0 1 5.766 8.5h4.468A4.765 4.765 0 0 1 15 13.266v1.166c0 .038-.03.068-.068.068H1.068A.07.07 0 0 1 1 14.432z"})});case"md":return d(c,{children:d("path",{fill:"currentColor",d:"M14.25 7.95a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0m1.8 0a4.05 4.05 0 1 1-8.1 0 4.05 4.05 0 0 1 8.1 0m.927 7.244A4.2 4.2 0 0 0 15 14.7H9a4.2 4.2 0 0 0-4.157 3.6h14.314a4.2 4.2 0 0 0-2.18-3.106M3 18.9a6 6 0 0 1 6-6h6a6 6 0 0 1 6 6v1.121a.08.08 0 0 1-.079.079H3.08a.08.08 0 0 1-.08-.08z"})});case"lg":return d(c,{children:d("path",{fill:"currentColor",d:"M19.7 10a3.7 3.7 0 1 0-7.4 0 3.7 3.7 0 0 0 7.4 0m2.3 0a6 6 0 1 1-12 0 6 6 0 0 1 12 0m8 17.043q0-.681-.1-1.343a9.044 9.044 0 0 0-8.943-7.7h-9.914A9.04 9.04 0 0 0 2 27.043V28h28zM8.144 20.955a6.74 6.74 0 0 1 2.9-.655h9.913a6.744 6.744 0 0 1 6.608 5.4H4.435a6.74 6.74 0 0 1 3.71-4.745"})})}if("fill"===t)switch(r){case"sm":return d(c,{children:d("path",{fill:"currentColor",d:"M8 7.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6M3.401 9.128A4.77 4.77 0 0 0 1 13.266v1.166c0 .038.03.068.068.068h13.864c.038 0 .068-.03.068-.068v-1.166A4.766 4.766 0 0 0 10.234 8.5H5.766a4.76 4.76 0 0 0-2.365.628"})});case"md":return d(c,{children:d("path",{fill:"currentColor",d:"M12 12a4.05 4.05 0 1 0 0-8.1 4.05 4.05 0 0 0 0 8.1m-5.824 1.606A6 6 0 0 0 3 18.9v1.121c0 .044.035.079.079.079H20.92a.08.08 0 0 0 .08-.08V18.9a6 6 0 0 0-6-6H9a6 6 0 0 0-2.824.706"})});case"lg":return d(c,{children:d("path",{fill:"currentColor",d:"M16 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12m-8.845 2.878A9.04 9.04 0 0 0 2 27.043V28h28v-.957A9.043 9.043 0 0 0 20.957 18h-9.914a9.05 9.05 0 0 0-3.888.878"})})}return d(c,{})};M.metadata={name:"Person",isSvgIcon:!0,variants:["outline","fill"]};var b=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return d(c,{children:d("path",{fill:"currentColor",d:"M7.9 2.7a5.2 5.2 0 1 0 5.2 5.2h1.6a6.8 6.8 0 1 1-6.8-6.8.8.8 0 1 1 0 1.6"})});case"md":return d(c,{children:d("path",{fill:"currentColor",d:"M12 4a8 8 0 1 0 8 8h2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a1 1 0 1 1 0 2"})});case"lg":return d(c,{children:d("path",{fill:"currentColor",d:"M16.15 4.3C9.605 4.3 4.3 9.605 4.3 16.15S9.605 28 16.15 28 28 22.695 28 16.15h2.3c0 7.815-6.335 14.15-14.15 14.15S2 23.965 2 16.15 8.335 2 16.15 2a1.15 1.15 0 0 1 0 2.3"})})}if("fill"===t)switch(r){case"sm":return d(c,{children:d("path",{fill:"currentColor",d:"M8 2.9A5.1 5.1 0 1 0 13.1 8h1.8A6.9 6.9 0 1 1 8 1.1a.9.9 0 1 1 0 1.8"})});case"md":return d(c,{children:d("path",{fill:"currentColor",d:"M12.15 4.3A7.85 7.85 0 1 0 20 12.15h2.3c0 5.606-4.544 10.15-10.15 10.15S2 17.756 2 12.15 6.544 2 12.15 2a1.15 1.15 0 0 1 0 2.3"})});case"lg":return d(c,{children:d("path",{fill:"currentColor",d:"M16.35 4.7C9.916 4.7 4.7 9.916 4.7 16.35S9.916 28 16.35 28 28 22.784 28 16.35h2.7c0 7.925-6.425 14.35-14.35 14.35S2 24.275 2 16.35 8.425 2 16.35 2a1.35 1.35 0 1 1 0 2.7"})})}return d(c,{})};b.metadata={name:"Progress",isSvgIcon:!0,variants:["outline","fill"]};
|
3
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{p as Pressable,m as SpringMotionConfig,g as a,z as a2,M as e,b as e2,C as l,v as t};
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";var e=require("./chunk-4AS6QR6M.cjs"),r=require("react"),t=require("react/jsx-runtime"),i={horizontal:"w-full",vertical:""},a=r.forwardRef((function({vertical:a=!1,variant:s="primary",contentPosition:o="center",className:n,children:l,layerClassNames:c,...d},x){const h=a?"vertical":"horizontal",m=a?e.VStack:e.HStack,u=r.useMemo((()=>e.cx(i[h],"inherit"!==s&&e.getStyles({dividerVariantRoot:s}),n,c?.root)),[s,n,h,c]),v=r.useMemo((()=>e.cx("inherit"!==s?e.getStyles({dividerVariantLabel:s}):void 0,c?.text)),[s,c]),f=r.useMemo((()=>e.cx("inherit"!==s&&e.getStyles({dividerVariantLine:s}),c?.line)),[s,c]),j=r.useMemo((()=>"vertical"===h?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:0}:{borderLeftWidth:0,borderRightWidth:0,borderBottomWidth:0}),[h]),y=()=>t.jsx(e.Box,{flex:"1",className:f,style:j});return l?t.jsxs(m,{flex:"1",alignItems:"center",className:u,ref:x,...d,children:["start"!==o&&t.jsx(y,{}),t.jsx(e.Box,{flex:"none",children:t.jsx(e.Text,{color:"inherit",variant:"inherit",className:v,children:l})}),"end"!==o&&t.jsx(y,{})]}):t.jsx(e.Box,{display:"flex",flex:"none",className:u,ref:x,...d,children:t.jsx(y,{})})}));/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */a.displayName="Divider",exports.Divider=a;
|
@@ -0,0 +1,2 @@
|
|
1
|
+
"use client";
|
2
|
+
"use strict";var r=require("../chunk-UFBH4CCM.cjs"),e=require("../chunk-FGRUT3UC.cjs"),a=require("../chunk-4AS6QR6M.cjs");require("../chunk-P4XGJJCM.cjs"),require("../chunk-J7PUOUXC.cjs"),require("../chunk-IC335V3E.cjs"),require("../chunk-HTL6WRXY.cjs");var t=require("../chunk-NUEZVMWZ.cjs"),d=require("@ariakit/react/menu"),s=require("@ariakit/react-core/utils/store"),i=require("@yahoo/uds/fixtures"),c=require("motion/react"),n=require("react"),o=require("react/jsx-runtime"),u=require("@ariakit/react"),l={};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */t.__export(l,{Content:()=>f,Divider:()=>_,Item:()=>I,ItemCheckbox:()=>C,Provider:()=>k,Trigger:()=>j,useMenuContext:()=>d.useMenuContext,useMenuStore:()=>d.useMenuStore,useStoreState:()=>u.useStoreState});var x=c.m.create(a.VStack),m=5,p=.97,b={top:{x:0,y:m},bottom:{x:0,y:-5},left:{x:m,y:0},right:{x:-5,y:0}},h=r=>n.useMemo((()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...b[e],opacity:0,scale:p},open:{y:0,x:0,opacity:1,scale:1}}})(r)),[r]),f=n.forwardRef((function({gap:r,spacing:e,spacingBottom:t,spacingEnd:u,spacingStart:l,spacingTop:m,gutter:p="1",backgroundColor:b="primary",borderRadius:f="md",borderColor:_,borderWidth:v="thin",overflow:g,dropShadow:S="lg",className:I,sameWidth:C,focusable:y,children:w,portalElement:k,portal:j=!0,disableAutoBorderRadius:N,...M},V){const R=d.useMenuContext(),E=s.useStoreState(R,"open"),q=s.useStoreState(R,"mounted"),P=s.useStoreState(R,"currentPlacement"),A=s.useStoreState(R,"placement"),[T,z]=n.useState(P),[B,H]=n.useState(P);n.useEffect((()=>{A!==B&&H(A)}),[A]),n.useEffect((()=>{P!==B&&H(P)}),[P]),n.useEffect((()=>{q&&B!==T&&z(B)}),[q,B,T]);const U=n.useMemo((()=>E&&q?"open":"closed"),[E,q]),W=n.useMemo((()=>E?S:"none"),[E,S]),D=h(B),F=(({borderRadius:r,spacing:e})=>{if(void 0===e||"0"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===e||"0.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===e||"1.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===e||"2.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===e||"3.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:f,spacing:e}),G=n.useMemo((()=>i.spacingMap[p]),[p]);return o.jsx(c.AnimatePresence,{initial:!1,children:o.jsx(d.Menu,{gutter:G,sameWidth:C,focusable:y,store:R,ref:V,portalElement:k,portal:j,...M,render:o.jsx(x,{backgroundColor:b,gap:r,spacing:e,spacingBottom:t,spacingEnd:u,spacingStart:l,spacingTop:m,borderRadius:f,borderColor:_,borderWidth:v,overflow:g,animate:U,variants:D,dropShadow:W,className:a.cx("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",!N&&F,I),children:w})})})})),_=n.forwardRef((function({role:e="separator",contentPosition:t="start",gap:d="4",children:s,spacingVertical:i=(s?"2":"0"),spacingHorizontal:c=(s?"4":"0"),className:n,...u},l){const x={root:a.getStyles({menuDividerVariantRoot:"default",className:n}),text:a.getStyles({menuDividerVariantText:"default"})};return o.jsx(r.Divider,{ref:l,role:e,variant:"inherit",contentPosition:t,gap:d,spacingVertical:i,spacingHorizontal:c,className:x.root,layerClassNames:x,...u,children:s})}));_.displayName="MenuDivider";var v="uds-menu-item",g={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},S=n.forwardRef((function({spacing:r="0",spacingBottom:t,spacingEnd:d,spacingHorizontal:s="4",spacingStart:i,spacingTop:u,spacingVertical:l="3.5",columnGap:x="2",className:m,children:p,endIcon:b,startIcon:h,hideEndIcon:f,active:_,disabled:S,as:I,rootProps:C,name:y,alignItems:w="center",justifyContent:k="space-between",layerClassNames:j,...N},M){const V=n.Children.count(p)>1,R=(({active:r,disabled:e,className:t})=>a.cx(v,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",r&&["[&:not([aria-checked])]:cursor-default"],e&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",t))({active:_,disabled:S,className:m}),E=a.getStyles({className:a.cx(`${v}-content truncate`,j?.text),textAlign:"start",...V&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),q=n.useMemo((()=>({root:a.getStyles({menuSizeRoot:"default",className:a.cx(j?.root,R)}),startIcon:a.getStyles({menuSizeStartIcon:"default",className:j?.startIcon}),endIcon:a.getStyles({menuSizeEndIcon:"default",className:j?.endIcon})})),[j,R]);return o.jsx(a.Box,{asChild:!0,spacing:r,spacingBottom:t,spacingEnd:d,spacingHorizontal:s,spacingStart:i,spacingTop:u,spacingVertical:l,columnGap:x,className:q.root,alignItems:w,justifyContent:k,children:o.jsxs(I,{render:o.jsx(e.Pressable,{ref:M,...N}),name:y??"",disabled:S,...C,children:[o.jsxs(a.HStack,{gap:x,alignItems:"center",width:"full",children:[o.jsx(c.AnimatePresence,{initial:!1,children:h&&o.jsx(c.m.span,{variants:g,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:o.jsx(a.IconSlot,{icon:h,className:q.startIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})}),o.jsx("span",{className:E,children:p})]}),o.jsx(c.AnimatePresence,{initial:!1,mode:"popLayout",children:!f&&b&&o.jsx(c.m.span,{variants:g,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:o.jsx(a.IconSlot,{icon:b,className:q.endIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})})]})})})),I=n.forwardRef((function({active:r,...e},t){const s={root:a.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:a.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:a.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return o.jsx(S,{ref:t,as:d.MenuItem,active:r,layerClassNames:s,...e})}));I.displayName="MenuItem";var C=n.forwardRef((function({name:r,endIcon:t=e.a,checked:s,defaultChecked:i,className:c,...l},x){const m=r,p=n.useRef(!1),b=d.useMenuContext(),h=u.useStoreState(b);n.useEffect((()=>{!p.current&&void 0!==i&&b&&(b.setValues((r=>({...r,[m]:i}))),p.current=!0)}),[b,i,m]);const f=n.useMemo((()=>{if(void 0!==s)return s;if(h?.items?.length){const r=h?.items.find((r=>r.element?.name===m));if(r?.element)return r.element.checked}const r=h?.values[m];return"boolean"==typeof r?r:i??!1}),[h?.items,h?.values,m,s,i]),_=n.useCallback((r=>{void 0===s&&b?.setValues((e=>({...e,[m]:r.target.checked})))}),[m,b,s]),v={root:a.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:f?"on":"off"}),text:a.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:f?"on":"off"}),startIcon:a.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:f?"on":"off"}),endIcon:a.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:f?"on":"off"})};return o.jsx(S,{ref:x,as:d.MenuItemCheckbox,hideEndIcon:!f,endIcon:t,active:f,className:a.cx("uds-menu-item-checkbox",c),layerClassNames:v,rootProps:{name:r,onChange:_,defaultChecked:i,checked:void 0!==s?s:void 0},...l})}));C.displayName="MenuItemCheckbox";var y=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},w=r=>{const[e,a]=n.useState(y);return n.useEffect((()=>{if(r?.explicit)return void a(r.explicit);const e=(r=>{const e=new MutationObserver((e=>{e.some((r=>"attributes"===r.type&&"dir"===r.attributeName))&&r()}));return e.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),e})((()=>{a(y())}));return()=>e.disconnect()}),[r?.explicit]),e},k=function({placement:r="bottom",rtl:a,...t}){const s=w({explicit:a}),i=((r,e)=>{const a=e?.rtl;if("start"===r)return a?"right":"left";if("end"===r)return a?"left":"right";if(r?.includes("-")){const[e,t]=r.split("-");if(!("start"!==e&&"end"!==e||"top"!==t&&"bottom"!==t))return`${"start"===e?a?"right":"left":a?"left":"right"}-${"bottom"===t?"end":"start"}`;if("top"===e||"bottom"===e)return`${e}-${"start"===t?a?"end":"start":a?"start":"end"}`}return r})(r,{rtl:s});return o.jsx(e.SpringMotionConfig,{children:o.jsx(d.MenuProvider,{placement:i,rtl:s,...t})})},j=n.forwardRef((function({asChild:r,className:e,...t},s){const i=n.useRef(null),c=r?o.jsx(a.Box,{ref:i,className:"uds-ring h-fit w-fit"}):void 0,u=n.useCallback((()=>{const r=i.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()}),[i]);return o.jsx(d.MenuButton,{onFocus:u,onFocusVisible:u,ref:s,render:c,className:a.cx("uds-menu-trigger",e),...t})}));exports.Menu=l;
|