@geneui/components 3.0.0-next-e4b364d-04092025 → 3.0.0-next-efb08b2-09092025
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/ButtonGroup.js +7 -67
- package/Drawer.js +2 -4
- package/Empty.js +8 -77
- package/GlobalHeader.js +3 -3
- package/Menu.js +16 -365
- package/Modal.js +2 -4
- package/Navigation.js +2 -3
- package/Notification.js +2 -4
- package/Pagination.js +1 -2
- package/Profile.js +5 -4
- package/{ChevronRight-8074ab2e.js → ThreeDotsHorizontal-30813ed5.js} +30 -5
- package/{index-bb41315f.js → index-55a33393.js} +1 -1
- package/index-978068de.js +488 -0
- package/index.js +3 -6
- package/package.json +1 -1
- package/ThreeDotsHorizontal-479c2b4b.js +0 -29
package/ButtonGroup.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { Menu, MenuItem } from './Menu.js';
|
|
6
|
-
import { s as styleInject } from './style-inject.es-746bb8ed.js';
|
|
1
|
+
export { B as default } from './index-978068de.js';
|
|
2
|
+
import 'react';
|
|
3
|
+
import './index-ce02421b.js';
|
|
4
|
+
import './ThreeDotsHorizontal-30813ed5.js';
|
|
7
5
|
import './ActivityRecent-b88e2ba8.js';
|
|
6
|
+
import './Button.js';
|
|
8
7
|
import './Loader.js';
|
|
8
|
+
import './style-inject.es-746bb8ed.js';
|
|
9
9
|
import './PopoverBody-cfe2a5c1.js';
|
|
10
10
|
import './floating-ui.react-a6c3b969.js';
|
|
11
11
|
import 'react-dom';
|
|
@@ -17,66 +17,6 @@ import 'prop-types';
|
|
|
17
17
|
import './useDebounceCallback-999deae7.js';
|
|
18
18
|
import './index-d9a2e208.js';
|
|
19
19
|
import './index-a2688a52.js';
|
|
20
|
+
import './Text.js';
|
|
20
21
|
import './CheckMark-34798545.js';
|
|
21
|
-
import './ChevronRight-8074ab2e.js';
|
|
22
22
|
import './Divider.js';
|
|
23
|
-
|
|
24
|
-
var css_248z = ".buttonGroup{display:inline-flex;gap:var(--guit-ref-spacing-xsmall)}";
|
|
25
|
-
styleInject(css_248z);
|
|
26
|
-
|
|
27
|
-
const MAX_VISIBLE_BUTTONS = 3;
|
|
28
|
-
/**
|
|
29
|
-
* A button group clusters multiple buttons together. Use button groups in toolbars, forms, and modals, etc.
|
|
30
|
-
*/
|
|
31
|
-
const ButtonGroup = ({ className, children, size = "medium" }) => {
|
|
32
|
-
const [menuPropsForPopover, setMenuPropsForPopover] = useState({});
|
|
33
|
-
const [splitChildren, setSplitChildren] = useState(children);
|
|
34
|
-
const [menuData, setMenuData] = useState([]);
|
|
35
|
-
const [childArray, setChildArray] = useState([]);
|
|
36
|
-
useEffect(() => {
|
|
37
|
-
if (!children)
|
|
38
|
-
return;
|
|
39
|
-
const clonedChildren = Children.map(children, (el) => {
|
|
40
|
-
if (isValidElement(el)) {
|
|
41
|
-
return cloneElement(el, Object.assign(Object.assign({}, el.props), { size: size }));
|
|
42
|
-
}
|
|
43
|
-
return el;
|
|
44
|
-
});
|
|
45
|
-
const childrenArray = Children.toArray(clonedChildren);
|
|
46
|
-
setChildArray(childrenArray);
|
|
47
|
-
if (Array.isArray(clonedChildren) && (clonedChildren === null || clonedChildren === void 0 ? void 0 : clonedChildren.length) <= MAX_VISIBLE_BUTTONS) {
|
|
48
|
-
setSplitChildren(clonedChildren);
|
|
49
|
-
setMenuData([]);
|
|
50
|
-
}
|
|
51
|
-
else {
|
|
52
|
-
const visibleChildren = childrenArray.slice(0, MAX_VISIBLE_BUTTONS);
|
|
53
|
-
const hiddenChildren = childrenArray.slice(MAX_VISIBLE_BUTTONS);
|
|
54
|
-
setSplitChildren(visibleChildren);
|
|
55
|
-
setMenuData(hiddenChildren.map((child, index) => ({
|
|
56
|
-
id: String(index),
|
|
57
|
-
title: child.props.children,
|
|
58
|
-
IconBefore: child.props.Icon,
|
|
59
|
-
danger: child.props.appearance === "danger",
|
|
60
|
-
disabled: child.props.disabled
|
|
61
|
-
})));
|
|
62
|
-
}
|
|
63
|
-
}, [children, size]);
|
|
64
|
-
const menuSelectHandler = (menuItem) => {
|
|
65
|
-
var _a, _b;
|
|
66
|
-
const selectedChild = childArray[+menuItem.id + MAX_VISIBLE_BUTTONS];
|
|
67
|
-
if (selectedChild) {
|
|
68
|
-
(_b = (_a = selectedChild.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
if (childArray.length === 0)
|
|
72
|
-
return null;
|
|
73
|
-
return (React__default.createElement("div", { className: classNames("buttonGroup", className) },
|
|
74
|
-
splitChildren,
|
|
75
|
-
menuData.length > 0 && (React__default.createElement(React__default.Fragment, null,
|
|
76
|
-
React__default.createElement(Button, Object.assign({ Icon: SvgThreeDotsHorizontal, layout: "text", appearance: "secondary", size: size }, menuPropsForPopover)),
|
|
77
|
-
React__default.createElement(Menu, { onChange: menuSelectHandler, setPropsForPopover: setMenuPropsForPopover }, menuData.map((item) => {
|
|
78
|
-
return (React__default.createElement(MenuItem, { key: item.id, id: item.id, IconBefore: item.IconBefore, danger: item.danger, disabled: item.disabled }, item.title));
|
|
79
|
-
}))))));
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
export { ButtonGroup as default };
|
package/Drawer.js
CHANGED
|
@@ -5,7 +5,7 @@ import { S as SvgX } from './X-20da3b4a.js';
|
|
|
5
5
|
import Button from './Button.js';
|
|
6
6
|
import Scrollbar from './Scrollbar.js';
|
|
7
7
|
import Text from './Text.js';
|
|
8
|
-
import ButtonGroup from './
|
|
8
|
+
import { B as ButtonGroup } from './index-978068de.js';
|
|
9
9
|
import Tooltip from './Tooltip.js';
|
|
10
10
|
import { a as GeneUIDesignSystemContext } from './index-d9a2e208.js';
|
|
11
11
|
import { u as useEllipsisDetection } from './useEllipsisDetection-36ecf9df.js';
|
|
@@ -14,15 +14,13 @@ import './ActivityRecent-b88e2ba8.js';
|
|
|
14
14
|
import './Loader.js';
|
|
15
15
|
import 'prop-types';
|
|
16
16
|
import './useDebounceCallback-999deae7.js';
|
|
17
|
-
import './ThreeDotsHorizontal-
|
|
18
|
-
import './Menu.js';
|
|
17
|
+
import './ThreeDotsHorizontal-30813ed5.js';
|
|
19
18
|
import './PopoverBody-cfe2a5c1.js';
|
|
20
19
|
import './floating-ui.react-a6c3b969.js';
|
|
21
20
|
import './Info-0f0741e0.js';
|
|
22
21
|
import './index-b29adba3.js';
|
|
23
22
|
import './index-a2688a52.js';
|
|
24
23
|
import './CheckMark-34798545.js';
|
|
25
|
-
import './ChevronRight-8074ab2e.js';
|
|
26
24
|
import './Divider.js';
|
|
27
25
|
|
|
28
26
|
var css_248z = ".drawer__wrapper{display:flex;flex-direction:column;height:100%;width:100%}.drawer_size_large{max-width:50%}.drawer_size_medium,.drawer_size_small{max-width:33.33%}.drawer__header{align-items:center;border-bottom:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);display:flex;flex:0 0 auto;gap:var(--guit-ref-spacing-medium);height:var(--guit-sem-dimension-height-2xlarge);justify-content:space-between;padding:var(--guit-ref-spacing-medium) var(--guit-ref-spacing-large)}.drawer__body,.drawer__header{background-color:var(--guit-sem-color-background-neutral-1-nudge);width:100%}.drawer__body{height:100%;min-height:0;min-width:0}.drawer__content{height:100%;width:100%}.drawer__footer{align-items:center;background-color:var(--guit-sem-color-background-neutral-1-nudge);border-top:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);display:flex;flex:0 0 auto;gap:var(--guit-ref-spacing-medium);height:var(--guit-sem-dimension-height-3xlarge);padding:var(--guit-ref-spacing-large);width:100%}.drawer__footer:has(.drawer__buttonGroup:only-child,.drawer__button:only-child){justify-content:flex-end}.drawer__footer:not(:has(.drawer__buttonGroup:only-child,.drawer__button:only-child)){justify-content:space-between}.drawer__title{color:var(--guit-sem-color-foreground-neutral-2);min-width:1rem}.drawer__headerContent{margin-left:auto}.drawer_variant_overlay{background-color:var(--guit-sem-color-background-transparent-overlay-notheme-1);display:flex;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.drawer_variant_overlay .drawer__wrapper{box-shadow:var(--guit-sem-shadow-floating-3-position-x-1) var(--guit-sem-shadow-floating-3-position-y-1) var(--guit-sem-shadow-floating-3-blur-1) var(--guit-sem-shadow-floating-3-spread-1) var(--guit-sem-color-floating-3-rgba-1),var(--guit-sem-shadow-floating-3-position-x-2) var(--guit-sem-shadow-floating-3-position-y-2) var(--guit-sem-shadow-floating-3-position-y-1) var(--guit-sem-shadow-floating-3-spread-2) var(--guit-sem-color-floating-3-rgba-2)}.drawer_variant_inline{border-inline-start:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);height:100%;width:100%}.drawer_withPadding .drawer__content{padding:var(--guit-ref-spacing-large)}.drawer_position_bottom{flex-direction:column;justify-content:flex-end}.drawer_position_bottom .drawer__wrapper_size_large{max-height:62.22%}.drawer_position_bottom .drawer__wrapper_size_medium{max-height:46.67%}.drawer_position_bottom .drawer__wrapper_size_small{max-height:31.11%}.drawer_position_end .drawer__wrapper_size_large,.drawer_position_start .drawer__wrapper_size_large{max-width:50%}.drawer_position_end .drawer__wrapper_size_medium,.drawer_position_start .drawer__wrapper_size_medium{max-width:33.33%}.drawer_position_end .drawer__wrapper_size_small,.drawer_position_start .drawer__wrapper_size_small{max-width:25%}.drawer_position_end{justify-content:flex-end}.drawer_position_start{justify-content:flex-start}";
|
package/Empty.js
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import ButtonGroup from './ButtonGroup.js';
|
|
6
|
-
import { s as styleInject } from './style-inject.es-746bb8ed.js';
|
|
7
|
-
import './Loader.js';
|
|
8
|
-
import './ThreeDotsHorizontal-479c2b4b.js';
|
|
1
|
+
export { E as default } from './index-978068de.js';
|
|
2
|
+
import 'react';
|
|
3
|
+
import './index-ce02421b.js';
|
|
4
|
+
import './ThreeDotsHorizontal-30813ed5.js';
|
|
9
5
|
import './ActivityRecent-b88e2ba8.js';
|
|
10
|
-
import './
|
|
6
|
+
import './Button.js';
|
|
7
|
+
import './Loader.js';
|
|
8
|
+
import './style-inject.es-746bb8ed.js';
|
|
11
9
|
import './PopoverBody-cfe2a5c1.js';
|
|
12
10
|
import './floating-ui.react-a6c3b969.js';
|
|
13
11
|
import 'react-dom';
|
|
@@ -19,73 +17,6 @@ import 'prop-types';
|
|
|
19
17
|
import './useDebounceCallback-999deae7.js';
|
|
20
18
|
import './index-d9a2e208.js';
|
|
21
19
|
import './index-a2688a52.js';
|
|
20
|
+
import './Text.js';
|
|
22
21
|
import './CheckMark-34798545.js';
|
|
23
|
-
import './ChevronRight-8074ab2e.js';
|
|
24
22
|
import './Divider.js';
|
|
25
|
-
|
|
26
|
-
var img$8 = "data:image/svg+xml,%3csvg width='210' height='140' viewBox='0 0 210 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2519_76)'%3e%3crect x='41' width='140' height='140' rx='70' fill='%23E8E8E8'/%3e%3cg filter='url(%23filter0_d_2519_76)'%3e%3crect x='83' y='74' width='110' height='34' rx='4' fill='white' shape-rendering='crispEdges'/%3e%3crect x='91' y='82' width='24' height='4' rx='2' fill='%23599CED'/%3e%3crect x='91' y='90' width='94' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='91' y='96' width='80' height='4' rx='2' fill='%23E9F1FE'/%3e%3c/g%3e%3c/g%3e%3cg filter='url(%23filter1_d_2519_76)'%3e%3crect x='29' y='32' width='110' height='34' rx='4' fill='white' shape-rendering='crispEdges'/%3e%3crect x='37' y='40' width='24' height='4' rx='2' fill='%23599CED'/%3e%3crect x='37' y='48' width='94' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='37' y='54' width='80' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='123' y='24' width='24' height='24' rx='12' fill='white'/%3e%3cpath d='M135 24C132.627 24 130.307 24.7038 128.333 26.0224C126.36 27.3409 124.822 29.2151 123.913 31.4078C123.005 33.6005 122.768 36.0133 123.231 38.3411C123.694 40.6689 124.836 42.807 126.515 44.4853C128.193 46.1635 130.331 47.3064 132.659 47.7694C134.987 48.2324 137.399 47.9948 139.592 47.0865C141.785 46.1783 143.659 44.6402 144.978 42.6668C146.296 40.6934 147 38.3734 147 36C147 32.8174 145.736 29.7652 143.485 27.5148C141.235 25.2644 138.183 24.0001 135 24ZM134.1 30.9094C134.1 30.6707 134.195 30.4418 134.363 30.273C134.532 30.1042 134.761 30.0094 135 30.0094C135.239 30.0094 135.467 30.1042 135.636 30.273C135.805 30.4418 135.9 30.6707 135.9 30.9094V37.2012C135.9 37.4399 135.805 37.6688 135.636 37.8376C135.467 38.0064 135.239 38.1012 135 38.1012C134.761 38.1012 134.532 38.0064 134.363 37.8376C134.195 37.6688 134.1 37.4399 134.1 37.2012V30.9094ZM135 41.9918C134.783 41.9918 134.571 41.9275 134.39 41.8069C134.21 41.6863 134.069 41.5149 133.986 41.3144C133.903 41.1139 133.881 40.8933 133.924 40.6804C133.966 40.4675 134.07 40.272 134.224 40.1185C134.377 39.965 134.573 39.8604 134.786 39.818C134.998 39.7756 135.219 39.7973 135.42 39.8802C135.62 39.9632 135.792 40.1038 135.912 40.2842C136.033 40.4646 136.097 40.6768 136.097 40.8938C136.097 41.1849 135.982 41.4641 135.776 41.67C135.57 41.8759 135.291 41.9916 135 41.9918Z' fill='%231473E6'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_2519_76' x='79' y='71' width='118' height='42' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='1'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2519_76'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2519_76' result='shape'/%3e%3c/filter%3e%3cfilter id='filter1_d_2519_76' x='25' y='21' width='126' height='50' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='1'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2519_76'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2519_76' result='shape'/%3e%3c/filter%3e%3cclipPath id='clip0_2519_76'%3e%3crect x='41' width='140' height='140' rx='70' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
27
|
-
|
|
28
|
-
var img$7 = "data:image/svg+xml,%3csvg width='210' height='140' viewBox='0 0 210 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2519_77)'%3e%3crect x='35' width='140' height='140' rx='70' fill='%23E8E8E8'/%3e%3cg filter='url(%23filter0_d_2519_77)'%3e%3crect x='50' y='52' width='110' height='88' rx='4' fill='white'/%3e%3c/g%3e%3cpath d='M50 56C50 53.7909 51.7909 52 54 52H156C158.209 52 160 53.7909 160 56V61H50V56Z' fill='%23E9F1FE'/%3e%3ccircle cx='54.5' cy='56.5' r='1.5' fill='%23656469'/%3e%3ccircle cx='59.5' cy='56.5' r='1.5' fill='%23656469'/%3e%3ccircle cx='64.5' cy='56.5' r='1.5' fill='%23656469'/%3e%3cpath d='M129.984 90.2656C129.984 91.3177 129.766 92.2292 129.328 93C128.891 93.7708 128.297 94.401 127.547 94.8906C126.807 95.3802 125.974 95.7396 125.047 95.9688V96.0625C126.88 96.2917 128.271 96.8542 129.219 97.75C130.177 98.6458 130.656 99.8438 130.656 101.344C130.656 102.677 130.328 103.87 129.672 104.922C129.026 105.974 128.026 106.802 126.672 107.406C125.318 108.01 123.573 108.312 121.438 108.312C120.177 108.312 119 108.208 117.906 108C116.823 107.802 115.802 107.495 114.844 107.078V102.969C115.823 103.469 116.849 103.849 117.922 104.109C118.995 104.359 119.995 104.484 120.922 104.484C122.651 104.484 123.859 104.188 124.547 103.594C125.245 102.99 125.594 102.146 125.594 101.062C125.594 100.427 125.432 99.8906 125.109 99.4531C124.786 99.0156 124.224 98.6823 123.422 98.4531C122.63 98.224 121.521 98.1094 120.094 98.1094H118.359V94.4062H120.125C121.531 94.4062 122.599 94.276 123.328 94.0156C124.068 93.7448 124.568 93.3802 124.828 92.9219C125.099 92.4531 125.234 91.9219 125.234 91.3281C125.234 90.5156 124.984 89.8802 124.484 89.4219C123.984 88.9635 123.151 88.7344 121.984 88.7344C121.255 88.7344 120.589 88.8281 119.984 89.0156C119.391 89.1927 118.854 89.4115 118.375 89.6719C117.896 89.9219 117.474 90.1667 117.109 90.4062L114.875 87.0781C115.771 86.4323 116.818 85.8958 118.016 85.4688C119.224 85.0417 120.661 84.8281 122.328 84.8281C124.682 84.8281 126.547 85.3021 127.922 86.25C129.297 87.1979 129.984 88.5365 129.984 90.2656Z' fill='%231473E6'/%3e%3cpath d='M112.438 96.5781C112.438 98.4219 112.292 100.068 112 101.516C111.719 102.964 111.26 104.193 110.625 105.203C110 106.214 109.177 106.984 108.156 107.516C107.135 108.047 105.896 108.312 104.438 108.312C102.604 108.312 101.099 107.849 99.9219 106.922C98.7448 105.984 97.875 104.641 97.3125 102.891C96.75 101.13 96.4688 99.026 96.4688 96.5781C96.4688 94.1094 96.724 92 97.2344 90.25C97.7552 88.4896 98.599 87.1406 99.7656 86.2031C100.932 85.2656 102.49 84.7969 104.438 84.7969C106.26 84.7969 107.76 85.2656 108.938 86.2031C110.125 87.1302 111.005 88.474 111.578 90.2344C112.151 91.9844 112.438 94.099 112.438 96.5781ZM101.266 96.5781C101.266 98.3177 101.359 99.7708 101.547 100.938C101.745 102.094 102.073 102.964 102.531 103.547C102.99 104.13 103.625 104.422 104.438 104.422C105.24 104.422 105.87 104.135 106.328 103.562C106.797 102.979 107.13 102.109 107.328 100.953C107.526 99.7865 107.625 98.3281 107.625 96.5781C107.625 94.8385 107.526 93.3854 107.328 92.2188C107.13 91.0521 106.797 90.1771 106.328 89.5938C105.87 89 105.24 88.7031 104.438 88.7031C103.625 88.7031 102.99 89 102.531 89.5938C102.073 90.1771 101.745 91.0521 101.547 92.2188C101.359 93.3854 101.266 94.8385 101.266 96.5781Z' fill='%231473E6'/%3e%3cpath d='M94.7656 103.266H92.0156V108H87.2969V103.266H77.5469V99.9062L87.5625 85.1562H92.0156V99.5156H94.7656V103.266ZM87.2969 99.5156V95.6406C87.2969 95.276 87.3021 94.8438 87.3125 94.3438C87.3333 93.8438 87.3542 93.3438 87.375 92.8438C87.3958 92.3438 87.4167 91.901 87.4375 91.5156C87.4688 91.1198 87.4896 90.8438 87.5 90.6875H87.375C87.1771 91.1146 86.9688 91.5312 86.75 91.9375C86.5312 92.3333 86.276 92.75 85.9844 93.1875L81.7969 99.5156H87.2969Z' fill='%231473E6'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_2519_77' x='46' y='49' width='118' height='96' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='1'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2519_77'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2519_77' result='shape'/%3e%3c/filter%3e%3cclipPath id='clip0_2519_77'%3e%3crect x='35' width='140' height='140' rx='70' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
29
|
-
|
|
30
|
-
var img$6 = "data:image/svg+xml,%3csvg width='210' height='140' viewBox='0 0 210 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2519_72)'%3e%3crect x='35' width='140' height='140' rx='70' fill='%23E8E8E8'/%3e%3cg filter='url(%23filter0_d_2519_72)'%3e%3crect x='65' y='29' width='80' height='40' rx='4' fill='white' shape-rendering='crispEdges'/%3e%3cpath d='M85 61C87.3734 61 89.6935 60.2962 91.6668 58.9776C93.6402 57.6591 95.1783 55.7849 96.0865 53.5922C96.9948 51.3995 97.2324 48.9867 96.7694 46.6589C96.3064 44.3311 95.1635 42.193 93.4853 40.5147C91.807 38.8365 89.6689 37.6936 87.3411 37.2306C85.0133 36.7676 82.6005 37.0052 80.4078 37.9135C78.2151 38.8217 76.3409 40.3598 75.0224 42.3332C73.7038 44.3066 73 46.6266 73 49C73.0001 52.1826 74.2644 55.2348 76.5148 57.4852C78.7652 59.7356 81.8174 60.9999 85 61ZM85.9001 54.0906C85.9001 54.3293 85.8053 54.5582 85.6365 54.727C85.4678 54.8958 85.2388 54.9906 85.0001 54.9906C84.7614 54.9906 84.5325 54.8958 84.3637 54.727C84.195 54.5582 84.1001 54.3293 84.1001 54.0906V47.7988C84.1001 47.5601 84.195 47.3312 84.3637 47.1624C84.5325 46.9936 84.7614 46.8988 85.0001 46.8988C85.2388 46.8988 85.4678 46.9936 85.6365 47.1624C85.8053 47.3312 85.9001 47.5601 85.9001 47.7988V54.0906ZM85 43.0082C85.217 43.0082 85.4292 43.0725 85.6097 43.1931C85.7901 43.3137 85.9308 43.4851 86.0139 43.6856C86.097 43.8861 86.1187 44.1067 86.0764 44.3196C86.0341 44.5325 85.9297 44.728 85.7762 44.8815C85.6228 45.035 85.4273 45.1396 85.2144 45.182C85.0016 45.2244 84.7809 45.2027 84.5804 45.1198C84.3798 45.0368 84.2084 44.8962 84.0878 44.7158C83.9671 44.5354 83.9026 44.3232 83.9025 44.1062C83.9026 43.8151 84.0182 43.5359 84.224 43.33C84.4298 43.1241 84.7089 43.0084 85 43.0082Z' fill='%231473E6'/%3e%3cpath d='M105 42C105 40.8954 105.895 40 107 40H127C128.105 40 129 40.8954 129 42C129 43.1046 128.105 44 127 44H107C105.895 44 105 43.1046 105 42Z' fill='%23599CED'/%3e%3cpath d='M105 50C105 48.8954 105.895 48 107 48H135C136.105 48 137 48.8954 137 50C137 51.1046 136.105 52 135 52H107C105.895 52 105 51.1046 105 50Z' fill='%23E9F1FE'/%3e%3cpath d='M105 56C105 54.8954 105.895 54 107 54H127C128.105 54 129 54.8954 129 56C129 57.1046 128.105 58 127 58H107C105.895 58 105 57.1046 105 56Z' fill='%23E9F1FE'/%3e%3c/g%3e%3cg filter='url(%23filter1_d_2519_72)'%3e%3crect x='65' y='73' width='80' height='68' rx='4' fill='white' shape-rendering='crispEdges'/%3e%3crect x='73' y='81' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='89' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='97' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='105' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='113' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='121' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='129' width='42' height='4' rx='2' fill='%23E9F1FE'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_2519_72' x='61' y='26' width='88' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='1'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2519_72'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2519_72' result='shape'/%3e%3c/filter%3e%3cfilter id='filter1_d_2519_72' x='61' y='70' width='88' height='76' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='1'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2519_72'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2519_72' result='shape'/%3e%3c/filter%3e%3cclipPath id='clip0_2519_72'%3e%3crect x='35' width='140' height='140' rx='70' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
31
|
-
|
|
32
|
-
var img$5 = "data:image/svg+xml,%3csvg width='210' height='140' viewBox='0 0 210 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2519_73)'%3e%3crect x='35' width='140' height='140' rx='70' fill='%23E8E8E8'/%3e%3cg filter='url(%23filter0_d_2519_73)'%3e%3crect x='65' y='42' width='80' height='98' rx='4' fill='white' shape-rendering='crispEdges'/%3e%3crect x='93' y='50' width='24' height='24' rx='12' fill='%231473E6'/%3e%3cpath d='M105.701 62L110.188 57.5124C110.234 57.4663 110.271 57.4117 110.295 57.3516C110.32 57.2914 110.333 57.227 110.333 57.1619C110.333 57.0968 110.32 57.0324 110.295 56.9723C110.27 56.9122 110.234 56.8576 110.188 56.8116C110.142 56.7656 110.087 56.7291 110.027 56.7042C109.967 56.6793 109.902 56.6665 109.837 56.6666C109.772 56.6666 109.708 56.6794 109.648 56.7044C109.588 56.7293 109.533 56.7658 109.487 56.8119L105 61.2988L100.513 56.8119C100.467 56.7656 100.412 56.7289 100.352 56.7039C100.292 56.6788 100.228 56.6658 100.162 56.6657C100.097 56.6656 100.033 56.6784 99.9724 56.7032C99.9121 56.7281 99.8574 56.7646 99.8113 56.8107C99.7652 56.8568 99.7286 56.9115 99.7037 56.9717C99.6788 57.0319 99.666 57.0965 99.666 57.1617C99.6661 57.2268 99.679 57.2914 99.704 57.3515C99.729 57.4117 99.7657 57.4664 99.8119 57.5124L104.299 62L99.8119 66.487C99.7657 66.533 99.729 66.5876 99.704 66.6478C99.679 66.708 99.6661 66.7725 99.666 66.8377C99.666 66.9029 99.6788 66.9674 99.7037 67.0276C99.7286 67.0879 99.7652 67.1426 99.8113 67.1886C99.8574 67.2347 99.9121 67.2712 99.9724 67.2961C100.033 67.321 100.097 67.3337 100.162 67.3336C100.228 67.3335 100.292 67.3206 100.352 67.2955C100.412 67.2704 100.467 67.2337 100.513 67.1875L105 62.7005L109.487 67.1882C109.533 67.2342 109.588 67.2707 109.648 67.2956C109.708 67.3206 109.772 67.3334 109.837 67.3334C109.902 67.3335 109.967 67.3207 110.027 67.2958C110.087 67.2709 110.142 67.2344 110.188 67.1884C110.234 67.1424 110.27 67.0878 110.295 67.0277C110.32 66.9676 110.333 66.9032 110.333 66.8381C110.333 66.773 110.32 66.7086 110.295 66.6484C110.271 66.5883 110.234 66.5337 110.188 66.4876L105.701 62Z' fill='white'/%3e%3crect x='73' y='80' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='88' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='96' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='104' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='112' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='120' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='128' width='42' height='4' rx='2' fill='%23E9F1FE'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_2519_73' x='61' y='39' width='88' height='106' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='1'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2519_73'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2519_73' result='shape'/%3e%3c/filter%3e%3cclipPath id='clip0_2519_73'%3e%3crect x='35' width='140' height='140' rx='70' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
33
|
-
|
|
34
|
-
var img$4 = "data:image/svg+xml,%3csvg width='210' height='140' viewBox='0 0 210 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='29' width='140' height='140' rx='70' fill='%23E8E8E8'/%3e%3cg filter='url(%23filter0_d_2519_71)'%3e%3crect x='17' y='70' width='110' height='34' rx='4' fill='white' shape-rendering='crispEdges'/%3e%3cpath d='M25 80C25 78.8954 25.8954 78 27 78H47C48.1046 78 49 78.8954 49 80C49 81.1046 48.1046 82 47 82H27C25.8954 82 25 81.1046 25 80Z' fill='%23599CED'/%3e%3cpath d='M25 88C25 86.8954 25.8954 86 27 86H117C118.105 86 119 86.8954 119 88C119 89.1046 118.105 90 117 90H27C25.8954 90 25 89.1046 25 88Z' fill='%23E9F1FE'/%3e%3cpath d='M25 94C25 92.8954 25.8954 92 27 92H103C104.105 92 105 92.8954 105 94C105 95.1046 104.105 96 103 96H27C25.8954 96 25 95.1046 25 94Z' fill='%23E9F1FE'/%3e%3c/g%3e%3crect x='111' y='88' width='24' height='24' rx='12' fill='%231473E6'/%3e%3cpath d='M128.854 105.152L125.595 101.892C126.378 100.929 126.76 99.7032 126.665 98.4665C126.569 97.2297 126.002 96.0769 125.081 95.246C124.16 94.4152 122.955 93.9697 121.715 94.0016C120.475 94.0335 119.295 94.5403 118.417 95.4175C117.54 96.2946 117.034 97.475 117.002 98.7151C116.97 99.9551 117.415 101.16 118.246 102.081C119.077 103.002 120.23 103.569 121.467 103.665C122.703 103.76 123.93 103.377 124.892 102.595L128.151 105.854C128.198 105.901 128.252 105.937 128.313 105.962C128.373 105.987 128.438 106 128.503 106C128.568 106 128.633 105.987 128.693 105.962C128.753 105.937 128.808 105.901 128.854 105.854C128.901 105.808 128.937 105.753 128.962 105.693C128.987 105.633 129 105.568 129 105.503C129 105.438 128.987 105.373 128.962 105.313C128.937 105.252 128.901 105.198 128.854 105.152ZM118.013 98.8481C118.013 98.0895 118.238 97.3479 118.659 96.7171C119.081 96.0863 119.68 95.5947 120.381 95.3045C121.082 95.0143 121.853 94.9384 122.598 95.0865C123.342 95.2346 124.025 95.6 124.562 96.1365C125.098 96.673 125.463 97.3565 125.611 98.1007C125.759 98.8448 125.683 99.616 125.393 100.317C125.102 101.018 124.611 101.617 123.98 102.038C123.349 102.46 122.607 102.685 121.849 102.685C120.832 102.684 119.856 102.279 119.137 101.56C118.418 100.841 118.013 99.8653 118.013 98.8481Z' fill='white'/%3e%3cg filter='url(%23filter1_d_2519_71)'%3e%3crect x='71' y='28' width='110' height='34' rx='4' fill='white' shape-rendering='crispEdges'/%3e%3cpath d='M79 38C79 36.8954 79.8954 36 81 36H101C102.105 36 103 36.8954 103 38C103 39.1046 102.105 40 101 40H81C79.8954 40 79 39.1046 79 38Z' fill='%23599CED'/%3e%3cpath d='M79 46C79 44.8954 79.8954 44 81 44H171C172.105 44 173 44.8954 173 46C173 47.1046 172.105 48 171 48H81C79.8954 48 79 47.1046 79 46Z' fill='%23E9F1FE'/%3e%3cpath d='M79 52C79 50.8954 79.8954 50 81 50H157C158.105 50 159 50.8954 159 52C159 53.1046 158.105 54 157 54H81C79.8954 54 79 53.1046 79 52Z' fill='%23E9F1FE'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_2519_71' x='13' y='67' width='118' height='42' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='1'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2519_71'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2519_71' result='shape'/%3e%3c/filter%3e%3cfilter id='filter1_d_2519_71' x='67' y='25' width='118' height='42' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='1'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2519_71'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2519_71' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e";
|
|
35
|
-
|
|
36
|
-
var img$3 = "data:image/svg+xml,%3csvg width='210' height='140' viewBox='0 0 210 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2519_78)'%3e%3crect x='35' width='140' height='140' rx='70' fill='%23E8E8E8'/%3e%3cg filter='url(%23filter0_d_2519_78)'%3e%3crect x='50' y='52' width='110' height='88' rx='4' fill='white'/%3e%3c/g%3e%3cpath d='M50 56C50 53.7909 51.7909 52 54 52H156C158.209 52 160 53.7909 160 56V61H50V56Z' fill='%23E9F1FE'/%3e%3ccircle cx='54.5' cy='56.5' r='1.5' fill='%23656469'/%3e%3ccircle cx='59.5' cy='56.5' r='1.5' fill='%23656469'/%3e%3ccircle cx='64.5' cy='56.5' r='1.5' fill='%23656469'/%3e%3cpath d='M131.391 103.266H128.641V108H123.922V103.266H114.172V99.9062L124.188 85.1562H128.641V99.5156H131.391V103.266ZM123.922 99.5156V95.6406C123.922 95.276 123.927 94.8438 123.938 94.3438C123.958 93.8438 123.979 93.3438 124 92.8438C124.021 92.3438 124.042 91.901 124.062 91.5156C124.094 91.1198 124.115 90.8438 124.125 90.6875H124C123.802 91.1146 123.594 91.5312 123.375 91.9375C123.156 92.3333 122.901 92.75 122.609 93.1875L118.422 99.5156H123.922Z' fill='%231473E6'/%3e%3cpath d='M112.438 96.5781C112.438 98.4219 112.292 100.068 112 101.516C111.719 102.964 111.26 104.193 110.625 105.203C110 106.214 109.177 106.984 108.156 107.516C107.135 108.047 105.896 108.312 104.438 108.312C102.604 108.312 101.099 107.849 99.9219 106.922C98.7448 105.984 97.875 104.641 97.3125 102.891C96.75 101.13 96.4688 99.026 96.4688 96.5781C96.4688 94.1094 96.724 92 97.2344 90.25C97.7552 88.4896 98.599 87.1406 99.7656 86.2031C100.932 85.2656 102.49 84.7969 104.438 84.7969C106.26 84.7969 107.76 85.2656 108.938 86.2031C110.125 87.1302 111.005 88.474 111.578 90.2344C112.151 91.9844 112.438 94.099 112.438 96.5781ZM101.266 96.5781C101.266 98.3177 101.359 99.7708 101.547 100.938C101.745 102.094 102.073 102.964 102.531 103.547C102.99 104.13 103.625 104.422 104.438 104.422C105.24 104.422 105.87 104.135 106.328 103.562C106.797 102.979 107.13 102.109 107.328 100.953C107.526 99.7865 107.625 98.3281 107.625 96.5781C107.625 94.8385 107.526 93.3854 107.328 92.2188C107.13 91.0521 106.797 90.1771 106.328 89.5938C105.87 89 105.24 88.7031 104.438 88.7031C103.625 88.7031 102.99 89 102.531 89.5938C102.073 90.1771 101.745 91.0521 101.547 92.2188C101.359 93.3854 101.266 94.8385 101.266 96.5781Z' fill='%231473E6'/%3e%3cpath d='M94.7656 103.266H92.0156V108H87.2969V103.266H77.5469V99.9062L87.5625 85.1562H92.0156V99.5156H94.7656V103.266ZM87.2969 99.5156V95.6406C87.2969 95.276 87.3021 94.8438 87.3125 94.3438C87.3333 93.8438 87.3542 93.3438 87.375 92.8438C87.3958 92.3438 87.4167 91.901 87.4375 91.5156C87.4688 91.1198 87.4896 90.8438 87.5 90.6875H87.375C87.1771 91.1146 86.9688 91.5312 86.75 91.9375C86.5312 92.3333 86.276 92.75 85.9844 93.1875L81.7969 99.5156H87.2969Z' fill='%231473E6'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_2519_78' x='46' y='49' width='118' height='96' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='1'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2519_78'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2519_78' result='shape'/%3e%3c/filter%3e%3cclipPath id='clip0_2519_78'%3e%3crect x='35' width='140' height='140' rx='70' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
37
|
-
|
|
38
|
-
var img$2 = "data:image/svg+xml,%3csvg width='210' height='140' viewBox='0 0 210 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2519_79)'%3e%3crect x='35' width='140' height='140' rx='70' fill='%23E8E8E8'/%3e%3cg filter='url(%23filter0_d_2519_79)'%3e%3crect x='50' y='52' width='110' height='88' rx='4' fill='white'/%3e%3c/g%3e%3cpath d='M50 56C50 53.7909 51.7909 52 54 52H156C158.209 52 160 53.7909 160 56V61H50V56Z' fill='%23E9F1FE'/%3e%3ccircle cx='54.5' cy='56.5' r='1.5' fill='%23656469'/%3e%3ccircle cx='59.5' cy='56.5' r='1.5' fill='%23656469'/%3e%3ccircle cx='64.5' cy='56.5' r='1.5' fill='%23656469'/%3e%3cpath d='M130.75 96.5781C130.75 98.4219 130.604 100.068 130.312 101.516C130.031 102.964 129.573 104.193 128.938 105.203C128.312 106.214 127.49 106.984 126.469 107.516C125.448 108.047 124.208 108.312 122.75 108.312C120.917 108.312 119.411 107.849 118.234 106.922C117.057 105.984 116.188 104.641 115.625 102.891C115.062 101.13 114.781 99.026 114.781 96.5781C114.781 94.1094 115.036 92 115.547 90.25C116.068 88.4896 116.911 87.1406 118.078 86.2031C119.245 85.2656 120.802 84.7969 122.75 84.7969C124.573 84.7969 126.073 85.2656 127.25 86.2031C128.438 87.1302 129.318 88.474 129.891 90.2344C130.464 91.9844 130.75 94.099 130.75 96.5781ZM119.578 96.5781C119.578 98.3177 119.672 99.7708 119.859 100.938C120.057 102.094 120.385 102.964 120.844 103.547C121.302 104.13 121.938 104.422 122.75 104.422C123.552 104.422 124.182 104.135 124.641 103.562C125.109 102.979 125.443 102.109 125.641 100.953C125.839 99.7865 125.938 98.3281 125.938 96.5781C125.938 94.8385 125.839 93.3854 125.641 92.2188C125.443 91.0521 125.109 90.1771 124.641 89.5938C124.182 89 123.552 88.7031 122.75 88.7031C121.938 88.7031 121.302 89 120.844 89.5938C120.385 90.1771 120.057 91.0521 119.859 92.2188C119.672 93.3854 119.578 94.8385 119.578 96.5781Z' fill='%231473E6'/%3e%3cpath d='M112.438 96.5781C112.438 98.4219 112.292 100.068 112 101.516C111.719 102.964 111.26 104.193 110.625 105.203C110 106.214 109.177 106.984 108.156 107.516C107.135 108.047 105.896 108.312 104.438 108.312C102.604 108.312 101.099 107.849 99.9219 106.922C98.7448 105.984 97.875 104.641 97.3125 102.891C96.75 101.13 96.4688 99.026 96.4688 96.5781C96.4688 94.1094 96.724 92 97.2344 90.25C97.7552 88.4896 98.599 87.1406 99.7656 86.2031C100.932 85.2656 102.49 84.7969 104.438 84.7969C106.26 84.7969 107.76 85.2656 108.938 86.2031C110.125 87.1302 111.005 88.474 111.578 90.2344C112.151 91.9844 112.438 94.099 112.438 96.5781ZM101.266 96.5781C101.266 98.3177 101.359 99.7708 101.547 100.938C101.745 102.094 102.073 102.964 102.531 103.547C102.99 104.13 103.625 104.422 104.438 104.422C105.24 104.422 105.87 104.135 106.328 103.562C106.797 102.979 107.13 102.109 107.328 100.953C107.526 99.7865 107.625 98.3281 107.625 96.5781C107.625 94.8385 107.526 93.3854 107.328 92.2188C107.13 91.0521 106.797 90.1771 106.328 89.5938C105.87 89 105.24 88.7031 104.438 88.7031C103.625 88.7031 102.99 89 102.531 89.5938C102.073 90.1771 101.745 91.0521 101.547 92.2188C101.359 93.3854 101.266 94.8385 101.266 96.5781Z' fill='%231473E6'/%3e%3cpath d='M86.5938 93.4062C87.9896 93.4062 89.2292 93.6719 90.3125 94.2031C91.4062 94.7344 92.2656 95.5156 92.8906 96.5469C93.5156 97.5781 93.8281 98.849 93.8281 100.359C93.8281 102.005 93.4844 103.427 92.7969 104.625C92.1198 105.812 91.1042 106.724 89.75 107.359C88.4062 107.995 86.7292 108.312 84.7188 108.312C83.5208 108.312 82.3906 108.208 81.3281 108C80.276 107.802 79.3542 107.495 78.5625 107.078V102.906C79.3542 103.323 80.3021 103.677 81.4062 103.969C82.5208 104.25 83.5677 104.391 84.5469 104.391C85.5052 104.391 86.3125 104.266 86.9688 104.016C87.625 103.755 88.1198 103.359 88.4531 102.828C88.7969 102.286 88.9688 101.599 88.9688 100.766C88.9688 99.651 88.5938 98.7969 87.8438 98.2031C87.0938 97.6094 85.9427 97.3125 84.3906 97.3125C83.7969 97.3125 83.1771 97.3698 82.5312 97.4844C81.8958 97.599 81.3646 97.7135 80.9375 97.8281L79.0156 96.7969L79.875 85.1562H92.2656V89.25H84.1094L83.6875 93.7344C84.0417 93.6615 84.4271 93.5885 84.8438 93.5156C85.2604 93.4427 85.8438 93.4062 86.5938 93.4062Z' fill='%231473E6'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_2519_79' x='46' y='49' width='118' height='96' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='1'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2519_79'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2519_79' result='shape'/%3e%3c/filter%3e%3cclipPath id='clip0_2519_79'%3e%3crect x='35' width='140' height='140' rx='70' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
39
|
-
|
|
40
|
-
var img$1 = "data:image/svg+xml,%3csvg width='210' height='140' viewBox='0 0 210 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2519_74)'%3e%3crect x='35' width='140' height='140' rx='70' fill='%23E8E8E8'/%3e%3cg filter='url(%23filter0_d_2519_74)'%3e%3crect x='65' y='46' width='80' height='94' rx='4' fill='white' shape-rendering='crispEdges'/%3e%3crect x='73' y='54' width='24' height='4' rx='2' fill='%23599CED'/%3e%3crect x='73' y='64' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='72' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='80' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='88' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='96' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='104' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='112' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='120' width='64' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='73' y='128' width='42' height='4' rx='2' fill='%23E9F1FE'/%3e%3c/g%3e%3crect x='129' y='38' width='24' height='24' rx='12' fill='%231473E6'/%3e%3cpath d='M144.968 45.9014L139.33 52.5212L136.908 49.7692C136.83 49.6811 136.736 49.6091 136.63 49.5575C136.525 49.5058 136.41 49.4753 136.293 49.4679C136.176 49.4605 136.059 49.4763 135.948 49.5143C135.836 49.5523 135.734 49.6118 135.646 49.6894C135.558 49.767 135.486 49.8612 135.434 49.9666C135.382 50.0721 135.352 50.1866 135.345 50.3038C135.337 50.421 135.353 50.5385 135.391 50.6496C135.429 50.7607 135.488 50.8632 135.566 50.9513L138.671 54.4778C138.755 54.5734 138.858 54.65 138.973 54.7024C139.089 54.7548 139.215 54.7819 139.342 54.7818H139.349C139.477 54.7805 139.604 54.7517 139.72 54.6975C139.836 54.6433 139.94 54.5648 140.023 54.4673L146.331 47.0614C146.484 46.8806 146.559 46.6465 146.54 46.4103C146.521 46.1742 146.408 45.9553 146.228 45.8017C146.048 45.6481 145.814 45.5724 145.577 45.5911C145.341 45.6098 145.122 45.7214 144.968 45.9014Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_2519_74' x='61' y='43' width='88' height='102' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='1'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2519_74'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2519_74' result='shape'/%3e%3c/filter%3e%3cclipPath id='clip0_2519_74'%3e%3crect x='35' width='140' height='140' rx='70' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
41
|
-
|
|
42
|
-
var img = "data:image/svg+xml,%3csvg width='210' height='140' viewBox='0 0 210 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2519_75)'%3e%3crect x='35' width='140' height='140' rx='70' fill='%23E8E8E8'/%3e%3cg filter='url(%23filter0_d_2519_75)'%3e%3crect x='63' y='47' width='118' height='46' rx='4' fill='white' shape-rendering='crispEdges'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M71.1568 79.0031L82.0459 59.8077C82.1509 59.6226 82.3031 59.4687 82.4869 59.3619C82.6707 59.2552 82.8795 59.1993 83.0919 59.2C83.3043 59.2008 83.5127 59.2581 83.6957 59.3662C83.8788 59.4742 84.0299 59.6291 84.1337 59.815L94.8473 79.0104C94.9494 79.1934 95.002 79.4 94.9999 79.6096C94.9979 79.8193 94.9411 80.0248 94.8354 80.2057C94.7297 80.3866 94.5786 80.5367 94.3972 80.6409C94.2158 80.7452 94.0104 80.8 93.8013 80.8H72.1987C71.9889 80.8 71.7828 80.7448 71.601 80.6399C71.4191 80.535 71.2679 80.384 71.1625 80.2021C71.057 80.0202 71.001 79.8138 71 79.6034C70.999 79.393 71.0531 79.186 71.1568 79.0031ZM82.3516 72.9616C82.5202 73.1307 82.7488 73.2257 82.9872 73.2257C83.2256 73.2257 83.4543 73.1307 83.6229 72.9616C83.7914 72.7925 83.8862 72.5632 83.8862 72.324V66.0201C83.8862 65.781 83.7915 65.5516 83.6229 65.3825C83.4543 65.2134 83.2257 65.1184 82.9872 65.1184C82.7488 65.1184 82.5201 65.2134 82.3515 65.3825C82.1829 65.5516 82.0882 65.781 82.0882 66.0201V72.324C82.0883 72.5632 82.183 72.7925 82.3516 72.9616ZM84.083 76.0245C84.083 76.6318 83.5922 77.124 82.9868 77.124C82.3814 77.124 81.8907 76.6318 81.8907 76.0245C81.8907 75.4173 82.3814 74.925 82.9868 74.925C83.5922 74.925 84.083 75.4173 84.083 76.0245Z' fill='%231473E6'/%3e%3crect x='103' y='55' width='24' height='4' rx='2' fill='%23599CED'/%3e%3crect x='103' y='63' width='70' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='103' y='69' width='70' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='103' y='75' width='70' height='4' rx='2' fill='%23E9F1FE'/%3e%3crect x='103' y='81' width='42' height='4' rx='2' fill='%23E9F1FE'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_2519_75' x='59' y='44' width='126' height='54' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='1'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2519_75'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2519_75' result='shape'/%3e%3c/filter%3e%3cclipPath id='clip0_2519_75'%3e%3crect x='35' width='140' height='140' rx='70' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
43
|
-
|
|
44
|
-
const images = {
|
|
45
|
-
error: img$8,
|
|
46
|
-
forbidden: img$7,
|
|
47
|
-
info: img$6,
|
|
48
|
-
noData: img$5,
|
|
49
|
-
noResult: img$4,
|
|
50
|
-
notFound: img$3,
|
|
51
|
-
serverError: img$2,
|
|
52
|
-
success: img$1,
|
|
53
|
-
warning: img
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
var css_248z = ".empty{align-items:center;display:flex;flex-direction:column;row-gap:var(--guit-ref-spacing-large)}.empty_size_medium{width:32rem}.empty_size_medium .empty__image{height:14rem;width:21rem}.empty_size_medium .empty__content{row-gap:var(--guit-ref-spacing-2xlarge)}.empty_size_small{width:24rem}.empty_size_small .empty__image{height:9.4rem;width:14rem}.empty_size_small .empty__content{row-gap:var(--guit-ref-spacing-large)}.empty__image{object-fit:contain}.empty__content{align-items:center}.empty__content,.empty__info{display:flex;flex-direction:column;width:100%}.empty__info{row-gap:var(--guit-ref-spacing-2xsmall)}.empty__title{color:var(--guit-sem-color-foreground-neutral-2)}.empty__description{color:var(--guit-sem-color-foreground-neutral-1)}.empty__skeleton{row-gap:var(--guit-ref-spacing-large)}.empty__skeleton,.empty__skeletonContent{align-items:center;display:flex;flex-direction:column;width:100%}.empty__skeletonContent{row-gap:var(--guit-ref-spacing-2xsmall)}";
|
|
57
|
-
styleInject(css_248z);
|
|
58
|
-
|
|
59
|
-
const textVariantMap = {
|
|
60
|
-
medium: "subheadingMediumSemibold",
|
|
61
|
-
small: "labelLargeSemibold"
|
|
62
|
-
};
|
|
63
|
-
/**
|
|
64
|
-
* The Empty component visually represents chronological events or steps in a process. It is commonly used in dashboards, order tracking, and activity feeds to display key milestones or updates in a structured manner.
|
|
65
|
-
*/
|
|
66
|
-
const Empty = ({ className, title, description, src, actions, appearance = "noData", size = "medium" }) => {
|
|
67
|
-
const emptyBodyRenderer = () => {
|
|
68
|
-
if (!title && !description)
|
|
69
|
-
return null;
|
|
70
|
-
return (React__default.createElement("div", { className: "empty__info" },
|
|
71
|
-
title && (React__default.createElement(Text, { as: "p", variant: textVariantMap[size], alignment: "center", className: "empty__title" }, title)),
|
|
72
|
-
description && (React__default.createElement(Text, { as: "p", variant: "bodyMediumMedium", alignment: "center", className: "empty__description" }, description))));
|
|
73
|
-
};
|
|
74
|
-
const emptyContentRenderer = () => {
|
|
75
|
-
if (actions && actions.length > 0) {
|
|
76
|
-
return (React__default.createElement("div", { className: "empty__content" },
|
|
77
|
-
emptyBodyRenderer(),
|
|
78
|
-
actions && actions.length > 0 && (React__default.createElement(ButtonGroup, { size: size }, actions.map((action) => {
|
|
79
|
-
const { children: buttonChildren } = action;
|
|
80
|
-
const key = `action-${buttonChildren}`;
|
|
81
|
-
return buttonChildren ? (React__default.createElement(Button, Object.assign({ key: key }, action), buttonChildren)) : null;
|
|
82
|
-
})))));
|
|
83
|
-
}
|
|
84
|
-
return emptyBodyRenderer();
|
|
85
|
-
};
|
|
86
|
-
return (React__default.createElement("div", { className: classNames(`empty empty_size_${size}`, className) },
|
|
87
|
-
React__default.createElement("img", { src: src || images[appearance], className: "empty__image", alt: "empty" }),
|
|
88
|
-
emptyContentRenderer()));
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
export { Empty as default };
|
package/GlobalHeader.js
CHANGED
|
@@ -5,7 +5,7 @@ import Button from './Button.js';
|
|
|
5
5
|
import Divider from './Divider.js';
|
|
6
6
|
import Logo from './Logo.js';
|
|
7
7
|
import { Products, ProductsMainSection, Product, ProductsSecondarySection } from './Products.js';
|
|
8
|
-
import { S as SvgCaretDownFilled, P as Profile } from './index-
|
|
8
|
+
import { S as SvgCaretDownFilled, P as Profile } from './index-55a33393.js';
|
|
9
9
|
import Text from './Text.js';
|
|
10
10
|
import Loader from './Loader.js';
|
|
11
11
|
import { P as Popover, a as PopoverBody } from './PopoverBody-cfe2a5c1.js';
|
|
@@ -21,10 +21,10 @@ import './Info-0f0741e0.js';
|
|
|
21
21
|
import './X-20da3b4a.js';
|
|
22
22
|
import 'prop-types';
|
|
23
23
|
import './index-0b9e90da.js';
|
|
24
|
-
import './
|
|
24
|
+
import './index-978068de.js';
|
|
25
|
+
import './ThreeDotsHorizontal-30813ed5.js';
|
|
25
26
|
import './index-a2688a52.js';
|
|
26
27
|
import './CheckMark-34798545.js';
|
|
27
|
-
import './ChevronRight-8074ab2e.js';
|
|
28
28
|
|
|
29
29
|
var _excluded$1 = ["size", "color"];
|
|
30
30
|
var SvgHamburgerMenu = function SvgHamburgerMenu(_ref) {
|