@yahoo/uds 1.1.8 → 2.0.0-beta.1
Sign up to get free protection for your applications and to get access to all the features.
- package/cli/consts.ts +1 -0
- package/cli/uds-cli +2 -2
- package/package.json +4 -1
- package/cli/bin/uds-darwin-arm64-baseline +0 -0
- package/cli/bin/uds-linux-x64-baseline +0 -0
- package/dist/chunk-4QPJJLKY.cjs +0 -3
- package/dist/chunk-7BKLIVWM.js +0 -3
- package/dist/chunk-7MIFGMTL.js +0 -3
- package/dist/chunk-AP7V5X3U.js +0 -3
- package/dist/chunk-AXSSWKHD.js +0 -2
- package/dist/chunk-BFM5K4BL.cjs +0 -2
- package/dist/chunk-DMK4ALSA.js +0 -3
- package/dist/chunk-EK4QO3CL.cjs +0 -2
- package/dist/chunk-JVJE7CIQ.js +0 -2
- package/dist/chunk-KBN4CEUI.cjs +0 -2
- package/dist/chunk-LDUD6QEL.cjs +0 -2
- package/dist/chunk-LQIX6U65.js +0 -2
- package/dist/chunk-PV3R4H6R.cjs +0 -3
- package/dist/chunk-QBWDISRA.js +0 -4
- package/dist/chunk-V2TMQJ2B.cjs +0 -3
- package/dist/chunk-YQ2REBIU.cjs +0 -4
- package/dist/chunk-ZNQDH7JN.cjs +0 -2
- package/dist/chunk-ZZFEIQRV.js +0 -2
- package/dist/client/index.cjs +0 -4
- package/dist/client/index.d.cts +0 -97
- package/dist/client/index.d.ts +0 -97
- package/dist/client/index.js +0 -6
- package/dist/experimental/index.cjs +0 -4
- package/dist/experimental/index.d.cts +0 -451
- package/dist/experimental/index.d.ts +0 -451
- package/dist/experimental/index.js +0 -3
- package/dist/fixtures.cjs +0 -1506
- package/dist/fixtures.d.cts +0 -94
- package/dist/fixtures.d.ts +0 -94
- package/dist/fixtures.js +0 -1449
- package/dist/index.cjs +0 -1
- package/dist/index.d.cts +0 -353
- package/dist/index.d.ts +0 -353
- package/dist/index.js +0 -2
- package/dist/metafile-cjs.json +0 -1
- package/dist/metafile-esm.json +0 -1
- package/dist/motionFeatures-QGPGM4F5.js +0 -1
- package/dist/motionFeatures-TULW7TOK.cjs +0 -1
- package/dist/styles/toast.css +0 -3
- package/dist/styles/toast.d.cts +0 -2
- package/dist/styles/toast.d.ts +0 -2
- package/dist/tailwind/plugin.cjs +0 -3
- package/dist/tailwind/plugin.d.cts +0 -60
- package/dist/tailwind/plugin.d.ts +0 -60
- package/dist/tailwind/plugin.js +0 -3
- package/dist/tailwind/purger.cjs +0 -6
- package/dist/tailwind/purger.d.cts +0 -17
- package/dist/tailwind/purger.d.ts +0 -17
- package/dist/tailwind/purger.js +0 -6
- package/dist/tailwind/tsMorph.cjs +0 -3
- package/dist/tailwind/tsMorph.d.cts +0 -31
- package/dist/tailwind/tsMorph.d.ts +0 -31
- package/dist/tailwind/tsMorph.js +0 -2
- package/dist/tailwind/utils.cjs +0 -1
- package/dist/tailwind/utils.d.cts +0 -99
- package/dist/tailwind/utils.d.ts +0 -99
- package/dist/tailwind/utils.js +0 -1
- package/dist/tokens/index.cjs +0 -1
- package/dist/tokens/index.d.cts +0 -1127
- package/dist/tokens/index.d.ts +0 -1127
- package/dist/tokens/index.js +0 -1
- package/dist/tokens/parseTokens.cjs +0 -1
- package/dist/tokens/parseTokens.d.cts +0 -59
- package/dist/tokens/parseTokens.d.ts +0 -59
- package/dist/tokens/parseTokens.js +0 -1
- package/dist/types-CpZ2ERLZ.d.cts +0 -949
- package/dist/types-CpZ2ERLZ.d.ts +0 -949
package/dist/client/index.d.cts
DELETED
@@ -1,97 +0,0 @@
|
|
1
|
-
import { e as UniversalButtonProps, f as UniversalIconButtonProps, M as MotionVariant, g as MotionVariantSpeed } from '../types-CpZ2ERLZ.cjs';
|
2
|
-
import { HTMLMotionProps, MotionConfigProps } from 'framer-motion';
|
3
|
-
import * as react from 'react';
|
4
|
-
import react__default from 'react';
|
5
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
6
|
-
import '@yahoo/uds-icons/types';
|
7
|
-
|
8
|
-
type HtmlButtonProps$1 = Omit<react__default.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'> & Omit<HTMLMotionProps<'button'>, 'color' | 'name'>;
|
9
|
-
interface ButtonProps extends HtmlButtonProps$1, UniversalButtonProps {
|
10
|
-
}
|
11
|
-
/**
|
12
|
-
* **🖲️ A button element that can be used to trigger an action**
|
13
|
-
*
|
14
|
-
* @type Client component
|
15
|
-
*
|
16
|
-
* @description
|
17
|
-
* A button is a fundamental component used to trigger an action or event. Buttons are interactive elements that users can click, tap, or otherwise engage
|
18
|
-
* with to submit forms, open dialogues, or perform any other interaction within an application or website.
|
19
|
-
* Consider an [IconButton](https://uds.build/docs/components/icon-button) for buttons that only contain an icon.
|
20
|
-
*
|
21
|
-
* @see The {@link https://uds.build/docs/components/button Button Docs} for more info
|
22
|
-
*
|
23
|
-
* @example
|
24
|
-
* ```tsx
|
25
|
-
* 'use client';
|
26
|
-
* import { Button, HStack } from "@yahoo/uds";
|
27
|
-
*
|
28
|
-
* export function Demo() {
|
29
|
-
* return (
|
30
|
-
* <HStack gap="2">
|
31
|
-
* <Button onClick={console.log}>Save</Button>
|
32
|
-
* <Button variant="secondary" onClick={console.log}>Cancel</Button>
|
33
|
-
* </HStack>
|
34
|
-
* )
|
35
|
-
* }
|
36
|
-
* ```
|
37
|
-
*
|
38
|
-
* @usage
|
39
|
-
* Buttons should be used to clearly indicate and initiate actions that users can take.
|
40
|
-
*
|
41
|
-
* @related [Icon](https://uds.build/docs/components/icon), [IconButton](https://uds.build/docs/components/icon-button), [Pressable](https://uds.build/docs/components/pressable)
|
42
|
-
**/
|
43
|
-
declare const Button: react__default.ForwardRefExoticComponent<ButtonProps & react__default.RefAttributes<HTMLButtonElement>>;
|
44
|
-
|
45
|
-
type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'> & Omit<HTMLMotionProps<'button'>, 'name'>;
|
46
|
-
interface IconButtonProps extends HtmlButtonProps, UniversalIconButtonProps {
|
47
|
-
}
|
48
|
-
/**
|
49
|
-
* **⚙️️ An icon button element that can be used to trigger an action**
|
50
|
-
*
|
51
|
-
* @type Client component
|
52
|
-
*
|
53
|
-
* @description
|
54
|
-
* An icon button is essentially an interactive icon. They should be used to
|
55
|
-
* display an icon which, when clicked, allows the user to trigger an action.
|
56
|
-
* Icon buttons provide additional features such hover states, focus states, and
|
57
|
-
* pressable functionality.
|
58
|
-
*
|
59
|
-
* @see
|
60
|
-
* Check out the {@link http://yo/uds/docs/components/icon-button IconButton Docs} for more info
|
61
|
-
*
|
62
|
-
* @usage
|
63
|
-
* - When you need a button that is represented by an icon rather than text. This is useful in compact spaces, toolbars, or when the action is commonly understood through a visual symbol.
|
64
|
-
* - If you need a button that is used to trigger a non-critical action.
|
65
|
-
*
|
66
|
-
* @example
|
67
|
-
* ```tsx
|
68
|
-
* 'use client';
|
69
|
-
* import { IconButton } from "@yahoo/uds";
|
70
|
-
* import { AddFolder } from "@yahoo/uds-icons";
|
71
|
-
*
|
72
|
-
* <IconButton name={AddFolder} palette="accent" />
|
73
|
-
* ```
|
74
|
-
*
|
75
|
-
* @related [Icon](http://yo/uds/docs/components/icon), [Button](http://yo/uds/docs/components/button), and [Pressable](http://yo/uds/docs/components/pressable)
|
76
|
-
*
|
77
|
-
**/
|
78
|
-
declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
79
|
-
|
80
|
-
interface SpringMotionConfigProps extends Pick<MotionConfigProps, 'children' | 'reducedMotion'> {
|
81
|
-
layoutVariant?: MotionVariant;
|
82
|
-
layoutSpeed?: MotionVariantSpeed;
|
83
|
-
colorVariant?: MotionVariant;
|
84
|
-
colorSpeed?: MotionVariantSpeed;
|
85
|
-
}
|
86
|
-
/**
|
87
|
-
* **🎬 Spring Motion Config to define motion animations for all UDS components**
|
88
|
-
*
|
89
|
-
* @type Client component
|
90
|
-
*
|
91
|
-
* @description
|
92
|
-
* The SpringConfig component provides a way to configure the spring animations for the entire application.
|
93
|
-
* This component provides a way to use uds motion configs with Framer Motion.
|
94
|
-
*/
|
95
|
-
declare function SpringMotionConfig({ reducedMotion, children, layoutVariant, layoutSpeed, colorVariant, colorSpeed, }: SpringMotionConfigProps): react_jsx_runtime.JSX.Element;
|
96
|
-
|
97
|
-
export { Button, type ButtonProps, IconButton, type IconButtonProps, SpringMotionConfig, type SpringMotionConfigProps };
|
package/dist/client/index.d.ts
DELETED
@@ -1,97 +0,0 @@
|
|
1
|
-
import { e as UniversalButtonProps, f as UniversalIconButtonProps, M as MotionVariant, g as MotionVariantSpeed } from '../types-CpZ2ERLZ.js';
|
2
|
-
import { HTMLMotionProps, MotionConfigProps } from 'framer-motion';
|
3
|
-
import * as react from 'react';
|
4
|
-
import react__default from 'react';
|
5
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
6
|
-
import '@yahoo/uds-icons/types';
|
7
|
-
|
8
|
-
type HtmlButtonProps$1 = Omit<react__default.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'> & Omit<HTMLMotionProps<'button'>, 'color' | 'name'>;
|
9
|
-
interface ButtonProps extends HtmlButtonProps$1, UniversalButtonProps {
|
10
|
-
}
|
11
|
-
/**
|
12
|
-
* **🖲️ A button element that can be used to trigger an action**
|
13
|
-
*
|
14
|
-
* @type Client component
|
15
|
-
*
|
16
|
-
* @description
|
17
|
-
* A button is a fundamental component used to trigger an action or event. Buttons are interactive elements that users can click, tap, or otherwise engage
|
18
|
-
* with to submit forms, open dialogues, or perform any other interaction within an application or website.
|
19
|
-
* Consider an [IconButton](https://uds.build/docs/components/icon-button) for buttons that only contain an icon.
|
20
|
-
*
|
21
|
-
* @see The {@link https://uds.build/docs/components/button Button Docs} for more info
|
22
|
-
*
|
23
|
-
* @example
|
24
|
-
* ```tsx
|
25
|
-
* 'use client';
|
26
|
-
* import { Button, HStack } from "@yahoo/uds";
|
27
|
-
*
|
28
|
-
* export function Demo() {
|
29
|
-
* return (
|
30
|
-
* <HStack gap="2">
|
31
|
-
* <Button onClick={console.log}>Save</Button>
|
32
|
-
* <Button variant="secondary" onClick={console.log}>Cancel</Button>
|
33
|
-
* </HStack>
|
34
|
-
* )
|
35
|
-
* }
|
36
|
-
* ```
|
37
|
-
*
|
38
|
-
* @usage
|
39
|
-
* Buttons should be used to clearly indicate and initiate actions that users can take.
|
40
|
-
*
|
41
|
-
* @related [Icon](https://uds.build/docs/components/icon), [IconButton](https://uds.build/docs/components/icon-button), [Pressable](https://uds.build/docs/components/pressable)
|
42
|
-
**/
|
43
|
-
declare const Button: react__default.ForwardRefExoticComponent<ButtonProps & react__default.RefAttributes<HTMLButtonElement>>;
|
44
|
-
|
45
|
-
type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'> & Omit<HTMLMotionProps<'button'>, 'name'>;
|
46
|
-
interface IconButtonProps extends HtmlButtonProps, UniversalIconButtonProps {
|
47
|
-
}
|
48
|
-
/**
|
49
|
-
* **⚙️️ An icon button element that can be used to trigger an action**
|
50
|
-
*
|
51
|
-
* @type Client component
|
52
|
-
*
|
53
|
-
* @description
|
54
|
-
* An icon button is essentially an interactive icon. They should be used to
|
55
|
-
* display an icon which, when clicked, allows the user to trigger an action.
|
56
|
-
* Icon buttons provide additional features such hover states, focus states, and
|
57
|
-
* pressable functionality.
|
58
|
-
*
|
59
|
-
* @see
|
60
|
-
* Check out the {@link http://yo/uds/docs/components/icon-button IconButton Docs} for more info
|
61
|
-
*
|
62
|
-
* @usage
|
63
|
-
* - When you need a button that is represented by an icon rather than text. This is useful in compact spaces, toolbars, or when the action is commonly understood through a visual symbol.
|
64
|
-
* - If you need a button that is used to trigger a non-critical action.
|
65
|
-
*
|
66
|
-
* @example
|
67
|
-
* ```tsx
|
68
|
-
* 'use client';
|
69
|
-
* import { IconButton } from "@yahoo/uds";
|
70
|
-
* import { AddFolder } from "@yahoo/uds-icons";
|
71
|
-
*
|
72
|
-
* <IconButton name={AddFolder} palette="accent" />
|
73
|
-
* ```
|
74
|
-
*
|
75
|
-
* @related [Icon](http://yo/uds/docs/components/icon), [Button](http://yo/uds/docs/components/button), and [Pressable](http://yo/uds/docs/components/pressable)
|
76
|
-
*
|
77
|
-
**/
|
78
|
-
declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
79
|
-
|
80
|
-
interface SpringMotionConfigProps extends Pick<MotionConfigProps, 'children' | 'reducedMotion'> {
|
81
|
-
layoutVariant?: MotionVariant;
|
82
|
-
layoutSpeed?: MotionVariantSpeed;
|
83
|
-
colorVariant?: MotionVariant;
|
84
|
-
colorSpeed?: MotionVariantSpeed;
|
85
|
-
}
|
86
|
-
/**
|
87
|
-
* **🎬 Spring Motion Config to define motion animations for all UDS components**
|
88
|
-
*
|
89
|
-
* @type Client component
|
90
|
-
*
|
91
|
-
* @description
|
92
|
-
* The SpringConfig component provides a way to configure the spring animations for the entire application.
|
93
|
-
* This component provides a way to use uds motion configs with Framer Motion.
|
94
|
-
*/
|
95
|
-
declare function SpringMotionConfig({ reducedMotion, children, layoutVariant, layoutSpeed, colorVariant, colorSpeed, }: SpringMotionConfigProps): react_jsx_runtime.JSX.Element;
|
96
|
-
|
97
|
-
export { Button, type ButtonProps, IconButton, type IconButtonProps, SpringMotionConfig, type SpringMotionConfigProps };
|
package/dist/client/index.js
DELETED
@@ -1,6 +0,0 @@
|
|
1
|
-
"use client";
|
2
|
-
import{createSlot as t,getStyles as n,cx as a,Icon as e}from"../chunk-AP7V5X3U.js";import{getMotionVar as i}from"../chunk-JVJE7CIQ.js";import{motion as o}from"../chunk-QBWDISRA.js";import{BUTTON_CSS_VAR_MAP as r}from"../chunk-LQIX6U65.js";import{buttonIconSvgSize as s}from"@yahoo/uds/fixtures";import{jsx as c,jsxs as l,Fragment as d}from"react/jsx-runtime";import{m as u,useReducedMotion as h,AnimatePresence as m,LazyMotion as p,MotionConfig as f}from"framer-motion";import{forwardRef as g,useRef as v,useImperativeHandle as b,useMemo as y,isValidElement as w,cloneElement as N,useState as C,useEffect as I}from"react";
|
3
|
-
/*! © 2024 Yahoo, Inc. UDS v1.1.8 */
|
4
|
-
var S={scale:.7,opacity:0},V={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},x={icon:V,hide:S,loading:S},z={loading:V,hide:S,icon:S},M=`var(${r.columnGap})`,P=`var(${r.iconSize})`,j={rest:{scale:`var(${r.effects.scale.rest})`},hover:{scale:`var(${r.effects.scale.hover})`},pressed:{scale:`var(${r.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:M}},A={withoutIcon:{marginLeft:0},withIcon:{marginLeft:`calc(${M} * -1)`}},L={hide:{width:"0px",opacity:0,display:"none"},loading:{width:P,display:"flex",opacity:1},icon:{width:P,display:"flex",opacity:1}},$=({size:t,variant:n})=>{if("outline"===n)switch(t){case"sm":return c(d,{children:c("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 c(d,{children:c("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 c(d,{children:c("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"===n)switch(t){case"sm":return c(d,{children:c("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 c(d,{children:c("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 c(d,{children:c("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 c(d,{})},k=()=>import("../motionFeatures-QGPGM4F5.js").then((({domAnimation:t})=>t));function G({reducedMotion:t="user",children:n,layoutVariant:a="subtle",layoutSpeed:e="3",colorVariant:r="smooth",colorSpeed:s="3"}){const l=o[a][e],d=o[r][s],[u,h]=C(l),[m,g]=C(d),v={variant:r,speed:s},b=i({...v,control:"stiffness"}),w=i({...v,control:"damping"}),N={variant:a,speed:e},S=i({...N,control:"stiffness"}),V=i({...N,control:"damping"});I((()=>{const t=getComputedStyle(document.documentElement),n={damping:Number(t.getPropertyValue(V)),stiffness:Number(t.getPropertyValue(S))},a={damping:Number(t.getPropertyValue(w)),stiffness:Number(t.getPropertyValue(b))};h(n),g(a)}),[w,b,V,S]);const x=y((()=>({type:"spring",mass:1,...u,layout:u,opacity:m,color:m,borderColor:m,backgroundColor:m})),[m,u]);return c(p,{features:k,strict:!0,children:c(f,{transition:x,reducedMotion:t,children:n})})}var E=t(),Q=u.create(E,{forwardMotionProps:!0}),H=g((function({palette:t,variant:i,size:o,startIcon:r,endIcon:p,iconVariant:f,loading:g,disableEffects:C,children:I,asChild:S,className:V,...M},P){const k=v(null);b(P,(()=>k.current));const E=p?"icon":"hide",H=(({startIcon:t,endIcon:n,loading:a})=>t||n||a?"withIcon":"withoutIcon")({startIcon:r,endIcon:p,loading:g}),T=(({loading:t,startIcon:n})=>t?"loading":n?"icon":"hide")({loading:g,startIcon:r}),B={button:n({buttonSize:o,buttonVariant:i,buttonPalette:t,className:a("uds-button","uds-ring","uds-hit-target",g&&"uds-button-loading",C&&"uds-button-without-effects","withIcon"===H&&"uds-button-with-gap",V)}),iconContainer:"uds-button-icon-container flex overflow-hidden",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content",spacer:"uds-button-spacer"},F=h()?"smooth":"subtle",J=y((()=>c(u.span,{className:B.iconContainer,initial:!1,variants:L,animate:T,children:l(m,{initial:!1,mode:"popLayout",children:[g&&c(u.span,{variants:z,initial:"hide",animate:"loading",exit:"hide",children:c(e,{size:s,name:$,variant:f,color:"current",className:B.loading})},"loading"),r&&!g&&c(u.span,{variants:x,initial:"hide",animate:"icon",exit:"hide",children:c(e,{size:s,name:r,variant:f,color:"current",className:B.start})},r.name)]})})),[B.iconContainer,B.loading,B.start,T,g,f,r]),U=y((()=>c(u.span,{className:B.iconContainer,initial:!1,variants:L,animate:E,children:c(m,{initial:!1,mode:"popLayout",children:p&&c(u.span,{variants:x,initial:"hide",animate:"icon",exit:"hide",children:c(e,{size:s,name:p,variant:f,color:"current",className:B.start})},p.name)})})),[B.iconContainer,B.start,p,E,f]),X=y((()=>C?{...j,rest:{},hover:{},pressed:{}}:j),[C]);return S&&w(I)?c(G,{layoutSpeed:"3",layoutVariant:F,children:c(Q,{className:B.button,initial:["hide",H],animate:H,variants:X,whileHover:"hover",whileTap:"pressed",...M,children:N(I,I.props,l(d,{children:[J,I.props.children,U,c(u.span,{className:B.spacer,variants:A,initial:!1,animate:H})]}))})}):c(G,{layoutSpeed:"3",layoutVariant:F,children:l(u.button,{ref:k,className:B.button,initial:["hide",H],animate:H,variants:X,whileHover:"hover",whileTap:"pressed",...M,children:[J,I,U,c(u.span,{className:B.spacer,variants:A,initial:!1,animate:H})]})})})),T=g((function({palette:t,variant:i,size:o,iconVariant:r,loading:d,disableEffects:p,name:f,className:g,...w},N){const C=v(null);b(N,(()=>C.current));const I=y((()=>({button:n({buttonVariant:i,buttonPalette:t,iconButtonSize:o,className:a("uds-icon-button","uds-button","uds-ring","uds-hit-target",d&&"uds-button-loading",p&&"uds-button-without-effects",g)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[t,i,g,p,o,d]),S=h(),V=y((()=>S?"smooth":"subtle"),[S]),M=y((()=>p?{...j,rest:{},hover:{},pressed:{}}:j),[p]);return c(G,{layoutSpeed:"3",layoutVariant:V,reducedMotion:p?"always":"user",children:c(u.button,{ref:C,className:I.button,initial:"icon",variants:M,whileHover:"hover",whileTap:"pressed",...w,children:l(m,{initial:!1,mode:"popLayout",children:[d&&c(u.span,{variants:z,initial:"loading",animate:"loading",exit:"hide",children:c(e,{size:s,name:$,variant:r,color:"current",className:I.loading})},"loading"),f&&!d&&c(u.span,{variants:x,initial:"icon",animate:"icon",exit:"hide",children:c(e,{size:s,name:f,variant:r,color:"current",className:I.icon})},f.name)]})})})}));
|
5
|
-
/*! © 2024 Yahoo, Inc. UDS v1.0.4 */
|
6
|
-
export{H as Button,T as IconButton,G as SpringMotionConfig};
|
@@ -1,4 +0,0 @@
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@yahoo/uds/fixtures"),t=require("clsx"),o=require("tailwind-merge"),a=require("react"),n=require("@ariakit/react"),l=require("@yahoo/uds/client"),i=require("react-toastify");function s(e){return e&&e.__esModule?e:{default:e}}var d=s(t),p=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M2.8 2.8v10.4h10.4V2.8zM1 1h14v14H1zm10.684 5.131-1.386-1.148-2.846 3.435-1.708-1.69-1.267 1.278 3.106 3.076z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M4.8 4.8v14.4h14.4V4.8zM3 3h18v18H3zm13.74 6.131-1.387-1.148-4.174 5.04-2.519-2.494-1.266 1.28 3.916 3.877z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M4.1 4.1v23.8h23.8V4.1zM2 2h28v28H2zm21.548 9.348L21.777 9.88l-7.032 8.489-4.253-4.21-1.618 1.634 6.039 5.979z"})})}if("fill"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M15 1H1v14h14zm-2.816 4.881-4.722 5.7-3.485-3.45 1.267-1.279L7.33 8.918l3.467-4.185z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M21 3H3v18h18zm-4.066 6.131-5.55 6.7-3.99-3.95 1.266-1.279 2.592 2.566 4.295-5.185z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M30 2H2v28h28zm-6.452 9.348-8.635 10.425-6.04-5.979 1.619-1.635 4.253 4.211 7.031-8.49z"})})}return e.jsx(e.Fragment,{})},c=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M7.795 12.199 1.381 5.783 2.795 4.37l5 5 5-5 1.414 1.414z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M11.56 17.24 4.31 9.756 5.78 8.24l5.781 5.969 5.782-5.969 1.469 1.516z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M15.768 23.536 3 10.767 4.768 9l11 11 11-11 1.767 1.768z"})})}if("fill"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M8.001 12.627 1.375 6l1.626-1.626 5 5 5-5L14.628 6z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m12 17.763-7.686-7.686 1.839-1.839L12 14.086l5.848-5.848 1.838 1.839z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M16.121 24.243 3 11.12 5.121 9l11 11 11-11 2.122 2.121z"})})}return e.jsx(e.Fragment,{})},m=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m7.795 3.37 6.414 6.414-1.414 1.414-5-5-5 5-1.414-1.414z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m11.56 6.24 7.25 7.485-1.468 1.515-5.781-5.968-5.782 5.968-1.468-1.515z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m15.649 7.38 12.767 12.768-1.767 1.767-11-11-11 11-1.768-1.767z"})})}if("fill"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M8.001 3.374 14.628 10 13 11.627l-5-5-5 5L1.375 10z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m12 6.238 7.686 7.686-1.838 1.839L12 9.915l-5.847 5.848-1.839-1.839z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M16 7.379 29.122 20.5 27 22.622l-11-11-11 11L2.88 20.5z"})})}return e.jsx(e.Fragment,{})},b=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m9.169 7.896 5.364-5.363L13.26 1.26 7.896 6.624 2.533 1.26 1.26 2.533l5.363 5.363L1.26 13.26l1.273 1.273 5.363-5.364 5.364 5.364 1.273-1.273z"})});case"md":return e.jsx(e.Fragment,{children:e.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 e.jsx(e.Fragment,{children:e.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"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m9.485 8 5.257-5.258-1.485-1.484L8 6.515 2.742 1.258 1.257 2.742 6.515 8l-5.258 5.258 1.485 1.485L8 9.485l5.257 5.258 1.485-1.485z"})});case"md":return e.jsx(e.Fragment,{children:e.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 e.jsx(e.Fragment,{children:e.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 e.jsx(e.Fragment,{})},f=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M13.2 2.8v10.4H2.8V2.8zM1 1v14h14V1z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M19.2 4.8v14.4H4.8V4.8zM3 3v18h18V3z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M27.9 4.1v22.8H4.1V4.1zM2 2v27h28V2z"})})}if("fill"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M1 1h14v14H1z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M3 3h18v18H3z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M2 2h28v27H2z"})})}return e.jsx(e.Fragment,{})};
|
2
|
-
/*! © 2024 Yahoo, Inc. UDS v1.1.8 */function u(e){return"boolean"==typeof e?`${e}`:0===e?"0":e}var x,g="uds",h={color:{accent:"text-accent",alert:"text-alert",black:"text-black",brand:"text-brand",positive:"text-positive",warning:"text-warning",white:"text-white",transparent:"text-transparent",muted:"text-muted","on-color":"text-on-color",primary:"text-primary",secondary:"text-secondary",tertiary:"text-tertiary",current:"text-current"},placeholderColor:{accent:"placeholder:text-accent",alert:"placeholder:text-alert",black:"placeholder:text-black",brand:"placeholder:text-brand",positive:"placeholder:text-positive",warning:"placeholder:text-warning",white:"placeholder:text-white",transparent:"placeholder:text-transparent",muted:"placeholder:text-muted","on-color":"placeholder:text-on-color",primary:"placeholder:text-primary",secondary:"placeholder:text-secondary",tertiary:"placeholder:text-tertiary",current:"placeholder:text-current"},fontFamily:{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",caption1:"font-caption1",caption2:"font-caption2",legal1:"font-legal1"},fontSize:{display1:"font-size-display1",display2:"font-size-display2",display3:"font-size-display3",title1:"font-size-title1",title2:"font-size-title2",title3:"font-size-title3",title4:"font-size-title4",headline1:"font-size-headline1",body1:"font-size-body1",label1:"font-size-label1",label2:"font-size-label2",caption1:"font-size-caption1",caption2:"font-size-caption2",legal1:"font-size-legal1"},fontWeight:{thin:"font-weight-thin",extralight:"font-weight-extralight",light:"font-weight-light",regular:"font-weight-regular",medium:"font-weight-medium",semibold:"font-weight-semibold",bold:"font-weight-bold",extrabold:"font-weight-extrabold",black:"font-weight-black",display1:"font-weight-display1",display2:"font-weight-display2",display3:"font-weight-display3",title1:"font-weight-title1",title2:"font-weight-title2",title3:"font-weight-title3",title4:"font-weight-title4",headline1:"font-weight-headline1",body1:"font-weight-body1",label1:"font-weight-label1",label2:"font-weight-label2",caption1:"font-weight-caption1",caption2:"font-weight-caption2",legal1:"font-weight-legal1"},lineHeight:{display1:"leading-display1",display2:"leading-display2",display3:"leading-display3",title1:"leading-title1",title2:"leading-title2",title3:"leading-title3",title4:"leading-title4",headline1:"leading-headline1",body1:"leading-body1",label1:"leading-label1",label2:"leading-label2",caption1:"leading-caption1",caption2:"leading-caption2",legal1:"leading-legal1"},textAlign:{center:"text-center",justify:"text-justify",start:"text-start",end:"text-end"},textTransform:{display1:"case-display1",display2:"case-display2",display3:"case-display3",title1:"case-title1",title2:"case-title2",title3:"case-title3",title4:"case-title4",headline1:"case-headline1",body1:"case-body1",label1:"case-label1",label2:"case-label2",caption1:"case-caption1",caption2:"case-caption2",legal1:"case-legal1",none:"normal-case",uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize"},spacing:{0:"p-0",px:"p-px",.5:"p-0.5",1:"p-1",1.5:"p-1.5",2:"p-2",2.5:"p-2.5",3:"p-3",3.5:"p-3.5",4:"p-4",5:"p-5",6:"p-6",7:"p-7",8:"p-8",9:"p-9",10:"p-10",11:"p-11",12:"p-12",14:"p-14",16:"p-16",20:"p-20",24:"p-24",28:"p-28",32:"p-32",36:"p-36",40:"p-40",44:"p-44",48:"p-48",52:"p-52",56:"p-56",60:"p-60",64:"p-64",72:"p-72",80:"p-80",96:"p-96"},spacingHorizontal:{0:"px-0",px:"px-px",.5:"px-0.5",1:"px-1",1.5:"px-1.5",2:"px-2",2.5:"px-2.5",3:"px-3",3.5:"px-3.5",4:"px-4",5:"px-5",6:"px-6",7:"px-7",8:"px-8",9:"px-9",10:"px-10",11:"px-11",12:"px-12",14:"px-14",16:"px-16",20:"px-20",24:"px-24",28:"px-28",32:"px-32",36:"px-36",40:"px-40",44:"px-44",48:"px-48",52:"px-52",56:"px-56",60:"px-60",64:"px-64",72:"px-72",80:"px-80",96:"px-96"},spacingVertical:{0:"py-0",px:"py-px",.5:"py-0.5",1:"py-1",1.5:"py-1.5",2:"py-2",2.5:"py-2.5",3:"py-3",3.5:"py-3.5",4:"py-4",5:"py-5",6:"py-6",7:"py-7",8:"py-8",9:"py-9",10:"py-10",11:"py-11",12:"py-12",14:"py-14",16:"py-16",20:"py-20",24:"py-24",28:"py-28",32:"py-32",36:"py-36",40:"py-40",44:"py-44",48:"py-48",52:"py-52",56:"py-56",60:"py-60",64:"py-64",72:"py-72",80:"py-80",96:"py-96"},spacingBottom:{0:"pb-0",px:"pb-px",.5:"pb-0.5",1:"pb-1",1.5:"pb-1.5",2:"pb-2",2.5:"pb-2.5",3:"pb-3",3.5:"pb-3.5",4:"pb-4",5:"pb-5",6:"pb-6",7:"pb-7",8:"pb-8",9:"pb-9",10:"pb-10",11:"pb-11",12:"pb-12",14:"pb-14",16:"pb-16",20:"pb-20",24:"pb-24",28:"pb-28",32:"pb-32",36:"pb-36",40:"pb-40",44:"pb-44",48:"pb-48",52:"pb-52",56:"pb-56",60:"pb-60",64:"pb-64",72:"pb-72",80:"pb-80",96:"pb-96"},spacingEnd:{0:"pe-0",px:"pe-px",.5:"pe-0.5",1:"pe-1",1.5:"pe-1.5",2:"pe-2",2.5:"pe-2.5",3:"pe-3",3.5:"pe-3.5",4:"pe-4",5:"pe-5",6:"pe-6",7:"pe-7",8:"pe-8",9:"pe-9",10:"pe-10",11:"pe-11",12:"pe-12",14:"pe-14",16:"pe-16",20:"pe-20",24:"pe-24",28:"pe-28",32:"pe-32",36:"pe-36",40:"pe-40",44:"pe-44",48:"pe-48",52:"pe-52",56:"pe-56",60:"pe-60",64:"pe-64",72:"pe-72",80:"pe-80",96:"pe-96"},spacingStart:{0:"ps-0",px:"ps-px",.5:"ps-0.5",1:"ps-1",1.5:"ps-1.5",2:"ps-2",2.5:"ps-2.5",3:"ps-3",3.5:"ps-3.5",4:"ps-4",5:"ps-5",6:"ps-6",7:"ps-7",8:"ps-8",9:"ps-9",10:"ps-10",11:"ps-11",12:"ps-12",14:"ps-14",16:"ps-16",20:"ps-20",24:"ps-24",28:"ps-28",32:"ps-32",36:"ps-36",40:"ps-40",44:"ps-44",48:"ps-48",52:"ps-52",56:"ps-56",60:"ps-60",64:"ps-64",72:"ps-72",80:"ps-80",96:"ps-96"},spacingTop:{0:"pt-0",px:"pt-px",.5:"pt-0.5",1:"pt-1",1.5:"pt-1.5",2:"pt-2",2.5:"pt-2.5",3:"pt-3",3.5:"pt-3.5",4:"pt-4",5:"pt-5",6:"pt-6",7:"pt-7",8:"pt-8",9:"pt-9",10:"pt-10",11:"pt-11",12:"pt-12",14:"pt-14",16:"pt-16",20:"pt-20",24:"pt-24",28:"pt-28",32:"pt-32",36:"pt-36",40:"pt-40",44:"pt-44",48:"pt-48",52:"pt-52",56:"pt-56",60:"pt-60",64:"pt-64",72:"pt-72",80:"pt-80",96:"pt-96"},offset:{0:"-m-0",px:"-m-px",.5:"-m-0.5",1:"-m-1",1.5:"-m-1.5",2:"-m-2",2.5:"-m-2.5",3:"-m-3",3.5:"-m-3.5",4:"-m-4",5:"-m-5",6:"-m-6",7:"-m-7",8:"-m-8",9:"-m-9",10:"-m-10",11:"-m-11",12:"-m-12",14:"-m-14",16:"-m-16",20:"-m-20",24:"-m-24",28:"-m-28",32:"-m-32",36:"-m-36",40:"-m-40",44:"-m-44",48:"-m-48",52:"-m-52",56:"-m-56",60:"-m-60",64:"-m-64",72:"-m-72",80:"-m-80",96:"-m-96"},offsetVertical:{0:"-my-0",px:"-my-px",.5:"-my-0.5",1:"-my-1",1.5:"-my-1.5",2:"-my-2",2.5:"-my-2.5",3:"-my-3",3.5:"-my-3.5",4:"-my-4",5:"-my-5",6:"-my-6",7:"-my-7",8:"-my-8",9:"-my-9",10:"-my-10",11:"-my-11",12:"-my-12",14:"-my-14",16:"-my-16",20:"-my-20",24:"-my-24",28:"-my-28",32:"-my-32",36:"-my-36",40:"-my-40",44:"-my-44",48:"-my-48",52:"-my-52",56:"-my-56",60:"-my-60",64:"-my-64",72:"-my-72",80:"-my-80",96:"-my-96"},offsetHorizontal:{0:"-mx-0",px:"-mx-px",.5:"-mx-0.5",1:"-mx-1",1.5:"-mx-1.5",2:"-mx-2",2.5:"-mx-2.5",3:"-mx-3",3.5:"-mx-3.5",4:"-mx-4",5:"-mx-5",6:"-mx-6",7:"-mx-7",8:"-mx-8",9:"-mx-9",10:"-mx-10",11:"-mx-11",12:"-mx-12",14:"-mx-14",16:"-mx-16",20:"-mx-20",24:"-mx-24",28:"-mx-28",32:"-mx-32",36:"-mx-36",40:"-mx-40",44:"-mx-44",48:"-mx-48",52:"-mx-52",56:"-mx-56",60:"-mx-60",64:"-mx-64",72:"-mx-72",80:"-mx-80",96:"-mx-96"},offsetBottom:{0:"-mb-0",px:"-mb-px",.5:"-mb-0.5",1:"-mb-1",1.5:"-mb-1.5",2:"-mb-2",2.5:"-mb-2.5",3:"-mb-3",3.5:"-mb-3.5",4:"-mb-4",5:"-mb-5",6:"-mb-6",7:"-mb-7",8:"-mb-8",9:"-mb-9",10:"-mb-10",11:"-mb-11",12:"-mb-12",14:"-mb-14",16:"-mb-16",20:"-mb-20",24:"-mb-24",28:"-mb-28",32:"-mb-32",36:"-mb-36",40:"-mb-40",44:"-mb-44",48:"-mb-48",52:"-mb-52",56:"-mb-56",60:"-mb-60",64:"-mb-64",72:"-mb-72",80:"-mb-80",96:"-mb-96"},offsetEnd:{0:"-me-0",px:"-me-px",.5:"-me-0.5",1:"-me-1",1.5:"-me-1.5",2:"-me-2",2.5:"-me-2.5",3:"-me-3",3.5:"-me-3.5",4:"-me-4",5:"-me-5",6:"-me-6",7:"-me-7",8:"-me-8",9:"-me-9",10:"-me-10",11:"-me-11",12:"-me-12",14:"-me-14",16:"-me-16",20:"-me-20",24:"-me-24",28:"-me-28",32:"-me-32",36:"-me-36",40:"-me-40",44:"-me-44",48:"-me-48",52:"-me-52",56:"-me-56",60:"-me-60",64:"-me-64",72:"-me-72",80:"-me-80",96:"-me-96"},offsetStart:{0:"-ms-0",px:"-ms-px",.5:"-ms-0.5",1:"-ms-1",1.5:"-ms-1.5",2:"-ms-2",2.5:"-ms-2.5",3:"-ms-3",3.5:"-ms-3.5",4:"-ms-4",5:"-ms-5",6:"-ms-6",7:"-ms-7",8:"-ms-8",9:"-ms-9",10:"-ms-10",11:"-ms-11",12:"-ms-12",14:"-ms-14",16:"-ms-16",20:"-ms-20",24:"-ms-24",28:"-ms-28",32:"-ms-32",36:"-ms-36",40:"-ms-40",44:"-ms-44",48:"-ms-48",52:"-ms-52",56:"-ms-56",60:"-ms-60",64:"-ms-64",72:"-ms-72",80:"-ms-80",96:"-ms-96"},offsetTop:{0:"-mt-0",px:"-mt-px",.5:"-mt-0.5",1:"-mt-1",1.5:"-mt-1.5",2:"-mt-2",2.5:"-mt-2.5",3:"-mt-3",3.5:"-mt-3.5",4:"-mt-4",5:"-mt-5",6:"-mt-6",7:"-mt-7",8:"-mt-8",9:"-mt-9",10:"-mt-10",11:"-mt-11",12:"-mt-12",14:"-mt-14",16:"-mt-16",20:"-mt-20",24:"-mt-24",28:"-mt-28",32:"-mt-32",36:"-mt-36",40:"-mt-40",44:"-mt-44",48:"-mt-48",52:"-mt-52",56:"-mt-56",60:"-mt-60",64:"-mt-64",72:"-mt-72",80:"-mt-80",96:"-mt-96"},columnGap:{0:"gap-x-0",px:"gap-x-px",.5:"gap-x-0.5",1:"gap-x-1",1.5:"gap-x-1.5",2:"gap-x-2",2.5:"gap-x-2.5",3:"gap-x-3",3.5:"gap-x-3.5",4:"gap-x-4",5:"gap-x-5",6:"gap-x-6",7:"gap-x-7",8:"gap-x-8",9:"gap-x-9",10:"gap-x-10",11:"gap-x-11",12:"gap-x-12",14:"gap-x-14",16:"gap-x-16",20:"gap-x-20",24:"gap-x-24",28:"gap-x-28",32:"gap-x-32",36:"gap-x-36",40:"gap-x-40",44:"gap-x-44",48:"gap-x-48",52:"gap-x-52",56:"gap-x-56",60:"gap-x-60",64:"gap-x-64",72:"gap-x-72",80:"gap-x-80",96:"gap-x-96"},rowGap:{0:"gap-y-0",px:"gap-y-px",.5:"gap-y-0.5",1:"gap-y-1",1.5:"gap-y-1.5",2:"gap-y-2",2.5:"gap-y-2.5",3:"gap-y-3",3.5:"gap-y-3.5",4:"gap-y-4",5:"gap-y-5",6:"gap-y-6",7:"gap-y-7",8:"gap-y-8",9:"gap-y-9",10:"gap-y-10",11:"gap-y-11",12:"gap-y-12",14:"gap-y-14",16:"gap-y-16",20:"gap-y-20",24:"gap-y-24",28:"gap-y-28",32:"gap-y-32",36:"gap-y-36",40:"gap-y-40",44:"gap-y-44",48:"gap-y-48",52:"gap-y-52",56:"gap-y-56",60:"gap-y-60",64:"gap-y-64",72:"gap-y-72",80:"gap-y-80",96:"gap-y-96"},backgroundColor:{accent:"bg-accent",alert:"bg-alert",black:"bg-black",brand:"bg-brand",positive:"bg-positive",warning:"bg-warning",white:"bg-white",primary:"bg-primary",secondary:"bg-secondary",transparent:"bg-transparent",current:"bg-current"},borderColor:{accent:"border-accent",alert:"border-alert",black:"border-black",brand:"border-brand",positive:"border-positive",warning:"border-warning",white:"border-white",transparent:"border-transparent",muted:"border-muted",primary:"border-primary",secondary:"border-secondary",tertiary:"border-tertiary",current:"border-current"},borderStartColor:{accent:"border-s-accent",alert:"border-s-alert",black:"border-s-black",brand:"border-s-brand",positive:"border-s-positive",warning:"border-s-warning",white:"border-s-white",transparent:"border-s-transparent",muted:"border-s-muted",primary:"border-s-primary",secondary:"border-s-secondary",tertiary:"border-s-tertiary",current:"border-s-current"},borderEndColor:{accent:"border-e-accent",alert:"border-e-alert",black:"border-e-black",brand:"border-e-brand",positive:"border-e-positive",warning:"border-e-warning",white:"border-e-white",transparent:"border-e-transparent",muted:"border-e-muted",primary:"border-e-primary",secondary:"border-e-secondary",tertiary:"border-e-tertiary",current:"border-e-current"},borderBottomColor:{accent:"border-b-accent",alert:"border-b-alert",black:"border-b-black",brand:"border-b-brand",positive:"border-b-positive",warning:"border-b-warning",white:"border-b-white",transparent:"border-b-transparent",muted:"border-b-muted",primary:"border-b-primary",secondary:"border-b-secondary",tertiary:"border-b-tertiary",current:"border-b-current"},borderTopColor:{accent:"border-t-accent",alert:"border-t-alert",black:"border-t-black",brand:"border-t-brand",positive:"border-t-positive",warning:"border-t-warning",white:"border-t-white",transparent:"border-t-transparent",muted:"border-t-muted",primary:"border-t-primary",secondary:"border-t-secondary",tertiary:"border-t-tertiary",current:"border-t-current"},borderRadius:{none:"rounded-none",xs:"rounded-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:{sm:"avatarSize-sm",md:"avatarSize-md",lg:"avatarSize-lg"},iconSize:{sm:"iconSize-sm leading-none",md:"iconSize-md leading-none",lg:"iconSize-lg leading-none"},alignContent:{"flex-start":"content-start","flex-end":"content-end",center:"content-center",stretch:"content-stretch","space-between":"content-between","space-around":"content-around"},alignItems:{"flex-start":"items-start","flex-end":"items-end",center:"items-center",stretch:"items-stretch",baseline:"items-baseline"},alignSelf:{auto:"self-auto","flex-start":"self-start","flex-end":"self-end",center:"self-center",stretch:"self-stretch",baseline:"self-baseline"},flex:{1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"},flexDirection:{row:"flex-row",column:"flex-col","row-reverse":"flex-row-reverse","column-reverse":"flex-col-reverse"},flexGrow:{0:"grow-0",1:"grow",2:"grow-[2]",3:"grow-[3]"},flexShrink:{0:"shrink-0",1:"shrink"},flexWrap:{wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse",nowrap:"flex-nowrap"},justifyContent:{"flex-start":"justify-start","flex-end":"justify-end",center:"justify-center","space-between":"justify-between","space-around":"justify-around","space-evenly":"justify-evenly"},flexBasis:{"min-content":"basis-[min-content]"},display:{block:"block","inline-block":"inline-block",inline:"inline",flex:"flex","inline-flex":"inline-flex",table:"table","inline-table":"inline-table","table-caption":"table-caption","table-cell":"table-cell","table-column":"table-column","table-column-group":"table-column-group","table-footer-group":"table-footer-group","table-header-group":"table-header-group","table-row-group":"table-row-group","table-row":"table-row","flow-root":"flow-root",grid:"grid",contents:"contents"},overflow:{auto:"overflow-auto",hidden:"overflow-hidden",clip:"overflow-clip",visible:"overflow-visible",scroll:"overflow-scroll"},overflowX:{auto:"overflow-x-auto",hidden:"overflow-x-hidden",clip:"overflow-x-clip",visible:"overflow-x-visible",scroll:"overflow-x-scroll"},overflowY:{auto:"overflow-y-auto",hidden:"overflow-y-hidden",clip:"overflow-y-clip",visible:"overflow-y-visible",scroll:"overflow-y-scroll"},position:{static:"static",fixed:"fixed",absolute:"absolute",relative:"relative",sticky:"sticky"},contentFit:{contain:"object-contain",cover:"object-cover",fill:"object-fill",none:"object-none","scale-down":"object-scale-down"},colorMode:{dark:`${g}-color-mode-dark`,light:`${g}-color-mode-light`},scaleMode:{xSmall:`${g}-scale-mode-xsmall`,small:`${g}-scale-mode-small`,medium:`${g}-scale-mode-medium`,large:`${g}-scale-mode-large`,xLarge:`${g}-scale-mode-xlarge`,xxxLarge:`${g}-scale-mode-xxxlarge`,xxLarge:`${g}-scale-mode-xxlarge`},buttonPalette:{accent:"uds-button-accent",brand:"uds-button-brand",alert:"uds-button-alert",positive:"uds-button-positive",warning:"uds-button-warning"},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"}},y=o.extendTailwindMerge({extend:{theme:{borderColor:r.lineColors,borderWidth:r.borderWidths,borderRadius:r.borderRadii}},override:{classGroups:{"text-color":[{text:[...r.foregroundColors,...r.spectrumColors]}],"bg-color":[{bg:r.backgroundColors}],"font-family":[{font:["icons",...r.textVariants]}],leading:[{leading:r.textVariants}]},conflictingClassGroups:{}}}),w=(...e)=>{const r=d.default(e);return y(r)},v=(x={variants:h},e=>{if(!x?.variants)return w(x?.base,e?.className);const{variants:r,defaultVariants:t}=x,o=Object.keys(r).map((o=>{const a=e?.[o],n=t?.[o],l=u(a)||u(n);return r[o][l]})),a={...t,...e&&Object.entries(e).reduce(((e,[r,t])=>void 0===t?e:{...e,[r]:t}),{})},n=x?.compoundVariants?.reduce(((e,{className:r,...t})=>Object.entries(t).every((([e,r])=>a[e]===r))?w(e,r):e),"");return w(x?.base,o,n,e?.className)}),C={sm:16,md:24,lg:32},j=a.forwardRef((function({name:r,size:t="md",variant:o="outline",color:a="primary",className:n,...l},i){const s=v({color:a,className:n}),d=C[t];return e.jsx("svg",{ref:i,xmlns:"http://www.w3.org/2000/svg",width:d,height:d,viewBox:`0 0 ${d} ${d}`,"aria-hidden":"true",focusable:"false",className:s,...l,children:e.jsx(r,{size:t,variant:o})})}));function z(...e){return r=>e.forEach((e=>function(e,r){"function"==typeof e?e(r):null!=e&&(e.current=r)}(e,r)))}function k(){const r=a.forwardRef(((r,o)=>{const{children:l,...i}=r,s=a.Children.toArray(l),d=s.find(n);if(d){const r=d.props.children,n=s.map((e=>e===d?a.Children.count(r)>1?a.Children.only(null):a.isValidElement(r)?r.props.children:null:e));return e.jsx(t,{...i,ref:o,children:a.isValidElement(r)?a.cloneElement(r,void 0,n):null})}return e.jsx(t,{...i,ref:o,children:l})}));r.displayName="Slot";const t=a.forwardRef(((e,r)=>{const{children:t,...o}=e;return a.isValidElement(t)?a.cloneElement(t,{...l(o,t.props),ref:r?z(r,t.ref):t.ref}):a.Children.count(t)>1?a.Children.only(null):null}));t.displayName="SlotClone";const o=({children:e})=>e;function n(e){return a.isValidElement(e)&&e.type===o}function l(e,r){const t={...r};for(const o in r){const a=e[o],n=r[o];/^on[A-Z]/.test(o)?a&&n?t[o]=(...e)=>{n(...e),a(...e)}:a&&(t[o]=a):"style"===o&&(t[o]={...a,...n})}return{...e,...t}}return r}var S=k(),T=a.forwardRef((function({className:r,asChild:t,onPress:o,onClick:a=o,backgroundColor:n,borderRadius:l,borderTopStartRadius:i,borderTopEndRadius:s,borderBottomStartRadius:d,borderBottomEndRadius:p,borderColor:c,borderStartColor:m,borderEndColor:b,borderTopColor:f,borderBottomColor:u,borderWidth:x,borderVerticalWidth:g,borderHorizontalWidth:h,borderStartWidth:y,borderEndWidth:w,borderTopWidth:C,borderBottomWidth:j,alignContent:z,alignItems:k,alignSelf:T,flex:R,flexDirection:W,flexGrow:B,flexShrink:N,flexWrap:H,justifyContent:E,flexBasis:V,display:F,overflow:M,overflowX:D,overflowY:P,position:G,spacing:I,spacingHorizontal:L,spacingVertical:A,spacingBottom:q,spacingEnd:$,spacingStart:X,spacingTop:Y,offset:_,offsetVertical:O,offsetHorizontal:Z,offsetBottom:J,offsetEnd:K,offsetStart:Q,offsetTop:U,columnGap:ee,rowGap:re,...te},oe){const ae=v({backgroundColor:n,borderRadius:l,borderTopStartRadius:i,borderTopEndRadius:s,borderBottomStartRadius:d,borderBottomEndRadius:p,borderColor:c,borderStartColor:m,borderEndColor:b,borderTopColor:f,borderBottomColor:u,borderWidth:x,borderVerticalWidth:g,borderHorizontalWidth:h,borderStartWidth:y,borderEndWidth:w,borderTopWidth:C,borderBottomWidth:j,alignContent:z,alignItems:k,alignSelf:T,flex:R,flexDirection:W,flexGrow:B,flexShrink:N,flexWrap:H,justifyContent:E,flexBasis:V,display:F,overflow:M,overflowX:D,overflowY:P,position:G,spacing:I,spacingHorizontal:L,spacingVertical:A,spacingBottom:q,spacingEnd:$,spacingStart:X,spacingTop:Y,offset:_,offsetVertical:O,offsetHorizontal:Z,offsetBottom:J,offsetEnd:K,offsetStart:Q,offsetTop:U,columnGap:ee,rowGap:re,className:r}),ne=t?S:"button";return e.jsx(ne,{className:ae,ref:oe,onClick:a,...te})})),R=k(),W={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",caption1:"p",caption2:"p",legal1:"p"},B=a.forwardRef((function({className:r,asChild:t,color:o="primary",variant:a="body1",as:n=W[a],fontSize:l=a,fontFamily:i=a,fontWeight:s=a,lineHeight:d=a,textTransform:p=a,textAlign:c,backgroundColor:m,borderRadius:b,borderTopStartRadius:f,borderTopEndRadius:u,borderBottomStartRadius:x,borderBottomEndRadius:g,borderColor:h,borderStartColor:y,borderEndColor:w,borderTopColor:C,borderBottomColor:j,borderWidth:z,borderVerticalWidth:k,borderHorizontalWidth:S,borderStartWidth:T,borderEndWidth:B,borderTopWidth:N,borderBottomWidth:H,alignContent:E,alignItems:V,alignSelf:F,flex:M,flexDirection:D,flexGrow:P,flexShrink:G,flexWrap:I,justifyContent:L,flexBasis:A,display:q,overflow:$,overflowX:X,overflowY:Y,position:_,spacing:O,spacingHorizontal:Z,spacingVertical:J,spacingBottom:K,spacingEnd:Q,spacingStart:U,spacingTop:ee,offset:re,offsetVertical:te,offsetHorizontal:oe,offsetBottom:ae,offsetEnd:ne,offsetStart:le,offsetTop:ie,columnGap:se,rowGap:de,...pe},ce){const me=v({className:r,color:o,fontFamily:i,fontSize:l,fontWeight:s,lineHeight:d,textTransform:p,textAlign:c,backgroundColor:m,borderRadius:b,borderTopStartRadius:f,borderTopEndRadius:u,borderBottomStartRadius:x,borderBottomEndRadius:g,borderColor:h,borderStartColor:y,borderEndColor:w,borderTopColor:C,borderBottomColor:j,borderWidth:z,borderVerticalWidth:k,borderHorizontalWidth:S,borderStartWidth:T,borderEndWidth:B,borderTopWidth:N,borderBottomWidth:H,alignContent:E,alignItems:V,alignSelf:F,flex:M,flexDirection:D,flexGrow:P,flexShrink:G,flexWrap:I,justifyContent:L,flexBasis:A,display:q,overflow:$,overflowX:X,overflowY:Y,position:_,spacing:O,spacingHorizontal:Z,spacingVertical:J,spacingBottom:K,spacingEnd:Q,spacingStart:U,spacingTop:ee,offset:re,offsetVertical:te,offsetHorizontal:oe,offsetBottom:ae,offsetEnd:ne,offsetStart:le,offsetTop:ie,columnGap:se,rowGap:de}),be=t?R:n;return e.jsx(be,{className:me,ref:ce,...pe})})),N=k(),H=a.forwardRef((function({asChild:r,className:t,backgroundColor:o,borderRadius:a,borderTopStartRadius:n,borderTopEndRadius:l,borderBottomStartRadius:i,borderBottomEndRadius:s,borderColor:d,borderStartColor:p,borderEndColor:c,borderTopColor:m,borderBottomColor:b,borderWidth:f,borderVerticalWidth:u,borderHorizontalWidth:x,borderStartWidth:g,borderEndWidth:h,borderTopWidth:y,borderBottomWidth:w,alignContent:C,alignItems:j,alignSelf:z,flex:k,flexDirection:S,flexGrow:T,flexShrink:R,flexWrap:W,justifyContent:B,flexBasis:H,display:E="flex",overflow:V,overflowX:F,overflowY:M,position:D,spacing:P,spacingHorizontal:G,spacingVertical:I,spacingBottom:L,spacingEnd:A,spacingStart:q,spacingTop:$,offset:X,offsetVertical:Y,offsetHorizontal:_,offsetBottom:O,offsetEnd:Z,offsetStart:J,offsetTop:K,columnGap:Q,rowGap:U,...ee},re){const te=v({backgroundColor:o,borderRadius:a,borderTopStartRadius:n,borderTopEndRadius:l,borderBottomStartRadius:i,borderBottomEndRadius:s,borderColor:d,borderStartColor:p,borderEndColor:c,borderTopColor:m,borderBottomColor:b,borderWidth:f,borderVerticalWidth:u,borderHorizontalWidth:x,borderStartWidth:g,borderEndWidth:h,borderTopWidth:y,borderBottomWidth:w,alignContent:C,alignItems:j,alignSelf:z,flex:k,flexDirection:S,flexGrow:T,flexShrink:R,flexWrap:W,justifyContent:B,flexBasis:H,display:E,overflow:V,overflowX:F,overflowY:M,position:D,spacing:P,spacingHorizontal:G,spacingVertical:I,spacingBottom:L,spacingEnd:A,spacingStart:q,spacingTop:$,offset:X,offsetVertical:Y,offsetHorizontal:_,offsetBottom:O,offsetEnd:Z,offsetStart:J,offsetTop:K,columnGap:Q,rowGap:U,className:t}),oe=r?N:"div";return e.jsx(oe,{className:te,ref:re,...ee})})),E=a.forwardRef((function({gap:r,...t},o){return e.jsx(H,{ref:o,flexDirection:"column",columnGap:r,rowGap:r,...t})}));var V={display:"inline-flex",alignItems:"center",justifyContent:"center",overflow:"hidden",backgroundColor:"primary",contentFit:"cover"};var F=a.forwardRef((function({gap:r,...t},o){return e.jsx(H,{ref:o,flexDirection:"row",rowGap:r,columnGap:r,...t})})),M={accent:"on-color",secondary:"primary"},D={accent:"on-color",secondary:"tertiary"};var P=n.Popover,G=n.PopoverArrow,I=n.PopoverAnchor,L=n.PopoverDescription,A=n.PopoverDismiss,q=n.PopoverProvider,$=n.PopoverDisclosure,X=n.PopoverDisclosureArrow,Y=q,_=a.forwardRef((function({children:r,disabled:t,onClick:o,...l},i){const s=n.usePopoverStore(),d=a.useCallback((e=>{e.preventDefault();o?.((()=>s.setOpen(!1)))}),[o,s]);return e.jsx(T,{display:"flex",flexDirection:"row",alignItems:"flex-start",spacingVertical:"4",spacingHorizontal:"8",columnGap:"3",borderColor:"muted",className:w(!t&&"hover:bg-gray-2",t&&"cursor-default"),onClick:o?d:void 0,ref:i,...l,children:r})}));var O=a.forwardRef((function({children:r,className:t,overflow:o="scroll",...a},n){return e.jsx(E,{borderRadius:"lg",backgroundColor:"primary",className:w("z-10 max-h-[312px] min-w-[220px] shadow-md",t),overflow:o,spacingVertical:"2",asChild:!0,children:e.jsxs(P,{preventBodyScroll:!0,...a,ref:n,children:[e.jsx(G,{className:"!fill-elevation-3 !stroke-muted !stroke-1"}),r]})})}));var Z=n.DialogDismiss;var J=a.forwardRef((function({children:r,className:t,display:o="table",overflow:a="hidden",borderColor:n="muted",borderRadius:l="md",...i},s){return e.jsx(H,{asChild:!0,borderColor:n,borderRadius:l,className:t,overflow:a,display:o,...i,children:e.jsx("table",{ref:s,children:r})})})),K=a.forwardRef((function({children:r,display:t="table-row",...o},a){return e.jsx(H,{asChild:!0,display:t,...o,children:e.jsx("tr",{ref:a,children:r})})})),Q=a.forwardRef((function({children:r,display:t="table-header-group",...o},a){return e.jsx(H,{asChild:!0,display:t,...o,children:e.jsx("thead",{ref:a,children:r})})})),U=a.forwardRef((function({children:r,display:t="table-row-group",...o},a){return e.jsx(H,{asChild:!0,display:t,...o,children:e.jsx("tbody",{ref:a,children:r})})})),ee=a.forwardRef((function({asHeaderCell:r,className:t,display:o="table-cell",spacing:a="3",borderBottomColor:n="muted",color:l="primary",...i},s){const d=v({textAlign:"start",className:t}),p=r?"th":"td",c="row"===r?"row":r?"column":void 0,m=r?"headline1":"body1";return e.jsx(B,{asChild:!0,variant:m,color:l,display:o,spacing:a,borderBottomColor:n,borderBottomWidth:"thin",className:d,children:e.jsx(p,{scope:c,...i,ref:s})})}));function re({data:r,columns:t,...o}){return e.jsxs(re.Root,{...o,children:[e.jsx(re.Header,{children:e.jsx(re.Row,{children:t.map(((r,t)=>e.jsx(re.Cell,{asHeaderCell:"column",children:r.title},t)))})}),e.jsx(re.Body,{children:r.map(((r,o)=>e.jsx(re.Row,{children:t.map(((t,n)=>{const l=r[t.dataIndex];return e.jsx(re.Cell,{children:t.render?t.render(l,r,o):a.isValidElement(l)?l:String(l)},n)}))},o)))})]})}re.Root=J,re.Row=K,re.Header=Q,re.Body=U,re.Cell=ee;var te=k();var oe=a.forwardRef((function({className:r,...t},o){const a=v({display:"flex",flexDirection:"row",columnGap:"6",className:r});return e.jsx(n.TabList,{ref:o,...t,className:a})})),ae=a.forwardRef((function(r,t){const o=n.useTabContext();if(!o)throw new Error("TabPanel must be wrapped in a Tabs component");const a=o.useState("selectedId");return e.jsx(n.TabPanel,{ref:t,tabId:a,...r})}));function ne({className:r,disabled:t,backgroundColor:o=(t?"secondary":"primary"),borderColor:a="tertiary",borderWidth:n="thin",borderRadius:l="md",color:i="primary",placeholderColor:s="tertiary",spacingVertical:d="3",spacingHorizontal:p="4",fontSize:c="body1",...m}){return e.jsx("input",{type:"text","data-1p-ignore":!0,className:w(v({backgroundColor:o,borderColor:a,borderWidth:n,borderRadius:l,spacingVertical:d,spacingHorizontal:p,fontSize:c,fontWeight:c,lineHeight:c,fontFamily:c,color:i,placeholderColor:s}),"w-full",r),disabled:t,...m})}function le({children:r,required:t}){return e.jsxs(B,{variant:"caption2",color:"primary",children:[r,t&&e.jsx(B,{variant:"caption2",as:"span",color:"alert",spacingStart:"0.5",children:"*"})]})}var ie=v({borderRadius:"md",spacingVertical:"2",spacingHorizontal:"3",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",columnGap:"5",overflow:"hidden",position:"relative",className:"cursor-pointer"}),se=v({fontSize:"label2",lineHeight:"label2",fontWeight:"label2"}),de=v({backgroundColor:"positive"}),pe=v({backgroundColor:"alert"}),ce=v({backgroundColor:"accent"}),me=v({backgroundColor:"warning"}),be=v({backgroundColor:"accent"}),fe=v({backgroundColor:"brand"}),ue=v({backgroundColor:"accent"}),xe=e=>"default"===e?.type?w(ie,ue):e?.defaultClassName??"";function ge(e){const{type:r="default",defaultClassName:t=""}=e??{},o={success:de,error:pe,info:ce,warning:me,default:be,dark:fe}[r],a=t.replace(/Toastify__progress-bar-theme--light/,"");return w(a,o)}function he({closeToast:r,type:t}){const o={success:"positive",error:"alert",info:"accent",warning:"warning",default:"accent",dark:"accent"}[t];return e.jsx(l.IconButton,{name:b,size:"sm",palette:o,onClick:r,className:"p-2"})}
|
3
|
-
/*! © 2024 Yahoo, Inc. UDS v1.0.4 */
|
4
|
-
Object.defineProperty(exports,"usePopoverStore",{enumerable:!0,get:function(){return n.usePopoverStore}}),Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return i.toast}}),exports.Accordion=function({label:r,children:t,onClick:o,open:a,spacingHorizontal:n="4",_content:l,className:i,textProps:s,...d}){return e.jsxs(e.Fragment,{children:[e.jsxs(T,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",spacingVertical:"4",spacingHorizontal:n,borderRadius:"md",onClick:o,className:w("hover:bg-secondary/80","w-full",i),...d,children:[e.jsx(B,{variant:"title4",color:"primary",...s||{},children:r}),e.jsx(j,{name:a?c:m,variant:"fill",size:"sm",color:"primary"})]}),e.jsx(E,{overflow:"hidden",className:w("transition-[max-height]","duration-500","ease-in-out",a?"max-h-full":"max-h-0"),spacingHorizontal:n,...l,children:e.jsx(E,{className:"min-h-min",children:t})})]})},exports.Avatar=function({size:r,shape:t,src:o,alt:a,...n}){const l=v({...V,avatarSize:r,borderRadius:t});return e.jsx("img",{src:o,alt:a,className:l,...n})},exports.CheckBox=({label:r,checked:t,onChange:o})=>e.jsx(F,{asChild:!0,alignItems:"center",className:"cursor-pointer",gap:"2",children:e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",checked:t,onChange:e=>{o(e.target.checked)},className:"!max-w-0 cursor-pointer opacity-0"}),e.jsx(j,{name:t?p:f,color:"tertiary",size:"md"}),e.jsx(B,{variant:"label2",color:"secondary",className:"select-none",children:r})]})}),exports.Chip=function({children:r,variant:t,startIcon:o,startContent:a=(o?e.jsx(j,{name:o,variant:"fill",size:"sm",color:M[t]}):null),endIcon:n,endContent:l=(n?e.jsx(j,{name:n,variant:"fill",size:"sm",color:M[t]}):null)}){return e.jsxs(T,{display:"inline-flex",flexDirection:"row",columnGap:"2",borderRadius:"full",backgroundColor:t,alignItems:"center",spacingVertical:"2",spacingHorizontal:"3",children:[a,e.jsx(B,{variant:"label2",color:D[t],children:r}),l]})},exports.Dropdown=Y,exports.DropdownItem=function({title:r,description:t,_title:o,_description:a,startIcon:n,endIcon:l,...i}){return e.jsxs(_,{...i,children:[n&&e.jsx(j,{name:n,size:"md",color:"primary"}),e.jsxs(E,{gap:"3",alignItems:"flex-start",children:[r&&e.jsx(B,{variant:"headline1",color:"primary",...o,children:r}),t&&e.jsx(B,{variant:"label2",color:"muted",...a,children:t})]}),l&&e.jsx(j,{name:l,size:"md",color:"primary"})]})},exports.DropdownItemPressable=_,exports.DropdownItems=O,exports.DropdownTrigger=function({children:r,...t}){return e.jsx($,{render:o=>e.jsx(l.Button,{...o,...t,children:r})})},exports.Modal=function({className:r,...t}){return e.jsx(E,{borderRadius:"md",position:"fixed",backgroundColor:"primary",className:w("inset-8 top-[250px] z-50 mx-auto h-fit w-[600px] origin-center scale-95 opacity-0 shadow-md transition duration-150 data-[enter]:scale-100 data-[enter]:opacity-100",r),spacing:"8",asChild:!0,overflow:"hidden",children:e.jsx(n.Dialog,{backdrop:e.jsx("div",{className:"data-[enter]:bg-primary opacity-0 backdrop-blur-0 transition duration-150 data-[enter]:opacity-60 data-[enter]:backdrop-blur-sm"}),...t})})},exports.ModalDismiss=Z,exports.ModalHeader=function({children:r,handleClose:t}){return e.jsxs(F,{alignItems:"center",justifyContent:"space-between",children:[e.jsx(B,{variant:"headline1",color:"primary",children:r}),e.jsx(l.IconButton,{"aria-label":"Close",size:"sm",variant:"tertiary",name:b,onClick:t})]})},exports.Popover=P,exports.PopoverAnchor=I,exports.PopoverArrow=G,exports.PopoverDescription=L,exports.PopoverDisclosure=$,exports.PopoverDisclosureArrow=X,exports.PopoverDismiss=A,exports.PopoverHeading=function({children:r,leading:t,trailing:o}){return e.jsxs(F,{children:[t,e.jsx(B,{variant:"headline1",color:"primary",asChild:!0,children:e.jsx(n.PopoverHeading,{children:r})}),o]})},exports.PopoverProvider=q,exports.Spinner=function({className:r,...t}){return e.jsxs("div",{role:"status",className:w("self-center","relative",r),...t,style:{width:32,maxWidth:32,height:32,maxHeight:32},children:[e.jsxs("svg",{"aria-hidden":"true",className:"text-gray-3 fill-accent top-half left-half absolute left-0 right-0 animate-spin",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),e.jsx("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})]}),e.jsx("span",{className:"sr-only",children:"Loading..."})]})},exports.Tab=function({asChild:r,label:t,value:o,startIcon:a}){const l=r?te:"button",i=v({});if(!n.useTabContext())throw new Error("Tab must be wrapped in a Tabs component");const s=w("text-primary","border-b-transparent","aria-selected:border-b-accent","aria-selected:text-accent");return e.jsx(n.Tab,{id:o,className:i,render:e.jsx(T,{borderBottomWidth:"thick",spacingBottom:"1",spacingTop:"4",className:s,asChild:!0,children:e.jsxs(l,{children:[a?e.jsx(j,{name:a,className:"text-current",size:"md"}):null,e.jsx(B,{className:"text-current",variant:"headline1",as:"span",children:t})]})})})},exports.TabList=oe,exports.TabPanel=ae,exports.Table=re,exports.Tabs=function(r){return e.jsx(n.TabProvider,{...r})},exports.TextInput=ne,exports.TextInputGroup=function({label:r,required:t,...o}){return e.jsxs(E,{gap:"4",className:"w-full",children:[e.jsx(le,{required:t,children:r}),e.jsx(ne,{required:t,...o})]})},exports.TextInputLabel=le,exports.ToastContainer=function(r){return e.jsx(i.ToastContainer,{toastClassName:xe,bodyClassName:se,progressClassName:ge,transition:i.Slide,closeButton:he,...r})},exports.useModalStore=function(e){return n.useDialogStore({animated:!0,...e})};
|