@contentful/f36-navbar 5.0.0-alpha.3 → 5.0.0-alpha.30
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/README.mdx +2 -7
- package/dist/esm/index.js +11 -11
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.mts +59 -60
- package/dist/index.d.ts +59 -60
- package/dist/index.js +11 -29
- package/dist/index.js.map +1 -1
- package/package.json +8 -7
package/dist/index.d.mts
CHANGED
|
@@ -1,55 +1,67 @@
|
|
|
1
1
|
import { MenuListProps, MenuProps, MenuItemProps, MenuDivider, MenuSectionTitle } from '@contentful/f36-menu';
|
|
2
2
|
import { CommonProps, PolymorphicComponent, ExpandProps } from '@contentful/f36-core';
|
|
3
|
-
import React from 'react';
|
|
3
|
+
import React, { ReactNode } from 'react';
|
|
4
4
|
import { IconProps } from '@contentful/f36-icons';
|
|
5
5
|
|
|
6
6
|
declare type NavbarOwnProps = CommonProps & {
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
account?: React.ReactNode;
|
|
9
|
-
search?: React.ReactNode;
|
|
10
|
-
switcher?: React.ReactNode;
|
|
11
|
-
help?: React.ReactNode;
|
|
12
|
-
badge?: React.ReactNode;
|
|
13
7
|
/**
|
|
14
|
-
*
|
|
15
|
-
*
|
|
8
|
+
* Accepts a React Component that will be displayed
|
|
9
|
+
* instead of the Contentful Logo
|
|
16
10
|
*/
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
11
|
+
logo?: React.ReactNode;
|
|
12
|
+
/** Promotions component, displayed on most left side */
|
|
13
|
+
promotions?: React.ReactNode;
|
|
14
|
+
/** Environment Switcher component */
|
|
15
|
+
switcher?: React.ReactNode;
|
|
16
|
+
/** Main Navigation Elements */
|
|
17
|
+
mainNavigation?: React.ReactNode;
|
|
18
|
+
/** Secondary Navigation Elements, displayed in the right side */
|
|
19
|
+
secondaryNavigation?: React.ReactNode;
|
|
20
|
+
/** User Account Component */
|
|
21
|
+
account?: React.ReactNode;
|
|
22
|
+
/** Navigation displayed on mobile versions */
|
|
23
|
+
mobileNavigation?: React.ReactNode;
|
|
23
24
|
/**
|
|
24
25
|
* Defines the max-width of the content inside the navbar.
|
|
25
26
|
* @default '100%'
|
|
26
27
|
*/
|
|
27
28
|
contentMaxWidth?: string;
|
|
29
|
+
/**
|
|
30
|
+
* Describes the size variation of the Navbar
|
|
31
|
+
* Variant wide will set the contentMaxWidth to 1524px
|
|
32
|
+
*/
|
|
33
|
+
variant?: 'wide' | 'fullscreen';
|
|
28
34
|
};
|
|
29
35
|
declare type NavbarHTMLElementProps = Pick<React.ComponentPropsWithoutRef<'div'>, 'id'>;
|
|
30
36
|
declare type NavbarProps = NavbarHTMLElementProps & NavbarOwnProps;
|
|
31
37
|
declare const Navbar$1: React.ForwardRefExoticComponent<NavbarHTMLElementProps & CommonProps & {
|
|
32
|
-
children?: React.ReactNode;
|
|
33
|
-
account?: React.ReactNode;
|
|
34
|
-
search?: React.ReactNode;
|
|
35
|
-
switcher?: React.ReactNode;
|
|
36
|
-
help?: React.ReactNode;
|
|
37
|
-
badge?: React.ReactNode;
|
|
38
38
|
/**
|
|
39
|
-
*
|
|
40
|
-
*
|
|
39
|
+
* Accepts a React Component that will be displayed
|
|
40
|
+
* instead of the Contentful Logo
|
|
41
41
|
*/
|
|
42
|
-
|
|
43
|
-
/**
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
42
|
+
logo?: React.ReactNode;
|
|
43
|
+
/** Promotions component, displayed on most left side */
|
|
44
|
+
promotions?: React.ReactNode;
|
|
45
|
+
/** Environment Switcher component */
|
|
46
|
+
switcher?: React.ReactNode;
|
|
47
|
+
/** Main Navigation Elements */
|
|
48
|
+
mainNavigation?: React.ReactNode;
|
|
49
|
+
/** Secondary Navigation Elements, displayed in the right side */
|
|
50
|
+
secondaryNavigation?: React.ReactNode;
|
|
51
|
+
/** User Account Component */
|
|
52
|
+
account?: React.ReactNode;
|
|
53
|
+
/** Navigation displayed on mobile versions */
|
|
54
|
+
mobileNavigation?: React.ReactNode;
|
|
48
55
|
/**
|
|
49
56
|
* Defines the max-width of the content inside the navbar.
|
|
50
57
|
* @default '100%'
|
|
51
58
|
*/
|
|
52
59
|
contentMaxWidth?: string;
|
|
60
|
+
/**
|
|
61
|
+
* Describes the size variation of the Navbar
|
|
62
|
+
* Variant wide will set the contentMaxWidth to 1524px
|
|
63
|
+
*/
|
|
64
|
+
variant?: 'wide' | 'fullscreen';
|
|
53
65
|
} & React.RefAttributes<HTMLElement>>;
|
|
54
66
|
|
|
55
67
|
declare const NavbarAccount: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, never>, "children" | keyof CommonProps | "username" | "avatar" | "initials" | "hasNotification" | "notificationVariant"> & CommonProps & {
|
|
@@ -75,11 +87,13 @@ declare type NavbarMenuProps = {
|
|
|
75
87
|
|
|
76
88
|
declare type NavbarItemIconProps = {
|
|
77
89
|
icon: React.ReactElement<IconProps>;
|
|
78
|
-
|
|
90
|
+
className?: string;
|
|
91
|
+
} & Partial<Pick<IconProps, 'isActive'>>;
|
|
79
92
|
|
|
80
93
|
declare const NAVBAR_ITEM_DEFAULT_TAG = "button";
|
|
81
94
|
declare type NavbarItemTriggerProps = CommonProps & {
|
|
82
|
-
|
|
95
|
+
label?: string;
|
|
96
|
+
title?: string;
|
|
83
97
|
icon?: NavbarItemIconProps['icon'];
|
|
84
98
|
isActive?: boolean;
|
|
85
99
|
as?: React.ElementType;
|
|
@@ -112,43 +126,31 @@ declare const NavbarMenuItemSkeleton: ({ ariaLabel, }: {
|
|
|
112
126
|
ariaLabel?: string;
|
|
113
127
|
}) => JSX.Element;
|
|
114
128
|
|
|
115
|
-
declare const NavbarSwitcher: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, never>, "children" | keyof CommonProps | "
|
|
116
|
-
children
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
129
|
+
declare const NavbarSwitcher: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, never>, "children" | keyof CommonProps | "ariaLabel" | "isCircle" | "envVariant" | "isAlias"> & CommonProps & {
|
|
130
|
+
children: ReactNode;
|
|
131
|
+
isCircle?: boolean;
|
|
132
|
+
envVariant?: 'master' | 'non-master';
|
|
133
|
+
isAlias?: boolean;
|
|
134
|
+
ariaLabel?: string;
|
|
121
135
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
122
136
|
|
|
123
137
|
declare const NavbarSwitcherSkeleton: ({ estimatedWidth, }: {
|
|
124
138
|
estimatedWidth: number;
|
|
125
139
|
}) => JSX.Element;
|
|
126
140
|
|
|
127
|
-
declare const
|
|
128
|
-
|
|
129
|
-
declare const NavbarSwitcherItem: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "key" | keyof React.LiHTMLAttributes<HTMLLIElement>>, never>, "children" | keyof CommonProps | "isCircle" | "envVariant" | "isAlias"> & CommonProps & {
|
|
130
|
-
children?: React.ReactNode;
|
|
131
|
-
isCircle?: boolean;
|
|
132
|
-
envVariant?: 'master' | 'non-master';
|
|
133
|
-
isAlias?: boolean;
|
|
134
|
-
} & React.RefAttributes<HTMLLIElement>>;
|
|
135
|
-
|
|
136
|
-
declare const NavbarHelp: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, never>, "children" | keyof CommonProps> & CommonProps & {
|
|
137
|
-
children: React.ReactNode;
|
|
138
|
-
} & React.RefAttributes<HTMLButtonElement>>;
|
|
139
|
-
|
|
140
|
-
declare const NAVBAR_BADGE_DEFAULT_TAG$1 = "div";
|
|
141
|
+
declare const NAVBAR_BADGE_DEFAULT_TAG = "div";
|
|
141
142
|
declare type NavbarBadgeOwnProps = CommonProps & {
|
|
142
143
|
children?: React.ReactNode;
|
|
143
144
|
as?: React.ElementType;
|
|
144
145
|
};
|
|
145
|
-
declare const NavbarBadge: PolymorphicComponent<ExpandProps<NavbarBadgeOwnProps>, typeof NAVBAR_BADGE_DEFAULT_TAG
|
|
146
|
+
declare const NavbarBadge: PolymorphicComponent<ExpandProps<NavbarBadgeOwnProps>, typeof NAVBAR_BADGE_DEFAULT_TAG>;
|
|
146
147
|
|
|
147
|
-
declare
|
|
148
|
-
|
|
148
|
+
declare type NavbarSubmenuProps = {
|
|
149
|
+
title: string;
|
|
150
|
+
icon?: NavbarItemIconProps['icon'];
|
|
149
151
|
children?: React.ReactNode;
|
|
150
|
-
}
|
|
151
|
-
declare const
|
|
152
|
+
} & Pick<MenuListProps, 'testId'> & Pick<MenuProps, 'onOpen' | 'onClose'>;
|
|
153
|
+
declare const NavbarSubmenu: (props: NavbarSubmenuProps) => JSX.Element;
|
|
152
154
|
|
|
153
155
|
declare type CompoundNavbar = typeof Navbar$1 & {
|
|
154
156
|
Item: typeof NavbarItem;
|
|
@@ -157,15 +159,12 @@ declare type CompoundNavbar = typeof Navbar$1 & {
|
|
|
157
159
|
MenuItemSkeleton: typeof NavbarMenuItemSkeleton;
|
|
158
160
|
MenuDivider: typeof MenuDivider;
|
|
159
161
|
MenuSectionTitle: typeof MenuSectionTitle;
|
|
162
|
+
Submenu: typeof NavbarSubmenu;
|
|
160
163
|
Switcher: typeof NavbarSwitcher;
|
|
161
164
|
SwitcherSkeleton: typeof NavbarSwitcherSkeleton;
|
|
162
|
-
SwitcherItem: typeof NavbarSwitcherItem;
|
|
163
|
-
Search: typeof NavbarSearch;
|
|
164
|
-
Help: typeof NavbarHelp;
|
|
165
165
|
Account: typeof NavbarAccount;
|
|
166
166
|
AccountSkeleton: typeof NavbarAccountSkeleton;
|
|
167
167
|
Badge: typeof NavbarBadge;
|
|
168
|
-
TopbarItem: typeof NavbarTopbarItem;
|
|
169
168
|
};
|
|
170
169
|
declare const Navbar: CompoundNavbar;
|
|
171
170
|
|
package/dist/index.d.ts
CHANGED
|
@@ -1,55 +1,67 @@
|
|
|
1
1
|
import { MenuListProps, MenuProps, MenuItemProps, MenuDivider, MenuSectionTitle } from '@contentful/f36-menu';
|
|
2
2
|
import { CommonProps, PolymorphicComponent, ExpandProps } from '@contentful/f36-core';
|
|
3
|
-
import React from 'react';
|
|
3
|
+
import React, { ReactNode } from 'react';
|
|
4
4
|
import { IconProps } from '@contentful/f36-icons';
|
|
5
5
|
|
|
6
6
|
declare type NavbarOwnProps = CommonProps & {
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
account?: React.ReactNode;
|
|
9
|
-
search?: React.ReactNode;
|
|
10
|
-
switcher?: React.ReactNode;
|
|
11
|
-
help?: React.ReactNode;
|
|
12
|
-
badge?: React.ReactNode;
|
|
13
7
|
/**
|
|
14
|
-
*
|
|
15
|
-
*
|
|
8
|
+
* Accepts a React Component that will be displayed
|
|
9
|
+
* instead of the Contentful Logo
|
|
16
10
|
*/
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
11
|
+
logo?: React.ReactNode;
|
|
12
|
+
/** Promotions component, displayed on most left side */
|
|
13
|
+
promotions?: React.ReactNode;
|
|
14
|
+
/** Environment Switcher component */
|
|
15
|
+
switcher?: React.ReactNode;
|
|
16
|
+
/** Main Navigation Elements */
|
|
17
|
+
mainNavigation?: React.ReactNode;
|
|
18
|
+
/** Secondary Navigation Elements, displayed in the right side */
|
|
19
|
+
secondaryNavigation?: React.ReactNode;
|
|
20
|
+
/** User Account Component */
|
|
21
|
+
account?: React.ReactNode;
|
|
22
|
+
/** Navigation displayed on mobile versions */
|
|
23
|
+
mobileNavigation?: React.ReactNode;
|
|
23
24
|
/**
|
|
24
25
|
* Defines the max-width of the content inside the navbar.
|
|
25
26
|
* @default '100%'
|
|
26
27
|
*/
|
|
27
28
|
contentMaxWidth?: string;
|
|
29
|
+
/**
|
|
30
|
+
* Describes the size variation of the Navbar
|
|
31
|
+
* Variant wide will set the contentMaxWidth to 1524px
|
|
32
|
+
*/
|
|
33
|
+
variant?: 'wide' | 'fullscreen';
|
|
28
34
|
};
|
|
29
35
|
declare type NavbarHTMLElementProps = Pick<React.ComponentPropsWithoutRef<'div'>, 'id'>;
|
|
30
36
|
declare type NavbarProps = NavbarHTMLElementProps & NavbarOwnProps;
|
|
31
37
|
declare const Navbar$1: React.ForwardRefExoticComponent<NavbarHTMLElementProps & CommonProps & {
|
|
32
|
-
children?: React.ReactNode;
|
|
33
|
-
account?: React.ReactNode;
|
|
34
|
-
search?: React.ReactNode;
|
|
35
|
-
switcher?: React.ReactNode;
|
|
36
|
-
help?: React.ReactNode;
|
|
37
|
-
badge?: React.ReactNode;
|
|
38
38
|
/**
|
|
39
|
-
*
|
|
40
|
-
*
|
|
39
|
+
* Accepts a React Component that will be displayed
|
|
40
|
+
* instead of the Contentful Logo
|
|
41
41
|
*/
|
|
42
|
-
|
|
43
|
-
/**
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
42
|
+
logo?: React.ReactNode;
|
|
43
|
+
/** Promotions component, displayed on most left side */
|
|
44
|
+
promotions?: React.ReactNode;
|
|
45
|
+
/** Environment Switcher component */
|
|
46
|
+
switcher?: React.ReactNode;
|
|
47
|
+
/** Main Navigation Elements */
|
|
48
|
+
mainNavigation?: React.ReactNode;
|
|
49
|
+
/** Secondary Navigation Elements, displayed in the right side */
|
|
50
|
+
secondaryNavigation?: React.ReactNode;
|
|
51
|
+
/** User Account Component */
|
|
52
|
+
account?: React.ReactNode;
|
|
53
|
+
/** Navigation displayed on mobile versions */
|
|
54
|
+
mobileNavigation?: React.ReactNode;
|
|
48
55
|
/**
|
|
49
56
|
* Defines the max-width of the content inside the navbar.
|
|
50
57
|
* @default '100%'
|
|
51
58
|
*/
|
|
52
59
|
contentMaxWidth?: string;
|
|
60
|
+
/**
|
|
61
|
+
* Describes the size variation of the Navbar
|
|
62
|
+
* Variant wide will set the contentMaxWidth to 1524px
|
|
63
|
+
*/
|
|
64
|
+
variant?: 'wide' | 'fullscreen';
|
|
53
65
|
} & React.RefAttributes<HTMLElement>>;
|
|
54
66
|
|
|
55
67
|
declare const NavbarAccount: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, never>, "children" | keyof CommonProps | "username" | "avatar" | "initials" | "hasNotification" | "notificationVariant"> & CommonProps & {
|
|
@@ -75,11 +87,13 @@ declare type NavbarMenuProps = {
|
|
|
75
87
|
|
|
76
88
|
declare type NavbarItemIconProps = {
|
|
77
89
|
icon: React.ReactElement<IconProps>;
|
|
78
|
-
|
|
90
|
+
className?: string;
|
|
91
|
+
} & Partial<Pick<IconProps, 'isActive'>>;
|
|
79
92
|
|
|
80
93
|
declare const NAVBAR_ITEM_DEFAULT_TAG = "button";
|
|
81
94
|
declare type NavbarItemTriggerProps = CommonProps & {
|
|
82
|
-
|
|
95
|
+
label?: string;
|
|
96
|
+
title?: string;
|
|
83
97
|
icon?: NavbarItemIconProps['icon'];
|
|
84
98
|
isActive?: boolean;
|
|
85
99
|
as?: React.ElementType;
|
|
@@ -112,43 +126,31 @@ declare const NavbarMenuItemSkeleton: ({ ariaLabel, }: {
|
|
|
112
126
|
ariaLabel?: string;
|
|
113
127
|
}) => JSX.Element;
|
|
114
128
|
|
|
115
|
-
declare const NavbarSwitcher: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, never>, "children" | keyof CommonProps | "
|
|
116
|
-
children
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
129
|
+
declare const NavbarSwitcher: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, never>, "children" | keyof CommonProps | "ariaLabel" | "isCircle" | "envVariant" | "isAlias"> & CommonProps & {
|
|
130
|
+
children: ReactNode;
|
|
131
|
+
isCircle?: boolean;
|
|
132
|
+
envVariant?: 'master' | 'non-master';
|
|
133
|
+
isAlias?: boolean;
|
|
134
|
+
ariaLabel?: string;
|
|
121
135
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
122
136
|
|
|
123
137
|
declare const NavbarSwitcherSkeleton: ({ estimatedWidth, }: {
|
|
124
138
|
estimatedWidth: number;
|
|
125
139
|
}) => JSX.Element;
|
|
126
140
|
|
|
127
|
-
declare const
|
|
128
|
-
|
|
129
|
-
declare const NavbarSwitcherItem: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "key" | keyof React.LiHTMLAttributes<HTMLLIElement>>, never>, "children" | keyof CommonProps | "isCircle" | "envVariant" | "isAlias"> & CommonProps & {
|
|
130
|
-
children?: React.ReactNode;
|
|
131
|
-
isCircle?: boolean;
|
|
132
|
-
envVariant?: 'master' | 'non-master';
|
|
133
|
-
isAlias?: boolean;
|
|
134
|
-
} & React.RefAttributes<HTMLLIElement>>;
|
|
135
|
-
|
|
136
|
-
declare const NavbarHelp: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, never>, "children" | keyof CommonProps> & CommonProps & {
|
|
137
|
-
children: React.ReactNode;
|
|
138
|
-
} & React.RefAttributes<HTMLButtonElement>>;
|
|
139
|
-
|
|
140
|
-
declare const NAVBAR_BADGE_DEFAULT_TAG$1 = "div";
|
|
141
|
+
declare const NAVBAR_BADGE_DEFAULT_TAG = "div";
|
|
141
142
|
declare type NavbarBadgeOwnProps = CommonProps & {
|
|
142
143
|
children?: React.ReactNode;
|
|
143
144
|
as?: React.ElementType;
|
|
144
145
|
};
|
|
145
|
-
declare const NavbarBadge: PolymorphicComponent<ExpandProps<NavbarBadgeOwnProps>, typeof NAVBAR_BADGE_DEFAULT_TAG
|
|
146
|
+
declare const NavbarBadge: PolymorphicComponent<ExpandProps<NavbarBadgeOwnProps>, typeof NAVBAR_BADGE_DEFAULT_TAG>;
|
|
146
147
|
|
|
147
|
-
declare
|
|
148
|
-
|
|
148
|
+
declare type NavbarSubmenuProps = {
|
|
149
|
+
title: string;
|
|
150
|
+
icon?: NavbarItemIconProps['icon'];
|
|
149
151
|
children?: React.ReactNode;
|
|
150
|
-
}
|
|
151
|
-
declare const
|
|
152
|
+
} & Pick<MenuListProps, 'testId'> & Pick<MenuProps, 'onOpen' | 'onClose'>;
|
|
153
|
+
declare const NavbarSubmenu: (props: NavbarSubmenuProps) => JSX.Element;
|
|
152
154
|
|
|
153
155
|
declare type CompoundNavbar = typeof Navbar$1 & {
|
|
154
156
|
Item: typeof NavbarItem;
|
|
@@ -157,15 +159,12 @@ declare type CompoundNavbar = typeof Navbar$1 & {
|
|
|
157
159
|
MenuItemSkeleton: typeof NavbarMenuItemSkeleton;
|
|
158
160
|
MenuDivider: typeof MenuDivider;
|
|
159
161
|
MenuSectionTitle: typeof MenuSectionTitle;
|
|
162
|
+
Submenu: typeof NavbarSubmenu;
|
|
160
163
|
Switcher: typeof NavbarSwitcher;
|
|
161
164
|
SwitcherSkeleton: typeof NavbarSwitcherSkeleton;
|
|
162
|
-
SwitcherItem: typeof NavbarSwitcherItem;
|
|
163
|
-
Search: typeof NavbarSearch;
|
|
164
|
-
Help: typeof NavbarHelp;
|
|
165
165
|
Account: typeof NavbarAccount;
|
|
166
166
|
AccountSkeleton: typeof NavbarAccountSkeleton;
|
|
167
167
|
Badge: typeof NavbarBadge;
|
|
168
|
-
TopbarItem: typeof NavbarTopbarItem;
|
|
169
168
|
};
|
|
170
169
|
declare const Navbar: CompoundNavbar;
|
|
171
170
|
|
package/dist/index.js
CHANGED
|
@@ -2,42 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
var f36Menu = require('@contentful/f36-menu');
|
|
4
4
|
var f36Core = require('@contentful/f36-core');
|
|
5
|
-
var
|
|
5
|
+
var l = require('react');
|
|
6
6
|
var emotion = require('emotion');
|
|
7
|
-
var
|
|
8
|
-
var f36Skeleton = require('@contentful/f36-skeleton');
|
|
9
|
-
var fo = require('react-dom');
|
|
10
|
-
var f36Utils = require('@contentful/f36-utils');
|
|
7
|
+
var i = require('@contentful/f36-tokens');
|
|
11
8
|
var f36Icon = require('@contentful/f36-icon');
|
|
9
|
+
var f36Button = require('@contentful/f36-button');
|
|
12
10
|
var f36Icons = require('@contentful/f36-icons');
|
|
11
|
+
var f36Utils = require('@contentful/f36-utils');
|
|
12
|
+
var f36Avatar = require('@contentful/f36-avatar');
|
|
13
|
+
var f36Skeleton = require('@contentful/f36-skeleton');
|
|
13
14
|
|
|
14
15
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
16
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var n = Object.create(null);
|
|
19
|
-
if (e) {
|
|
20
|
-
Object.keys(e).forEach(function (k) {
|
|
21
|
-
if (k !== 'default') {
|
|
22
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
23
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
24
|
-
enumerable: true,
|
|
25
|
-
get: function () { return e[k]; }
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
n.default = e;
|
|
31
|
-
return Object.freeze(n);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
var Q__namespace = /*#__PURE__*/_interopNamespace(Q);
|
|
35
|
-
var E__default = /*#__PURE__*/_interopDefault(E);
|
|
36
|
-
var fo__namespace = /*#__PURE__*/_interopNamespace(fo);
|
|
17
|
+
var l__default = /*#__PURE__*/_interopDefault(l);
|
|
18
|
+
var i__default = /*#__PURE__*/_interopDefault(i);
|
|
37
19
|
|
|
38
|
-
var va=Object.create;var _t=Object.defineProperty,ga=Object.defineProperties,ha=Object.getOwnPropertyDescriptor,ba=Object.getOwnPropertyDescriptors,ya=Object.getOwnPropertyNames,dt=Object.getOwnPropertySymbols,xa=Object.getPrototypeOf,jt=Object.prototype.hasOwnProperty,Tr=Object.prototype.propertyIsEnumerable;var Rr=(e,t,r)=>t in e?_t(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,O=(e,t)=>{for(var r in t||(t={}))jt.call(t,r)&&Rr(e,r,t[r]);if(dt)for(var r of dt(t))Tr.call(t,r)&&Rr(e,r,t[r]);return e},M=(e,t)=>ga(e,ba(t));var L=(e,t)=>{var r={};for(var o in e)jt.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&dt)for(var o of dt(e))t.indexOf(o)<0&&Tr.call(e,o)&&(r[o]=e[o]);return r};var wa=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var Na=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of ya(t))!jt.call(e,a)&&a!==r&&_t(e,a,{get:()=>t[a],enumerable:!(o=ha(t,a))||o.enumerable});return e};var Pa=(e,t,r)=>(r=e!=null?va(xa(e)):{},Na(t||!e||!e.__esModule?_t(r,"default",{value:e,enumerable:!0}):r,e));var co=wa((uc,mo)=>{var wn=typeof Element!="undefined",Nn=typeof Map=="function",Pn=typeof Set=="function",Sn=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function It(e,t){if(e===t)return !0;if(e&&t&&typeof e=="object"&&typeof t=="object"){if(e.constructor!==t.constructor)return !1;var r,o,a;if(Array.isArray(e)){if(r=e.length,r!=t.length)return !1;for(o=r;o--!==0;)if(!It(e[o],t[o]))return !1;return !0}var n;if(Nn&&e instanceof Map&&t instanceof Map){if(e.size!==t.size)return !1;for(n=e.entries();!(o=n.next()).done;)if(!t.has(o.value[0]))return !1;for(n=e.entries();!(o=n.next()).done;)if(!It(o.value[1],t.get(o.value[0])))return !1;return !0}if(Pn&&e instanceof Set&&t instanceof Set){if(e.size!==t.size)return !1;for(n=e.entries();!(o=n.next()).done;)if(!t.has(o.value[0]))return !1;return !0}if(Sn&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(t)){if(r=e.length,r!=t.length)return !1;for(o=r;o--!==0;)if(e[o]!==t[o])return !1;return !0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===t.toString();if(a=Object.keys(e),r=a.length,r!==Object.keys(t).length)return !1;for(o=r;o--!==0;)if(!Object.prototype.hasOwnProperty.call(t,a[o]))return !1;if(wn&&e instanceof Element)return !1;for(o=r;o--!==0;)if(!((a[o]==="_owner"||a[o]==="__v"||a[o]==="__o")&&e.$$typeof)&&!It(e[a[o]],t[a[o]]))return !1;return !0}return e!==e&&t!==t}mo.exports=function(t,r){try{return It(t,r)}catch(o){if((o.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw o}};});var K={medium:"@media (min-width: 480px)",large:"@media (min-width: 768px)",xlarge:"@media (min-width: 1920px)"},te=(e=E__default.default.glowPrimary)=>({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}});var kr=e=>({containerTop:emotion.css({justifyContent:"center",backgroundColor:"#0C141C"}),containerBottom:emotion.css({justifyContent:"center",borderTop:"1px solid #21262D",backgroundColor:"#161B22"}),containerTopContent:emotion.css({width:"100%",maxWidth:e,padding:`${E__default.default.spacingXs}`,minHeight:"2.5rem",[K.medium]:{padding:`${E__default.default.spacingXs} ${E__default.default.spacingM}`}}),containerBottomContent:emotion.css({width:"100%",maxWidth:e,padding:0,minHeight:"2.5rem",overflow:"auto",[K.medium]:{padding:`0 ${E__default.default.spacing2Xs}`}})});function Ia(e,t){let d=e,{children:r,account:o,search:a,switcher:n,help:s,badge:i,bottomRightItems:p,topRightItems:m,contentMaxWidth:l="100%",testId:f="cf-ui-navbar"}=d,u=L(d,["children","account","search","switcher","help","badge","bottomRightItems","topRightItems","contentMaxWidth","testId"]),c=kr(l);return Q__namespace.default.createElement(f36Core.Box,M(O({},u),{ref:t,testId:f}),Q__namespace.default.createElement(f36Core.Flex,{className:c.containerTop},Q__namespace.default.createElement(f36Core.Flex,{className:c.containerTopContent,justifyContent:"space-between"},Q__namespace.default.createElement(f36Core.Flex,null,n),Q__namespace.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingXs"},m,i,a,s,o))),Q__namespace.default.createElement(f36Core.Flex,{className:c.containerBottom},Q__namespace.default.createElement(f36Core.Flex,{className:c.containerBottomContent,justifyContent:"space-between"},Q__namespace.default.createElement(f36Core.Flex,{as:"nav","aria-label":"Main Navigation",alignItems:"stretch"},r),p&&Q__namespace.default.createElement(f36Core.Flex,null,p))))}var Br=Q__namespace.default.forwardRef(Ia);var Oa={warning:E__default.default.colorWarning,negative:E__default.default.colorNegative,info:E__default.default.blue500},Lr=()=>({root:emotion.css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",position:"relative",alignItems:"center",justifyContent:"center",gap:E__default.default.spacing2Xs,outline:"none",borderRadius:"50%"},te()),avatar:emotion.css({borderRadius:"50%",display:"block",height:"24px",width:"24px"}),notificationIcon:e=>emotion.css({position:"absolute",top:0,right:0,height:E__default.default.spacingS,width:E__default.default.spacingS,borderRadius:"50%",border:`2px solid ${E__default.default.gray900}`,backgroundColor:Oa[e],transform:"translate(30%, -30%)"})});var Dr=()=>({menuList:emotion.css({minWidth:"250px"})});var Ve=e=>{let{trigger:t,children:r,testId:o="cf-ui-navbar-menu-list",onOpen:a,onClose:n}=e,s=Dr();return Q__namespace.default.createElement(f36Menu.Menu,{onOpen:a,onClose:n},Q__namespace.default.createElement(f36Menu.Menu.Trigger,null,t),Q__namespace.default.createElement(f36Menu.Menu.List,{className:s.menuList,testId:o},r))};var ka=Object.defineProperty,Ba=Object.defineProperties,La=Object.getOwnPropertyDescriptors,bt=Object.getOwnPropertySymbols,_r=Object.prototype.hasOwnProperty,jr=Object.prototype.propertyIsEnumerable,Fr=(e,t,r)=>t in e?ka(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Da=(e,t)=>{for(var r in t||(t={}))_r.call(t,r)&&Fr(e,r,t[r]);if(bt)for(var r of bt(t))jr.call(t,r)&&Fr(e,r,t[r]);return e},Wa=(e,t)=>Ba(e,La(t)),Ha=(e,t)=>{var r={};for(var o in e)_r.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&bt)for(var o of bt(e))t.indexOf(o)<0&&jr.call(e,o)&&(r[o]=e[o]);return r},Fa=({height:e,width:t})=>({image:({isLoaded:r})=>emotion.css({display:r?"block":"none",height:r?e:0,opacity:r?1:0,width:r?t:0}),root:emotion.css({height:e,width:t})});function _a(e,t){var r=e,{className:o,height:a,src:n,testId:s="cf-ui-image",width:i}=r,p=Ha(r,["className","height","src","testId","width"]);let m=Fa({height:a,width:i}),{ref:l,loaded:f,onLoad:u}=f36Core.useImageLoaded(),c=!!(n&&f);return Q__namespace.default.createElement("div",{className:m.root},Q__namespace.default.createElement("img",Wa(Da({},p),{className:emotion.cx(m.image({isLoaded:c}),o),"data-test-id":s,onLoad:u,ref:f36Core.mergeRefs(l,t),src:n})),!c&&Q__namespace.default.createElement(f36Skeleton.Skeleton.Container,null,Q__namespace.default.createElement(f36Skeleton.Skeleton.Image,{height:a,width:i})))}var $r=Q.forwardRef(_a);var Xt=function(t){return t.reduce(function(r,o){var a=o[0],n=o[1];return r[a]=n,r},{})},Gt=typeof window!="undefined"&&window.document&&window.document.createElement?Q__namespace.useLayoutEffect:Q__namespace.useEffect;var C="top",H="bottom",D="right",R="left",xt="auto",Ne=[C,H,D,R],ve="start",Re="end",zr="clippingParents",wt="viewport",Xe="popper",Vr="reference",Ut=Ne.reduce(function(e,t){return e.concat([t+"-"+ve,t+"-"+Re])},[]),Nt=[].concat(Ne,[xt]).reduce(function(e,t){return e.concat([t,t+"-"+ve,t+"-"+Re])},[]),ja="beforeRead",$a="read",za="afterRead",Va="beforeMain",Xa="main",Ga="afterMain",Ua="beforeWrite",qa="write",Za="afterWrite",Xr=[ja,$a,za,Va,Xa,Ga,Ua,qa,Za];function _(e){return e?(e.nodeName||"").toLowerCase():null}function T(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function ue(e){var t=T(e).Element;return e instanceof t||e instanceof Element}function F(e){var t=T(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function Ge(e){if(typeof ShadowRoot=="undefined")return !1;var t=T(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function Ya(e){var t=e.state;Object.keys(t.elements).forEach(function(r){var o=t.styles[r]||{},a=t.attributes[r]||{},n=t.elements[r];!F(n)||!_(n)||(Object.assign(n.style,o),Object.keys(a).forEach(function(s){var i=a[s];i===!1?n.removeAttribute(s):n.setAttribute(s,i===!0?"":i);}));});}function Ka(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach(function(o){var a=t.elements[o],n=t.attributes[o]||{},s=Object.keys(t.styles.hasOwnProperty(o)?t.styles[o]:r[o]),i=s.reduce(function(p,m){return p[m]="",p},{});!F(a)||!_(a)||(Object.assign(a.style,i),Object.keys(n).forEach(function(p){a.removeAttribute(p);}));});}}var Gr={name:"applyStyles",enabled:!0,phase:"write",fn:Ya,effect:Ka,requires:["computeStyles"]};function j(e){return e.split("-")[0]}var ie=Math.max,Te=Math.min,ge=Math.round;function re(e,t){t===void 0&&(t=!1);var r=e.getBoundingClientRect(),o=1,a=1;if(F(e)&&t){var n=e.offsetHeight,s=e.offsetWidth;s>0&&(o=ge(r.width)/s||1),n>0&&(a=ge(r.height)/n||1);}return {width:r.width/o,height:r.height/a,top:r.top/a,right:r.right/o,bottom:r.bottom/a,left:r.left/o,x:r.left/o,y:r.top/a}}function ke(e){var t=re(e),r=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:o}}function Je(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return !0;if(r&&Ge(r)){var o=t;do{if(o&&e.isSameNode(o))return !0;o=o.parentNode||o.host;}while(o)}return !1}function Y(e){return T(e).getComputedStyle(e)}function qt(e){return ["table","td","th"].indexOf(_(e))>=0}function V(e){return ((ue(e)?e.ownerDocument:e.document)||window.document).documentElement}function he(e){return _(e)==="html"?e:e.assignedSlot||e.parentNode||(Ge(e)?e.host:null)||V(e)}function Ur(e){return !F(e)||Y(e).position==="fixed"?null:e.offsetParent}function Qa(e){var t=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,r=navigator.userAgent.indexOf("Trident")!==-1;if(r&&F(e)){var o=Y(e);if(o.position==="fixed")return null}var a=he(e);for(Ge(a)&&(a=a.host);F(a)&&["html","body"].indexOf(_(a))<0;){var n=Y(a);if(n.transform!=="none"||n.perspective!=="none"||n.contain==="paint"||["transform","perspective"].indexOf(n.willChange)!==-1||t&&n.willChange==="filter"||t&&n.filter&&n.filter!=="none")return a;a=a.parentNode;}return null}function se(e){for(var t=T(e),r=Ur(e);r&&qt(r)&&Y(r).position==="static";)r=Ur(r);return r&&(_(r)==="html"||_(r)==="body"&&Y(r).position==="static")?t:r||Qa(e)||t}function Be(e){return ["top","bottom"].indexOf(e)>=0?"x":"y"}function Le(e,t,r){return ie(e,Te(t,r))}function qr(e,t,r){var o=Le(e,t,r);return o>r?r:o}function et(){return {top:0,right:0,bottom:0,left:0}}function tt(e){return Object.assign({},et(),e)}function rt(e,t){return t.reduce(function(r,o){return r[o]=e,r},{})}var Ja=function(t,r){return t=typeof t=="function"?t(Object.assign({},r.rects,{placement:r.placement})):t,tt(typeof t!="number"?t:rt(t,Ne))};function en(e){var t,r=e.state,o=e.name,a=e.options,n=r.elements.arrow,s=r.modifiersData.popperOffsets,i=j(r.placement),p=Be(i),m=[R,D].indexOf(i)>=0,l=m?"height":"width";if(!(!n||!s)){var f=Ja(a.padding,r),u=ke(n),c=p==="y"?C:R,d=p==="y"?H:D,g=r.rects.reference[l]+r.rects.reference[p]-s[p]-r.rects.popper[l],v=s[p]-r.rects.reference[p],h=se(n),N=h?p==="y"?h.clientHeight||0:h.clientWidth||0:0,P=g/2-v/2,b=f[c],w=N-u[l]-f[d],y=N/2-u[l]/2+P,x=Le(b,y,w),I=p;r.modifiersData[o]=(t={},t[I]=x,t.centerOffset=x-y,t);}}function tn(e){var t=e.state,r=e.options,o=r.element,a=o===void 0?"[data-popper-arrow]":o;a!=null&&(typeof a=="string"&&(a=t.elements.popper.querySelector(a),!a)||Je(t.elements.popper,a)&&(t.elements.arrow=a));}var Zr={name:"arrow",enabled:!0,phase:"main",fn:en,effect:tn,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function oe(e){return e.split("-")[1]}var rn={top:"auto",right:"auto",bottom:"auto",left:"auto"};function on(e){var t=e.x,r=e.y,o=window,a=o.devicePixelRatio||1;return {x:ge(t*a)/a||0,y:ge(r*a)/a||0}}function Yr(e){var t,r=e.popper,o=e.popperRect,a=e.placement,n=e.variation,s=e.offsets,i=e.position,p=e.gpuAcceleration,m=e.adaptive,l=e.roundOffsets,f=e.isFixed,u=s.x,c=u===void 0?0:u,d=s.y,g=d===void 0?0:d,v=typeof l=="function"?l({x:c,y:g}):{x:c,y:g};c=v.x,g=v.y;var h=s.hasOwnProperty("x"),N=s.hasOwnProperty("y"),P=R,b=C,w=window;if(m){var y=se(r),x="clientHeight",I="clientWidth";if(y===T(r)&&(y=V(r),Y(y).position!=="static"&&i==="absolute"&&(x="scrollHeight",I="scrollWidth")),y=y,a===C||(a===R||a===D)&&n===Re){b=H;var A=f&&y===w&&w.visualViewport?w.visualViewport.height:y[x];g-=A-o.height,g*=p?1:-1;}if(a===R||(a===C||a===H)&&n===Re){P=D;var B=f&&y===w&&w.visualViewport?w.visualViewport.width:y[I];c-=B-o.width,c*=p?1:-1;}}var S=Object.assign({position:i},m&&rn),X=l===!0?on({x:c,y:g}):{x:c,y:g};if(c=X.x,g=X.y,p){var q;return Object.assign({},S,(q={},q[b]=N?"0":"",q[P]=h?"0":"",q.transform=(w.devicePixelRatio||1)<=1?"translate("+c+"px, "+g+"px)":"translate3d("+c+"px, "+g+"px, 0)",q))}return Object.assign({},S,(t={},t[b]=N?g+"px":"",t[P]=h?c+"px":"",t.transform="",t))}function an(e){var t=e.state,r=e.options,o=r.gpuAcceleration,a=o===void 0?!0:o,n=r.adaptive,s=n===void 0?!0:n,i=r.roundOffsets,p=i===void 0?!0:i;var l={placement:j(t.placement),variation:oe(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:a,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,Yr(Object.assign({},l,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:s,roundOffsets:p})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,Yr(Object.assign({},l,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:p})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement});}var Kr={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:an,data:{}};var Pt={passive:!0};function nn(e){var t=e.state,r=e.instance,o=e.options,a=o.scroll,n=a===void 0?!0:a,s=o.resize,i=s===void 0?!0:s,p=T(t.elements.popper),m=[].concat(t.scrollParents.reference,t.scrollParents.popper);return n&&m.forEach(function(l){l.addEventListener("scroll",r.update,Pt);}),i&&p.addEventListener("resize",r.update,Pt),function(){n&&m.forEach(function(l){l.removeEventListener("scroll",r.update,Pt);}),i&&p.removeEventListener("resize",r.update,Pt);}}var Qr={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:nn,data:{}};var sn={left:"right",right:"left",bottom:"top",top:"bottom"};function Ue(e){return e.replace(/left|right|bottom|top/g,function(t){return sn[t]})}var pn={start:"end",end:"start"};function St(e){return e.replace(/start|end/g,function(t){return pn[t]})}function De(e){var t=T(e),r=t.pageXOffset,o=t.pageYOffset;return {scrollLeft:r,scrollTop:o}}function We(e){return re(V(e)).left+De(e).scrollLeft}function Zt(e){var t=T(e),r=V(e),o=t.visualViewport,a=r.clientWidth,n=r.clientHeight,s=0,i=0;return o&&(a=o.width,n=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=o.offsetLeft,i=o.offsetTop)),{width:a,height:n,x:s+We(e),y:i}}function Yt(e){var t,r=V(e),o=De(e),a=(t=e.ownerDocument)==null?void 0:t.body,n=ie(r.scrollWidth,r.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0),s=ie(r.scrollHeight,r.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0),i=-o.scrollLeft+We(e),p=-o.scrollTop;return Y(a||r).direction==="rtl"&&(i+=ie(r.clientWidth,a?a.clientWidth:0)-n),{width:n,height:s,x:i,y:p}}function He(e){var t=Y(e),r=t.overflow,o=t.overflowX,a=t.overflowY;return /auto|scroll|overlay|hidden/.test(r+a+o)}function Et(e){return ["html","body","#document"].indexOf(_(e))>=0?e.ownerDocument.body:F(e)&&He(e)?e:Et(he(e))}function Pe(e,t){var r;t===void 0&&(t=[]);var o=Et(e),a=o===((r=e.ownerDocument)==null?void 0:r.body),n=T(o),s=a?[n].concat(n.visualViewport||[],He(o)?o:[]):o,i=t.concat(s);return a?i:i.concat(Pe(he(s)))}function qe(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function ln(e){var t=re(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}function Jr(e,t){return t===wt?qe(Zt(e)):ue(t)?ln(t):qe(Yt(V(e)))}function mn(e){var t=Pe(he(e)),r=["absolute","fixed"].indexOf(Y(e).position)>=0,o=r&&F(e)?se(e):e;return ue(o)?t.filter(function(a){return ue(a)&&Je(a,o)&&_(a)!=="body"}):[]}function Kt(e,t,r){var o=t==="clippingParents"?mn(e):[].concat(t),a=[].concat(o,[r]),n=a[0],s=a.reduce(function(i,p){var m=Jr(e,p);return i.top=ie(m.top,i.top),i.right=Te(m.right,i.right),i.bottom=Te(m.bottom,i.bottom),i.left=ie(m.left,i.left),i},Jr(e,n));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function ot(e){var t=e.reference,r=e.element,o=e.placement,a=o?j(o):null,n=o?oe(o):null,s=t.x+t.width/2-r.width/2,i=t.y+t.height/2-r.height/2,p;switch(a){case C:p={x:s,y:t.y-r.height};break;case H:p={x:s,y:t.y+t.height};break;case D:p={x:t.x+t.width,y:i};break;case R:p={x:t.x-r.width,y:i};break;default:p={x:t.x,y:t.y};}var m=a?Be(a):null;if(m!=null){var l=m==="y"?"height":"width";switch(n){case ve:p[m]=p[m]-(t[l]/2-r[l]/2);break;case Re:p[m]=p[m]+(t[l]/2-r[l]/2);break;}}return p}function pe(e,t){t===void 0&&(t={});var r=t,o=r.placement,a=o===void 0?e.placement:o,n=r.boundary,s=n===void 0?zr:n,i=r.rootBoundary,p=i===void 0?wt:i,m=r.elementContext,l=m===void 0?Xe:m,f=r.altBoundary,u=f===void 0?!1:f,c=r.padding,d=c===void 0?0:c,g=tt(typeof d!="number"?d:rt(d,Ne)),v=l===Xe?Vr:Xe,h=e.rects.popper,N=e.elements[u?v:l],P=Kt(ue(N)?N:N.contextElement||V(e.elements.popper),s,p),b=re(e.elements.reference),w=ot({reference:b,element:h,strategy:"absolute",placement:a}),y=qe(Object.assign({},h,w)),x=l===Xe?y:b,I={top:P.top-x.top+g.top,bottom:x.bottom-P.bottom+g.bottom,left:P.left-x.left+g.left,right:x.right-P.right+g.right},A=e.modifiersData.offset;if(l===Xe&&A){var B=A[a];Object.keys(I).forEach(function(S){var X=[D,H].indexOf(S)>=0?1:-1,q=[C,H].indexOf(S)>=0?"y":"x";I[S]+=B[q]*X;});}return I}function Qt(e,t){t===void 0&&(t={});var r=t,o=r.placement,a=r.boundary,n=r.rootBoundary,s=r.padding,i=r.flipVariations,p=r.allowedAutoPlacements,m=p===void 0?Nt:p,l=oe(o),f=l?i?Ut:Ut.filter(function(d){return oe(d)===l}):Ne,u=f.filter(function(d){return m.indexOf(d)>=0});u.length===0&&(u=f);var c=u.reduce(function(d,g){return d[g]=pe(e,{placement:g,boundary:a,rootBoundary:n,padding:s})[j(g)],d},{});return Object.keys(c).sort(function(d,g){return c[d]-c[g]})}function cn(e){if(j(e)===xt)return [];var t=Ue(e);return [St(e),t,St(t)]}function fn(e){var t=e.state,r=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var a=r.mainAxis,n=a===void 0?!0:a,s=r.altAxis,i=s===void 0?!0:s,p=r.fallbackPlacements,m=r.padding,l=r.boundary,f=r.rootBoundary,u=r.altBoundary,c=r.flipVariations,d=c===void 0?!0:c,g=r.allowedAutoPlacements,v=t.options.placement,h=j(v),N=h===v,P=p||(N||!d?[Ue(v)]:cn(v)),b=[v].concat(P).reduce(function(xe,ne){return xe.concat(j(ne)===xt?Qt(t,{placement:ne,boundary:l,rootBoundary:f,padding:m,flipVariations:d,allowedAutoPlacements:g}):ne)},[]),w=t.rects.reference,y=t.rects.popper,x=new Map,I=!0,A=b[0],B=0;B<b.length;B++){var S=b[B],X=j(S),q=oe(S)===ve,Ie=[C,H].indexOf(X)>=0,ye=Ie?"width":"height",z=pe(t,{placement:S,boundary:l,rootBoundary:f,altBoundary:u,padding:m}),Z=Ie?q?D:R:q?H:C;w[ye]>y[ye]&&(Z=Ue(Z));var Oe=Ue(Z),me=[];if(n&&me.push(z[X]<=0),i&&me.push(z[Z]<=0,z[Oe]<=0),me.every(function(xe){return xe})){A=S,I=!1;break}x.set(S,me);}if(I)for(var ce=d?3:1,$e=function(ne){var W=b.find(function(ft){var Me=x.get(ft);if(Me)return Me.slice(0,ne).every(function(Wt){return Wt})});if(W)return A=W,"break"},de=ce;de>0;de--){var ze=$e(de);if(ze==="break")break}t.placement!==A&&(t.modifiersData[o]._skip=!0,t.placement=A,t.reset=!0);}}var eo={name:"flip",enabled:!0,phase:"main",fn,requiresIfExists:["offset"],data:{_skip:!1}};function to(e,t,r){return r===void 0&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function ro(e){return [C,D,H,R].some(function(t){return e[t]>=0})}function un(e){var t=e.state,r=e.name,o=t.rects.reference,a=t.rects.popper,n=t.modifiersData.preventOverflow,s=pe(t,{elementContext:"reference"}),i=pe(t,{altBoundary:!0}),p=to(s,o),m=to(i,a,n),l=ro(p),f=ro(m);t.modifiersData[r]={referenceClippingOffsets:p,popperEscapeOffsets:m,isReferenceHidden:l,hasPopperEscaped:f},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":l,"data-popper-escaped":f});}var oo={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:un};function dn(e,t,r){var o=j(e),a=[R,C].indexOf(o)>=0?-1:1,n=typeof r=="function"?r(Object.assign({},t,{placement:e})):r,s=n[0],i=n[1];return s=s||0,i=(i||0)*a,[R,D].indexOf(o)>=0?{x:i,y:s}:{x:s,y:i}}function vn(e){var t=e.state,r=e.options,o=e.name,a=r.offset,n=a===void 0?[0,0]:a,s=Nt.reduce(function(l,f){return l[f]=dn(f,t.rects,n),l},{}),i=s[t.placement],p=i.x,m=i.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=p,t.modifiersData.popperOffsets.y+=m),t.modifiersData[o]=s;}var ao={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:vn};function gn(e){var t=e.state,r=e.name;t.modifiersData[r]=ot({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement});}var no={name:"popperOffsets",enabled:!0,phase:"read",fn:gn,data:{}};function Jt(e){return e==="x"?"y":"x"}function hn(e){var t=e.state,r=e.options,o=e.name,a=r.mainAxis,n=a===void 0?!0:a,s=r.altAxis,i=s===void 0?!1:s,p=r.boundary,m=r.rootBoundary,l=r.altBoundary,f=r.padding,u=r.tether,c=u===void 0?!0:u,d=r.tetherOffset,g=d===void 0?0:d,v=pe(t,{boundary:p,rootBoundary:m,padding:f,altBoundary:l}),h=j(t.placement),N=oe(t.placement),P=!N,b=Be(h),w=Jt(b),y=t.modifiersData.popperOffsets,x=t.rects.reference,I=t.rects.popper,A=typeof g=="function"?g(Object.assign({},t.rects,{placement:t.placement})):g,B=typeof A=="number"?{mainAxis:A,altAxis:A}:Object.assign({mainAxis:0,altAxis:0},A),S=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,X={x:0,y:0};if(y){if(n){var q,Ie=b==="y"?C:R,ye=b==="y"?H:D,z=b==="y"?"height":"width",Z=y[b],Oe=Z+v[Ie],me=Z-v[ye],ce=c?-I[z]/2:0,$e=N===ve?x[z]:I[z],de=N===ve?-I[z]:-x[z],ze=t.elements.arrow,xe=c&&ze?ke(ze):{width:0,height:0},ne=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:et(),W=ne[Ie],ft=ne[ye],Me=Le(0,x[z],xe[z]),Wt=P?x[z]/2-ce-Me-W-B.mainAxis:$e-Me-W-B.mainAxis,la=P?-x[z]/2+ce+Me+ft+B.mainAxis:de+Me+ft+B.mainAxis,Ht=t.elements.arrow&&se(t.elements.arrow),ma=Ht?b==="y"?Ht.clientTop||0:Ht.clientLeft||0:0,Nr=(q=S==null?void 0:S[b])!=null?q:0,ca=Z+Wt-Nr-ma,fa=Z+la-Nr,Pr=Le(c?Te(Oe,ca):Oe,Z,c?ie(me,fa):me);y[b]=Pr,X[b]=Pr-Z;}if(i){var Sr,ua=b==="x"?C:R,da=b==="x"?H:D,Ae=y[w],ut=w==="y"?"height":"width",Er=Ae+v[ua],Ir=Ae-v[da],Ft=[C,R].indexOf(h)!==-1,Or=(Sr=S==null?void 0:S[w])!=null?Sr:0,Mr=Ft?Er:Ae-x[ut]-I[ut]-Or+B.altAxis,Ar=Ft?Ae+x[ut]+I[ut]-Or-B.altAxis:Ir,Cr=c&&Ft?qr(Mr,Ae,Ar):Le(c?Mr:Er,Ae,c?Ar:Ir);y[w]=Cr,X[w]=Cr-Ae;}t.modifiersData[o]=X;}}var io={name:"preventOverflow",enabled:!0,phase:"main",fn:hn,requiresIfExists:["offset"]};function er(e){return {scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function tr(e){return e===T(e)||!F(e)?De(e):er(e)}function bn(e){var t=e.getBoundingClientRect(),r=ge(t.width)/e.offsetWidth||1,o=ge(t.height)/e.offsetHeight||1;return r!==1||o!==1}function rr(e,t,r){r===void 0&&(r=!1);var o=F(t),a=F(t)&&bn(t),n=V(t),s=re(e,a),i={scrollLeft:0,scrollTop:0},p={x:0,y:0};return (o||!o&&!r)&&((_(t)!=="body"||He(n))&&(i=tr(t)),F(t)?(p=re(t,!0),p.x+=t.clientLeft,p.y+=t.clientTop):n&&(p.x=We(n))),{x:s.left+i.scrollLeft-p.x,y:s.top+i.scrollTop-p.y,width:s.width,height:s.height}}function yn(e){var t=new Map,r=new Set,o=[];e.forEach(function(n){t.set(n.name,n);});function a(n){r.add(n.name);var s=[].concat(n.requires||[],n.requiresIfExists||[]);s.forEach(function(i){if(!r.has(i)){var p=t.get(i);p&&a(p);}}),o.push(n);}return e.forEach(function(n){r.has(n.name)||a(n);}),o}function or(e){var t=yn(e);return Xr.reduce(function(r,o){return r.concat(t.filter(function(a){return a.phase===o}))},[])}function ar(e){var t;return function(){return t||(t=new Promise(function(r){Promise.resolve().then(function(){t=void 0,r(e());});})),t}}function nr(e){var t=e.reduce(function(r,o){var a=r[o.name];return r[o.name]=a?Object.assign({},a,o,{options:Object.assign({},a.options,o.options),data:Object.assign({},a.data,o.data)}):o,r},{});return Object.keys(t).map(function(r){return t[r]})}var so={placement:"bottom",modifiers:[],strategy:"absolute"};function po(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return !t.some(function(o){return !(o&&typeof o.getBoundingClientRect=="function")})}function lo(e){e===void 0&&(e={});var t=e,r=t.defaultModifiers,o=r===void 0?[]:r,a=t.defaultOptions,n=a===void 0?so:a;return function(i,p,m){m===void 0&&(m=n);var l={placement:"bottom",orderedModifiers:[],options:Object.assign({},so,n),modifiersData:{},elements:{reference:i,popper:p},attributes:{},styles:{}},f=[],u=!1,c={state:l,setOptions:function(h){var N=typeof h=="function"?h(l.options):h;g(),l.options=Object.assign({},n,l.options,N),l.scrollParents={reference:ue(i)?Pe(i):i.contextElement?Pe(i.contextElement):[],popper:Pe(p)};var P=or(nr([].concat(o,l.options.modifiers)));if(l.orderedModifiers=P.filter(function(S){return S.enabled}),!1);return d(),c.update()},forceUpdate:function(){if(!u){var h=l.elements,N=h.reference,P=h.popper;if(po(N,P)){l.rects={reference:rr(N,se(P),l.options.strategy==="fixed"),popper:ke(P)},l.reset=!1,l.placement=l.options.placement,l.orderedModifiers.forEach(function(S){return l.modifiersData[S.name]=Object.assign({},S.data)});for(var b=0,w=0;w<l.orderedModifiers.length;w++){if(l.reset===!0){l.reset=!1,w=-1;continue}var y=l.orderedModifiers[w],x=y.fn,I=y.options,A=I===void 0?{}:I,B=y.name;typeof x=="function"&&(l=x({state:l,options:A,name:B,instance:c})||l);}}}},update:ar(function(){return new Promise(function(v){c.forceUpdate(),v(l);})}),destroy:function(){g(),u=!0;}};if(!po(i,p))return c;c.setOptions(m).then(function(v){!u&&m.onFirstUpdate&&m.onFirstUpdate(v);});function d(){l.orderedModifiers.forEach(function(v){var h=v.name,N=v.options,P=N===void 0?{}:N,b=v.effect;if(typeof b=="function"){var w=b({state:l,name:h,instance:c,options:P}),y=function(){};f.push(w||y);}});}function g(){f.forEach(function(v){return v()}),f=[];}return c}}var xn=[Qr,no,Kr,Gr,ao,eo,io,Zr,oo],ir=lo({defaultModifiers:xn});var uo=Pa(co());var En=[],sr=function(t,r,o){o===void 0&&(o={});var a=Q__namespace.useRef(null),n={onFirstUpdate:o.onFirstUpdate,placement:o.placement||"bottom",strategy:o.strategy||"absolute",modifiers:o.modifiers||En},s=Q__namespace.useState({styles:{popper:{position:n.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),i=s[0],p=s[1],m=Q__namespace.useMemo(function(){return {name:"updateState",enabled:!0,phase:"write",fn:function(c){var d=c.state,g=Object.keys(d.elements);fo__namespace.flushSync(function(){p({styles:Xt(g.map(function(v){return [v,d.styles[v]||{}]})),attributes:Xt(g.map(function(v){return [v,d.attributes[v]]}))});});},requires:["computeStyles"]}},[]),l=Q__namespace.useMemo(function(){var u={onFirstUpdate:n.onFirstUpdate,placement:n.placement,strategy:n.strategy,modifiers:[].concat(n.modifiers,[m,{name:"applyStyles",enabled:!1}])};return (0, uo.default)(a.current,u)?a.current||u:(a.current=u,u)},[n.onFirstUpdate,n.placement,n.strategy,n.modifiers,m]),f=Q__namespace.useRef();return Gt(function(){f.current&&f.current.setOptions(l);},[l]),Gt(function(){if(!(t==null||r==null)){var u=o.createPopper||ir,c=u(t,r,l);return f.current=c,function(){c.destroy(),f.current=null;}}},[t,r,o.createPopper]),{state:f.current?f.current.state:null,styles:i.styles,attributes:i.attributes,update:f.current?f.current.update:null,forceUpdate:f.current?f.current.forceUpdate:null}};var Mn=Object.defineProperty,At=Object.getOwnPropertySymbols,xo=Object.prototype.hasOwnProperty,wo=Object.prototype.propertyIsEnumerable,bo=(e,t,r)=>t in e?Mn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,lr=(e,t)=>{for(var r in t||(t={}))xo.call(t,r)&&bo(e,r,t[r]);if(At)for(var r of At(t))wo.call(t,r)&&bo(e,r,t[r]);return e},An=(e,t)=>{var r={};for(var o in e)xo.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&At)for(var o of At(e))t.indexOf(o)<0&&wo.call(e,o)&&(r[o]=e[o]);return r},Cn=(e,t,r)=>new Promise((o,a)=>{var n=p=>{try{i(r.next(p));}catch(m){a(m);}},s=p=>{try{i(r.throw(p));}catch(m){a(m);}},i=p=>p.done?o(p.value):Promise.resolve(p.value).then(n,s);i((r=r.apply(e,t)).next());}),Mt=`calc(-1 * ((1rem * (10 / ${E__default.default.fontBaseDefault})) / 2))`,yo=`calc(1rem * (10 / ${E__default.default.fontBaseDefault}))`;function Rn(){return {tooltipTargetWrapper:emotion.css({display:"inline-block",position:"relative"}),tooltip:emotion.css({background:E__default.default.gray900,fontFamily:E__default.default.fontStackPrimary,fontSize:E__default.default.fontSizeS,fontWeight:E__default.default.fontWeightNormal,fontStyle:"normal",textDecoration:"none",color:E__default.default.colorWhite,textAlign:"center",lineHeight:E__default.default.lineHeightM,padding:`${E__default.default.spacingXs} calc(1rem * (10 / ${E__default.default.fontBaseDefault}))`,borderRadius:E__default.default.borderRadiusMedium,whiteSpace:"normal",textTransform:"initial",letterSpacing:"initial"}),tooltipHidden:emotion.css({visibility:"hidden",pointerEvents:"none",zIndex:E__default.default.zIndexNegative}),tooltipContainer:emotion.css({"& > button[disabled]":{pointerEvents:"none"}}),tooltipArrow:emotion.css({position:"absolute",'&[data-placement*="top"]':{bottom:0,left:0,marginBottom:Mt},'&[data-placement*="right"]':{left:0,marginLeft:Mt},'&[data-placement*="bottom"]':{left:0,top:0,marginTop:Mt},'&[data-placement*="left"]':{right:0,marginRight:Mt},"&::before":{content:'""',display:"block",height:yo,width:yo,backgroundColor:E__default.default.gray900,transform:"rotate3d(0, 0, 1, 45deg)",zIndex:E__default.default.zIndexNegative}})}}var No=e=>{var t=e,{children:r,className:o,as:a="span",content:n,label:s,id:i,isVisible:p=!1,hideDelay:m=0,onBlur:l,onFocus:f,onMouseLeave:u,onMouseOver:c,onKeyDown:d,showDelay:g=0,targetWrapperClassName:v,maxWidth:h=360,testId:N="cf-ui-tooltip",placement:P="auto",usePortal:b=!1,isDisabled:w=!1}=t,y=An(t,["children","className","as","content","label","id","isVisible","hideDelay","onBlur","onFocus","onMouseLeave","onMouseOver","onKeyDown","showDelay","targetWrapperClassName","maxWidth","testId","placement","usePortal","isDisabled"]);let x=Rn(),[I,A]=Q.useState(p),B=f36Core.useId(i,"tooltip"),S=Q.useRef(null),X=Q.useRef(null),[q,Ie]=Q.useState(null),{styles:ye,attributes:z,update:Z}=sr(S.current,X.current,{placement:P,modifiers:[{name:"arrow",options:{element:q,padding:parseFloat(E__default.default.borderRadiusSmall)}},{name:"offset",options:{offset:[0,10]}}]});Q.useEffect(()=>{Cn(void 0,null,function*(){Z!==null&&(yield Z());});},[n,Z]);let Oe=Q.useRef(),me=Q.useRef(),ce=()=>{clearTimeout(Oe.current),clearTimeout(me.current);};Q.useEffect(()=>ce,[]);let $e=()=>{ce(),Oe.current=setTimeout(()=>A(!0),g);},de=()=>{ce(),me.current=setTimeout(()=>A(!1),m);},ze=typeof h=="string"?h:`${h}px`,xe=lr({zIndex:E__default.default.zIndexTooltip,maxWidth:ze},ye.popper);if(!n||w)return Q__namespace.default.createElement(f36Core.Box,{as:a,className:v},r);let ne=Q__namespace.default.createElement(f36Core.Box,lr({as:"span",id:B,ref:X,role:"tooltip",style:xe,className:emotion.cx(x.tooltip,o),testId:N,onMouseEnter:()=>{ce(),A(!0);},onMouseLeave:()=>{ce(),A(!1);}},z.popper),Q__namespace.default.createElement("span",{"aria-label":s},n),Q__namespace.default.createElement("span",{className:x.tooltipArrow,"data-placement":z.popper&&z.popper["data-popper-placement"],ref:Ie,style:ye.arrow}));return Q__namespace.default.createElement(Q__namespace.default.Fragment,null,I?Q__namespace.default.createElement(Q__namespace.default.Fragment,null,b?Q__namespace.default.createElement(f36Utils.Portal,null,ne):ne):null,Q__namespace.default.createElement(f36Core.Box,lr({as:a,ref:S,className:emotion.cx(x.tooltipContainer,v),onMouseEnter:W=>{$e(),c&&c(W);},onMouseLeave:W=>{de(),u&&u(W);},onFocus:W=>{$e(),f&&f(W);},onBlur:W=>{de(),l&&l(W);},onKeyDown:W=>{W.key==="Escape"&&de(),d&&d(W);}},y),Q__namespace.default.Children.map(r,W=>{if(Q__namespace.default.isValidElement(W))return Q__namespace.default.cloneElement(W,{"aria-describedby":B})})))};var kn=Object.defineProperty,Bn=Object.defineProperties,Ln=Object.getOwnPropertyDescriptors,Rt=Object.getOwnPropertySymbols,Eo=Object.prototype.hasOwnProperty,Io=Object.prototype.propertyIsEnumerable,Po=(e,t,r)=>t in e?kn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,mr=(e,t)=>{for(var r in t||(t={}))Eo.call(t,r)&&Po(e,r,t[r]);if(Rt)for(var r of Rt(t))Io.call(t,r)&&Po(e,r,t[r]);return e},Dn=(e,t)=>Bn(e,Ln(t)),Wn=(e,t)=>{var r={};for(var o in e)Eo.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&Rt)for(var o of Rt(e))t.indexOf(o)<0&&Io.call(e,o)&&(r[o]=e[o]);return r},Hn={primary:E__default.default.blue500,green:E__default.default.green400,orange:E__default.default.orange400,yellow:E__default.default.yellow500,purple:E__default.default.purple400,gray:E__default.default.gray400,pink:"#FF77AE",emerald:"#00B8A2",lavender:"#9095FF"},Fn=e=>({boxShadow:`0px 0px 0px 2px ${Hn[e]} inset, 0px 0px 0px 3px ${E__default.default.colorWhite} inset`}),Tt=e=>({tiny:"20px",small:"24px",medium:"32px",large:"48px"})[e],_n=e=>Math.round(Number(e.replace("px",""))/2),jn=({isFallback:e,size:t,variant:r,colorVariant:o})=>{let a=r==="app"?E__default.default.borderRadiusSmall:"99999999em",n=Tt(t);return {fallback:emotion.css({backgroundColor:E__default.default.gray200,color:"rgba(0,0,0,0.5)",height:"100%",width:"100%",textAlign:"center",lineHeight:n,fontStretch:"semi-condensed",fontSize:`${_n(n)}px`}),image:emotion.css({borderRadius:a,display:"block"}),root:emotion.css([{borderRadius:a,height:n,overflow:"hidden",position:"relative",width:n},!e&&{"&::after":{boxShadow:"inset 0px 0px 0px 1px rgba(17, 27, 43, 0.1)",borderRadius:a,bottom:0,content:'""',display:"block",left:0,position:"absolute",top:0,right:0}}]),colorBorder:emotion.css({"&::after":mr({},Fn(o))}),imageContainer:emotion.css({overflow:"visible",zIndex:1}),overlayIcon:emotion.css({svg:{backgroundColor:E__default.default.colorWhite,borderRadius:"99999999em",position:"absolute",bottom:0,right:"-10%",width:"40%",height:"40%",zIndex:1}}),isMuted:emotion.css({backgroundColor:E__default.default.colorWhite,img:{opacity:.5}})}};function $n(e,t){var r=e,{alt:o="",className:a,colorVariant:n,icon:s=null,isLoading:i=!1,size:p="medium",initials:m,src:l,testId:f="cf-ui-avatar",tooltipProps:u,variant:c="user",fallBackClass:d}=r,g=Wn(r,["alt","className","colorVariant","icon","isLoading","size","initials","src","testId","tooltipProps","variant","fallBackClass"]);let v=!i&&!l,h=jn({isFallback:v,size:p,variant:c,colorVariant:n}),N=Tt(p),P=Q__namespace.default.createElement("div",mr({className:emotion.cx(h.root,a,{[h.imageContainer]:s!==null,[h.isMuted]:n==="muted",[h.colorBorder]:!!n}),"data-test-id":f,ref:t},g),v?Q__namespace.default.createElement("div",{className:emotion.cx(h.fallback,d),"data-test-id":`${f}-fallback`},m):Q__namespace.default.createElement($r,{alt:o,className:h.image,height:N,src:l,width:N}),s!==null&&Q__namespace.default.createElement("span",{className:h.overlayIcon},s));return u?Q__namespace.default.createElement(No,Dn(mr({},u),{usePortal:!0}),P):P}var Oo=Q.forwardRef($n),zn=e=>({groupSpaced:emotion.css({gap:E__default.default.spacing2Xs}),groupStacked:emotion.css({gap:0,"> :not(:first-child)":{marginLeft:`-${E__default.default.spacing2Xs}`}}),avatarStacked:emotion.css({position:"relative",boxShadow:`0px 0px 0px 1px ${E__default.default.colorWhite}`}),moreAvatarsBtn:emotion.css({cursor:"pointer",backgroundColor:E__default.default.colorWhite,color:E__default.default.gray600,fontSize:E__default.default.fontSizeS,border:"none",boxShadow:`0px 0px 0px 1px ${E__default.default.gray200} inset`,borderRadius:"99999999em",height:Tt(e),width:Tt(e),overflow:"hidden",zIndex:0}),moreAvatarsItem:emotion.css({cursor:"default"})});function Vn({children:e,className:t,maxVisibleChildren:r=3,size:o="medium",testId:a="cf-ui-avatar-group",variant:n="spaced"},s){let i=zn(o),p=Q__namespace.default.Children.toArray(e),m=p.length>r?r-1:r,l=p.slice(0,m),f=p.slice(m);return Q__namespace.default.createElement(f36Core.Stack,{flexDirection:"row",testId:a,ref:s,className:emotion.cx(t,{[i.groupStacked]:n==="stacked",[i.groupSpaced]:n==="spaced"})},l.map((u,c)=>{let d=l.length-c;return Q__namespace.default.cloneElement(u,{key:`avatar-rendered-${c}`,size:o,className:emotion.cx(u.props.className,{[i.avatarStacked]:n==="stacked"}),style:{zIndex:d}})}),f.length>0&&Q__namespace.default.createElement(f36Menu.Menu,{placement:"bottom-end"},Q__namespace.default.createElement(f36Menu.Menu.Trigger,null,Q__namespace.default.createElement("button",{type:"button",className:emotion.cx({[i.avatarStacked]:n==="stacked"},i.moreAvatarsBtn)},"+",f.length)),Q__namespace.default.createElement(f36Menu.Menu.List,null,f.map((u,c)=>Q__namespace.default.createElement(f36Menu.Menu.Item,{className:i.moreAvatarsItem,key:`avatar-${c}`},Q__namespace.default.cloneElement(u,{key:`avatar-menuitem-${c}`,size:"tiny",tooltipProps:void 0}),u.props.alt)))))}Q.forwardRef(Vn);function Un(e,t){let u=e,{children:r,className:o,testId:a="cf-ui-navbar-account-trigger",avatar:n,initials:s,username:i,hasNotification:p,notificationVariant:m="warning"}=u,l=L(u,["children","className","testId","avatar","initials","username","hasNotification","notificationVariant"]),f=Lr();return Q__namespace.default.createElement(Ve,{trigger:Q__namespace.default.createElement(f36Core.Flex,M(O({},l),{as:"button",ref:t,className:emotion.cx(f.root,o),testId:a}),Q__namespace.default.createElement(Oo,{src:n}),p?Q__namespace.default.createElement("span",{className:f.notificationIcon(m)}):null)},r)}var cr=Q__namespace.default.forwardRef(Un);function fr({ariaLabel:e}){return Q__namespace.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:E__default.default.gray800,foregroundColor:E__default.default.gray700},Q__namespace.default.createElement(f36Skeleton.SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}var Co=()=>emotion.css({"&":{color:E__default.default.colorWhite,"& svg":{fill:E__default.default.colorWhite}},"&::after":{content:'""',position:"absolute",width:`calc(100% - ${E__default.default.spacingM})`,height:"2px",bottom:"0.5px",left:0,right:0,margin:"auto",backgroundColor:E__default.default.colorWhite,zIndex:0}}),Ro={display:"flex",justifyContent:"center",padding:`10px ${E__default.default.spacingS}`,alignItems:"center",background:"none"},To=()=>({root:emotion.css(Ro,{alignItems:"center",background:"none",border:0,margin:0,outline:"none",fontSize:E__default.default.fontSizeM,lineHeight:E__default.default.lineHeightM,fontWeight:E__default.default.fontWeightMedium,position:"relative",textAlign:"left",whiteSpace:"nowrap",cursor:"pointer",hyphens:"auto",textDecoration:"none",color:f36Utils.hexToRGBA(E__default.default.gray300,.8),boxSizing:"border-box",transition:`color ${E__default.default.transitionDurationShort} ${E__default.default.transitionEasingCubicBezier}`,borderRadius:E__default.default.borderRadiusMedium,"&::before":{content:'""',position:"absolute",width:`calc(100% - ${E__default.default.spacingXs})`,height:`calc(100% - ${E__default.default.spacingS})`,top:`calc(${E__default.default.spacingS} / 2)`,left:0,right:0,margin:"auto",borderRadius:E__default.default.borderRadiusSmall,backgroundColor:f36Utils.hexToRGBA(E__default.default.colorWhite,.08),opacity:0,zIndex:0,scale:0,transition:`all ${E__default.default.transitionDurationShort} ${E__default.default.transitionEasingCubicBezier}`},"&:hover::before":{opacity:1,scale:"1"},"&:active::before":{backgroundColor:"rgba(255, 255, 255, 0.1)"},"&:disabled":{cursor:"auto"},"& svg":{fill:f36Utils.hexToRGBA(E__default.default.gray300,.8),transition:`fill ${E__default.default.transitionDurationShort} ${E__default.default.transitionEasingCubicBezier}`,"&:first-child":{display:"none",[K.large]:{display:"block"}}},"& > svg, & > span":{zIndex:E__default.default.zIndexDefault}},te(`inset ${E__default.default.glowPrimary}`)),isActive:Co(),dropdownIcon:emotion.css({paddingLeft:E__default.default.spacing2Xs})}),ko=()=>({root:emotion.css(Ro)});var Bo=()=>({root:emotion.css({"&:first-child":{marginRight:E__default.default.spacing2Xs},"&:last-child":{marginLeft:E__default.default.spacing2Xs},"img&":{borderRadius:E__default.default.borderRadiusSmall,maxWidth:E__default.default.spacingM,maxHeight:E__default.default.spacingM}})});var pt=e=>{var a,n;let{icon:t,variant:r}=e,o=Bo();return Q__namespace.default.cloneElement(t,{className:emotion.cx(t.props.className,o.root),size:(a=t.props.size)!=null?a:"tiny",variant:(n=t.props.variant)!=null?n:r})};var Lo=f36Icon.generateIcon({name:"CircleIcon",viewBox:"0 0 24 24",path:Q__namespace.default.createElement("path",{d:"M11.994 6.526A5.47 5.47 0 0 0 6.526 12a5.47 5.47 0 0 0 5.468 5.473A5.476 5.476 0 0 0 17.473 12a5.477 5.477 0 0 0-5.479-5.474ZM12 15.447a3.448 3.448 0 1 1 0-6.896 3.448 3.448 0 0 1 0 6.896Z",fill:"currentFill"})});var Do=f36Icon.generateIcon({name:"ArrowDownIcon",viewBox:"0 0 12 20",path:Q__namespace.default.createElement("path",{d:"M3.03076 8C2.20109 8 1.73228 8.95209 2.23814 9.60971L5.20727 13.4696C5.60757 13.99 6.39223 13.99 6.79252 13.4696L9.76166 9.60971C10.2675 8.95209 9.79871 8 8.96904 8L3.03076 8Z",fill:"#9FA8B2"})});var Wo=f36Icon.generateIcon({name:"HelpIcon",viewBox:"0 0 24 24",path:Q__namespace.default.createElement(Q__namespace.default.Fragment,null,Q__namespace.default.createElement("g",{clipPath:"url(#HelpIcon_svg__a)"},Q__namespace.default.createElement("path",{d:"M12 2.25A9.75 9.75 0 1 0 21.75 12 9.769 9.769 0 0 0 12 2.25ZM12 18a1.125 1.125 0 1 1 0-2.25A1.125 1.125 0 0 1 12 18Zm.75-4.584v.084a.75.75 0 1 1-1.5 0v-.75A.75.75 0 0 1 12 12a1.875 1.875 0 1 0-1.875-1.875.75.75 0 1 1-1.5 0 3.375 3.375 0 1 1 4.125 3.29Z",fill:"currentFill"})),Q__namespace.default.createElement("defs",null,Q__namespace.default.createElement("clipPath",{id:"HelpIcon_svg__a"},Q__namespace.default.createElement("path",{fill:"currentFill",d:"M0 0h24v24H0z"}))))});var Ho=f36Icon.generateIcon({name:"SearchIcon",viewBox:"0 0 24 24",path:Q__namespace.default.createElement(Q__namespace.default.Fragment,null,Q__namespace.default.createElement("g",{clipPath:"url(#SearchIcon_svg__a)"},Q__namespace.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 11.125a5.125 5.125 0 1 1 10.25 0 5.125 5.125 0 0 1-10.25 0ZM11.125 4a7.125 7.125 0 1 0 4.282 12.82l2.886 2.887a1 1 0 0 0 1.414-1.414l-2.886-2.887A7.125 7.125 0 0 0 11.125 4Z",fill:"currentFill"})),Q__namespace.default.createElement("defs",null,Q__namespace.default.createElement("clipPath",{id:"SearchIcon_svg__a"},Q__namespace.default.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Fo=f36Icon.generateIcon({name:"ContentfulLogoIcon",viewBox:"0 0 24 24",path:Q__namespace.default.createElement(Q__namespace.default.Fragment,null,Q__namespace.default.createElement("g",{clipPath:"url(#a)"},Q__namespace.default.createElement("path",{d:"M8.71 3.007c.844.843 1.17 2.078.844 3.228a6.683 6.683 0 0 1 3.444-.953h.025a6.701 6.701 0 0 1 4.743 1.988 2.637 2.637 0 0 0 3.73.093 2.637 2.637 0 0 0 .094-3.731c-.025-.027-.052-.052-.08-.08A11.95 11.95 0 0 0 13.036.006h-.046a11.92 11.92 0 0 0-6.691 2.038h.074c.876 0 1.715.346 2.335.966l.002-.002Z",fill:"#1773EB"}),Q__namespace.default.createElement("path",{d:"M19.593 16.006c-.696 0-1.365.276-1.86.765a6.706 6.706 0 0 1-4.732 1.953h-.025a6.617 6.617 0 0 1-3.446-.97c.079.287.117.584.117.882a3.3 3.3 0 0 1-3.299 3.3h-.087a11.929 11.929 0 0 0 6.696 2.07h.046a11.934 11.934 0 0 0 8.45-3.486 2.64 2.64 0 0 0-1.857-4.514h-.003Z",fill:"#E44F20"}),Q__namespace.default.createElement("path",{d:"M4.013 16.301a3.283 3.283 0 0 1 2.335-.967c.303 0 .604.041.893.123a6.696 6.696 0 0 1 .014-6.928 3.302 3.302 0 0 1-4.176-3.187v-.09a12 12 0 0 0-.033 13.452v-.068c0-.877.344-1.715.967-2.335Z",fill:"#FFDA00"}),Q__namespace.default.createElement("path",{d:"M6.378 2.627c-.751 0-1.275.311-1.912.948-.606.606-.797 1.136-.8 1.767a2.712 2.712 0 1 0 5.427-.003A2.713 2.713 0 0 0 6.38 2.627h-.003Z",fill:"#1773EB"}),Q__namespace.default.createElement("path",{d:"M3.628 18.639c0 .748.311 1.275.948 1.912.606.606 1.136.8 1.767.8a2.703 2.703 0 1 0-.017-5.408 2.703 2.703 0 0 0-2.695 2.704v-.008h-.003Z",fill:"#E44F20"})),Q__namespace.default.createElement("defs",null,Q__namespace.default.createElement("clipPath",{id:"a"},Q__namespace.default.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var si="button";function pi(e,t){let d=e,{as:r=si,icon:o,title:a,children:n,className:s,isActive:i,testId:p="cf-ui-navbar-item",onOpen:m,onClose:l}=d,f=L(d,["as","icon","title","children","className","isActive","testId","onOpen","onClose"]),u=To(),c=Q__namespace.default.createElement(r,M(O({},f),{ref:t,"data-test-id":p,className:emotion.cx(u.root,i&&u.isActive,s)}),o?Q__namespace.default.createElement(pt,{icon:o,variant:"white"}):null,Q__namespace.default.createElement("span",null,a),_o(e)&&Q__namespace.default.createElement(Do,{className:u.dropdownIcon}));return _o(e)?Q__namespace.default.createElement(Ve,{trigger:c,testId:p,onOpen:m,onClose:l},n):c}var _o=e=>!!e.children,dr=Q__namespace.default.forwardRef(pi);var vr=({estimatedWidth:e})=>{let t=ko();return Q__namespace.default.createElement(f36Skeleton.SkeletonContainer,{className:t.root,svgWidth:e,svgHeight:40,backgroundColor:E__default.default.gray800,foregroundColor:E__default.default.gray700},Q__namespace.default.createElement(f36Skeleton.SkeletonText,{lineHeight:6,numberOfLines:1,offsetTop:7,radiusX:E__default.default.borderRadiusSmall,radiusY:E__default.default.borderRadiusSmall}))};var $o=()=>({root:emotion.css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var vi="button";function gi(e,t){let m=e,{as:r=vi,icon:o,title:a,className:n}=m,s=L(m,["as","icon","title","className"]),i=$o(),p=hi(e);return Q__namespace.default.createElement(f36Menu.Menu.Item,M(O({},s),{ref:t,as:r,className:emotion.cx(i.root,n)}),o?Q__namespace.default.createElement(pt,{icon:o,variant:"secondary"}):p&&zo,Q__namespace.default.createElement("span",null,a),o&&p?zo:null)}var zo=Q__namespace.default.createElement(pt,{icon:Q__namespace.default.createElement(f36Icons.ExternalLinkIcon,null),variant:"muted"}),hi=e=>e.as==="a"&&e.target==="_blank",gr=Q__namespace.default.forwardRef(gi);var hr=({ariaLabel:e})=>Q__namespace.default.createElement(f36Menu.Menu.Item,null,Q__namespace.default.createElement(f36Core.Flex,{alignItems:"center",gap:E__default.default.spacingXs},Q__namespace.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:18},Q__namespace.default.createElement(f36Skeleton.SkeletonImage,{width:16,height:16})),Q__namespace.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},Q__namespace.default.createElement(f36Skeleton.SkeletonBodyText,{numberOfLines:1}))));var Xo=()=>({root:emotion.css({margin:0,padding:0,background:"none",border:"none",color:E__default.default.gray300,cursor:"pointer",fontSize:E__default.default.fontSizeS,fontWeight:E__default.default.fontWeightMedium,position:"relative",outline:"none",borderRadius:E__default.default.borderRadiusMedium,"&:after":{content:'""',border:"1px solid #353A41",boxSizing:"border-box",height:"16px",right:"-1px",position:"absolute",width:0},"&:last-child:after":{display:"none"},"&:hover li":{backgroundColor:f36Utils.hexToRGBA(E__default.default.colorWhite,.15)}},te(`0px 0px 0px 2px ${E__default.default.colorBlack}, 0px 0px 0px 5px ${E__default.default.blue300}`)),breadcrumbs:emotion.css({listStyleType:"none",margin:0,padding:0,position:"relative"}),menuIcon:emotion.css({display:"none",[K.medium]:{display:"block"}})});function Ii(e,t){let p=e,{children:r,className:o,logo:a,testId:n="cf-ui-navbar-switcher"}=p,s=L(p,["children","className","logo","testId"]),i=Xo();return Q__namespace.default.createElement(f36Core.Flex,M(O({},s),{as:"button",ref:t,className:emotion.cx(i.root,o),testId:n,alignItems:"center",fullHeight:!0,gap:"spacingXs"}),a||Q__namespace.default.createElement(Fo,null),Q__namespace.default.createElement(f36Icons.MenuIcon,{className:i.menuIcon,size:"small",variant:"white"}),Q__namespace.default.createElement(f36Core.Flex,{as:"ul",alignItems:"center",className:i.breadcrumbs},r))}var yr=Q__namespace.default.forwardRef(Ii);var xr=({estimatedWidth:e})=>Q__namespace.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:e,svgHeight:24,backgroundColor:E__default.default.gray800,foregroundColor:E__default.default.gray700},Q__namespace.default.createElement(f36Skeleton.SkeletonDisplayText,{lineHeight:24,numberOfLines:1,radiusX:12,radiusY:12}));var Zo=()=>({root:emotion.css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",alignItems:"center",justifyContent:"center",minWidth:E__default.default.spacingL,transition:`color ${E__default.default.transitionDurationShort} ${E__default.default.transitionEasingCubicBezier}`,outline:"none",borderRadius:E__default.default.borderRadiusMedium,"& svg":{fill:E__default.default.gray300,transition:`fill ${E__default.default.transitionDurationShort} ${E__default.default.transitionEasingCubicBezier}`},"&:hover, & svg:hover":{color:E__default.default.gray100,fill:E__default.default.gray100}},te())});function Ti(e,t){let s=e,{className:r,testId:o="cf-ui-navbar-search"}=s,a=L(s,["className","testId"]),n=Zo();return Q__namespace.default.createElement(f36Core.Flex,M(O({"aria-label":"Quick Search"},a),{as:"button",ref:t,className:emotion.cx(n.root,r),testId:o}),Q__namespace.default.createElement(Ho,{size:"medium",variant:"white"}))}var Yo=Q__namespace.default.forwardRef(Ti);var Ko={display:"none","&:first-child":{display:"block"},[K.medium]:{display:"block","&:first-child":{display:"none"}}},Qo=()=>({breadcrumbsItem:emotion.css({position:"relative",alignItems:"center",justifyContent:"center",backgroundColor:f36Utils.hexToRGBA(E__default.default.gray100,.1),boxShadow:`0px 0px 0px 2px ${E__default.default.colorBlack}`,display:"inline-flex",margin:0,minWidth:0,padding:`0 ${E__default.default.spacingXs}`,height:E__default.default.spacingL,borderRadius:"3rem",zIndex:2,transition:`background-color ${E__default.default.transitionDurationShort} ${E__default.default.transitionEasingCubicBezier}`,whiteSpace:"nowrap","&:not(:first-child)":{clipPath:"path('M0 24C6 24 10 18 10 10C10 5 6 0 0 0H400C400 0 400 5 400 24H0Z')"},"&:first-child":{minWidth:"24px"},"&:nth-child(2)":{zIndex:1,left:`-${E__default.default.spacingXs}`,paddingLeft:E__default.default.spacingM,borderRadius:"0 3rem 3rem 0",span:{maxWidth:"80px",textOverflow:"ellipsis",overflow:"hidden",[K.large]:{maxWidth:"100%"}}},"&:nth-child(3)":{left:`-${E__default.default.spacingM}`,paddingLeft:E__default.default.spacingM,borderRadius:"0 3rem 3rem 0",fontFamily:E__default.default.fontStackMonospace,fontSize:E__default.default.fontSizeS,fontWeight:E__default.default.fontWeightMedium,zIndex:0,span:{maxWidth:"40px",textOverflow:"ellipsis",overflow:"hidden",[K.large]:{maxWidth:"100%"}},"> div":{[K.medium]:{gap:E__default.default.spacing2Xs}}}}),breadcrumbsItemCircle:emotion.css({borderRadius:"50%",color:E__default.default.gray400,padding:0,display:"flex",justifyContent:"center",fontSize:"11px",width:E__default.default.spacingL,height:E__default.default.spacingL}),breadcrumbsItemEnvMaster:emotion.css({color:E__default.default.green400," svg":M(O({},Ko),{fill:E__default.default.green400})}),breadcrumbsItemEnvNonMaster:emotion.css({color:E__default.default.orange400,svg:M(O({},Ko),{fill:E__default.default.orange400})})});function Jo({isAlias:e}){return Q__namespace.default.createElement(Q__namespace.default.Fragment,null,Q__namespace.default.createElement(Lo,{key:"mobile-icon",size:"tiny"}),e?Q__namespace.default.createElement(f36Icons.EnvironmentAliasIcon,{key:"full-icon",size:"tiny"}):Q__namespace.default.createElement(f36Icons.EnvironmentIcon,{key:"full-icon",size:"tiny"}))}function Hi(e,t){let f=e,{children:r,isCircle:o,className:a,envVariant:n,isAlias:s,testId:i="cf-ui-navbar-switcher-item"}=f,p=L(f,["children","isCircle","className","envVariant","isAlias","testId"]),m=Qo(),l=emotion.cx(m.breadcrumbsItem,a,{[m.breadcrumbsItemCircle]:o,[m.breadcrumbsItemEnvMaster]:n==="master",[m.breadcrumbsItemEnvNonMaster]:n==="non-master"});return Q__namespace.default.createElement("li",M(O({},p),{ref:t,className:l,"data-test-id":i}),Q__namespace.default.createElement(f36Core.Flex,{fullHeight:!0,justifyContent:"center",alignItems:"center"},n&&Q__namespace.default.createElement(Jo,{isAlias:s}),Q__namespace.default.createElement("span",null,r)))}var ea=Q__namespace.default.forwardRef(Hi);var ta=()=>({root:emotion.css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",alignItems:"center",justifyContent:"center",color:E__default.default.gray300,fontSize:0,gap:0,minWidth:E__default.default.spacingL,transition:`color ${E__default.default.transitionDurationShort} ${E__default.default.transitionEasingCubicBezier}`,outline:"none",borderRadius:E__default.default.borderRadiusMedium,[K.medium]:{fontSize:E__default.default.fontSizeS,gap:E__default.default.spacing2Xs,fontWeight:E__default.default.fontWeightMedium,marginRight:E__default.default.spacingXs},"&:hover, &:hover svg":{color:E__default.default.gray100,fill:E__default.default.gray100},"& svg":{fill:E__default.default.gray300,transition:`fill ${E__default.default.transitionDurationShort} ${E__default.default.transitionEasingCubicBezier}`}},te())});function $i(e,t){let i=e,{children:r,className:o,testId:a="cf-ui-navbar-help-trigger"}=i,n=L(i,["children","className","testId"]),s=ta();return Q__namespace.default.createElement(Ve,{testId:"cf-ui-navbar-help-menu",trigger:Q__namespace.default.createElement(f36Core.Flex,M(O({"aria-label":"Help Menu"},n),{as:"button",ref:t,className:emotion.cx(s.root,o),testId:a}),Q__namespace.default.createElement(Wo,{size:"medium",variant:"white"}),"Help")},r)}var ra=Q__namespace.default.forwardRef($i);var oa=()=>({root:emotion.css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${E__default.default.purple400}`,margin:0,outline:"none",fontSize:E__default.default.fontSizeS,lineHeight:E__default.default.lineHeightS,fontWeight:E__default.default.fontWeightMedium,textAlign:"center",padding:`0 ${E__default.default.spacingXs}`,textDecoration:"none",color:`${E__default.default.purple400}!important`,borderRadius:"1.75rem"})});var Xi="div";function Gi(e,t){let p=e,{as:r=Xi,children:o,className:a,testId:n="cf-ui-navbar-badge"}=p,s=L(p,["as","children","className","testId"]),i=oa();return Q__namespace.default.createElement(r,M(O({},s),{ref:t,className:emotion.cx(i.root,a),"data-test-id":n}),o)}var na=Q__namespace.default.forwardRef(Gi);var ia=()=>({root:emotion.css({margin:0,background:"none",border:"none",cursor:"pointer",display:"flex",gap:E__default.default.spacing2Xs,alignItems:"center",color:E__default.default.gray300,padding:`0 ${E__default.default.spacing2Xs}`,minHeight:E__default.default.spacingL,fontSize:E__default.default.fontSizeS,fontWeight:E__default.default.fontWeightMedium,outline:"none",borderRadius:E__default.default.borderRadiusMedium,"&:hover":{color:E__default.default.gray100},svg:{fill:"currentColor"}},te())});var Zi="button";function Yi(e,t){let p=e,{as:r=Zi,children:o,className:a,testId:n="cf-ui-navbar-topbar-item"}=p,s=L(p,["as","children","className","testId"]),i=ia();return Q__namespace.default.createElement(r,M(O({},s),{ref:t,className:emotion.cx(i.root,a),"data-test-id":n}),o)}var pa=Q__namespace.default.forwardRef(Yi);var U=Br;U.Item=dr;U.ItemSkeleton=vr;U.MenuItem=gr;U.MenuItemSkeleton=hr;U.MenuDivider=f36Menu.MenuDivider;U.MenuSectionTitle=f36Menu.MenuSectionTitle;U.Switcher=yr;U.SwitcherSkeleton=xr;U.SwitcherItem=ea;U.Search=Yo;U.Help=ra;U.Account=cr;U.AccountSkeleton=fr;U.Badge=na;U.TopbarItem=pa;
|
|
20
|
+
var $e=Object.defineProperty,Xe=Object.defineProperties;var Ge=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var pe=Object.prototype.hasOwnProperty,ce=Object.prototype.propertyIsEnumerable;var me=(e,o,t)=>o in e?$e(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,d=(e,o)=>{for(var t in o||(o={}))pe.call(o,t)&&me(e,t,o[t]);if(G)for(var t of G(o))ce.call(o,t)&&me(e,t,o[t]);return e},f=(e,o)=>Xe(e,Ge(o));var b=(e,o)=>{var t={};for(var r in e)pe.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&G)for(var r of G(e))o.indexOf(r)<0&&ce.call(e,r)&&(t[r]=e[r]);return t};var s={xsmall:"@media (min-width: 576px)",small:"@media (min-width: 867px)",medium:"@media (min-width: 1024px)",large:"@media (min-width: 1200px)",xlarge:"@media (min-width: 1920px)"},A=(e=i__default.default.glowPrimary)=>({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}}),k=(e="44px")=>({overflow:"visible",position:"relative","&:after":{minHeight:e,minWidth:e,position:"absolute",width:"100%",content:'""',left:"50%",top:"50%",transform:"translate(-50%, -50%)"}});var le=({contentMaxWidth:e,variant:o})=>({container:emotion.css({justifyContent:"center",backgroundColor:i__default.default.gray100,width:"100%"}),logo:emotion.css({display:"none",[s.small]:{display:"block",height:"28px",width:"28px"}}),navigation:emotion.css({width:"100%",maxWidth:o==="wide"?"1920px":e,padding:`${i__default.default.spacingS} ${i__default.default.spacingM}`,minHeight:i__default.default.spacingL,[s.small]:{padding:`${i__default.default.spacingM} ${i__default.default.spacingL}`}}),mainNavigation:emotion.css({display:"none",[s.small]:{display:"flex"}}),mobileNavigationButton:emotion.css({display:"flex",minHeight:"initial",height:"36px",padding:"0 12px",borderRadius:"10px",[s.small]:{display:"none"}}),mobileNavigationIcon:emotion.css({heigt:"20px",width:"20px"}),secondaryNavigationWrapper:emotion.css({"> *:not(:first-child)":{display:"none",[s.xsmall]:{display:"flex"}}}),account:emotion.css({display:"none",[s.xsmall]:{display:"flex"}})});var ge=f36Icon.generateComponentWithVariants({variants:{[f36Icon.IconVariant.Active]:f36Icon.generateIconComponent({path:l__default.default.createElement(l__default.default.Fragment,null,l__default.default.createElement("path",{d:"M10.0153 4.76531L6.2653 8.51531C6.23048 8.55018 6.18912 8.57784 6.14359 8.59671C6.09807 8.61558 6.04927 8.62529 5.99999 8.62529C5.95071 8.62529 5.90191 8.61558 5.85639 8.59671C5.81086 8.57784 5.76951 8.55018 5.73468 8.51531L1.98468 4.76531C1.93217 4.71287 1.89641 4.64602 1.88192 4.57324C1.86742 4.50046 1.87485 4.42501 1.90326 4.35645C1.93166 4.28789 1.97977 4.22931 2.0415 4.1881C2.10322 4.1469 2.17578 4.12494 2.24999 4.125H9.74999C9.8242 4.12494 9.89676 4.1469 9.95848 4.1881C10.0202 4.22931 10.0683 4.28789 10.0967 4.35645C10.1251 4.42501 10.1326 4.50046 10.1181 4.57324C10.1036 4.64602 10.0678 4.71287 10.0153 4.76531Z",fill:i__default.default.blue300})),viewBox:"0 0 12 12"}),[f36Icon.IconVariant.Default]:f36Icon.generateIconComponent({path:l__default.default.createElement(l__default.default.Fragment,null,l__default.default.createElement("path",{d:"M10.0153 4.76531L6.2653 8.51531C6.23048 8.55018 6.18912 8.57784 6.14359 8.59671C6.09807 8.61558 6.04927 8.62529 5.99999 8.62529C5.95071 8.62529 5.90191 8.61558 5.85639 8.59671C5.81086 8.57784 5.76951 8.55018 5.73468 8.51531L1.98468 4.76531C1.93217 4.71287 1.89641 4.64602 1.88192 4.57324C1.86742 4.50046 1.87485 4.42501 1.90326 4.35645C1.93166 4.28789 1.97977 4.22931 2.0415 4.1881C2.10322 4.1469 2.17578 4.12494 2.24999 4.125H9.74999C9.8242 4.12494 9.89676 4.1469 9.95848 4.1881C10.0202 4.22931 10.0683 4.28789 10.0967 4.35645C10.1251 4.42501 10.1326 4.50046 10.1181 4.57324C10.1036 4.64602 10.0678 4.71287 10.0153 4.76531Z",fill:i__default.default.gray400})),viewBox:"0 0 12 12"})}});var fe=f36Icon.generateIconComponent({name:"ContentfulLogoIcon",viewBox:"0 0 28 28",path:l__default.default.createElement(l__default.default.Fragment,null,l__default.default.createElement("path",{fill:"#1773EB",d:"M10.713 5.001c.845.843 1.167 2.079.845 3.228A6.663 6.663 0 0 1 15 7.276h.026a6.7 6.7 0 0 1 4.743 1.988 2.64 2.64 0 1 0 3.746-3.715A11.96 11.96 0 0 0 15.042 2h-.046a11.933 11.933 0 0 0-6.691 2.036h.074a3.287 3.287 0 0 1 2.334.967V5Z"}),l__default.default.createElement("path",{fill:"#E44F20",d:"M21.594 17.999a2.64 2.64 0 0 0-1.858.766 6.703 6.703 0 0 1-4.732 1.951h-.025a6.65 6.65 0 0 1-3.447-.968A3.3 3.3 0 0 1 8.35 23.93h-.086A11.926 11.926 0 0 0 14.96 26h.046a11.94 11.94 0 0 0 8.449-3.484 2.64 2.64 0 0 0-1.859-4.514V18h-.002Z"}),l__default.default.createElement("path",{fill:"#FFDA00",d:"M6.013 18.295a3.27 3.27 0 0 1 2.334-.967c.302 0 .603.04.894.122a6.7 6.7 0 0 1 .013-6.928A3.3 3.3 0 0 1 5.08 7.335v-.09a11.999 11.999 0 0 0-.032 13.453v-.07a3.27 3.27 0 0 1 .966-2.333Z"}),l__default.default.createElement("path",{fill:"#1773EB",d:"M8.379 4.62c-.75 0-1.276.312-1.913.949-.607.605-.798 1.135-.8 1.766A2.712 2.712 0 1 0 8.38 4.62Z"}),l__default.default.createElement("path",{fill:"#E44F20",d:"M5.628 20.631c0 .75.31 1.276.946 1.912.607.606 1.136.799 1.766.8a2.703 2.703 0 1 0-.017-5.407 2.703 2.703 0 0 0-2.695 2.704v-.009Z"}))});var ve=()=>({menuList:emotion.css({minWidth:0,[s.xsmall]:{minWidth:"250px"}})});var L=e=>{let{trigger:o,children:t,testId:r="cf-ui-navbar-menu-list",onOpen:a,onClose:n}=e,m=ve();return l__default.default.createElement(f36Menu.Menu,{onOpen:a,onClose:n},l__default.default.createElement(f36Menu.Menu.Trigger,null,o),l__default.default.createElement(f36Menu.Menu.List,{className:m.menuList,testId:r},t))};function Ke(e,o){let H=e,{logo:t,promotions:r,switcher:a,mainNavigation:n,secondaryNavigation:m,account:p,mobileNavigation:c,className:u,contentMaxWidth:S="100%",testId:h="cf-ui-navbar",variant:x="wide"}=H,y=b(H,["logo","promotions","switcher","mainNavigation","secondaryNavigation","account","mobileNavigation","className","contentMaxWidth","testId","variant"]),v=le({contentMaxWidth:S,variant:x});return l__default.default.createElement(f36Core.Flex,f(d({},y),{ref:o,testId:h,className:emotion.cx(v.container,u),as:"header"}),l__default.default.createElement(f36Core.Flex,{as:"nav",className:v.navigation,justifyContent:"space-between",gap:"spacingXs"},l__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingL"},t||l__default.default.createElement(fe,{className:v.logo}),c&&l__default.default.createElement(L,{trigger:l__default.default.createElement(f36Button.Button,{className:v.mobileNavigationButton,startIcon:l__default.default.createElement(f36Icons.ListIcon,{size:"medium"})},"Menu")},c),n&&l__default.default.createElement(f36Core.Flex,{className:v.mainNavigation,"aria-label":"Main Navigation",gap:"spacingXs"},n)),l__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingXs"},l__default.default.createElement(f36Core.Flex,{alignItems:"center"},r),l__default.default.createElement(f36Core.Flex,{alignItems:"center"},a),l__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingXs"},m&&l__default.default.createElement(f36Core.Flex,{className:v.secondaryNavigationWrapper,"aria-label":"Secondary Navigation",gap:"spacingXs"},m),p&&l__default.default.createElement(f36Core.Flex,{className:v.account,"aria-label":"Account Navigation",gap:"spacingXs"},p)))))}var Ne=l__default.default.forwardRef(Ke);var eo={warning:i__default.default.colorWarning,negative:i__default.default.colorNegative,info:i__default.default.blue500},he=()=>({navbarAccount:emotion.css({margin:0,padding:0,border:0,cursor:"pointer",background:"none",position:"relative",outline:"none",overflow:"visible",borderRadius:"50%","&:before":emotion.css({content:'""',display:"block",position:"absolute",height:"24px",width:"24px",backgroundColor:"transparent",borderRadius:"50%"}),"&:hover:before":emotion.css({backgroundColor:f36Utils.hexToRGBA(i__default.default.gray300,.15)})},A(),k()),avatar:emotion.css({borderRadius:"50%",display:"block",height:"24px",width:"24px"}),notificationIcon:e=>emotion.css({position:"absolute",top:0,right:0,height:i__default.default.spacingS,width:i__default.default.spacingS,borderRadius:"50%",border:`2px solid ${i__default.default.gray100}`,backgroundColor:eo[e],transform:"translate(30%, -30%)"})});function no(e,o){let x=e,{children:t,className:r,testId:a="cf-ui-navbar-account-trigger",avatar:n,initials:m,username:p,hasNotification:c,notificationVariant:u="warning"}=x,S=b(x,["children","className","testId","avatar","initials","username","hasNotification","notificationVariant"]),h=he();return l__default.default.createElement(L,{trigger:l__default.default.createElement(f36Core.Flex,f(d({as:"button"},S),{ref:o,className:emotion.cx(h.navbarAccount,r),testId:a,alignItems:"center","aria-label":"Account Menu"}),l__default.default.createElement(f36Avatar.Avatar,{src:n,initials:m,size:"small",variant:"user"}),c?l__default.default.createElement("span",{className:h.notificationIcon(u)}):null)},t)}var J=l__default.default.forwardRef(no);function K({ariaLabel:e}){return l__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:i__default.default.gray300,foregroundColor:i__default.default.gray200},l__default.default.createElement(f36Skeleton.SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}var $="1px",Ie=()=>emotion.css({backgroundColor:i__default.default.blue100,border:`${$} solid ${i__default.default.blue400}`,color:i__default.default.blue600,"&:hover":{backgroundColor:i__default.default.blue100}}),Se={display:"flex",justifyContent:"center",padding:`calc(${i__default.default.spacing2Xs} - ${$}) calc(${i__default.default.spacingXs} - ${$})`,alignItems:"center",background:"none",gap:i__default.default.spacing2Xs},Pe=({hasTitle:e})=>({navbarItem:emotion.css(Se,{appearance:"none",background:"none",border:`${$} solid transparent`,margin:0,outline:"none",fontSize:i__default.default.fontSizeM,lineHeight:i__default.default.lineHeightM,fontWeight:i__default.default.fontWeightMedium,position:"relative",textAlign:"left",whiteSpace:"nowrap",cursor:"pointer",hyphens:"auto",textDecoration:"none",color:i__default.default.gray800,boxSizing:"border-box",transition:`color ${i__default.default.transitionDurationShort} ${i__default.default.transitionEasingCubicBezier}`,borderRadius:i__default.default.borderRadiusMedium,padding:e?void 0:`calc(${i__default.default.spacing2Xs} - ${$})`,"&:hover":{backgroundColor:f36Utils.hexToRGBA(i__default.default.gray900,.05)},"&:hover::before":{opacity:1,scale:"1"},"&:active::before":{backgroundColor:"rgba(255, 255, 255, 0.1)"},"&:disabled":{cursor:"auto"},"& svg":{transition:`fill ${i__default.default.transitionDurationShort} ${i__default.default.transitionEasingCubicBezier}`},"& > svg, & > span":{zIndex:i__default.default.zIndexDefault}},A(),k()),navbarItemMenuTrigger:emotion.css({paddingRight:i__default.default.spacingXs}),isActive:Ie(),icon:emotion.css({height:"20px",width:"20px",boxSizing:"content-box",display:e?"none":"block",[s.small]:{height:"16px",width:"16px",padding:e?"2px 0":"2px"},[s.large]:{display:"block"}})}),Me=()=>({itemSkeleton:emotion.css(Se)});var Ce=()=>({navbarItemIcon:emotion.css({"&:last-child&:not(:only-child)":{marginLeft:i__default.default.spacing2Xs},"img&":{borderRadius:i__default.default.borderRadiusSmall,maxWidth:i__default.default.spacingM,maxHeight:i__default.default.spacingM}})});var w=({icon:e,isActive:o,className:t})=>{let p=e.props,{className:r,size:a}=p,n=b(p,["className","size"]),m=Ce();return l__default.default.cloneElement(e,d({className:emotion.cx(r,m.navbarItemIcon,t),size:a||"small",isActive:o},n))};var uo="button";function bo(e,o){let se=e,{as:t=uo,icon:r,label:a,title:n,children:m,className:p,isActive:c,testId:u="cf-ui-navbar-item",onOpen:S,onClose:h}=se,x=b(se,["as","icon","label","title","children","className","isActive","testId","onOpen","onClose"]),y=Pe({hasTitle:!!n}),v=go(e),H=n&&v,ie=l__default.default.createElement(t,f(d({},x),{ref:o,"data-test-id":u,className:emotion.cx(y.navbarItem,p,{[y.navbarItemMenuTrigger]:H,[y.isActive]:c}),"aria-label":n?"":a}),r&&l__default.default.createElement(w,{className:y.icon,icon:r,isActive:c}),n&&l__default.default.createElement("span",null,n),H&&l__default.default.createElement(ge,{size:"tiny",isActive:c}));return v?l__default.default.createElement(L,{trigger:ie,testId:u,onOpen:S,onClose:h},m):ie}var go=e=>!!e.children,Q=l__default.default.forwardRef(bo);var ee=({estimatedWidth:e})=>{let o=Me();return l__default.default.createElement(f36Skeleton.SkeletonContainer,{className:o.itemSkeleton,svgWidth:e,svgHeight:28,backgroundColor:i__default.default.gray300,foregroundColor:i__default.default.gray200},l__default.default.createElement(f36Skeleton.SkeletonText,{lineHeight:18,numberOfLines:1,offsetTop:2,radiusX:i__default.default.borderRadiusSmall,radiusY:i__default.default.borderRadiusSmall}))};var Ae=()=>({navbarMenuItem:emotion.css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var Io="button";function So(e,o){let u=e,{as:t=Io,icon:r,title:a,className:n}=u,m=b(u,["as","icon","title","className"]),p=Ae(),c=Po(e);return l__default.default.createElement(f36Menu.Menu.Item,f(d({},m),{ref:o,as:t,className:emotion.cx(p.navbarMenuItem,n)}),r?l__default.default.createElement(w,{icon:r}):c&&ke,l__default.default.createElement("span",null,a),r&&c?ke:null)}var ke=l__default.default.createElement(w,{icon:l__default.default.createElement(f36Icons.ArrowSquareOutIcon,null)}),Po=e=>e.as==="a"&&e.target==="_blank",oe=l__default.default.forwardRef(So);var te=({ariaLabel:e})=>l__default.default.createElement(f36Menu.Menu.Item,null,l__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:i__default.default.spacingXs},l__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:18},l__default.default.createElement(f36Skeleton.SkeletonImage,{width:16,height:16})),l__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},l__default.default.createElement(f36Skeleton.SkeletonBodyText,{numberOfLines:1}))));var Te=()=>({navbarSwitcher:emotion.css({color:i__default.default.gray600,flexShrink:1,fontWeight:i__default.default.fontWeightMedium,maxWidth:"100%",minHeight:"unset",padding:`${i__default.default.spacing2Xs} ${i__default.default.spacingXs}`,"&:hover":{backgroundColor:f36Utils.hexToRGBA(i__default.default.gray900,.05)}},A(),k()),switcherSpaceName:emotion.css({"&:has(> span:last-child:nth-child(3))":{minWidth:"12ch"},maxWidth:"15vw",[s.xsmall]:{maxWidth:"50vw"},[s.small]:{maxWidth:"10vw"},[s.medium]:{maxWidth:"50vw"}}),switcherEnvIcon:emotion.css({[s.small]:{width:"16px",height:"16px"}}),switcherSpaceNameTruncation:emotion.css({flexShrink:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})});function Oe({isAlias:e,envVariant:o,className:t}){let r=o==="master"?i__default.default.green600:i__default.default.orange500;return e?l__default.default.createElement(f36Icons.EnvironmentAliasIcon,{color:r,className:t,size:"medium"}):l__default.default.createElement(f36Icons.EnvironmentIcon,{color:r,className:t,size:"medium"})}function _o(e,{start:o=5,end:t=6}={}){if(e.length<=o+t)return [e,void 0,void 0];let r=o>0?e.slice(0,o):"",a=t>0?e.slice(-t):"",n=e.slice(o,e.length-t);return [r,n,a]}function Fo(e,o){let y=e,{children:t,className:r,envVariant:a,isAlias:n,testId:m="cf-ui-navbar-switcher",ariaLabel:p="Space and Environment Navigation"}=y,c=b(y,["children","className","envVariant","isAlias","testId","ariaLabel"]),u=Te(),[S,h,x]=typeof t=="string"?_o(t):[];return l__default.default.createElement(f36Button.Button,f(d({},c),{"aria-label":p,className:emotion.cx(u.navbarSwitcher,r),endIcon:a&&l__default.default.createElement(Oe,{envVariant:a,isAlias:n,className:u.switcherEnvIcon}),ref:o,testId:m,variant:"transparent"}),l__default.default.createElement(f36Core.Flex,{alignItems:"center",className:u.switcherSpaceName,flexDirection:"row"},S!==void 0?l__default.default.createElement(l__default.default.Fragment,null,l__default.default.createElement("span",null,S),h&&l__default.default.createElement("span",{className:u.switcherSpaceNameTruncation},h),x&&l__default.default.createElement("span",null,x)):t))}var re=l__default.default.forwardRef(Fo);var ne=({estimatedWidth:e})=>l__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:e,svgHeight:18,backgroundColor:i__default.default.gray300,foregroundColor:i__default.default.gray200},l__default.default.createElement(f36Skeleton.SkeletonText,{lineHeight:18,numberOfLines:1,radiusX:i__default.default.borderRadiusSmall,radiusY:i__default.default.borderRadiusSmall}));var _e=()=>({navbarBadge:emotion.css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${i__default.default.purple600}`,margin:0,outline:"none",fontSize:i__default.default.fontSizeS,lineHeight:i__default.default.lineHeightS,fontWeight:i__default.default.fontWeightMedium,textAlign:"center",padding:`0 ${i__default.default.spacingXs}`,textDecoration:"none",color:`${i__default.default.purple600}!important`,borderRadius:"1.75rem",userSelect:"none"})});var $o="div";function Xo(e,o){let c=e,{as:t=$o,children:r,className:a,testId:n="cf-ui-navbar-badge"}=c,m=b(c,["as","children","className","testId"]),p=_e();return l__default.default.createElement(t,f(d({},m),{ref:o,className:emotion.cx(p.navbarBadge,a),"data-test-id":n}),r)}var He=l__default.default.forwardRef(Xo);var Ve=()=>({navbarMenuItem:emotion.css({display:"flex",justifyContent:"flex-start",alignItems:"center",gap:i__default.default.spacingXs}),menuList:emotion.css({minWidth:0,marginLeft:"-24px",marginTop:"10px",[s.xsmall]:{minWidth:"250px",margin:0}})});var De=e=>{let{title:o,icon:t,children:r,testId:a="cf-ui-navbar-submenu-list",onOpen:n,onClose:m}=e,p=Ve();return l__default.default.createElement(f36Menu.Menu.Submenu,{onOpen:n,onClose:m},l__default.default.createElement(f36Menu.Menu.SubmenuTrigger,null,l__default.default.createElement(f36Core.Flex,{className:p.navbarMenuItem},t&&l__default.default.createElement(w,{icon:t}),l__default.default.createElement("span",null,o))),l__default.default.createElement(f36Menu.Menu.List,{className:p.menuList,testId:a},r))};var g=Ne;g.Item=Q;g.ItemSkeleton=ee;g.MenuItem=oe;g.MenuItemSkeleton=te;g.MenuDivider=f36Menu.MenuDivider;g.MenuSectionTitle=f36Menu.MenuSectionTitle;g.Submenu=De;g.Switcher=re;g.SwitcherSkeleton=ne;g.Account=J;g.AccountSkeleton=K;g.Badge=He;
|
|
39
21
|
|
|
40
|
-
exports.Navbar =
|
|
41
|
-
exports.getNavbarItemActiveStyles =
|
|
22
|
+
exports.Navbar = g;
|
|
23
|
+
exports.getNavbarItemActiveStyles = Ie;
|
|
42
24
|
//# sourceMappingURL=out.js.map
|
|
43
25
|
//# sourceMappingURL=index.js.map
|