@vygruppen/spor-react 9.14.1 → 9.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +10 -10
- package/CHANGELOG.md +12 -0
- package/dist/{CountryCodeSelect-JADNUR4X.mjs → CountryCodeSelect-2DASZ3PQ.mjs} +1 -1
- package/dist/{chunk-HKTFZRTD.mjs → chunk-MDMLROK2.mjs} +474 -561
- package/dist/index.d.mts +4 -26
- package/dist/index.d.ts +4 -26
- package/dist/index.js +541 -663
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/index.tsx +0 -1
- package/src/input/Combobox.tsx +11 -4
- package/src/input/Input.tsx +1 -0
- package/src/input/ListBox.tsx +4 -0
- package/src/loader/ColorInlineLoader.tsx +1 -10
- package/src/loader/ColorSpinner.tsx +2 -11
- package/src/loader/ContentLoader.tsx +2 -13
- package/src/loader/DarkInlineLoader.tsx +2 -13
- package/src/loader/LightFullScreenLoader.tsx +1 -10
- package/src/loader/LightInlineLoader.tsx +2 -13
- package/src/logo/VyLogo.tsx +90 -11
- package/src/logo/index.tsx +0 -1
- package/src/provider/SporProvider.tsx +4 -7
- package/src/provider/index.tsx +0 -1
- package/src/theme/components/listbox.ts +4 -3
- package/src/logo/VyLogoDefault.tsx +0 -104
- package/src/pride/PrideProvider.tsx +0 -58
- package/src/pride/TogglePride.tsx +0 -23
- package/src/pride/index.tsx +0 -2
@@ -3,13 +3,13 @@ import * as tokens11 from '@vygruppen/spor-design-tokens';
|
|
3
3
|
export { tokens11 as tokens };
|
4
4
|
import { forwardRef, Divider as Divider$1, Stack as Stack$1, Box, useMultiStyleConfig, chakra, Flex, Checkbox as Checkbox$1, useCheckbox, FormControl as FormControl$1, FormLabel as FormLabel$1, useFormControlContext, InputGroup, InputLeftElement, Input as Input$1, InputRightElement, Select, useDisclosure, Button, useControllableState, Radio as Radio$1, RadioGroup as RadioGroup$1, IconButton as IconButton$1, Switch as Switch$1, Textarea as Textarea$1, useStyleConfig, Accordion as Accordion$1, Skeleton as Skeleton$1, useButtonGroup, Center, ButtonGroup as ButtonGroup$1, Badge as Badge$1, Code as Code$1, Text, PopoverAnchor, PopoverContent, PopoverArrow, PopoverBody, FocusLock, Popover as Popover$1, PopoverTrigger, Portal, Link, ModalHeader as ModalHeader$1, useModalContext, DrawerContent as DrawerContent$1, Tabs as Tabs$1, Table as Table$1, defineStyleConfig as defineStyleConfig$1, createMultiStyleConfigHelpers as createMultiStyleConfigHelpers$1, Heading, CheckboxGroup as CheckboxGroup$1, List, ListItem, useColorModeValue, useFormControlProps, useFormControl, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, useColorMode, SkeletonCircle as SkeletonCircle$1, SkeletonText as SkeletonText$1, Breadcrumb as Breadcrumb$1, BreadcrumbItem as BreadcrumbItem$1, BreadcrumbLink as BreadcrumbLink$1, Drawer as Drawer$1, DrawerOverlay, DrawerBody, DrawerHeader, useMediaQuery, DrawerCloseButton, DarkMode, PopoverCloseButton, usePopoverContext, UnorderedList, ChakraProvider, useToast as useToast$1, useInterval } from '@chakra-ui/react';
|
5
5
|
export { AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, Box, Center, Collapse, Container, DarkMode, DrawerBody, DrawerCloseButton, DrawerFooter, DrawerOverlay, Fade, Flex, FormHelperText, Grid, GridItem, HStack, Image, Img, InputGroup, LightMode, ListItem, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalOverlay, OrderedList, Portal, ScaleFade, SimpleGrid, Slide, SlideFade, Spacer, Tab, TabList, TabPanel, TabPanels, TableCaption, Tbody, Td, Tfoot, Th, Thead, Tr, UnorderedList, VStack, Wrap, WrapItem, defineStyleConfig, extendTheme, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useTheme, useToken } from '@chakra-ui/react';
|
6
|
-
import * as
|
7
|
-
import
|
6
|
+
import * as React86 from 'react';
|
7
|
+
import React86__default, { forwardRef as forwardRef$1, useRef, useState, useEffect, useId, Suspense, useContext, createContext, useCallback, useMemo, useLayoutEffect } from 'react';
|
8
8
|
import { CloseOutline24Icon, SearchOutline24Icon, CloseFill30Icon, CloseFill24Icon, CloseFill18Icon, CalendarOutline24Icon, InformationFill24Icon, InformationFill18Icon, WarningFill24Icon, WarningFill18Icon, ErrorFill24Icon, ErrorFill18Icon, LinkOutOutline24Icon, DropdownDownFill18Icon, DropdownDownFill24Icon, DropdownUpFill24Icon, DropdownRightFill18Icon, DropdownLeftFill18Icon, Forward15MediaControllerFill30Icon, Backward15MediaControllerFill30Icon, PauseMediaControllerFill24Icon, PlayMediaControllerFill24Icon, NextMediaControllerFill30Icon, PreviousMediaControllerFill30Icon, ArrowLeftFill24Icon, ArrowLeftFill30Icon, ArrowRightFill18Icon, ArrowLeftOutline24Icon, ArrowRightOutline24Icon, ErrorOutline24Icon, AltTransportOutline24Icon, WarningOutline24Icon, SuccessOutline24Icon, InformationOutline24Icon, TrainFill18Icon, TrainFill24Icon, TrainFill30Icon, ExpressBusFill18Icon, ExpressBusFill24Icon, ExpressBusFill30Icon, BusFill18Icon, BusFill24Icon, BusFill30Icon, FerryFill18Icon, FerryFill24Icon, FerryFill30Icon, SubwayFill18Icon, SubwayFill24Icon, SubwayFill30Icon, TramFill18Icon, TramFill24Icon, TramFill30Icon, AltTransportFill18Icon, AltTransportFill24Icon, AltTransportFill30Icon, WalkFill18Icon, WalkFill24Icon, WalkFill30Icon } from '@vygruppen/spor-icon-react';
|
9
9
|
import { usePopover, DismissButton, Overlay, useOverlayTrigger, useButton, useDateSegment, useDateField, useDatePicker, I18nProvider, useDialog, useFilter, useComboBox, useListBox, useOption, useListBoxSection, useSelect, HiddenSelect, useProgressBar, useCalendar, useDateRangePicker, useCalendarGrid, useRangeCalendar, useTimeField, useCalendarCell } from 'react-aria';
|
10
10
|
import { useOverlayTriggerState, Item, useDateFieldState, useDatePickerState, useComboBoxState, useSelectState, useCalendarState, useDateRangePickerState, useTimeFieldState, useRangeCalendarState } from 'react-stately';
|
11
11
|
export { Item, Section } from 'react-stately';
|
12
|
-
import {
|
12
|
+
import { inlineLoaderColorData, spinnerColorData, contentLoaderData, fullScreenLoaderWhiteData, inlineLoaderDarkData, fullScreenLoaderBlackData, inlineLoaderLightData, spinnerLightData, spinnerDarkData } from '@vygruppen/spor-loader';
|
13
13
|
import { useLottie } from 'lottie-react';
|
14
14
|
import { motion } from 'framer-motion';
|
15
15
|
import { createCalendar, GregorianCalendar, parseTime, endOfMonth, getWeeksInMonth, getLocalTimeZone, isSameMonth, isToday } from '@internationalized/date';
|
@@ -771,11 +771,11 @@ var require_lodash = __commonJS({
|
|
771
771
|
}
|
772
772
|
});
|
773
773
|
var Divider = forwardRef((props, ref) => {
|
774
|
-
return /* @__PURE__ */
|
774
|
+
return /* @__PURE__ */ React86__default.createElement(Divider$1, { ...props, ref });
|
775
775
|
});
|
776
776
|
var Stack = forwardRef(
|
777
777
|
({ flexDirection, ...props }, ref) => {
|
778
|
-
return /* @__PURE__ */
|
778
|
+
return /* @__PURE__ */ React86__default.createElement(Stack$1, { ...props, direction: flexDirection, ref });
|
779
779
|
}
|
780
780
|
);
|
781
781
|
var AttachedInputs = ({
|
@@ -807,7 +807,7 @@ var AttachedInputs = ({
|
|
807
807
|
}
|
808
808
|
};
|
809
809
|
const direction2 = flexDirection === "row" ? "horizontal" : "vertical";
|
810
|
-
return /* @__PURE__ */
|
810
|
+
return /* @__PURE__ */ React86__default.createElement(
|
811
811
|
Flex,
|
812
812
|
{
|
813
813
|
role: "group",
|
@@ -821,7 +821,7 @@ var AttachedInputs = ({
|
|
821
821
|
var Dialog = ({ title, children, ...props }) => {
|
822
822
|
const ref = useRef(null);
|
823
823
|
const { dialogProps, titleProps } = useDialog(props, ref);
|
824
|
-
return /* @__PURE__ */
|
824
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React86__default.createElement(Heading, { as: "h3", ...titleProps }, title), children);
|
825
825
|
};
|
826
826
|
var Popover = forwardRef$1(
|
827
827
|
({
|
@@ -852,21 +852,21 @@ var Popover = forwardRef$1(
|
|
852
852
|
},
|
853
853
|
state2
|
854
854
|
);
|
855
|
-
const popoverBox = /* @__PURE__ */
|
855
|
+
const popoverBox = /* @__PURE__ */ React86__default.createElement(
|
856
856
|
Box,
|
857
857
|
{
|
858
858
|
...popoverProps,
|
859
859
|
ref: popoverRef,
|
860
860
|
minWidth: ((_a6 = triggerRef.current) == null ? void 0 : _a6.clientWidth) ?? "auto"
|
861
861
|
},
|
862
|
-
/* @__PURE__ */
|
862
|
+
/* @__PURE__ */ React86__default.createElement(DismissButton, { onDismiss: state2.close }),
|
863
863
|
children,
|
864
|
-
/* @__PURE__ */
|
864
|
+
/* @__PURE__ */ React86__default.createElement(DismissButton, { onDismiss: state2.close })
|
865
865
|
);
|
866
866
|
if (isNonModal) {
|
867
867
|
return popoverBox;
|
868
868
|
}
|
869
|
-
return /* @__PURE__ */
|
869
|
+
return /* @__PURE__ */ React86__default.createElement(Overlay, null, hasBackdrop && /* @__PURE__ */ React86__default.createElement(Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
|
870
870
|
}
|
871
871
|
);
|
872
872
|
|
@@ -907,7 +907,7 @@ var CardSelect = forwardRef(
|
|
907
907
|
});
|
908
908
|
useForceRerender(state2.isOpen);
|
909
909
|
const ChevronIcon = size2 === "sm" ? DropdownDownFill18Icon : DropdownDownFill24Icon;
|
910
|
-
return /* @__PURE__ */
|
910
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { ...props }, /* @__PURE__ */ React86__default.createElement(
|
911
911
|
chakra.button,
|
912
912
|
{
|
913
913
|
type: "button",
|
@@ -919,13 +919,13 @@ var CardSelect = forwardRef(
|
|
919
919
|
width,
|
920
920
|
"data-attachable": true
|
921
921
|
},
|
922
|
-
/* @__PURE__ */
|
922
|
+
/* @__PURE__ */ React86__default.createElement(Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React86__default.createElement(Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React86__default.createElement(
|
923
923
|
ChevronIcon,
|
924
924
|
{
|
925
925
|
transform: state2.isOpen ? "rotate(180deg)" : "none"
|
926
926
|
}
|
927
927
|
) : null)
|
928
|
-
), state2.isOpen && /* @__PURE__ */
|
928
|
+
), state2.isOpen && /* @__PURE__ */ React86__default.createElement(
|
929
929
|
Popover,
|
930
930
|
{
|
931
931
|
state: state2,
|
@@ -934,7 +934,7 @@ var CardSelect = forwardRef(
|
|
934
934
|
crossOffset,
|
935
935
|
placement
|
936
936
|
},
|
937
|
-
/* @__PURE__ */
|
937
|
+
/* @__PURE__ */ React86__default.createElement(
|
938
938
|
StaticCard,
|
939
939
|
{
|
940
940
|
colorScheme: "white",
|
@@ -944,7 +944,7 @@ var CardSelect = forwardRef(
|
|
944
944
|
sx: styles3.card,
|
945
945
|
...overlayProps
|
946
946
|
},
|
947
|
-
/* @__PURE__ */
|
947
|
+
/* @__PURE__ */ React86__default.createElement(Dialog, { "aria-label": label }, children)
|
948
948
|
)
|
949
949
|
));
|
950
950
|
}
|
@@ -958,14 +958,14 @@ function useForceRerender(shouldRerender) {
|
|
958
958
|
}, [shouldRerender]);
|
959
959
|
}
|
960
960
|
var Checkbox = forwardRef((props, ref) => {
|
961
|
-
return /* @__PURE__ */
|
961
|
+
return /* @__PURE__ */ React86__default.createElement(Checkbox$1, { ...props, ref });
|
962
962
|
});
|
963
963
|
var CheckboxGroup = ({
|
964
964
|
direction: direction2 = "row",
|
965
965
|
children,
|
966
966
|
...props
|
967
967
|
}) => {
|
968
|
-
return /* @__PURE__ */
|
968
|
+
return /* @__PURE__ */ React86__default.createElement(CheckboxGroup$1, { ...props }, /* @__PURE__ */ React86__default.createElement(Stack$1, { direction: direction2 }, children));
|
969
969
|
};
|
970
970
|
|
971
971
|
// ../../node_modules/@chakra-ui/utils/dist/chunk-O3SWHQEE.mjs
|
@@ -994,15 +994,15 @@ var ChoiceChip = forwardRef((props, ref) => {
|
|
994
994
|
hasLabel: Boolean(children)
|
995
995
|
});
|
996
996
|
const id = `choice-chip-${useId()}`;
|
997
|
-
return /* @__PURE__ */
|
997
|
+
return /* @__PURE__ */ React86__default.createElement(
|
998
998
|
chakra.label,
|
999
999
|
{
|
1000
1000
|
htmlFor: id,
|
1001
1001
|
...getRootProps(),
|
1002
1002
|
"aria-label": String(children)
|
1003
1003
|
},
|
1004
|
-
/* @__PURE__ */
|
1005
|
-
/* @__PURE__ */
|
1004
|
+
/* @__PURE__ */ React86__default.createElement(chakra.input, { ...getInputProps({}, ref), id, disabled: isDisabled }),
|
1005
|
+
/* @__PURE__ */ React86__default.createElement(
|
1006
1006
|
chakra.div,
|
1007
1007
|
{
|
1008
1008
|
...getLabelProps(),
|
@@ -1013,9 +1013,9 @@ var ChoiceChip = forwardRef((props, ref) => {
|
|
1013
1013
|
"data-active": dataAttr(state2.isActive),
|
1014
1014
|
"data-disabled": dataAttr(state2.isDisabled)
|
1015
1015
|
},
|
1016
|
-
icon && /* @__PURE__ */
|
1017
|
-
/* @__PURE__ */
|
1018
|
-
chipType === "filter" && state2.isChecked && /* @__PURE__ */
|
1016
|
+
icon && /* @__PURE__ */ React86__default.createElement(chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
|
1017
|
+
/* @__PURE__ */ React86__default.createElement(chakra.span, { __css: styles3.label, ...getCheckboxProps() }, chipType !== "icon" && children),
|
1018
|
+
chipType === "filter" && state2.isChecked && /* @__PURE__ */ React86__default.createElement(CloseOutline24Icon, { marginLeft: 1.5 })
|
1019
1019
|
)
|
1020
1020
|
);
|
1021
1021
|
});
|
@@ -1050,12 +1050,12 @@ function Combobox({
|
|
1050
1050
|
const inputRef = externalInputRef ?? fallbackInputRef;
|
1051
1051
|
const listBoxRef = useRef(null);
|
1052
1052
|
const popoverRef = useRef(null);
|
1053
|
+
const listboxId = `${useId()}-listbox`;
|
1053
1054
|
const inputWidth = useInputWidth(inputRef);
|
1054
1055
|
const state2 = useComboBoxState({
|
1055
1056
|
allowsEmptyCollection: Boolean(emptyContent),
|
1056
1057
|
defaultFilter: contains2,
|
1057
1058
|
shouldCloseOnBlur: true,
|
1058
|
-
label,
|
1059
1059
|
...rest
|
1060
1060
|
});
|
1061
1061
|
const comboBoxProps = {
|
@@ -1083,21 +1083,26 @@ function Combobox({
|
|
1083
1083
|
...rest,
|
1084
1084
|
inputRef,
|
1085
1085
|
listBoxRef,
|
1086
|
-
popoverRef
|
1086
|
+
popoverRef,
|
1087
|
+
label
|
1087
1088
|
},
|
1088
1089
|
state2
|
1089
1090
|
);
|
1090
|
-
return /* @__PURE__ */
|
1091
|
+
return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
|
1091
1092
|
Input,
|
1092
1093
|
{
|
1093
1094
|
...styleProps(comboBoxProps),
|
1094
1095
|
"aria-haspopup": "listbox",
|
1095
1096
|
ref: inputRef,
|
1097
|
+
role: "combobox",
|
1096
1098
|
label,
|
1099
|
+
"aria-expanded": state2.isOpen,
|
1100
|
+
"aria-autocomplete": "list",
|
1101
|
+
"aria-controls": listboxId,
|
1097
1102
|
borderBottomLeftRadius: state2.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
|
1098
1103
|
borderBottomRightRadius: state2.isOpen && !isLoading ? 0 : borderBottomRightRadius,
|
1099
1104
|
...inputProps,
|
1100
|
-
rightIcon: isLoading ? /* @__PURE__ */
|
1105
|
+
rightIcon: isLoading ? /* @__PURE__ */ React86__default.createElement(
|
1101
1106
|
ColorSpinner,
|
1102
1107
|
{
|
1103
1108
|
width: "1.5rem",
|
@@ -1112,7 +1117,7 @@ function Combobox({
|
|
1112
1117
|
}
|
1113
1118
|
) : rightIcon
|
1114
1119
|
}
|
1115
|
-
), state2.isOpen && !isLoading && /* @__PURE__ */
|
1120
|
+
), /* @__PURE__ */ React86__default.createElement("span", { "aria-hidden": "true", "data-trigger": "multiselect" }), state2.isOpen && !isLoading && /* @__PURE__ */ React86__default.createElement(
|
1116
1121
|
Popover,
|
1117
1122
|
{
|
1118
1123
|
state: state2,
|
@@ -1124,11 +1129,12 @@ function Combobox({
|
|
1124
1129
|
hasBackdrop: false,
|
1125
1130
|
containerPadding: 0
|
1126
1131
|
},
|
1127
|
-
/* @__PURE__ */
|
1132
|
+
/* @__PURE__ */ React86__default.createElement(
|
1128
1133
|
ListBox,
|
1129
1134
|
{
|
1130
1135
|
...listBoxProps,
|
1131
1136
|
state: state2,
|
1137
|
+
id: listboxId,
|
1132
1138
|
listBoxRef,
|
1133
1139
|
emptyContent,
|
1134
1140
|
maxWidth: inputWidth
|
@@ -1166,7 +1172,7 @@ var debounce = (fn, ms = 100) => {
|
|
1166
1172
|
};
|
1167
1173
|
};
|
1168
1174
|
var FormControl = forwardRef((props, ref) => {
|
1169
|
-
return /* @__PURE__ */
|
1175
|
+
return /* @__PURE__ */ React86__default.createElement(FormControl$1, { ...props, ref });
|
1170
1176
|
});
|
1171
1177
|
var FormErrorMessage = ({
|
1172
1178
|
children,
|
@@ -1182,7 +1188,7 @@ var FormErrorMessage = ({
|
|
1182
1188
|
return null;
|
1183
1189
|
}
|
1184
1190
|
const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
|
1185
|
-
return /* @__PURE__ */
|
1191
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { position: "relative", ref }, /* @__PURE__ */ React86__default.createElement(
|
1186
1192
|
Box,
|
1187
1193
|
{
|
1188
1194
|
borderRadius: "xs",
|
@@ -1200,12 +1206,12 @@ var FormErrorMessage = ({
|
|
1200
1206
|
...errorMessageProps,
|
1201
1207
|
...boxProps
|
1202
1208
|
},
|
1203
|
-
/* @__PURE__ */
|
1209
|
+
/* @__PURE__ */ React86__default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
|
1204
1210
|
children
|
1205
1211
|
));
|
1206
1212
|
};
|
1207
1213
|
var Arrow = (props) => {
|
1208
|
-
return /* @__PURE__ */
|
1214
|
+
return /* @__PURE__ */ React86__default.createElement(
|
1209
1215
|
Box,
|
1210
1216
|
{
|
1211
1217
|
...props,
|
@@ -1216,7 +1222,7 @@ var Arrow = (props) => {
|
|
1216
1222
|
fill: "none",
|
1217
1223
|
transform: "rotate(45deg)"
|
1218
1224
|
},
|
1219
|
-
/* @__PURE__ */
|
1225
|
+
/* @__PURE__ */ React86__default.createElement(
|
1220
1226
|
Box,
|
1221
1227
|
{
|
1222
1228
|
as: "path",
|
@@ -1227,7 +1233,7 @@ var Arrow = (props) => {
|
|
1227
1233
|
);
|
1228
1234
|
};
|
1229
1235
|
var FormLabel = forwardRef((props, ref) => {
|
1230
|
-
return /* @__PURE__ */
|
1236
|
+
return /* @__PURE__ */ React86__default.createElement(FormLabel$1, { ...props, ref });
|
1231
1237
|
});
|
1232
1238
|
function ListBox({
|
1233
1239
|
isLoading,
|
@@ -1238,7 +1244,7 @@ function ListBox({
|
|
1238
1244
|
}) {
|
1239
1245
|
const { listBoxProps } = useListBox(props, state2, listBoxRef);
|
1240
1246
|
const styles3 = useMultiStyleConfig("ListBox", {});
|
1241
|
-
return /* @__PURE__ */
|
1247
|
+
return /* @__PURE__ */ React86__default.createElement(
|
1242
1248
|
List,
|
1243
1249
|
{
|
1244
1250
|
...listBoxProps,
|
@@ -1249,19 +1255,19 @@ function ListBox({
|
|
1249
1255
|
},
|
1250
1256
|
state2.collection.size === 0 && props.emptyContent,
|
1251
1257
|
Array.from(state2.collection).map(
|
1252
|
-
(item) => item.type === "section" ? /* @__PURE__ */
|
1258
|
+
(item) => item.type === "section" ? /* @__PURE__ */ React86__default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React86__default.createElement(Option, { key: item.key, item, state: state2 })
|
1253
1259
|
)
|
1254
1260
|
);
|
1255
1261
|
}
|
1256
1262
|
function ItemLabel({ children }) {
|
1257
1263
|
let { labelProps } = useOptionContext();
|
1258
1264
|
const styles3 = useMultiStyleConfig("ListBox", {});
|
1259
|
-
return /* @__PURE__ */
|
1265
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { ...labelProps, sx: styles3.label }, children);
|
1260
1266
|
}
|
1261
1267
|
function ItemDescription({ children }) {
|
1262
1268
|
let { descriptionProps } = useOptionContext();
|
1263
1269
|
const styles3 = useMultiStyleConfig("ListBox", {});
|
1264
|
-
return /* @__PURE__ */
|
1270
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { ...descriptionProps, sx: styles3.description }, children);
|
1265
1271
|
}
|
1266
1272
|
function Option({ item, state: state2 }) {
|
1267
1273
|
const ref = useRef(null);
|
@@ -1269,6 +1275,7 @@ function Option({ item, state: state2 }) {
|
|
1269
1275
|
optionProps,
|
1270
1276
|
isSelected,
|
1271
1277
|
isDisabled,
|
1278
|
+
isFocusVisible,
|
1272
1279
|
isFocused,
|
1273
1280
|
labelProps,
|
1274
1281
|
descriptionProps
|
@@ -1284,6 +1291,9 @@ function Option({ item, state: state2 }) {
|
|
1284
1291
|
if (isFocused) {
|
1285
1292
|
dataFields["data-focus"] = true;
|
1286
1293
|
}
|
1294
|
+
if (isFocusVisible) {
|
1295
|
+
dataFields["data-focus-visible"] = true;
|
1296
|
+
}
|
1287
1297
|
useEffect(() => {
|
1288
1298
|
var _a6;
|
1289
1299
|
(_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
|
@@ -1294,9 +1304,9 @@ function Option({ item, state: state2 }) {
|
|
1294
1304
|
{ passive: false, once: true }
|
1295
1305
|
);
|
1296
1306
|
}, []);
|
1297
|
-
return /* @__PURE__ */
|
1307
|
+
return /* @__PURE__ */ React86__default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React86__default.createElement(ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
|
1298
1308
|
}
|
1299
|
-
var OptionContext =
|
1309
|
+
var OptionContext = React86__default.createContext({
|
1300
1310
|
labelProps: {},
|
1301
1311
|
descriptionProps: {}
|
1302
1312
|
});
|
@@ -1310,7 +1320,7 @@ function ListBoxSection({ section, state: state2 }) {
|
|
1310
1320
|
});
|
1311
1321
|
const isFirstSection = section.key === state2.collection.getFirstKey();
|
1312
1322
|
const titleColor = useColorModeValue("darkGrey", "white");
|
1313
|
-
return /* @__PURE__ */
|
1323
|
+
return /* @__PURE__ */ React86__default.createElement(ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React86__default.createElement(
|
1314
1324
|
Box,
|
1315
1325
|
{
|
1316
1326
|
fontSize: "mobile.xs",
|
@@ -1323,8 +1333,8 @@ function ListBoxSection({ section, state: state2 }) {
|
|
1323
1333
|
...headingProps
|
1324
1334
|
},
|
1325
1335
|
section.rendered
|
1326
|
-
), /* @__PURE__ */
|
1327
|
-
(item) => /* @__PURE__ */
|
1336
|
+
), /* @__PURE__ */ React86__default.createElement(List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
|
1337
|
+
(item) => /* @__PURE__ */ React86__default.createElement(Option, { key: item.key, item, state: state2 })
|
1328
1338
|
)));
|
1329
1339
|
}
|
1330
1340
|
|
@@ -1363,7 +1373,7 @@ function InfoSelect({
|
|
1363
1373
|
const { t: t2 } = useTranslation();
|
1364
1374
|
const formControl = useFormControlProps(props);
|
1365
1375
|
const hasChosenValue = state2.selectedItem !== null;
|
1366
|
-
return /* @__PURE__ */
|
1376
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React86__default.createElement(
|
1367
1377
|
HiddenSelect,
|
1368
1378
|
{
|
1369
1379
|
state: state2,
|
@@ -1371,7 +1381,7 @@ function InfoSelect({
|
|
1371
1381
|
label: props.label,
|
1372
1382
|
name: props.name
|
1373
1383
|
}
|
1374
|
-
), /* @__PURE__ */
|
1384
|
+
), /* @__PURE__ */ React86__default.createElement(
|
1375
1385
|
chakra.button,
|
1376
1386
|
{
|
1377
1387
|
type: "button",
|
@@ -1382,7 +1392,7 @@ function InfoSelect({
|
|
1382
1392
|
"aria-invalid": formControl.isInvalid,
|
1383
1393
|
"aria-describedby": formControl["aria-describedby"]
|
1384
1394
|
},
|
1385
|
-
/* @__PURE__ */
|
1395
|
+
/* @__PURE__ */ React86__default.createElement(chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React86__default.createElement(
|
1386
1396
|
chakra.div,
|
1387
1397
|
{
|
1388
1398
|
...labelProps,
|
@@ -1396,7 +1406,7 @@ function InfoSelect({
|
|
1396
1406
|
}
|
1397
1407
|
},
|
1398
1408
|
props.label
|
1399
|
-
), /* @__PURE__ */
|
1409
|
+
), /* @__PURE__ */ React86__default.createElement(
|
1400
1410
|
Box,
|
1401
1411
|
{
|
1402
1412
|
...valueProps,
|
@@ -1408,15 +1418,15 @@ function InfoSelect({
|
|
1408
1418
|
},
|
1409
1419
|
state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts.selectAnOption)
|
1410
1420
|
)),
|
1411
|
-
/* @__PURE__ */
|
1412
|
-
), state2.isOpen && /* @__PURE__ */
|
1421
|
+
/* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React86__default.createElement(DropdownUpFill24Icon, null) : /* @__PURE__ */ React86__default.createElement(DropdownDownFill24Icon, null))
|
1422
|
+
), state2.isOpen && /* @__PURE__ */ React86__default.createElement(
|
1413
1423
|
Popover,
|
1414
1424
|
{
|
1415
1425
|
state: state2,
|
1416
1426
|
triggerRef,
|
1417
1427
|
containerPadding: 0
|
1418
1428
|
},
|
1419
|
-
/* @__PURE__ */
|
1429
|
+
/* @__PURE__ */ React86__default.createElement(
|
1420
1430
|
ListBox,
|
1421
1431
|
{
|
1422
1432
|
...menuProps,
|
@@ -1441,7 +1451,7 @@ var Input = forwardRef(
|
|
1441
1451
|
const formControlProps = useFormControlContext();
|
1442
1452
|
const fallbackId = `input-${useId()}`;
|
1443
1453
|
const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
|
1444
|
-
return /* @__PURE__ */
|
1454
|
+
return /* @__PURE__ */ React86__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React86__default.createElement(InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React86__default.createElement(
|
1445
1455
|
Input$1,
|
1446
1456
|
{
|
1447
1457
|
"data-attachable": true,
|
@@ -1449,22 +1459,23 @@ var Input = forwardRef(
|
|
1449
1459
|
paddingRight: rightIcon ? 7 : void 0,
|
1450
1460
|
...props,
|
1451
1461
|
id: inputId,
|
1462
|
+
"aria-labelledby": inputId,
|
1452
1463
|
ref,
|
1453
1464
|
placeholder: " "
|
1454
1465
|
}
|
1455
|
-
), /* @__PURE__ */
|
1466
|
+
), /* @__PURE__ */ React86__default.createElement(FormLabel$1, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React86__default.createElement(InputRightElement, { pointerEvents: "none" }, rightIcon));
|
1456
1467
|
}
|
1457
1468
|
);
|
1458
1469
|
var InputLeftElement2 = forwardRef(
|
1459
|
-
(props, ref) => /* @__PURE__ */
|
1470
|
+
(props, ref) => /* @__PURE__ */ React86__default.createElement(InputLeftElement, { ...props, ref })
|
1460
1471
|
);
|
1461
1472
|
var InputRightElement2 = forwardRef(
|
1462
|
-
(props, ref) => /* @__PURE__ */
|
1473
|
+
(props, ref) => /* @__PURE__ */ React86__default.createElement(InputRightElement, { ...props, ref })
|
1463
1474
|
);
|
1464
1475
|
var NativeSelect = forwardRef(
|
1465
1476
|
({ label, ...props }, ref) => {
|
1466
1477
|
const styles3 = useMultiStyleConfig("Select", props);
|
1467
|
-
return /* @__PURE__ */
|
1478
|
+
return /* @__PURE__ */ React86__default.createElement(FormControl, null, /* @__PURE__ */ React86__default.createElement(
|
1468
1479
|
Select,
|
1469
1480
|
{
|
1470
1481
|
"data-attachable": true,
|
@@ -1472,7 +1483,7 @@ var NativeSelect = forwardRef(
|
|
1472
1483
|
rootProps: { __css: styles3.root },
|
1473
1484
|
ref
|
1474
1485
|
}
|
1475
|
-
), label && /* @__PURE__ */
|
1486
|
+
), label && /* @__PURE__ */ React86__default.createElement(FormLabel, null, label));
|
1476
1487
|
}
|
1477
1488
|
);
|
1478
1489
|
function NumericStepper({
|
@@ -1498,17 +1509,17 @@ function NumericStepper({
|
|
1498
1509
|
});
|
1499
1510
|
const formControlProps = useFormControl({ id: idProp, isDisabled });
|
1500
1511
|
const clampedStepSize = Math.max(Math.min(stepSize, 10), 1);
|
1501
|
-
return /* @__PURE__ */
|
1512
|
+
return /* @__PURE__ */ React86__default.createElement(Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React86__default.createElement(
|
1502
1513
|
VerySmallButton,
|
1503
1514
|
{
|
1504
|
-
icon: /* @__PURE__ */
|
1515
|
+
icon: /* @__PURE__ */ React86__default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
|
1505
1516
|
"aria-label": t2(texts2.decrementButtonAriaLabel(clampedStepSize)),
|
1506
1517
|
onClick: () => onChange(Math.max(value - clampedStepSize, minValue)),
|
1507
1518
|
visibility: value <= minValue ? "hidden" : "visible",
|
1508
1519
|
isDisabled: formControlProps.disabled,
|
1509
1520
|
id: value <= minValue ? void 0 : formControlProps.id
|
1510
1521
|
}
|
1511
|
-
), withInput ? /* @__PURE__ */
|
1522
|
+
), withInput ? /* @__PURE__ */ React86__default.createElement(
|
1512
1523
|
chakra.input,
|
1513
1524
|
{
|
1514
1525
|
type: "number",
|
@@ -1531,7 +1542,7 @@ function NumericStepper({
|
|
1531
1542
|
onChange(Math.max(Math.min(numericInput, maxValue), minValue));
|
1532
1543
|
}
|
1533
1544
|
}
|
1534
|
-
) : /* @__PURE__ */
|
1545
|
+
) : /* @__PURE__ */ React86__default.createElement(
|
1535
1546
|
chakra.text,
|
1536
1547
|
{
|
1537
1548
|
sx: styles3.text,
|
@@ -1539,10 +1550,10 @@ function NumericStepper({
|
|
1539
1550
|
"aria-label": value.toString()
|
1540
1551
|
},
|
1541
1552
|
value
|
1542
|
-
), /* @__PURE__ */
|
1553
|
+
), /* @__PURE__ */ React86__default.createElement(
|
1543
1554
|
VerySmallButton,
|
1544
1555
|
{
|
1545
|
-
icon: /* @__PURE__ */
|
1556
|
+
icon: /* @__PURE__ */ React86__default.createElement(AddIcon, { stepLabel: clampedStepSize }),
|
1546
1557
|
"aria-label": t2(texts2.incrementButtonAriaLabel(clampedStepSize)),
|
1547
1558
|
onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
|
1548
1559
|
visibility: value >= maxValue ? "hidden" : "visible",
|
@@ -1553,9 +1564,9 @@ function NumericStepper({
|
|
1553
1564
|
}
|
1554
1565
|
var VerySmallButton = (props) => {
|
1555
1566
|
const styles3 = useMultiStyleConfig("NumericStepper", {});
|
1556
|
-
return /* @__PURE__ */
|
1567
|
+
return /* @__PURE__ */ React86__default.createElement(IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
|
1557
1568
|
};
|
1558
|
-
var SubtractIcon = (props) => /* @__PURE__ */
|
1569
|
+
var SubtractIcon = (props) => /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
|
1559
1570
|
Box,
|
1560
1571
|
{
|
1561
1572
|
as: "svg",
|
@@ -1565,7 +1576,7 @@ var SubtractIcon = (props) => /* @__PURE__ */ React87__default.createElement(Rea
|
|
1565
1576
|
stroke: "currentColor",
|
1566
1577
|
...props
|
1567
1578
|
},
|
1568
|
-
/* @__PURE__ */
|
1579
|
+
/* @__PURE__ */ React86__default.createElement(
|
1569
1580
|
"line",
|
1570
1581
|
{
|
1571
1582
|
x1: "9",
|
@@ -1576,8 +1587,8 @@ var SubtractIcon = (props) => /* @__PURE__ */ React87__default.createElement(Rea
|
|
1576
1587
|
strokeLinecap: "round"
|
1577
1588
|
}
|
1578
1589
|
)
|
1579
|
-
), props.stepLabel > 1 && /* @__PURE__ */
|
1580
|
-
var AddIcon = (props) => /* @__PURE__ */
|
1590
|
+
), props.stepLabel > 1 && /* @__PURE__ */ React86__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
|
1591
|
+
var AddIcon = (props) => /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
|
1581
1592
|
Box,
|
1582
1593
|
{
|
1583
1594
|
as: "svg",
|
@@ -1587,7 +1598,7 @@ var AddIcon = (props) => /* @__PURE__ */ React87__default.createElement(React87_
|
|
1587
1598
|
stroke: "currentColor",
|
1588
1599
|
...props
|
1589
1600
|
},
|
1590
|
-
/* @__PURE__ */
|
1601
|
+
/* @__PURE__ */ React86__default.createElement(
|
1591
1602
|
"line",
|
1592
1603
|
{
|
1593
1604
|
x1: "9",
|
@@ -1598,7 +1609,7 @@ var AddIcon = (props) => /* @__PURE__ */ React87__default.createElement(React87_
|
|
1598
1609
|
strokeLinecap: "round"
|
1599
1610
|
}
|
1600
1611
|
),
|
1601
|
-
/* @__PURE__ */
|
1612
|
+
/* @__PURE__ */ React86__default.createElement(
|
1602
1613
|
"line",
|
1603
1614
|
{
|
1604
1615
|
x1: "15",
|
@@ -1609,7 +1620,7 @@ var AddIcon = (props) => /* @__PURE__ */ React87__default.createElement(React87_
|
|
1609
1620
|
strokeLinecap: "round"
|
1610
1621
|
}
|
1611
1622
|
)
|
1612
|
-
), props.stepLabel > 1 && /* @__PURE__ */
|
1623
|
+
), props.stepLabel > 1 && /* @__PURE__ */ React86__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
|
1613
1624
|
var texts2 = createTexts({
|
1614
1625
|
decrementButtonAriaLabel(stepSize) {
|
1615
1626
|
return {
|
@@ -1635,7 +1646,7 @@ var PasswordInput = forwardRef(
|
|
1635
1646
|
const formControlProps = useFormControlContext();
|
1636
1647
|
const autoGeneratedId = `password-input-${useId()}`;
|
1637
1648
|
const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
|
1638
|
-
return /* @__PURE__ */
|
1649
|
+
return /* @__PURE__ */ React86__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React86__default.createElement(InputLeftElement2, null, leftIcon), /* @__PURE__ */ React86__default.createElement(
|
1639
1650
|
Input$1,
|
1640
1651
|
{
|
1641
1652
|
...props,
|
@@ -1647,7 +1658,7 @@ var PasswordInput = forwardRef(
|
|
1647
1658
|
ref,
|
1648
1659
|
"data-attachable": true
|
1649
1660
|
}
|
1650
|
-
), /* @__PURE__ */
|
1661
|
+
), /* @__PURE__ */ React86__default.createElement(FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React86__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React86__default.createElement(
|
1651
1662
|
Button,
|
1652
1663
|
{
|
1653
1664
|
variant: "ghost",
|
@@ -1695,10 +1706,10 @@ var PhoneNumberInput = forwardRef(
|
|
1695
1706
|
nationalNumber: ""
|
1696
1707
|
}
|
1697
1708
|
});
|
1698
|
-
return /* @__PURE__ */
|
1709
|
+
return /* @__PURE__ */ React86__default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React86__default.createElement(
|
1699
1710
|
Suspense,
|
1700
1711
|
{
|
1701
|
-
fallback: /* @__PURE__ */
|
1712
|
+
fallback: /* @__PURE__ */ React86__default.createElement(
|
1702
1713
|
InfoSelect,
|
1703
1714
|
{
|
1704
1715
|
isLabelSrOnly: true,
|
@@ -1707,10 +1718,10 @@ var PhoneNumberInput = forwardRef(
|
|
1707
1718
|
height: "100%",
|
1708
1719
|
value: "+47"
|
1709
1720
|
},
|
1710
|
-
/* @__PURE__ */
|
1721
|
+
/* @__PURE__ */ React86__default.createElement(Item, { key: "+47" }, "+47")
|
1711
1722
|
)
|
1712
1723
|
},
|
1713
|
-
/* @__PURE__ */
|
1724
|
+
/* @__PURE__ */ React86__default.createElement(
|
1714
1725
|
LazyCountryCodeSelect,
|
1715
1726
|
{
|
1716
1727
|
value: value.countryCode,
|
@@ -1723,7 +1734,7 @@ var PhoneNumberInput = forwardRef(
|
|
1723
1734
|
width: "6.25rem"
|
1724
1735
|
}
|
1725
1736
|
)
|
1726
|
-
), /* @__PURE__ */
|
1737
|
+
), /* @__PURE__ */ React86__default.createElement(
|
1727
1738
|
Input,
|
1728
1739
|
{
|
1729
1740
|
ref,
|
@@ -1758,13 +1769,13 @@ var texts4 = createTexts({
|
|
1758
1769
|
sv: "Landskod"
|
1759
1770
|
}
|
1760
1771
|
});
|
1761
|
-
var LazyCountryCodeSelect =
|
1772
|
+
var LazyCountryCodeSelect = React86__default.lazy(() => import('./CountryCodeSelect-2DASZ3PQ.mjs'));
|
1762
1773
|
var Radio = forwardRef((props, ref) => {
|
1763
|
-
return /* @__PURE__ */
|
1774
|
+
return /* @__PURE__ */ React86__default.createElement(Radio$1, { ...props, ref });
|
1764
1775
|
});
|
1765
1776
|
var RadioGroup = forwardRef(
|
1766
1777
|
({ children, direction: direction2 = "row", ...rest }, ref) => {
|
1767
|
-
return /* @__PURE__ */
|
1778
|
+
return /* @__PURE__ */ React86__default.createElement(RadioGroup$1, { ...rest, ref }, /* @__PURE__ */ React86__default.createElement(Stack$1, { direction: direction2 }, children));
|
1768
1779
|
}
|
1769
1780
|
);
|
1770
1781
|
var SearchInput = forwardRef(
|
@@ -1774,7 +1785,7 @@ var SearchInput = forwardRef(
|
|
1774
1785
|
const formControlProps = useFormControlContext();
|
1775
1786
|
const autoGeneratedId = useId();
|
1776
1787
|
const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
|
1777
|
-
return /* @__PURE__ */
|
1788
|
+
return /* @__PURE__ */ React86__default.createElement(InputGroup, { position: "relative" }, /* @__PURE__ */ React86__default.createElement(InputLeftElement2, null, /* @__PURE__ */ React86__default.createElement(SearchOutline24Icon, null)), /* @__PURE__ */ React86__default.createElement(
|
1778
1789
|
Input$1,
|
1779
1790
|
{
|
1780
1791
|
paddingLeft: 7,
|
@@ -1791,7 +1802,7 @@ var SearchInput = forwardRef(
|
|
1791
1802
|
placeholder: " ",
|
1792
1803
|
"data-attachable": true
|
1793
1804
|
}
|
1794
|
-
), /* @__PURE__ */
|
1805
|
+
), /* @__PURE__ */ React86__default.createElement(FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts5.label)), showClearButton && /* @__PURE__ */ React86__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React86__default.createElement(
|
1795
1806
|
IconButton$1,
|
1796
1807
|
{
|
1797
1808
|
variant: "ghost",
|
@@ -1799,7 +1810,7 @@ var SearchInput = forwardRef(
|
|
1799
1810
|
size: "sm",
|
1800
1811
|
marginRight: 1,
|
1801
1812
|
"aria-label": t2(texts5.reset),
|
1802
|
-
icon: /* @__PURE__ */
|
1813
|
+
icon: /* @__PURE__ */ React86__default.createElement(CloseOutline24Icon, null),
|
1803
1814
|
onClick: onReset
|
1804
1815
|
}
|
1805
1816
|
)));
|
@@ -1821,7 +1832,7 @@ var texts5 = createTexts({
|
|
1821
1832
|
});
|
1822
1833
|
var Switch = forwardRef(
|
1823
1834
|
({ size: size2 = "md", ...props }, ref) => {
|
1824
|
-
return /* @__PURE__ */
|
1835
|
+
return /* @__PURE__ */ React86__default.createElement(Switch$1, { size: size2, ...props, ref });
|
1825
1836
|
}
|
1826
1837
|
);
|
1827
1838
|
var Textarea = forwardRef((props, ref) => {
|
@@ -1832,7 +1843,7 @@ var Textarea = forwardRef((props, ref) => {
|
|
1832
1843
|
const formControlProps = useFormControlContext();
|
1833
1844
|
const fallbackId = `textarea-${useId()}`;
|
1834
1845
|
const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
|
1835
|
-
return /* @__PURE__ */
|
1846
|
+
return /* @__PURE__ */ React86__default.createElement(InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React86__default.createElement(Textarea$1, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React86__default.createElement(FormLabel$1, { htmlFor: inputId, id: `${inputId}-label` }, label));
|
1836
1847
|
});
|
1837
1848
|
function getSpacingProps(props) {
|
1838
1849
|
const {
|
@@ -1894,7 +1905,7 @@ function getSpacingProps(props) {
|
|
1894
1905
|
}
|
1895
1906
|
|
1896
1907
|
// src/layout/RadioCardGroup.tsx
|
1897
|
-
var RadioCardGroupContext =
|
1908
|
+
var RadioCardGroupContext = React86__default.createContext(null);
|
1898
1909
|
var RadioCardGroup = ({
|
1899
1910
|
children,
|
1900
1911
|
name,
|
@@ -1912,7 +1923,7 @@ var RadioCardGroup = ({
|
|
1912
1923
|
setSelectedValue(value);
|
1913
1924
|
onChange && onChange(value);
|
1914
1925
|
};
|
1915
|
-
return /* @__PURE__ */
|
1926
|
+
return /* @__PURE__ */ React86__default.createElement(
|
1916
1927
|
RadioCardGroupContext.Provider,
|
1917
1928
|
{
|
1918
1929
|
value: {
|
@@ -1923,7 +1934,7 @@ var RadioCardGroup = ({
|
|
1923
1934
|
defaultValue: defaultValue || ""
|
1924
1935
|
}
|
1925
1936
|
},
|
1926
|
-
/* @__PURE__ */
|
1937
|
+
/* @__PURE__ */ React86__default.createElement(Stack$1, { as: "fieldset", direction: direction2, ...props }, groupLabel && /* @__PURE__ */ React86__default.createElement(FormLabel, { as: "legend", id: groupLabel }, groupLabel), children)
|
1927
1938
|
);
|
1928
1939
|
};
|
1929
1940
|
|
@@ -1965,13 +1976,13 @@ var RadioCard = forwardRef(
|
|
1965
1976
|
}
|
1966
1977
|
}, [isKeyboardUser, isChecked]);
|
1967
1978
|
const inputId = `radio-card-${useId()}`;
|
1968
|
-
return /* @__PURE__ */
|
1979
|
+
return /* @__PURE__ */ React86__default.createElement(
|
1969
1980
|
Box,
|
1970
1981
|
{
|
1971
1982
|
onFocus: () => isKeyboardUser && setFocus(true),
|
1972
1983
|
onBlur: () => setFocus(false)
|
1973
1984
|
},
|
1974
|
-
/* @__PURE__ */
|
1985
|
+
/* @__PURE__ */ React86__default.createElement(
|
1975
1986
|
chakra.input,
|
1976
1987
|
{
|
1977
1988
|
type: "radio",
|
@@ -1984,7 +1995,7 @@ var RadioCard = forwardRef(
|
|
1984
1995
|
__css: styles3.radioInput
|
1985
1996
|
}
|
1986
1997
|
),
|
1987
|
-
/* @__PURE__ */
|
1998
|
+
/* @__PURE__ */ React86__default.createElement(
|
1988
1999
|
Box,
|
1989
2000
|
{
|
1990
2001
|
as: "label",
|
@@ -2011,7 +2022,7 @@ var StaticCard = forwardRef(
|
|
2011
2022
|
const styles3 = useStyleConfig("StaticCard", {
|
2012
2023
|
colorScheme
|
2013
2024
|
});
|
2014
|
-
return /* @__PURE__ */
|
2025
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3, ...props, ref }, children);
|
2015
2026
|
}
|
2016
2027
|
);
|
2017
2028
|
var PressableCard = forwardRef(
|
@@ -2019,18 +2030,18 @@ var PressableCard = forwardRef(
|
|
2019
2030
|
const styles3 = useStyleConfig("PressableCard", {
|
2020
2031
|
variant
|
2021
2032
|
});
|
2022
|
-
return /* @__PURE__ */
|
2033
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3, ...props, ref }, children);
|
2023
2034
|
}
|
2024
2035
|
);
|
2025
|
-
var AccordionContext =
|
2036
|
+
var AccordionContext = React86__default.createContext(null);
|
2026
2037
|
var AccordionProvider = ({
|
2027
2038
|
size: size2,
|
2028
2039
|
...props
|
2029
2040
|
}) => {
|
2030
|
-
return /* @__PURE__ */
|
2041
|
+
return /* @__PURE__ */ React86__default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
|
2031
2042
|
};
|
2032
2043
|
var useAccordionContext = () => {
|
2033
|
-
const context =
|
2044
|
+
const context = React86__default.useContext(AccordionContext);
|
2034
2045
|
if (context === null) {
|
2035
2046
|
throw new Error(
|
2036
2047
|
"useAccordionContext must be used within AccordionProvider"
|
@@ -2041,14 +2052,14 @@ var useAccordionContext = () => {
|
|
2041
2052
|
var Accordion = forwardRef(
|
2042
2053
|
({ children, spacing: spacing3 = 2, ...props }, ref) => {
|
2043
2054
|
const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
|
2044
|
-
return /* @__PURE__ */
|
2055
|
+
return /* @__PURE__ */ React86__default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React86__default.createElement(
|
2045
2056
|
Accordion$1,
|
2046
2057
|
{
|
2047
2058
|
...props,
|
2048
2059
|
ref,
|
2049
2060
|
defaultIndex
|
2050
2061
|
},
|
2051
|
-
/* @__PURE__ */
|
2062
|
+
/* @__PURE__ */ React86__default.createElement(Stack, { spacing: spacing3 }, children)
|
2052
2063
|
));
|
2053
2064
|
}
|
2054
2065
|
);
|
@@ -2064,7 +2075,7 @@ var Expandable = ({
|
|
2064
2075
|
},
|
2065
2076
|
...rest
|
2066
2077
|
}) => {
|
2067
|
-
return /* @__PURE__ */
|
2078
|
+
return /* @__PURE__ */ React86__default.createElement(
|
2068
2079
|
Accordion,
|
2069
2080
|
{
|
2070
2081
|
...rest,
|
@@ -2074,7 +2085,7 @@ var Expandable = ({
|
|
2074
2085
|
size: size2,
|
2075
2086
|
onChange: (expandedIndex) => onChange(expandedIndex === 0)
|
2076
2087
|
},
|
2077
|
-
/* @__PURE__ */
|
2088
|
+
/* @__PURE__ */ React86__default.createElement(
|
2078
2089
|
ExpandableItem,
|
2079
2090
|
{
|
2080
2091
|
headingLevel,
|
@@ -2094,7 +2105,7 @@ var ExpandableItem = ({
|
|
2094
2105
|
}) => {
|
2095
2106
|
const { size: size2 } = useAccordionContext();
|
2096
2107
|
warnAboutMismatchingIcon({ icon: leftIcon, size: size2 });
|
2097
|
-
return /* @__PURE__ */
|
2108
|
+
return /* @__PURE__ */ React86__default.createElement(AccordionItem, { ...rest }, /* @__PURE__ */ React86__default.createElement(Box, { as: headingLevel }, /* @__PURE__ */ React86__default.createElement(AccordionButton, null, /* @__PURE__ */ React86__default.createElement(Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React86__default.createElement(Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React86__default.createElement(AccordionIcon, null))), /* @__PURE__ */ React86__default.createElement(AccordionPanel, null, children));
|
2098
2109
|
};
|
2099
2110
|
var warnAboutMismatchingIcon = ({ icon, size: size2 }) => {
|
2100
2111
|
var _a6, _b5;
|
@@ -2143,7 +2154,7 @@ function LanguageProvider({
|
|
2143
2154
|
language,
|
2144
2155
|
children
|
2145
2156
|
}) {
|
2146
|
-
return /* @__PURE__ */
|
2157
|
+
return /* @__PURE__ */ React86__default.createElement(LanguageContext.Provider, { value: language }, children);
|
2147
2158
|
}
|
2148
2159
|
function useLanguage() {
|
2149
2160
|
const language = useContext(LanguageContext);
|
@@ -2175,62 +2186,12 @@ function useHydrated() {
|
|
2175
2186
|
// src/loader/ClientOnly.tsx
|
2176
2187
|
var ClientOnly = ({ children, fallback = null }) => {
|
2177
2188
|
const isHydrated = useHydrated();
|
2178
|
-
return /* @__PURE__ */
|
2189
|
+
return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, isHydrated ? children() : fallback);
|
2179
2190
|
};
|
2180
2191
|
function Lottie({ animationData }) {
|
2181
2192
|
const { View } = useLottie({ animationData, loop: true });
|
2182
|
-
return /* @__PURE__ */
|
2193
|
+
return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, View);
|
2183
2194
|
}
|
2184
|
-
var PrideContext = createContext(void 0);
|
2185
|
-
var PrideProvider = ({
|
2186
|
-
children
|
2187
|
-
}) => {
|
2188
|
-
const isBrowser2 = typeof window !== "undefined";
|
2189
|
-
const key = "spor__isPride";
|
2190
|
-
const [isPride, setIsPride] = useState(() => {
|
2191
|
-
if (isBrowser2) {
|
2192
|
-
const savedState = localStorage.getItem(key);
|
2193
|
-
return savedState ? JSON.parse(savedState) : true;
|
2194
|
-
}
|
2195
|
-
return true;
|
2196
|
-
});
|
2197
|
-
const togglePride = () => {
|
2198
|
-
setIsPride((prev) => {
|
2199
|
-
const newState = !prev;
|
2200
|
-
if (isBrowser2) {
|
2201
|
-
localStorage.setItem(key, JSON.stringify(newState));
|
2202
|
-
}
|
2203
|
-
return newState;
|
2204
|
-
});
|
2205
|
-
};
|
2206
|
-
useEffect(() => {
|
2207
|
-
if (isBrowser2) {
|
2208
|
-
const savedState = localStorage.getItem(key);
|
2209
|
-
if (savedState) {
|
2210
|
-
setIsPride(JSON.parse(savedState));
|
2211
|
-
}
|
2212
|
-
}
|
2213
|
-
}, [isBrowser2]);
|
2214
|
-
return /* @__PURE__ */ React87__default.createElement(PrideContext.Provider, { value: { isPride, togglePride } }, children);
|
2215
|
-
};
|
2216
|
-
var usePride = () => {
|
2217
|
-
const context = useContext(PrideContext);
|
2218
|
-
if (context === void 0) {
|
2219
|
-
throw new Error("usePride must be used within a PrideProvider");
|
2220
|
-
}
|
2221
|
-
return context;
|
2222
|
-
};
|
2223
|
-
var TogglePride = ({ label }) => {
|
2224
|
-
const { isPride, togglePride } = usePride();
|
2225
|
-
return /* @__PURE__ */ React87__default.createElement(FormControl, { display: "flex", alignItems: "center", gap: 3 }, /* @__PURE__ */ React87__default.createElement(FormLabel, { margin: "0" }, label), /* @__PURE__ */ React87__default.createElement(
|
2226
|
-
Switch,
|
2227
|
-
{
|
2228
|
-
size: "sm",
|
2229
|
-
onChange: () => togglePride(),
|
2230
|
-
defaultChecked: isPride
|
2231
|
-
}
|
2232
|
-
));
|
2233
|
-
};
|
2234
2195
|
|
2235
2196
|
// src/loader/ColorInlineLoader.tsx
|
2236
2197
|
var ColorInlineLoader = ({
|
@@ -2238,13 +2199,7 @@ var ColorInlineLoader = ({
|
|
2238
2199
|
maxWidth,
|
2239
2200
|
...props
|
2240
2201
|
}) => {
|
2241
|
-
|
2242
|
-
return /* @__PURE__ */ React87__default.createElement(Center, { ...props }, /* @__PURE__ */ React87__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React87__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__default.createElement(
|
2243
|
-
Lottie,
|
2244
|
-
{
|
2245
|
-
animationData: isPride ? inlineLoaderColorPrideData : inlineLoaderColorData
|
2246
|
-
}
|
2247
|
-
))));
|
2202
|
+
return /* @__PURE__ */ React86__default.createElement(Center, { ...props }, /* @__PURE__ */ React86__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: inlineLoaderColorData }))));
|
2248
2203
|
};
|
2249
2204
|
var ColorSpinner = ({
|
2250
2205
|
children,
|
@@ -2252,42 +2207,24 @@ var ColorSpinner = ({
|
|
2252
2207
|
maxWidth,
|
2253
2208
|
...props
|
2254
2209
|
}) => {
|
2255
|
-
|
2256
|
-
return /* @__PURE__ */ React87__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React87__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React87__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__default.createElement(
|
2257
|
-
Lottie,
|
2258
|
-
{
|
2259
|
-
animationData: isPride ? spinnerColorPrideData : spinnerColorData
|
2260
|
-
}
|
2261
|
-
))), children && /* @__PURE__ */ React87__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
|
2210
|
+
return /* @__PURE__ */ React86__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React86__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: spinnerColorData }))), children && /* @__PURE__ */ React86__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
|
2262
2211
|
};
|
2263
2212
|
var ContentLoader = ({ children, ...props }) => {
|
2264
|
-
|
2265
|
-
return /* @__PURE__ */ React87__default.createElement(Box, { ...props }, /* @__PURE__ */ React87__default.createElement(Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React87__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__default.createElement(
|
2266
|
-
Lottie,
|
2267
|
-
{
|
2268
|
-
animationData: isPride ? contentLoaderPrideData : contentLoaderData
|
2269
|
-
}
|
2270
|
-
))), children && /* @__PURE__ */ React87__default.createElement(Box, { textAlign: "center", fontWeight: "bold" }, children));
|
2213
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { ...props }, /* @__PURE__ */ React86__default.createElement(Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: contentLoaderData }))), children && /* @__PURE__ */ React86__default.createElement(Box, { textAlign: "center", fontWeight: "bold" }, children));
|
2271
2214
|
};
|
2272
2215
|
var DarkFullScreenLoader = ({
|
2273
2216
|
width,
|
2274
2217
|
maxWidth,
|
2275
2218
|
...props
|
2276
2219
|
}) => {
|
2277
|
-
return /* @__PURE__ */
|
2220
|
+
return /* @__PURE__ */ React86__default.createElement(Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React86__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: fullScreenLoaderWhiteData }))));
|
2278
2221
|
};
|
2279
2222
|
var DarkInlineLoader = ({
|
2280
2223
|
width,
|
2281
2224
|
maxWidth,
|
2282
2225
|
...props
|
2283
2226
|
}) => {
|
2284
|
-
|
2285
|
-
return /* @__PURE__ */ React87__default.createElement(Center, { ...props }, /* @__PURE__ */ React87__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React87__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__default.createElement(
|
2286
|
-
Lottie,
|
2287
|
-
{
|
2288
|
-
animationData: isPride ? inlineLoaderColorPrideData : inlineLoaderDarkData
|
2289
|
-
}
|
2290
|
-
))));
|
2227
|
+
return /* @__PURE__ */ React86__default.createElement(Center, { ...props }, /* @__PURE__ */ React86__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: inlineLoaderDarkData }))));
|
2291
2228
|
};
|
2292
2229
|
var DarkSpinner = ({
|
2293
2230
|
children,
|
@@ -2297,33 +2234,21 @@ var DarkSpinner = ({
|
|
2297
2234
|
}) => {
|
2298
2235
|
const { colorMode } = useColorMode();
|
2299
2236
|
const spinnerData = colorMode === "dark" ? spinnerLightData : spinnerDarkData;
|
2300
|
-
return /* @__PURE__ */
|
2237
|
+
return /* @__PURE__ */ React86__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React86__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React86__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
|
2301
2238
|
};
|
2302
2239
|
var LightFullScreenLoader = ({
|
2303
2240
|
width,
|
2304
2241
|
maxWidth,
|
2305
2242
|
...props
|
2306
2243
|
}) => {
|
2307
|
-
|
2308
|
-
return /* @__PURE__ */ React87__default.createElement(Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React87__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React87__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__default.createElement(
|
2309
|
-
Lottie,
|
2310
|
-
{
|
2311
|
-
animationData: isPride ? vyLogoPrideData : fullScreenLoaderBlackData
|
2312
|
-
}
|
2313
|
-
))));
|
2244
|
+
return /* @__PURE__ */ React86__default.createElement(Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React86__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: fullScreenLoaderBlackData }))));
|
2314
2245
|
};
|
2315
2246
|
var LightInlineLoader = ({
|
2316
2247
|
width,
|
2317
2248
|
maxWidth,
|
2318
2249
|
...props
|
2319
2250
|
}) => {
|
2320
|
-
|
2321
|
-
return /* @__PURE__ */ React87__default.createElement(Center, { ...props }, /* @__PURE__ */ React87__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React87__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__default.createElement(
|
2322
|
-
Lottie,
|
2323
|
-
{
|
2324
|
-
animationData: isPride ? inlineLoaderColorPrideData : inlineLoaderLightData
|
2325
|
-
}
|
2326
|
-
))));
|
2251
|
+
return /* @__PURE__ */ React86__default.createElement(Center, { ...props }, /* @__PURE__ */ React86__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: inlineLoaderLightData }))));
|
2327
2252
|
};
|
2328
2253
|
var LightSpinner = ({
|
2329
2254
|
children,
|
@@ -2331,7 +2256,7 @@ var LightSpinner = ({
|
|
2331
2256
|
maxWidth,
|
2332
2257
|
...props
|
2333
2258
|
}) => {
|
2334
|
-
return /* @__PURE__ */
|
2259
|
+
return /* @__PURE__ */ React86__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React86__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: spinnerLightData }))), children && /* @__PURE__ */ React86__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
|
2335
2260
|
};
|
2336
2261
|
var useRotatingLabel = ({ label, delay }) => {
|
2337
2262
|
const loadingTextArray = useMemo(
|
@@ -2368,7 +2293,7 @@ var ProgressBar = ({
|
|
2368
2293
|
"aria-label": ariaLabel || t2(texts6.label(value))
|
2369
2294
|
});
|
2370
2295
|
const styles3 = useMultiStyleConfig("ProgressBar", {});
|
2371
|
-
return /* @__PURE__ */
|
2296
|
+
return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
|
2372
2297
|
Box,
|
2373
2298
|
{
|
2374
2299
|
...progressBarProps,
|
@@ -2376,8 +2301,8 @@ var ProgressBar = ({
|
|
2376
2301
|
__css: styles3.container,
|
2377
2302
|
...rest
|
2378
2303
|
},
|
2379
|
-
/* @__PURE__ */
|
2380
|
-
currentLoadingText && /* @__PURE__ */
|
2304
|
+
/* @__PURE__ */ React86__default.createElement(Box, { width, __css: styles3.background }, /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3.progress, height, width: `${value}%` })),
|
2305
|
+
currentLoadingText && /* @__PURE__ */ React86__default.createElement(Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
|
2381
2306
|
));
|
2382
2307
|
};
|
2383
2308
|
var texts6 = createTexts({
|
@@ -2411,7 +2336,7 @@ var ProgressLoader = ({
|
|
2411
2336
|
const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
|
2412
2337
|
const progress = (value - 100) / 100 * progressPathLength;
|
2413
2338
|
const id = useId();
|
2414
|
-
return /* @__PURE__ */
|
2339
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React86__default.createElement(Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React86__default.createElement(
|
2415
2340
|
Box,
|
2416
2341
|
{
|
2417
2342
|
as: "path",
|
@@ -2419,7 +2344,7 @@ var ProgressLoader = ({
|
|
2419
2344
|
d: "M14.0479 44.8251C19.4332 44.8251 23.7988 40.5242 23.7988 35.2187C23.7988 29.9133 19.4332 25.6124 14.0479 25.6124C8.66254 25.6124 4.29688 29.9133 4.29688 35.2187C4.29688 40.5242 8.66254 44.8251 14.0479 44.8251Z",
|
2420
2345
|
fill: "#FFB466"
|
2421
2346
|
}
|
2422
|
-
), /* @__PURE__ */
|
2347
|
+
), /* @__PURE__ */ React86__default.createElement(
|
2423
2348
|
Box,
|
2424
2349
|
{
|
2425
2350
|
as: "path",
|
@@ -2430,7 +2355,7 @@ var ProgressLoader = ({
|
|
2430
2355
|
strokeLinecap: "round",
|
2431
2356
|
strokeLinejoin: "round"
|
2432
2357
|
}
|
2433
|
-
), /* @__PURE__ */
|
2358
|
+
), /* @__PURE__ */ React86__default.createElement(
|
2434
2359
|
Box,
|
2435
2360
|
{
|
2436
2361
|
as: "path",
|
@@ -2445,7 +2370,7 @@ var ProgressLoader = ({
|
|
2445
2370
|
transition: "stroke-dashoffset .2s ease-out",
|
2446
2371
|
ref: pathRef
|
2447
2372
|
}
|
2448
|
-
), /* @__PURE__ */
|
2373
|
+
), /* @__PURE__ */ React86__default.createElement(
|
2449
2374
|
Box,
|
2450
2375
|
{
|
2451
2376
|
as: "path",
|
@@ -2453,7 +2378,7 @@ var ProgressLoader = ({
|
|
2453
2378
|
d: "M226.025 44.8251C231.411 44.8251 235.776 40.5242 235.776 35.2187C235.776 29.9133 231.411 25.6124 226.025 25.6124C220.64 25.6124 216.274 29.9133 216.274 35.2187C216.274 40.5242 220.64 44.8251 226.025 44.8251Z",
|
2454
2379
|
fill: "#688CBA"
|
2455
2380
|
}
|
2456
|
-
)), currentLoadingText && /* @__PURE__ */
|
2381
|
+
)), currentLoadingText && /* @__PURE__ */ React86__default.createElement(
|
2457
2382
|
Text,
|
2458
2383
|
{
|
2459
2384
|
textAlign: "center",
|
@@ -2472,9 +2397,9 @@ var texts7 = createTexts({
|
|
2472
2397
|
en: `${value}% done`
|
2473
2398
|
})
|
2474
2399
|
});
|
2475
|
-
var Skeleton = forwardRef((props, ref) => /* @__PURE__ */
|
2476
|
-
var SkeletonCircle = (props) => /* @__PURE__ */
|
2477
|
-
var SkeletonText = (props) => /* @__PURE__ */
|
2400
|
+
var Skeleton = forwardRef((props, ref) => /* @__PURE__ */ React86__default.createElement(Skeleton$1, { ...props, ref }));
|
2401
|
+
var SkeletonCircle = (props) => /* @__PURE__ */ React86__default.createElement(SkeletonCircle$1, { boxSize: 6, borderRadius: "50%", ...props });
|
2402
|
+
var SkeletonText = (props) => /* @__PURE__ */ React86__default.createElement(SkeletonText$1, { boxSize: 6, ...props });
|
2478
2403
|
|
2479
2404
|
// src/button/Button.tsx
|
2480
2405
|
var Button2 = forwardRef((props, ref) => {
|
@@ -2504,7 +2429,7 @@ var Button2 = forwardRef((props, ref) => {
|
|
2504
2429
|
if (fontWeight) {
|
2505
2430
|
styles3.fontWeight = fontWeight;
|
2506
2431
|
}
|
2507
|
-
return /* @__PURE__ */
|
2432
|
+
return /* @__PURE__ */ React86__default.createElement(
|
2508
2433
|
Box,
|
2509
2434
|
{
|
2510
2435
|
...rest,
|
@@ -2518,7 +2443,7 @@ var Button2 = forwardRef((props, ref) => {
|
|
2518
2443
|
position: "relative",
|
2519
2444
|
fontFamily: "Vy Sans"
|
2520
2445
|
},
|
2521
|
-
isLoading && /* @__PURE__ */
|
2446
|
+
isLoading && /* @__PURE__ */ React86__default.createElement(Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React86__default.createElement(
|
2522
2447
|
ColorInlineLoader,
|
2523
2448
|
{
|
2524
2449
|
maxWidth: getLoaderWidth(finalSize),
|
@@ -2527,7 +2452,7 @@ var Button2 = forwardRef((props, ref) => {
|
|
2527
2452
|
marginY: 2
|
2528
2453
|
}
|
2529
2454
|
)),
|
2530
|
-
/* @__PURE__ */
|
2455
|
+
/* @__PURE__ */ React86__default.createElement(
|
2531
2456
|
Flex,
|
2532
2457
|
{
|
2533
2458
|
gap: 1,
|
@@ -2537,7 +2462,7 @@ var Button2 = forwardRef((props, ref) => {
|
|
2537
2462
|
visibility: isLoading ? "hidden" : "visible",
|
2538
2463
|
"aria-hidden": isLoading
|
2539
2464
|
},
|
2540
|
-
/* @__PURE__ */
|
2465
|
+
/* @__PURE__ */ React86__default.createElement(Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React86__default.createElement(
|
2541
2466
|
Box,
|
2542
2467
|
{
|
2543
2468
|
visibility: isLoading ? "hidden" : "visible",
|
@@ -2578,14 +2503,14 @@ var texts8 = createTexts({
|
|
2578
2503
|
sv: "Laddar\u2026"
|
2579
2504
|
}
|
2580
2505
|
});
|
2581
|
-
var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */
|
2506
|
+
var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */ React86__default.createElement(ButtonGroup$1, { ...props, ref }));
|
2582
2507
|
var IconButton = forwardRef(
|
2583
|
-
({ ...props }, ref) => /* @__PURE__ */
|
2508
|
+
({ ...props }, ref) => /* @__PURE__ */ React86__default.createElement(
|
2584
2509
|
IconButton$1,
|
2585
2510
|
{
|
2586
2511
|
title: props["aria-label"],
|
2587
2512
|
...props,
|
2588
|
-
spinner: /* @__PURE__ */
|
2513
|
+
spinner: /* @__PURE__ */ React86__default.createElement(ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
|
2589
2514
|
ref
|
2590
2515
|
}
|
2591
2516
|
)
|
@@ -2595,7 +2520,7 @@ var IconButton = forwardRef(
|
|
2595
2520
|
var CloseButton = forwardRef(
|
2596
2521
|
({ size: size2 = "sm", ...props }, ref) => {
|
2597
2522
|
const { t: t2 } = useTranslation();
|
2598
|
-
return /* @__PURE__ */
|
2523
|
+
return /* @__PURE__ */ React86__default.createElement(
|
2599
2524
|
IconButton,
|
2600
2525
|
{
|
2601
2526
|
ref,
|
@@ -2612,11 +2537,11 @@ var getIcon = (size2) => {
|
|
2612
2537
|
switch (size2) {
|
2613
2538
|
case "xs":
|
2614
2539
|
case "sm":
|
2615
|
-
return /* @__PURE__ */
|
2540
|
+
return /* @__PURE__ */ React86__default.createElement(CloseFill18Icon, null);
|
2616
2541
|
case "md":
|
2617
|
-
return /* @__PURE__ */
|
2542
|
+
return /* @__PURE__ */ React86__default.createElement(CloseFill24Icon, null);
|
2618
2543
|
case "lg":
|
2619
|
-
return /* @__PURE__ */
|
2544
|
+
return /* @__PURE__ */ React86__default.createElement(CloseFill30Icon, null);
|
2620
2545
|
}
|
2621
2546
|
};
|
2622
2547
|
var texts9 = createTexts({
|
@@ -2638,7 +2563,7 @@ var FloatingActionButton = forwardRef(
|
|
2638
2563
|
placement = "bottom right",
|
2639
2564
|
...props
|
2640
2565
|
}, ref) => {
|
2641
|
-
const [isTextVisible, setIsTextVisible] =
|
2566
|
+
const [isTextVisible, setIsTextVisible] = React86__default.useState(
|
2642
2567
|
externalIsTextVisible !== void 0 ? externalIsTextVisible : false
|
2643
2568
|
);
|
2644
2569
|
const scrollDirection = useScrollDirection();
|
@@ -2660,7 +2585,7 @@ var FloatingActionButton = forwardRef(
|
|
2660
2585
|
isTextVisible,
|
2661
2586
|
placement
|
2662
2587
|
});
|
2663
|
-
return /* @__PURE__ */
|
2588
|
+
return /* @__PURE__ */ React86__default.createElement(
|
2664
2589
|
MotionBox,
|
2665
2590
|
{
|
2666
2591
|
__css: style.container,
|
@@ -2668,8 +2593,8 @@ var FloatingActionButton = forwardRef(
|
|
2668
2593
|
ref,
|
2669
2594
|
...props
|
2670
2595
|
},
|
2671
|
-
/* @__PURE__ */
|
2672
|
-
/* @__PURE__ */
|
2596
|
+
/* @__PURE__ */ React86__default.createElement(Box, { __css: style.icon }, icon),
|
2597
|
+
/* @__PURE__ */ React86__default.createElement(
|
2673
2598
|
MotionBox,
|
2674
2599
|
{
|
2675
2600
|
animate: isTextVisible ? "show" : "hide",
|
@@ -2694,11 +2619,11 @@ var FloatingActionButton = forwardRef(
|
|
2694
2619
|
}
|
2695
2620
|
);
|
2696
2621
|
var useScrollDirection = () => {
|
2697
|
-
const [scrollDirection, setScrollDirection] =
|
2698
|
-
const lastScrollPosition =
|
2622
|
+
const [scrollDirection, setScrollDirection] = React86__default.useState(null);
|
2623
|
+
const lastScrollPosition = React86__default.useRef(
|
2699
2624
|
typeof window !== "undefined" ? window.scrollY : 0
|
2700
2625
|
);
|
2701
|
-
|
2626
|
+
React86__default.useEffect(() => {
|
2702
2627
|
const onScroll = () => {
|
2703
2628
|
const delta = window.scrollY - lastScrollPosition.current;
|
2704
2629
|
if (delta === 0) {
|
@@ -2717,7 +2642,7 @@ var useScrollDirection = () => {
|
|
2717
2642
|
var AlertIcon = ({ variant }) => {
|
2718
2643
|
const Icon = getIcon2(variant);
|
2719
2644
|
const { t: t2 } = useTranslation();
|
2720
|
-
return /* @__PURE__ */
|
2645
|
+
return /* @__PURE__ */ React86__default.createElement(
|
2721
2646
|
Icon,
|
2722
2647
|
{
|
2723
2648
|
flexShrink: 0,
|
@@ -2779,7 +2704,7 @@ var BaseAlert = ({
|
|
2779
2704
|
...boxProps
|
2780
2705
|
}) => {
|
2781
2706
|
const styles3 = useMultiStyleConfig("Alert", { variant });
|
2782
|
-
return /* @__PURE__ */
|
2707
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3.container, ...boxProps }, children);
|
2783
2708
|
};
|
2784
2709
|
|
2785
2710
|
// src/alert/ClosableAlert.tsx
|
@@ -2800,17 +2725,17 @@ var ClosableAlert = ({
|
|
2800
2725
|
externalOnClose();
|
2801
2726
|
onClose();
|
2802
2727
|
};
|
2803
|
-
return /* @__PURE__ */
|
2728
|
+
return /* @__PURE__ */ React86__default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React86__default.createElement(
|
2804
2729
|
IconButton,
|
2805
2730
|
{
|
2806
2731
|
variant: "ghost",
|
2807
2732
|
size: "sm",
|
2808
2733
|
onClick: handleClose,
|
2809
|
-
icon: /* @__PURE__ */
|
2734
|
+
icon: /* @__PURE__ */ React86__default.createElement(CloseFill18Icon, null),
|
2810
2735
|
"aria-label": t2(texts11.close),
|
2811
2736
|
sx: styles3.closeButton
|
2812
2737
|
}
|
2813
|
-
), /* @__PURE__ */
|
2738
|
+
), /* @__PURE__ */ React86__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React86__default.createElement(Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React86__default.createElement(Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React86__default.createElement(Box, { marginRight: 1 }, children)));
|
2814
2739
|
};
|
2815
2740
|
var texts11 = createTexts({
|
2816
2741
|
close: {
|
@@ -2831,7 +2756,7 @@ var ExpandableAlert = ({
|
|
2831
2756
|
...boxProps
|
2832
2757
|
}) => {
|
2833
2758
|
const styles3 = useMultiStyleConfig("AlertExpandable", { variant });
|
2834
|
-
return /* @__PURE__ */
|
2759
|
+
return /* @__PURE__ */ React86__default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React86__default.createElement(
|
2835
2760
|
Accordion$1,
|
2836
2761
|
{
|
2837
2762
|
onChange: (expandedIndex) => onToggle(expandedIndex === 0),
|
@@ -2839,14 +2764,14 @@ var ExpandableAlert = ({
|
|
2839
2764
|
allowToggle: true,
|
2840
2765
|
flexGrow: "1"
|
2841
2766
|
},
|
2842
|
-
/* @__PURE__ */
|
2767
|
+
/* @__PURE__ */ React86__default.createElement(AccordionItem, null, /* @__PURE__ */ React86__default.createElement(AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React86__default.createElement(
|
2843
2768
|
Flex,
|
2844
2769
|
{
|
2845
2770
|
justifyContent: "space-between",
|
2846
2771
|
alignItems: "center",
|
2847
2772
|
flexGrow: "1"
|
2848
2773
|
},
|
2849
|
-
/* @__PURE__ */
|
2774
|
+
/* @__PURE__ */ React86__default.createElement(Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React86__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React86__default.createElement(
|
2850
2775
|
Box,
|
2851
2776
|
{
|
2852
2777
|
as: "span",
|
@@ -2861,8 +2786,8 @@ var ExpandableAlert = ({
|
|
2861
2786
|
},
|
2862
2787
|
title
|
2863
2788
|
)),
|
2864
|
-
/* @__PURE__ */
|
2865
|
-
)), /* @__PURE__ */
|
2789
|
+
/* @__PURE__ */ React86__default.createElement(AccordionIcon, { color: "darkGrey" })
|
2790
|
+
)), /* @__PURE__ */ React86__default.createElement(AccordionPanel, null, children))
|
2866
2791
|
));
|
2867
2792
|
};
|
2868
2793
|
var StaticAlert = ({
|
@@ -2870,14 +2795,14 @@ var StaticAlert = ({
|
|
2870
2795
|
title,
|
2871
2796
|
...props
|
2872
2797
|
}) => {
|
2873
|
-
return /* @__PURE__ */
|
2798
|
+
return /* @__PURE__ */ React86__default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React86__default.createElement(AlertIcon, { variant: props.variant }), /* @__PURE__ */ React86__default.createElement(Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React86__default.createElement(Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React86__default.createElement(Box, null, children)));
|
2874
2799
|
};
|
2875
2800
|
var Breadcrumb = (props) => {
|
2876
2801
|
const iconColor = useColorModeValue("blackAlpha.400", "whiteAlpha.400");
|
2877
|
-
return /* @__PURE__ */
|
2802
|
+
return /* @__PURE__ */ React86__default.createElement(
|
2878
2803
|
Breadcrumb$1,
|
2879
2804
|
{
|
2880
|
-
separator: /* @__PURE__ */
|
2805
|
+
separator: /* @__PURE__ */ React86__default.createElement(DropdownRightFill18Icon, { color: iconColor }),
|
2881
2806
|
...props
|
2882
2807
|
}
|
2883
2808
|
);
|
@@ -2893,12 +2818,12 @@ var Card2 = forwardRef(
|
|
2893
2818
|
colorScheme,
|
2894
2819
|
size: size2
|
2895
2820
|
});
|
2896
|
-
return /* @__PURE__ */
|
2821
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3, ...props, ref }, children);
|
2897
2822
|
}
|
2898
2823
|
);
|
2899
2824
|
var Badge = forwardRef(
|
2900
2825
|
({ icon, colorScheme = "grey", children, ...props }, ref) => {
|
2901
|
-
return /* @__PURE__ */
|
2826
|
+
return /* @__PURE__ */ React86__default.createElement(
|
2902
2827
|
Badge$1,
|
2903
2828
|
{
|
2904
2829
|
colorScheme,
|
@@ -2906,12 +2831,12 @@ var Badge = forwardRef(
|
|
2906
2831
|
paddingLeft: icon ? 1 : void 0,
|
2907
2832
|
ref
|
2908
2833
|
},
|
2909
|
-
icon &&
|
2834
|
+
icon && React86__default.cloneElement(icon, { marginRight: 1 }),
|
2910
2835
|
children
|
2911
2836
|
);
|
2912
2837
|
}
|
2913
2838
|
);
|
2914
|
-
var Code = forwardRef((props, ref) => /* @__PURE__ */
|
2839
|
+
var Code = forwardRef((props, ref) => /* @__PURE__ */ React86__default.createElement(Code$1, { ...props, ref }));
|
2915
2840
|
var Heading2 = ({
|
2916
2841
|
as,
|
2917
2842
|
variant = "xl-display",
|
@@ -2921,11 +2846,11 @@ var Heading2 = ({
|
|
2921
2846
|
}) => {
|
2922
2847
|
const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
|
2923
2848
|
const color2 = useColorModeValue("text.primary.light", "text.primary.dark");
|
2924
|
-
return /* @__PURE__ */
|
2849
|
+
return /* @__PURE__ */ React86__default.createElement(Text, { as, textStyle: variant, id, color: color2, ...props });
|
2925
2850
|
};
|
2926
2851
|
var Text4 = forwardRef(
|
2927
2852
|
({ variant = "sm", ...props }, ref) => {
|
2928
|
-
return /* @__PURE__ */
|
2853
|
+
return /* @__PURE__ */ React86__default.createElement(Text, { ...props, textStyle: variant, ref });
|
2929
2854
|
}
|
2930
2855
|
);
|
2931
2856
|
function CalendarCell({
|
@@ -2968,7 +2893,7 @@ function CalendarCell({
|
|
2968
2893
|
{ passive: false, once: true }
|
2969
2894
|
);
|
2970
2895
|
}, []);
|
2971
|
-
return /* @__PURE__ */
|
2896
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React86__default.createElement(
|
2972
2897
|
Box,
|
2973
2898
|
{
|
2974
2899
|
as: "button",
|
@@ -3030,8 +2955,8 @@ function CalendarGrid({
|
|
3030
2955
|
const weeksInMonth = getWeeksInMonth(state2.visibleRange.start, locale);
|
3031
2956
|
const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
|
3032
2957
|
const styles3 = useMultiStyleConfig("Datepicker", { variant });
|
3033
|
-
return /* @__PURE__ */
|
3034
|
-
return /* @__PURE__ */
|
2958
|
+
return /* @__PURE__ */ React86__default.createElement("table", { ...gridProps }, /* @__PURE__ */ React86__default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React86__default.createElement("tr", null, weekDays[language].map((day, index) => {
|
2959
|
+
return /* @__PURE__ */ React86__default.createElement(
|
3035
2960
|
Text4,
|
3036
2961
|
{
|
3037
2962
|
as: "th",
|
@@ -3041,8 +2966,8 @@ function CalendarGrid({
|
|
3041
2966
|
},
|
3042
2967
|
day
|
3043
2968
|
);
|
3044
|
-
}))), /* @__PURE__ */
|
3045
|
-
(date, dayIndex) => date ? /* @__PURE__ */
|
2969
|
+
}))), /* @__PURE__ */ React86__default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React86__default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
|
2970
|
+
(date, dayIndex) => date ? /* @__PURE__ */ React86__default.createElement(
|
3046
2971
|
CalendarCell,
|
3047
2972
|
{
|
3048
2973
|
variant,
|
@@ -3051,7 +2976,7 @@ function CalendarGrid({
|
|
3051
2976
|
date,
|
3052
2977
|
currentMonth: startDate
|
3053
2978
|
}
|
3054
|
-
) : /* @__PURE__ */
|
2979
|
+
) : /* @__PURE__ */ React86__default.createElement("td", { key: dayIndex })
|
3055
2980
|
)))));
|
3056
2981
|
}
|
3057
2982
|
function CalendarNavigationButton({
|
@@ -3061,7 +2986,7 @@ function CalendarNavigationButton({
|
|
3061
2986
|
}) {
|
3062
2987
|
const ref = useRef(null);
|
3063
2988
|
const { buttonProps } = useButton(rest, ref);
|
3064
|
-
return /* @__PURE__ */
|
2989
|
+
return /* @__PURE__ */ React86__default.createElement(
|
3065
2990
|
IconButton,
|
3066
2991
|
{
|
3067
2992
|
...buttonProps,
|
@@ -3095,7 +3020,7 @@ function CalendarHeader({
|
|
3095
3020
|
);
|
3096
3021
|
const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
|
3097
3022
|
const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
|
3098
|
-
return /* @__PURE__ */
|
3023
|
+
return /* @__PURE__ */ React86__default.createElement(Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React86__default.createElement(
|
3099
3024
|
CalendarNavigator,
|
3100
3025
|
{
|
3101
3026
|
title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
|
@@ -3105,7 +3030,7 @@ function CalendarHeader({
|
|
3105
3030
|
isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
|
3106
3031
|
isPreviousDisabled: !state2.isNextVisibleRangeInvalid
|
3107
3032
|
}
|
3108
|
-
), isYearPickerVisible && /* @__PURE__ */
|
3033
|
+
), isYearPickerVisible && /* @__PURE__ */ React86__default.createElement(
|
3109
3034
|
CalendarNavigator,
|
3110
3035
|
{
|
3111
3036
|
title: jsDate.getFullYear().toString(),
|
@@ -3127,15 +3052,15 @@ var CalendarNavigator = ({
|
|
3127
3052
|
isNextDisabled
|
3128
3053
|
}) => {
|
3129
3054
|
const { t: t2 } = useTranslation();
|
3130
|
-
return /* @__PURE__ */
|
3055
|
+
return /* @__PURE__ */ React86__default.createElement(Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React86__default.createElement(
|
3131
3056
|
CalendarNavigationButton,
|
3132
3057
|
{
|
3133
3058
|
onPress: onPrevious,
|
3134
3059
|
isDisabled: isPreviousDisabled,
|
3135
|
-
icon: /* @__PURE__ */
|
3060
|
+
icon: /* @__PURE__ */ React86__default.createElement(ArrowLeftOutline24Icon, null),
|
3136
3061
|
"aria-label": `${t2(texts12.previous)} ${t2(texts12[unit])}`
|
3137
3062
|
}
|
3138
|
-
), /* @__PURE__ */
|
3063
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3139
3064
|
Box,
|
3140
3065
|
{
|
3141
3066
|
role: "heading",
|
@@ -3145,12 +3070,12 @@ var CalendarNavigator = ({
|
|
3145
3070
|
textAlign: "center"
|
3146
3071
|
},
|
3147
3072
|
capitalize(title)
|
3148
|
-
), /* @__PURE__ */
|
3073
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3149
3074
|
CalendarNavigationButton,
|
3150
3075
|
{
|
3151
3076
|
onPress: onNext,
|
3152
3077
|
isDisabled: isNextDisabled,
|
3153
|
-
icon: /* @__PURE__ */
|
3078
|
+
icon: /* @__PURE__ */ React86__default.createElement(ArrowRightOutline24Icon, null),
|
3154
3079
|
"aria-label": `${t2(texts12.next)} ${t2(texts12[unit])}`
|
3155
3080
|
}
|
3156
3081
|
));
|
@@ -3198,7 +3123,7 @@ function Calendar({
|
|
3198
3123
|
const { calendarProps } = useCalendar(props, state2);
|
3199
3124
|
const calendarAriaLabel = calendarProps["aria-label"];
|
3200
3125
|
const ariaLabel = t2(texts13.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
|
3201
|
-
return /* @__PURE__ */
|
3126
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React86__default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React86__default.createElement(CalendarGrid, { variant, state: state2 }));
|
3202
3127
|
}
|
3203
3128
|
var texts13 = createTexts({
|
3204
3129
|
calendar: {
|
@@ -3219,7 +3144,7 @@ var CalendarTriggerButton = forwardRef(
|
|
3219
3144
|
onPress(event);
|
3220
3145
|
}
|
3221
3146
|
};
|
3222
|
-
return /* @__PURE__ */
|
3147
|
+
return /* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React86__default.createElement(
|
3223
3148
|
Box,
|
3224
3149
|
{
|
3225
3150
|
ref,
|
@@ -3230,7 +3155,7 @@ var CalendarTriggerButton = forwardRef(
|
|
3230
3155
|
...filteredButtonProps,
|
3231
3156
|
onKeyUp: handleOnPress
|
3232
3157
|
},
|
3233
|
-
/* @__PURE__ */
|
3158
|
+
/* @__PURE__ */ React86__default.createElement(CalendarOutline24Icon, null)
|
3234
3159
|
));
|
3235
3160
|
}
|
3236
3161
|
);
|
@@ -3255,7 +3180,7 @@ var DateTimeSegment = forwardRef$1(
|
|
3255
3180
|
isPlaceholder: segment.isPlaceholder,
|
3256
3181
|
isEditable: segment.isEditable
|
3257
3182
|
});
|
3258
|
-
return /* @__PURE__ */
|
3183
|
+
return /* @__PURE__ */ React86__default.createElement(
|
3259
3184
|
Box,
|
3260
3185
|
{
|
3261
3186
|
...segmentProps,
|
@@ -3302,7 +3227,7 @@ var DateField = forwardRef$1(
|
|
3302
3227
|
state2,
|
3303
3228
|
ref
|
3304
3229
|
);
|
3305
|
-
return /* @__PURE__ */
|
3230
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React86__default.createElement(
|
3306
3231
|
FormLabel$1,
|
3307
3232
|
{
|
3308
3233
|
...props.labelProps,
|
@@ -3312,7 +3237,7 @@ var DateField = forwardRef$1(
|
|
3312
3237
|
paddingTop: "2px"
|
3313
3238
|
},
|
3314
3239
|
props.label
|
3315
|
-
), /* @__PURE__ */
|
3240
|
+
), /* @__PURE__ */ React86__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React86__default.createElement(DateTimeSegment, { key: i, segment, state: state2 }))), /* @__PURE__ */ React86__default.createElement(
|
3316
3241
|
"input",
|
3317
3242
|
{
|
3318
3243
|
type: "hidden",
|
@@ -3328,7 +3253,7 @@ var StyledField = forwardRef(
|
|
3328
3253
|
isInvalid: false
|
3329
3254
|
};
|
3330
3255
|
const styles3 = useMultiStyleConfig("Datepicker", { variant });
|
3331
|
-
return /* @__PURE__ */
|
3256
|
+
return /* @__PURE__ */ React86__default.createElement(
|
3332
3257
|
Box,
|
3333
3258
|
{
|
3334
3259
|
...otherProps,
|
@@ -3380,7 +3305,7 @@ var DatePicker = forwardRef$1(
|
|
3380
3305
|
const onFieldClick = () => {
|
3381
3306
|
state2.setOpen(true);
|
3382
3307
|
};
|
3383
|
-
const popoverContent = /* @__PURE__ */
|
3308
|
+
const popoverContent = /* @__PURE__ */ React86__default.createElement(PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React86__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React86__default.createElement(PopoverBody, null, /* @__PURE__ */ React86__default.createElement(FocusLock, null, /* @__PURE__ */ React86__default.createElement(
|
3384
3309
|
Calendar,
|
3385
3310
|
{
|
3386
3311
|
...calendarProps,
|
@@ -3388,7 +3313,7 @@ var DatePicker = forwardRef$1(
|
|
3388
3313
|
showYearNavigation
|
3389
3314
|
}
|
3390
3315
|
))));
|
3391
|
-
return /* @__PURE__ */
|
3316
|
+
return /* @__PURE__ */ React86__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React86__default.createElement(
|
3392
3317
|
Box,
|
3393
3318
|
{
|
3394
3319
|
position: "relative",
|
@@ -3396,7 +3321,7 @@ var DatePicker = forwardRef$1(
|
|
3396
3321
|
flexDirection: "column",
|
3397
3322
|
width
|
3398
3323
|
},
|
3399
|
-
/* @__PURE__ */
|
3324
|
+
/* @__PURE__ */ React86__default.createElement(
|
3400
3325
|
Popover$1,
|
3401
3326
|
{
|
3402
3327
|
...dialogProps,
|
@@ -3405,7 +3330,7 @@ var DatePicker = forwardRef$1(
|
|
3405
3330
|
onClose: state2.close,
|
3406
3331
|
flip: false
|
3407
3332
|
},
|
3408
|
-
/* @__PURE__ */
|
3333
|
+
/* @__PURE__ */ React86__default.createElement(InputGroup, { ...groupProps, display: "inline-flex" }, /* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React86__default.createElement(
|
3409
3334
|
StyledField,
|
3410
3335
|
{
|
3411
3336
|
variant,
|
@@ -3413,7 +3338,7 @@ var DatePicker = forwardRef$1(
|
|
3413
3338
|
paddingX: 3,
|
3414
3339
|
minHeight
|
3415
3340
|
},
|
3416
|
-
/* @__PURE__ */
|
3341
|
+
/* @__PURE__ */ React86__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React86__default.createElement(
|
3417
3342
|
CalendarTriggerButton,
|
3418
3343
|
{
|
3419
3344
|
variant,
|
@@ -3421,7 +3346,7 @@ var DatePicker = forwardRef$1(
|
|
3421
3346
|
...buttonProps
|
3422
3347
|
}
|
3423
3348
|
)),
|
3424
|
-
/* @__PURE__ */
|
3349
|
+
/* @__PURE__ */ React86__default.createElement(
|
3425
3350
|
DateField,
|
3426
3351
|
{
|
3427
3352
|
label: props.label,
|
@@ -3431,8 +3356,8 @@ var DatePicker = forwardRef$1(
|
|
3431
3356
|
}
|
3432
3357
|
)
|
3433
3358
|
))),
|
3434
|
-
/* @__PURE__ */
|
3435
|
-
state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */
|
3359
|
+
/* @__PURE__ */ React86__default.createElement(FormErrorMessage, { ...errorMessageProps }, errorMessage),
|
3360
|
+
state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React86__default.createElement(Portal, null, popoverContent),
|
3436
3361
|
state2.isOpen && !props.isDisabled && !withPortal && popoverContent
|
3437
3362
|
)
|
3438
3363
|
));
|
@@ -3448,7 +3373,7 @@ function RangeCalendar(props) {
|
|
3448
3373
|
});
|
3449
3374
|
const ref = useRef(null);
|
3450
3375
|
const { calendarProps, title } = useRangeCalendar(props, state2, ref);
|
3451
|
-
return /* @__PURE__ */
|
3376
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { ...calendarProps, ref }, /* @__PURE__ */ React86__default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React86__default.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React86__default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React86__default.createElement(
|
3452
3377
|
CalendarGrid,
|
3453
3378
|
{
|
3454
3379
|
variant: props.variant,
|
@@ -3495,8 +3420,8 @@ function DateRangePicker({
|
|
3495
3420
|
const onFieldClick = () => {
|
3496
3421
|
state2.setOpen(true);
|
3497
3422
|
};
|
3498
|
-
const popoverContent = /* @__PURE__ */
|
3499
|
-
return /* @__PURE__ */
|
3423
|
+
const popoverContent = /* @__PURE__ */ React86__default.createElement(PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React86__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React86__default.createElement(PopoverBody, null, /* @__PURE__ */ React86__default.createElement(FocusLock, null, /* @__PURE__ */ React86__default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
|
3424
|
+
return /* @__PURE__ */ React86__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React86__default.createElement(Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React86__default.createElement(FormLabel$1, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React86__default.createElement(
|
3500
3425
|
Popover$1,
|
3501
3426
|
{
|
3502
3427
|
...dialogProps,
|
@@ -3505,7 +3430,7 @@ function DateRangePicker({
|
|
3505
3430
|
onClose: state2.close,
|
3506
3431
|
flip: false
|
3507
3432
|
},
|
3508
|
-
/* @__PURE__ */
|
3433
|
+
/* @__PURE__ */ React86__default.createElement(InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React86__default.createElement(
|
3509
3434
|
StyledField,
|
3510
3435
|
{
|
3511
3436
|
alignItems: "center",
|
@@ -3515,7 +3440,7 @@ function DateRangePicker({
|
|
3515
3440
|
onKeyPress: handleEnterClick,
|
3516
3441
|
minHeight
|
3517
3442
|
},
|
3518
|
-
variant && /* @__PURE__ */
|
3443
|
+
variant && /* @__PURE__ */ React86__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React86__default.createElement(
|
3519
3444
|
CalendarTriggerButton,
|
3520
3445
|
{
|
3521
3446
|
paddingLeft: 1,
|
@@ -3525,7 +3450,7 @@ function DateRangePicker({
|
|
3525
3450
|
...buttonProps
|
3526
3451
|
}
|
3527
3452
|
)),
|
3528
|
-
/* @__PURE__ */
|
3453
|
+
/* @__PURE__ */ React86__default.createElement(
|
3529
3454
|
DateField,
|
3530
3455
|
{
|
3531
3456
|
...startFieldProps,
|
@@ -3534,8 +3459,8 @@ function DateRangePicker({
|
|
3534
3459
|
labelProps
|
3535
3460
|
}
|
3536
3461
|
),
|
3537
|
-
/* @__PURE__ */
|
3538
|
-
/* @__PURE__ */
|
3462
|
+
/* @__PURE__ */ React86__default.createElement(Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
|
3463
|
+
/* @__PURE__ */ React86__default.createElement(
|
3539
3464
|
DateField,
|
3540
3465
|
{
|
3541
3466
|
...endFieldProps,
|
@@ -3545,14 +3470,14 @@ function DateRangePicker({
|
|
3545
3470
|
}
|
3546
3471
|
)
|
3547
3472
|
))),
|
3548
|
-
state2.isOpen && withPortal && /* @__PURE__ */
|
3473
|
+
state2.isOpen && withPortal && /* @__PURE__ */ React86__default.createElement(Portal, null, popoverContent),
|
3549
3474
|
state2.isOpen && !withPortal && popoverContent
|
3550
3475
|
)));
|
3551
3476
|
}
|
3552
3477
|
var TimeField = ({ state: state2, ...props }) => {
|
3553
3478
|
const ref = useRef(null);
|
3554
3479
|
const { labelProps, fieldProps } = useTimeField(props, state2, ref);
|
3555
|
-
return /* @__PURE__ */
|
3480
|
+
return /* @__PURE__ */ React86__default.createElement(Box, null, /* @__PURE__ */ React86__default.createElement(
|
3556
3481
|
FormLabel,
|
3557
3482
|
{
|
3558
3483
|
...labelProps,
|
@@ -3564,7 +3489,7 @@ var TimeField = ({ state: state2, ...props }) => {
|
|
3564
3489
|
paddingTop: "2px"
|
3565
3490
|
},
|
3566
3491
|
props.label
|
3567
|
-
), /* @__PURE__ */
|
3492
|
+
), /* @__PURE__ */ React86__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React86__default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React86__default.createElement(
|
3568
3493
|
"input",
|
3569
3494
|
{
|
3570
3495
|
type: "hidden",
|
@@ -3633,7 +3558,7 @@ var TimePicker = ({
|
|
3633
3558
|
const ariaLabel = `${inputLabel} \u2013 ${t2(
|
3634
3559
|
texts15.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
|
3635
3560
|
)}`;
|
3636
|
-
return /* @__PURE__ */
|
3561
|
+
return /* @__PURE__ */ React86__default.createElement(
|
3637
3562
|
StyledField,
|
3638
3563
|
{
|
3639
3564
|
variant: "base",
|
@@ -3649,7 +3574,7 @@ var TimePicker = ({
|
|
3649
3574
|
"aria-label": ariaLabel,
|
3650
3575
|
...boxProps
|
3651
3576
|
},
|
3652
|
-
/* @__PURE__ */
|
3577
|
+
/* @__PURE__ */ React86__default.createElement(
|
3653
3578
|
IconButton,
|
3654
3579
|
{
|
3655
3580
|
variant: "ghost",
|
@@ -3657,14 +3582,14 @@ var TimePicker = ({
|
|
3657
3582
|
borderRadius: "xs",
|
3658
3583
|
"aria-label": backwardsLabel,
|
3659
3584
|
title: backwardsLabel,
|
3660
|
-
icon: /* @__PURE__ */
|
3585
|
+
icon: /* @__PURE__ */ React86__default.createElement(DropdownLeftFill18Icon, null),
|
3661
3586
|
onClick: handleBackwardsClick,
|
3662
3587
|
isDisabled,
|
3663
3588
|
style: isDisabled ? { backgroundColor: "transparent" } : {}
|
3664
3589
|
}
|
3665
3590
|
),
|
3666
|
-
/* @__PURE__ */
|
3667
|
-
/* @__PURE__ */
|
3591
|
+
/* @__PURE__ */ React86__default.createElement(TimeField, { label, state: state2, name }),
|
3592
|
+
/* @__PURE__ */ React86__default.createElement(
|
3668
3593
|
IconButton,
|
3669
3594
|
{
|
3670
3595
|
variant: "ghost",
|
@@ -3672,7 +3597,7 @@ var TimePicker = ({
|
|
3672
3597
|
borderRadius: "xs",
|
3673
3598
|
"aria-label": forwardsLabel,
|
3674
3599
|
title: forwardsLabel,
|
3675
|
-
icon: /* @__PURE__ */
|
3600
|
+
icon: /* @__PURE__ */ React86__default.createElement(DropdownRightFill18Icon, null),
|
3676
3601
|
onClick: handleForwardClick,
|
3677
3602
|
isDisabled,
|
3678
3603
|
style: isDisabled ? { backgroundColor: "transparent" } : {}
|
@@ -3774,7 +3699,7 @@ var LineIcon = ({
|
|
3774
3699
|
if (!Icon) {
|
3775
3700
|
return null;
|
3776
3701
|
}
|
3777
|
-
return /* @__PURE__ */
|
3702
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React86__default.createElement(Icon, { sx: styles3.icon }));
|
3778
3703
|
};
|
3779
3704
|
|
3780
3705
|
// src/linjetag/InfoTag.tsx
|
@@ -3790,7 +3715,7 @@ var InfoTag = ({
|
|
3790
3715
|
size: size2,
|
3791
3716
|
...customProps
|
3792
3717
|
});
|
3793
|
-
return /* @__PURE__ */
|
3718
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React86__default.createElement(
|
3794
3719
|
LineIcon,
|
3795
3720
|
{
|
3796
3721
|
variant,
|
@@ -3798,7 +3723,7 @@ var InfoTag = ({
|
|
3798
3723
|
sx: styles3.iconContainer,
|
3799
3724
|
...customProps
|
3800
3725
|
}
|
3801
|
-
), /* @__PURE__ */
|
3726
|
+
), /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React86__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React86__default.createElement(Box, { as: "span", sx: styles3.description }, description)));
|
3802
3727
|
};
|
3803
3728
|
var TravelTag = forwardRef(
|
3804
3729
|
({
|
@@ -3818,7 +3743,7 @@ var TravelTag = forwardRef(
|
|
3818
3743
|
backgroundColor: variant === "custom" ? rest.backgroundColor : void 0
|
3819
3744
|
});
|
3820
3745
|
const DeviationLevelIcon = getDeviationLevelIcon({ deviationLevel, size: size2 });
|
3821
|
-
return /* @__PURE__ */
|
3746
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React86__default.createElement(
|
3822
3747
|
LineIcon,
|
3823
3748
|
{
|
3824
3749
|
variant,
|
@@ -3826,7 +3751,7 @@ var TravelTag = forwardRef(
|
|
3826
3751
|
sx: styles3.iconContainer,
|
3827
3752
|
...rest
|
3828
3753
|
}
|
3829
|
-
), /* @__PURE__ */
|
3754
|
+
), /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React86__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React86__default.createElement(Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React86__default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
|
3830
3755
|
}
|
3831
3756
|
);
|
3832
3757
|
var getDeviationLevelIcon = ({
|
@@ -3850,7 +3775,7 @@ var TextLink = forwardRef(
|
|
3850
3775
|
var _a6;
|
3851
3776
|
const { t: t2 } = useTranslation();
|
3852
3777
|
const isExternal = props.isExternal !== void 0 ? props.isExternal : Boolean((_a6 = props.href) == null ? void 0 : _a6.match(/^https?:\/\//));
|
3853
|
-
return /* @__PURE__ */
|
3778
|
+
return /* @__PURE__ */ React86__default.createElement(Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React86__default.createElement(
|
3854
3779
|
LinkOutOutline24Icon,
|
3855
3780
|
{
|
3856
3781
|
marginLeft: 0.5,
|
@@ -3867,6 +3792,112 @@ var texts16 = createTexts({
|
|
3867
3792
|
en: "External link"
|
3868
3793
|
}
|
3869
3794
|
});
|
3795
|
+
var VyLogo = ({ colorScheme, ...boxProps }) => {
|
3796
|
+
const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
|
3797
|
+
const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
|
3798
|
+
const id = useId();
|
3799
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React86__default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React86__default.createElement(
|
3800
|
+
"path",
|
3801
|
+
{
|
3802
|
+
fillRule: "evenodd",
|
3803
|
+
clipRule: "evenodd",
|
3804
|
+
d: "M79.97 33.44a.04.04 0 0 0 0-.08 5.76 5.76 0 0 1-2.32-.85c-1.56-1-2.79-2.9-3.83-6.07L68.14 7.16c-1.18-4.04-3.42-5.85-5.48-6.6a8.36 8.36 0 0 0-2.88-.52h-1.44a.04.04 0 0 0 0 .08c.57.09 1.18.24 1.8.5 1.92.8 3.92 2.63 5.06 6.54l5.61 19.07c1.06 3.3 2.31 5.27 3.92 6.3 1.01.64 2.17.9 3.5.9h1.74Z",
|
3805
|
+
fill: mainColor
|
3806
|
+
}
|
3807
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3808
|
+
"mask",
|
3809
|
+
{
|
3810
|
+
id: `${id}-a`,
|
3811
|
+
style: { maskType: "alpha" },
|
3812
|
+
maskUnits: "userSpaceOnUse",
|
3813
|
+
x: "0",
|
3814
|
+
y: "0",
|
3815
|
+
width: "94",
|
3816
|
+
height: "54"
|
3817
|
+
},
|
3818
|
+
/* @__PURE__ */ React86__default.createElement(
|
3819
|
+
"path",
|
3820
|
+
{
|
3821
|
+
fillRule: "evenodd",
|
3822
|
+
clipRule: "evenodd",
|
3823
|
+
d: "M0 .03h93.26v53.65H0V.03Z",
|
3824
|
+
fill: mainColor
|
3825
|
+
}
|
3826
|
+
)
|
3827
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3828
|
+
"g",
|
3829
|
+
{
|
3830
|
+
mask: `url(#${id}-a)`,
|
3831
|
+
fillRule: "evenodd",
|
3832
|
+
clipRule: "evenodd",
|
3833
|
+
fill: mainColor
|
3834
|
+
},
|
3835
|
+
/* @__PURE__ */ React86__default.createElement("path", { d: "M84.57 33.44a.04.04 0 0 0 .01-.08c-2.34-.3-3.85-3.59-4.68-6.38-.88-2.93-4.04-13.63-5.92-19.82C72.08.94 66.2.05 63.54.04a.04.04 0 0 0-.01.08c2.49.34 6.02 1.85 7.55 7.04 1.34 4.55 5.6 19.03 5.76 19.51 1.02 3.03 2.22 4.85 3.73 5.83a6.3 6.3 0 0 0 3.54.94h.46ZM23.28 53.68h-.72c-2.12 0-4.68-1.08-6.09-6.04L3.8 4.37C3.04 1.77 1.93.47.03.15A.04.04 0 0 1 .04.07h1.9c2.54 0 3.92 1.27 4.8 4.3 0 0 11.72 39.78 12.79 43.54.78 2.78 1.7 4.67 3.13 5.43.23.13.42.2.62.26a.04.04 0 0 1 0 .08ZM18.99 5.99C17.77 1.79 15.87.04 12.37.04h-1.71a.04.04 0 0 0 0 .08c2.73.39 4.32 2.19 5.39 5.87 0 0 10.49 35.72 11.85 40.4l1.44-4.87L18.99 6Z" }),
|
3836
|
+
/* @__PURE__ */ React86__default.createElement("path", { d: "M24.26 53.68h1.24c1.57 0 2.69-.41 3.52-1.1 1.37-1.1 1.99-2.93 2.56-4.86.09-.29 11.2-37.95 11.59-39.42 1.32-4.97 4.27-7.13 7.43-7.9a12.2 12.2 0 0 1 1.58-.28.04.04 0 0 0 0-.08h-1.4c-4.15 0-8.8 1.65-10.56 8.26-.63 2.38-11.5 39.13-11.58 39.42-.57 1.93-1.23 3.96-2.59 5.07-.56.45-1.06.7-1.8.81a.04.04 0 0 0 0 .08ZM81.3 27.76l6.53-21.78C88.89 2.3 90.49.5 93.23.11a.04.04 0 0 0-.01-.08H91.5c-3.5 0-5.4 1.76-6.62 5.95l-5.05 16.97s1.33 4.46 1.46 4.8Z" })
|
3837
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3838
|
+
"path",
|
3839
|
+
{
|
3840
|
+
fillRule: "evenodd",
|
3841
|
+
clipRule: "evenodd",
|
3842
|
+
d: "M98.49.07h-1.82c-2.98 0-4.6 1.49-5.63 5.06l-6.52 21.79a18.22 18.22 0 0 1-1.67 3.96c.57.78 1.17 1.26 1.76 1.38 1.13-.96 2.06-2.75 2.89-5.46l6.49-21.67c.9-3.1 2.23-4.63 4.5-4.98a.04.04 0 0 0 0-.08Z",
|
3843
|
+
fill: accentColor
|
3844
|
+
}
|
3845
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3846
|
+
"path",
|
3847
|
+
{
|
3848
|
+
fillRule: "evenodd",
|
3849
|
+
clipRule: "evenodd",
|
3850
|
+
d: "M85.25 34.53h-2.93L78.58 46.9c-1.82 6.1 1.05 6.73 2.15 6.73h2.31a.04.04 0 0 0 .01-.09c-1.25-.3-2.96-1.6-1.45-6.64l3.65-12.37ZM102.35.11c.02 0 .03-.02.03-.04a.04.04 0 0 0-.04-.04h-.4c-2.54 0-3.92 1.27-4.8 4.3 0 0-5 16.82-6.57 22.03-1.57 5.2-2.65 6.6-4.78 6.97l-.11.03a.04.04 0 0 0 0 .08h1.45c3.72 0 5.1-2.48 6.41-6.84l7.5-25.07c.19-.6.7-1.23 1.31-1.42Z",
|
3851
|
+
fill: mainColor
|
3852
|
+
}
|
3853
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3854
|
+
"mask",
|
3855
|
+
{
|
3856
|
+
id: `${id}-b`,
|
3857
|
+
style: { maskType: "alpha" },
|
3858
|
+
maskUnits: "userSpaceOnUse",
|
3859
|
+
x: "29",
|
3860
|
+
y: "0",
|
3861
|
+
width: "78",
|
3862
|
+
height: "54"
|
3863
|
+
},
|
3864
|
+
/* @__PURE__ */ React86__default.createElement(
|
3865
|
+
"path",
|
3866
|
+
{
|
3867
|
+
fillRule: "evenodd",
|
3868
|
+
clipRule: "evenodd",
|
3869
|
+
d: "M29.55.04H106v53.64H29.55V.04Z",
|
3870
|
+
fill: mainColor
|
3871
|
+
}
|
3872
|
+
)
|
3873
|
+
), /* @__PURE__ */ React86__default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React86__default.createElement(
|
3874
|
+
"path",
|
3875
|
+
{
|
3876
|
+
d: "m88.2 34.45-3.96 13.46c-1.54 5.18.9 5.72 1.83 5.72h2.26a.04.04 0 0 0 0-.09c-1.05-.27-2.44-1.4-1.18-5.63l4.43-15.02c-.7.71-1.88 1.37-3.38 1.56ZM93.71 53.63c.02 0 .04-.02.04-.05a.04.04 0 0 0-.03-.04c-.9-.25-2.02-1.24-.96-4.77 0 0 12.4-42.2 13.08-44.6a3.1 3.1 0 0 0-2.47-4.1c-.02 0-.06-.02-.07.01-.01.04.03.06.04.06.3.16.63.52.45 1.14L89.84 48.77c-1.32 4.4.76 4.86 1.55 4.86h2.32ZM74.1 33.44a.04.04 0 0 0 0-.08 5.77 5.77 0 0 1-2.3-.83c-1.64-1.04-2.9-3.06-3.98-6.5-.1-.29-5.37-18.25-5.55-18.87-1.12-3.8-2.91-5.63-4.68-6.46a7.06 7.06 0 0 0-3.04-.66H53a.04.04 0 0 0-.02.08c.3.05 4.32.17 6.35 7.04 2.03 6.86 4.46 15.07 5.28 17.97 1.77 6.26 4.07 8.3 7.75 8.3h1.73Z",
|
3877
|
+
fill: mainColor
|
3878
|
+
}
|
3879
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3880
|
+
"path",
|
3881
|
+
{
|
3882
|
+
d: "M55.43 2.4c-1.48 1.27-2.7 3.16-3.44 5.9-.07.29-11.08 37.74-11.32 38.55-.93 3.12-1.7 6.21-5.2 6.75a.04.04 0 0 0 0 .08h.7l.6-.01c3.56-.14 5.33-1.66 6.85-6.82L54.94 8.3c.44-1.44.96-3.08 1.7-4.52-.15-.25-.7-.96-1.2-1.38Z",
|
3883
|
+
fill: mainColor
|
3884
|
+
}
|
3885
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3886
|
+
"path",
|
3887
|
+
{
|
3888
|
+
d: "M53.78 1.44a4.64 4.64 0 0 0-4.17.93A10.79 10.79 0 0 0 46.19 8L34.53 47.72c-.58 1.93-1.2 3.75-2.56 4.87-.62.5-1.4.86-2.39 1.01a.04.04 0 0 0 0 .08h1.8c1.57 0 2.69-.41 3.53-1.1 1.36-1.1 1.98-2.93 2.56-4.86L49.05 8.3c.73-2.74 1.95-4.63 3.43-5.9.43-.36.88-.68 1.35-.95l-.05-.01Z",
|
3889
|
+
fill: accentColor
|
3890
|
+
}
|
3891
|
+
)), /* @__PURE__ */ React86__default.createElement(
|
3892
|
+
"path",
|
3893
|
+
{
|
3894
|
+
fillRule: "evenodd",
|
3895
|
+
clipRule: "evenodd",
|
3896
|
+
d: "M26.55 50.33a9.09 9.09 0 0 1-1.24-2.7c-.44-1.54-12.46-42.5-12.46-42.5C11.82 1.56 10.2.07 7.22.07H5.4a.04.04 0 0 0 0 .08C7.67.5 9 2.04 9.9 5.13l12.46 42.5c.65 2.28 1.53 3.74 2.5 4.65.7-.4 1.29-1.05 1.69-1.95Z",
|
3897
|
+
fill: mainColor
|
3898
|
+
}
|
3899
|
+
));
|
3900
|
+
};
|
3870
3901
|
var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
3871
3902
|
const pinkColor = colorScheme === "light" ? "#ED6F99" : "#ffffff";
|
3872
3903
|
const purpleColor = colorScheme === "light" ? "#C06CF7" : "#ffffff";
|
@@ -3878,7 +3909,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3878
3909
|
const orangeColor = colorScheme === "light" ? "#F09436" : "#ffffff";
|
3879
3910
|
const yellowColor = colorScheme === "light" ? "#FFFF54" : "#ffffff";
|
3880
3911
|
const id = useId();
|
3881
|
-
return /* @__PURE__ */
|
3912
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React86__default.createElement("title", null, "Vy logo pride"), /* @__PURE__ */ React86__default.createElement(
|
3882
3913
|
"svg",
|
3883
3914
|
{
|
3884
3915
|
width: "108",
|
@@ -3887,7 +3918,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3887
3918
|
fill: "none",
|
3888
3919
|
xmlns: "http://www.w3.org/2000/svg"
|
3889
3920
|
},
|
3890
|
-
/* @__PURE__ */
|
3921
|
+
/* @__PURE__ */ React86__default.createElement(
|
3891
3922
|
"path",
|
3892
3923
|
{
|
3893
3924
|
fillRule: "evenodd",
|
@@ -3896,7 +3927,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3896
3927
|
fill: pinkColor
|
3897
3928
|
}
|
3898
3929
|
),
|
3899
|
-
/* @__PURE__ */
|
3930
|
+
/* @__PURE__ */ React86__default.createElement(
|
3900
3931
|
"mask",
|
3901
3932
|
{
|
3902
3933
|
id: `${id}-a-pride`,
|
@@ -3907,7 +3938,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3907
3938
|
width: "95",
|
3908
3939
|
height: "55"
|
3909
3940
|
},
|
3910
|
-
/* @__PURE__ */
|
3941
|
+
/* @__PURE__ */ React86__default.createElement(
|
3911
3942
|
"path",
|
3912
3943
|
{
|
3913
3944
|
fillRule: "evenodd",
|
@@ -3917,7 +3948,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3917
3948
|
}
|
3918
3949
|
)
|
3919
3950
|
),
|
3920
|
-
/* @__PURE__ */
|
3951
|
+
/* @__PURE__ */ React86__default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React86__default.createElement(
|
3921
3952
|
"path",
|
3922
3953
|
{
|
3923
3954
|
fillRule: "evenodd",
|
@@ -3925,7 +3956,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3925
3956
|
d: "M86.1392 34.0577C86.1622 34.0577 86.1809 34.0389 86.1809 34.0158C86.1809 33.9951 86.1658 33.9779 86.146 33.9747V33.9745C83.7657 33.6665 82.2265 30.3247 81.3764 27.4799C80.4843 24.4948 77.2629 13.5951 75.3455 7.29056C73.4194 0.957342 67.4267 0.0485861 64.7129 0.0441895H64.7137C64.6906 0.0441895 64.6719 0.0629034 64.6719 0.0859014C64.6719 0.106645 64.6869 0.123893 64.7068 0.127162L64.7067 0.127388C67.2413 0.468862 70.8417 2.00375 72.3953 7.29056C73.7591 11.9308 78.0927 26.6723 78.2592 27.1656C79.2998 30.2466 80.5197 32.1068 82.0639 33.1046C83.1032 33.776 84.2891 34.0577 85.6664 34.0577H86.1392",
|
3926
3957
|
fill: purpleColor
|
3927
3958
|
}
|
3928
|
-
), /* @__PURE__ */
|
3959
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3929
3960
|
"path",
|
3930
3961
|
{
|
3931
3962
|
fillRule: "evenodd",
|
@@ -3933,7 +3964,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3933
3964
|
d: "M23.7089 54.6763C23.4058 54.6763 23.1352 54.6763 22.9803 54.6763C20.8144 54.6763 18.2099 53.5754 16.7766 48.5188L3.8641 4.45414C3.09965 1.80939 1.96226 0.481143 0.0347223 0.151506C0.014881 0.148237 0 0.131101 0 0.110245C0 0.0871344 0.018714 0.0684204 0.0418246 0.0684204H1.98402C4.56565 0.0684204 5.96987 1.36104 6.86386 4.45414C6.86386 4.45414 18.8019 44.9686 19.8869 48.7964C20.6896 51.628 21.628 53.5542 23.0795 54.3328C23.3142 54.4587 23.5119 54.5409 23.7154 54.5932C23.7352 54.5965 23.7506 54.6138 23.7506 54.6345C23.7506 54.6576 23.7319 54.6763 23.7089 54.6763Z",
|
3934
3965
|
fill: darkPurpleColor
|
3935
3966
|
}
|
3936
|
-
), /* @__PURE__ */
|
3967
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3937
3968
|
"path",
|
3938
3969
|
{
|
3939
3970
|
fillRule: "evenodd",
|
@@ -3941,7 +3972,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3941
3972
|
d: "M19.3365 6.09794C18.1013 1.82472 16.1613 0.0390015 12.5947 0.0390015H10.8543C10.8312 0.0390015 10.8125 0.0577155 10.8125 0.0808261C10.8125 0.101569 10.8277 0.118818 10.8476 0.122087V0.121974C13.6341 0.517899 15.2582 2.35232 16.341 6.09794C16.341 6.09794 27.027 42.4871 28.4146 47.2512C28.7189 46.2219 29.2327 44.4828 29.8791 42.2935C28.6038 37.9117 19.3365 6.09794 19.3365 6.09794",
|
3942
3973
|
fill: greenColor
|
3943
3974
|
}
|
3944
|
-
), /* @__PURE__ */
|
3975
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3945
3976
|
"path",
|
3946
3977
|
{
|
3947
3978
|
fillRule: "evenodd",
|
@@ -3949,7 +3980,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3949
3980
|
d: "M24.7059 54.6763H25.9753C27.5661 54.6763 28.7056 54.2553 29.5596 53.5597C30.9494 52.4272 31.5822 50.5663 32.1676 48.6028C32.2552 48.309 43.5646 9.95201 43.9629 8.45455C45.3098 3.39196 48.3208 1.18687 51.5334 0.404941C52.0668 0.275183 52.6055 0.184995 53.1431 0.127162H53.1439C53.1638 0.123893 53.1789 0.106645 53.1789 0.0859014C53.1789 0.0629034 53.1602 0.0441895 53.1371 0.0441895H51.7232C47.4872 0.0441895 42.7565 1.72507 40.9662 8.45455C40.3206 10.8814 29.2585 48.309 29.1709 48.6028C28.5854 50.5663 27.9202 52.6362 26.5303 53.7687C25.9647 54.2295 25.4469 54.4781 24.6995 54.5933H24.699C24.6792 54.5966 24.6641 54.614 24.6641 54.6346C24.6641 54.6577 24.6828 54.6764 24.7059 54.6764V54.6763",
|
3950
3981
|
fill: darkGreenColor
|
3951
3982
|
}
|
3952
|
-
), /* @__PURE__ */
|
3983
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3953
3984
|
"path",
|
3954
3985
|
{
|
3955
3986
|
fillRule: "evenodd",
|
@@ -3958,7 +3989,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3958
3989
|
fill: darkPurpleColor
|
3959
3990
|
}
|
3960
3991
|
)),
|
3961
|
-
/* @__PURE__ */
|
3992
|
+
/* @__PURE__ */ React86__default.createElement(
|
3962
3993
|
"path",
|
3963
3994
|
{
|
3964
3995
|
fillRule: "evenodd",
|
@@ -3967,7 +3998,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3967
3998
|
fill: blueColor
|
3968
3999
|
}
|
3969
4000
|
),
|
3970
|
-
/* @__PURE__ */
|
4001
|
+
/* @__PURE__ */ React86__default.createElement(
|
3971
4002
|
"path",
|
3972
4003
|
{
|
3973
4004
|
fillRule: "evenodd",
|
@@ -3976,7 +4007,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3976
4007
|
fill: blueColor
|
3977
4008
|
}
|
3978
4009
|
),
|
3979
|
-
/* @__PURE__ */
|
4010
|
+
/* @__PURE__ */ React86__default.createElement(
|
3980
4011
|
"path",
|
3981
4012
|
{
|
3982
4013
|
fillRule: "evenodd",
|
@@ -3985,7 +4016,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3985
4016
|
fill: greenColor
|
3986
4017
|
}
|
3987
4018
|
),
|
3988
|
-
/* @__PURE__ */
|
4019
|
+
/* @__PURE__ */ React86__default.createElement(
|
3989
4020
|
"mask",
|
3990
4021
|
{
|
3991
4022
|
id: `${id}-b-pride`,
|
@@ -3996,7 +4027,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3996
4027
|
width: "78",
|
3997
4028
|
height: "55"
|
3998
4029
|
},
|
3999
|
-
/* @__PURE__ */
|
4030
|
+
/* @__PURE__ */ React86__default.createElement(
|
4000
4031
|
"path",
|
4001
4032
|
{
|
4002
4033
|
fillRule: "evenodd",
|
@@ -4006,7 +4037,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4006
4037
|
}
|
4007
4038
|
)
|
4008
4039
|
),
|
4009
|
-
/* @__PURE__ */
|
4040
|
+
/* @__PURE__ */ React86__default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React86__default.createElement(
|
4010
4041
|
"path",
|
4011
4042
|
{
|
4012
4043
|
fillRule: "evenodd",
|
@@ -4014,7 +4045,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4014
4045
|
d: "M89.8289 35.0891C88.7828 38.6493 85.8015 48.8015 85.8015 48.8015C84.2266 54.076 86.7112 54.6188 87.6599 54.6188H89.9623C89.9855 54.6188 90.0042 54.6001 90.0042 54.577C90.0042 54.5571 89.9903 54.5403 89.9717 54.5362V54.5363C88.8916 54.2553 87.4798 53.0991 88.7632 48.8015C88.7632 48.8015 92.0286 37.7282 93.2719 33.5031C92.561 34.2226 91.3615 34.8917 89.8289 35.0891",
|
4015
4046
|
fill: greenColor
|
4016
4047
|
}
|
4017
|
-
), /* @__PURE__ */
|
4048
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4018
4049
|
"path",
|
4019
4050
|
{
|
4020
4051
|
fillRule: "evenodd",
|
@@ -4022,7 +4053,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4022
4053
|
d: "M95.4467 54.6188C95.4698 54.6188 95.4885 54.6001 95.4885 54.577C95.4885 54.557 95.4747 54.5403 95.4561 54.5362H95.4558C94.5434 54.2765 93.3986 53.2655 94.4728 49.6684C94.4728 49.6684 107.101 6.68958 107.804 4.25563C108.507 1.82169 106.809 0.298979 105.28 0.0692254C105.269 0.0676471 105.219 0.0537807 105.209 0.0862483C105.199 0.118716 105.241 0.138557 105.249 0.143179C105.553 0.303376 105.894 0.672244 105.708 1.30469C105.522 1.93713 91.499 49.6684 91.499 49.6684C90.1586 54.1569 92.273 54.6188 93.0802 54.6188H95.4467",
|
4023
4054
|
fill: darkGreenColor
|
4024
4055
|
}
|
4025
|
-
), /* @__PURE__ */
|
4056
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4026
4057
|
"path",
|
4027
4058
|
{
|
4028
4059
|
fillRule: "evenodd",
|
@@ -4030,7 +4061,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4030
4061
|
d: "M75.4659 34.0577C75.4889 34.0577 75.5076 34.0389 75.5076 34.0158C75.5076 33.9951 75.4925 33.9778 75.4726 33.9746H75.4723C74.6146 33.8501 73.8387 33.5807 73.1306 33.1321C71.4607 32.0744 70.1687 30.0201 69.0737 26.521C68.9798 26.2215 63.6049 7.92165 63.4194 7.29056C62.2821 3.42105 60.4546 1.5616 58.6517 0.708874C57.557 0.191083 56.4715 0.0441895 55.5553 0.0441895C54.9539 0.0441895 54.4151 0.0441895 53.9784 0.0441895H53.9715C53.9484 0.0441895 53.9297 0.0629034 53.9297 0.0859014C53.9297 0.106645 53.9448 0.123893 53.9646 0.127162V0.127275C54.26 0.171918 58.362 0.298745 60.4275 7.29056C62.493 14.2825 64.9683 22.6405 65.8045 25.5908C67.6133 31.9722 69.9469 34.0577 73.6985 34.0577H75.4659",
|
4031
4062
|
fill: redColor
|
4032
4063
|
}
|
4033
|
-
), /* @__PURE__ */
|
4064
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4034
4065
|
"path",
|
4035
4066
|
{
|
4036
4067
|
fillRule: "evenodd",
|
@@ -4038,7 +4069,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4038
4069
|
d: "M56.4576 2.44421C56.4559 2.44568 56.4541 2.44703 56.4524 2.4485C54.944 3.74292 53.6961 5.66449 52.9539 8.45445C52.8754 8.74959 41.6662 46.889 41.4206 47.7167C40.4784 50.8926 39.6893 54.0469 36.1209 54.5932C36.101 54.5965 36.0859 54.6138 36.0859 54.6345C36.0859 54.6576 36.1047 54.6763 36.1278 54.6763H36.8373C36.8373 54.6763 37.3489 54.6683 37.4515 54.6642C41.0756 54.5179 42.8818 52.978 44.4271 47.7167C45.5556 43.8746 55.8691 8.75883 55.9604 8.45445C56.4006 6.98517 56.9293 5.3123 57.6882 3.84641C57.53 3.59208 56.9713 2.87385 56.4576 2.44421",
|
4039
4070
|
fill: orangeColor
|
4040
4071
|
}
|
4041
|
-
), /* @__PURE__ */
|
4072
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4042
4073
|
"path",
|
4043
4074
|
{
|
4044
4075
|
fillRule: "evenodd",
|
@@ -4047,7 +4078,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4047
4078
|
fill: yellowColor
|
4048
4079
|
}
|
4049
4080
|
)),
|
4050
|
-
/* @__PURE__ */
|
4081
|
+
/* @__PURE__ */ React86__default.createElement(
|
4051
4082
|
"path",
|
4052
4083
|
{
|
4053
4084
|
fillRule: "evenodd",
|
@@ -4058,233 +4089,115 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4058
4089
|
)
|
4059
4090
|
));
|
4060
4091
|
};
|
4061
|
-
var VyLogoDefault = ({
|
4062
|
-
colorScheme,
|
4063
|
-
...boxProps
|
4064
|
-
}) => {
|
4065
|
-
const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
|
4066
|
-
const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
|
4067
|
-
const id = useId();
|
4068
|
-
return /* @__PURE__ */ React87__default.createElement(Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React87__default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React87__default.createElement(
|
4069
|
-
"path",
|
4070
|
-
{
|
4071
|
-
fillRule: "evenodd",
|
4072
|
-
clipRule: "evenodd",
|
4073
|
-
d: "M79.97 33.44a.04.04 0 0 0 0-.08 5.76 5.76 0 0 1-2.32-.85c-1.56-1-2.79-2.9-3.83-6.07L68.14 7.16c-1.18-4.04-3.42-5.85-5.48-6.6a8.36 8.36 0 0 0-2.88-.52h-1.44a.04.04 0 0 0 0 .08c.57.09 1.18.24 1.8.5 1.92.8 3.92 2.63 5.06 6.54l5.61 19.07c1.06 3.3 2.31 5.27 3.92 6.3 1.01.64 2.17.9 3.5.9h1.74Z",
|
4074
|
-
fill: mainColor
|
4075
|
-
}
|
4076
|
-
), /* @__PURE__ */ React87__default.createElement(
|
4077
|
-
"mask",
|
4078
|
-
{
|
4079
|
-
id: `${id}-a`,
|
4080
|
-
style: { maskType: "alpha" },
|
4081
|
-
maskUnits: "userSpaceOnUse",
|
4082
|
-
x: "0",
|
4083
|
-
y: "0",
|
4084
|
-
width: "94",
|
4085
|
-
height: "54"
|
4086
|
-
},
|
4087
|
-
/* @__PURE__ */ React87__default.createElement(
|
4088
|
-
"path",
|
4089
|
-
{
|
4090
|
-
fillRule: "evenodd",
|
4091
|
-
clipRule: "evenodd",
|
4092
|
-
d: "M0 .03h93.26v53.65H0V.03Z",
|
4093
|
-
fill: mainColor
|
4094
|
-
}
|
4095
|
-
)
|
4096
|
-
), /* @__PURE__ */ React87__default.createElement(
|
4097
|
-
"g",
|
4098
|
-
{
|
4099
|
-
mask: `url(#${id}-a)`,
|
4100
|
-
fillRule: "evenodd",
|
4101
|
-
clipRule: "evenodd",
|
4102
|
-
fill: mainColor
|
4103
|
-
},
|
4104
|
-
/* @__PURE__ */ React87__default.createElement("path", { d: "M84.57 33.44a.04.04 0 0 0 .01-.08c-2.34-.3-3.85-3.59-4.68-6.38-.88-2.93-4.04-13.63-5.92-19.82C72.08.94 66.2.05 63.54.04a.04.04 0 0 0-.01.08c2.49.34 6.02 1.85 7.55 7.04 1.34 4.55 5.6 19.03 5.76 19.51 1.02 3.03 2.22 4.85 3.73 5.83a6.3 6.3 0 0 0 3.54.94h.46ZM23.28 53.68h-.72c-2.12 0-4.68-1.08-6.09-6.04L3.8 4.37C3.04 1.77 1.93.47.03.15A.04.04 0 0 1 .04.07h1.9c2.54 0 3.92 1.27 4.8 4.3 0 0 11.72 39.78 12.79 43.54.78 2.78 1.7 4.67 3.13 5.43.23.13.42.2.62.26a.04.04 0 0 1 0 .08ZM18.99 5.99C17.77 1.79 15.87.04 12.37.04h-1.71a.04.04 0 0 0 0 .08c2.73.39 4.32 2.19 5.39 5.87 0 0 10.49 35.72 11.85 40.4l1.44-4.87L18.99 6Z" }),
|
4105
|
-
/* @__PURE__ */ React87__default.createElement("path", { d: "M24.26 53.68h1.24c1.57 0 2.69-.41 3.52-1.1 1.37-1.1 1.99-2.93 2.56-4.86.09-.29 11.2-37.95 11.59-39.42 1.32-4.97 4.27-7.13 7.43-7.9a12.2 12.2 0 0 1 1.58-.28.04.04 0 0 0 0-.08h-1.4c-4.15 0-8.8 1.65-10.56 8.26-.63 2.38-11.5 39.13-11.58 39.42-.57 1.93-1.23 3.96-2.59 5.07-.56.45-1.06.7-1.8.81a.04.04 0 0 0 0 .08ZM81.3 27.76l6.53-21.78C88.89 2.3 90.49.5 93.23.11a.04.04 0 0 0-.01-.08H91.5c-3.5 0-5.4 1.76-6.62 5.95l-5.05 16.97s1.33 4.46 1.46 4.8Z" })
|
4106
|
-
), /* @__PURE__ */ React87__default.createElement(
|
4107
|
-
"path",
|
4108
|
-
{
|
4109
|
-
fillRule: "evenodd",
|
4110
|
-
clipRule: "evenodd",
|
4111
|
-
d: "M98.49.07h-1.82c-2.98 0-4.6 1.49-5.63 5.06l-6.52 21.79a18.22 18.22 0 0 1-1.67 3.96c.57.78 1.17 1.26 1.76 1.38 1.13-.96 2.06-2.75 2.89-5.46l6.49-21.67c.9-3.1 2.23-4.63 4.5-4.98a.04.04 0 0 0 0-.08Z",
|
4112
|
-
fill: accentColor
|
4113
|
-
}
|
4114
|
-
), /* @__PURE__ */ React87__default.createElement(
|
4115
|
-
"path",
|
4116
|
-
{
|
4117
|
-
fillRule: "evenodd",
|
4118
|
-
clipRule: "evenodd",
|
4119
|
-
d: "M85.25 34.53h-2.93L78.58 46.9c-1.82 6.1 1.05 6.73 2.15 6.73h2.31a.04.04 0 0 0 .01-.09c-1.25-.3-2.96-1.6-1.45-6.64l3.65-12.37ZM102.35.11c.02 0 .03-.02.03-.04a.04.04 0 0 0-.04-.04h-.4c-2.54 0-3.92 1.27-4.8 4.3 0 0-5 16.82-6.57 22.03-1.57 5.2-2.65 6.6-4.78 6.97l-.11.03a.04.04 0 0 0 0 .08h1.45c3.72 0 5.1-2.48 6.41-6.84l7.5-25.07c.19-.6.7-1.23 1.31-1.42Z",
|
4120
|
-
fill: mainColor
|
4121
|
-
}
|
4122
|
-
), /* @__PURE__ */ React87__default.createElement(
|
4123
|
-
"mask",
|
4124
|
-
{
|
4125
|
-
id: `${id}-b`,
|
4126
|
-
style: { maskType: "alpha" },
|
4127
|
-
maskUnits: "userSpaceOnUse",
|
4128
|
-
x: "29",
|
4129
|
-
y: "0",
|
4130
|
-
width: "78",
|
4131
|
-
height: "54"
|
4132
|
-
},
|
4133
|
-
/* @__PURE__ */ React87__default.createElement(
|
4134
|
-
"path",
|
4135
|
-
{
|
4136
|
-
fillRule: "evenodd",
|
4137
|
-
clipRule: "evenodd",
|
4138
|
-
d: "M29.55.04H106v53.64H29.55V.04Z",
|
4139
|
-
fill: mainColor
|
4140
|
-
}
|
4141
|
-
)
|
4142
|
-
), /* @__PURE__ */ React87__default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React87__default.createElement(
|
4143
|
-
"path",
|
4144
|
-
{
|
4145
|
-
d: "m88.2 34.45-3.96 13.46c-1.54 5.18.9 5.72 1.83 5.72h2.26a.04.04 0 0 0 0-.09c-1.05-.27-2.44-1.4-1.18-5.63l4.43-15.02c-.7.71-1.88 1.37-3.38 1.56ZM93.71 53.63c.02 0 .04-.02.04-.05a.04.04 0 0 0-.03-.04c-.9-.25-2.02-1.24-.96-4.77 0 0 12.4-42.2 13.08-44.6a3.1 3.1 0 0 0-2.47-4.1c-.02 0-.06-.02-.07.01-.01.04.03.06.04.06.3.16.63.52.45 1.14L89.84 48.77c-1.32 4.4.76 4.86 1.55 4.86h2.32ZM74.1 33.44a.04.04 0 0 0 0-.08 5.77 5.77 0 0 1-2.3-.83c-1.64-1.04-2.9-3.06-3.98-6.5-.1-.29-5.37-18.25-5.55-18.87-1.12-3.8-2.91-5.63-4.68-6.46a7.06 7.06 0 0 0-3.04-.66H53a.04.04 0 0 0-.02.08c.3.05 4.32.17 6.35 7.04 2.03 6.86 4.46 15.07 5.28 17.97 1.77 6.26 4.07 8.3 7.75 8.3h1.73Z",
|
4146
|
-
fill: mainColor
|
4147
|
-
}
|
4148
|
-
), /* @__PURE__ */ React87__default.createElement(
|
4149
|
-
"path",
|
4150
|
-
{
|
4151
|
-
d: "M55.43 2.4c-1.48 1.27-2.7 3.16-3.44 5.9-.07.29-11.08 37.74-11.32 38.55-.93 3.12-1.7 6.21-5.2 6.75a.04.04 0 0 0 0 .08h.7l.6-.01c3.56-.14 5.33-1.66 6.85-6.82L54.94 8.3c.44-1.44.96-3.08 1.7-4.52-.15-.25-.7-.96-1.2-1.38Z",
|
4152
|
-
fill: mainColor
|
4153
|
-
}
|
4154
|
-
), /* @__PURE__ */ React87__default.createElement(
|
4155
|
-
"path",
|
4156
|
-
{
|
4157
|
-
d: "M53.78 1.44a4.64 4.64 0 0 0-4.17.93A10.79 10.79 0 0 0 46.19 8L34.53 47.72c-.58 1.93-1.2 3.75-2.56 4.87-.62.5-1.4.86-2.39 1.01a.04.04 0 0 0 0 .08h1.8c1.57 0 2.69-.41 3.53-1.1 1.36-1.1 1.98-2.93 2.56-4.86L49.05 8.3c.73-2.74 1.95-4.63 3.43-5.9.43-.36.88-.68 1.35-.95l-.05-.01Z",
|
4158
|
-
fill: accentColor
|
4159
|
-
}
|
4160
|
-
)), /* @__PURE__ */ React87__default.createElement(
|
4161
|
-
"path",
|
4162
|
-
{
|
4163
|
-
fillRule: "evenodd",
|
4164
|
-
clipRule: "evenodd",
|
4165
|
-
d: "M26.55 50.33a9.09 9.09 0 0 1-1.24-2.7c-.44-1.54-12.46-42.5-12.46-42.5C11.82 1.56 10.2.07 7.22.07H5.4a.04.04 0 0 0 0 .08C7.67.5 9 2.04 9.9 5.13l12.46 42.5c.65 2.28 1.53 3.74 2.5 4.65.7-.4 1.29-1.05 1.69-1.95Z",
|
4166
|
-
fill: mainColor
|
4167
|
-
}
|
4168
|
-
));
|
4169
|
-
};
|
4170
|
-
|
4171
|
-
// src/logo/VyLogo.tsx
|
4172
|
-
var VyLogo = ({ colorScheme, ...boxProps }) => {
|
4173
|
-
const { isPride } = usePride();
|
4174
|
-
if (isPride) {
|
4175
|
-
return /* @__PURE__ */ React87__default.createElement(VyLogoPride, { colorScheme, ...boxProps });
|
4176
|
-
}
|
4177
|
-
return /* @__PURE__ */ React87__default.createElement(VyLogoDefault, { colorScheme, ...boxProps });
|
4178
|
-
};
|
4179
4092
|
var CargonetLogo = ({
|
4180
4093
|
colorScheme,
|
4181
4094
|
...boxProps
|
4182
4095
|
}) => {
|
4183
4096
|
const mainColor = "#DF8200";
|
4184
4097
|
const accentColor = colorScheme === "light" ? "#383E42" : "#ffffff";
|
4185
|
-
return /* @__PURE__ */
|
4098
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { as: "svg", viewBox: "0 0 251 52", ...boxProps }, /* @__PURE__ */ React86__default.createElement("title", null, "Cargonet logo"), /* @__PURE__ */ React86__default.createElement(
|
4186
4099
|
"path",
|
4187
4100
|
{
|
4188
4101
|
d: "M87.9222 14.602L84.3862 18.7417C81.1953 15.9821 79.1685 15.2914 76.5379 15.2914C70.933 15.2914 67.4398 19.5609 67.4398 26.029C67.4398 32.5834 71.0186 36.8523 76.4089 36.8523C79.6855 36.8523 81.6694 35.6447 84.9038 32.9285L88.3969 36.982C84.645 40.5608 81.1524 42.1134 76.4951 42.1134C66.9651 42.1134 61.2733 35.214 61.2733 25.9856C61.2733 16.9732 66.7492 10.0309 76.5379 10.0309C81.2387 10.0309 84.3 11.4533 87.9222 14.602Z",
|
4189
4102
|
fill: accentColor
|
4190
4103
|
}
|
4191
|
-
), /* @__PURE__ */
|
4104
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4192
4105
|
"path",
|
4193
4106
|
{
|
4194
4107
|
d: "M106.461 41.3802C106.159 40.5604 105.986 39.5259 105.857 38.4046C104.693 40.6038 102.408 42.1131 98.6988 42.1131C94.4299 42.1131 90.8511 40.216 90.8511 35.774C90.8511 30.9013 95.1628 29.1333 100.812 28.1417L105.598 27.3225V26.7187C105.598 24.3903 103.917 23.1399 101.416 23.1399C98.4829 23.1399 96.5858 24.476 94.4734 26.6759L91.0231 23.5712C93.9124 20.2934 97.1468 18.6117 101.373 18.6117C107.754 18.6117 110.946 21.846 110.946 26.5028V35.9037C110.946 38.448 111.118 40.216 111.506 41.3802H106.461ZM105.598 32.6265V31.1607L101.373 31.9364C98.0093 32.5836 96.2414 33.4022 96.2414 35.3861C96.2414 36.9388 97.5346 37.9299 99.8202 37.9299C102.666 37.9299 105.598 36.4647 105.598 32.6265Z",
|
4195
4108
|
fill: accentColor
|
4196
4109
|
}
|
4197
|
-
), /* @__PURE__ */
|
4110
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4198
4111
|
"path",
|
4199
4112
|
{
|
4200
4113
|
d: "M130.65 19.6469L129.572 24.5625C128.537 24.2614 127.373 24.0455 126.295 24.0455C123.233 24.0455 121.422 26.4601 121.422 30.5565V41.3803H115.816V25.8563C115.816 22.8813 115.644 20.8111 115.385 19.3448H120.603C120.818 20.1645 120.991 21.4578 121.034 23.0967C122.112 20.5524 123.88 18.9569 126.812 18.9569C128.192 18.9569 129.529 19.2157 130.65 19.6469Z",
|
4201
4114
|
fill: accentColor
|
4202
4115
|
}
|
4203
|
-
), /* @__PURE__ */
|
4116
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4204
4117
|
"path",
|
4205
4118
|
{
|
4206
4119
|
d: "M152.813 19.3447V40.6896C152.813 46.9859 148.156 50.1768 142.075 50.1768C138.669 50.1768 135.219 49.3142 132.028 47.4172L134.745 43.3202C137.289 44.8729 139.532 45.692 141.99 45.692C145.008 45.692 147.336 44.269 147.336 40.3018V37.4993C146.043 39.5255 143.93 40.8199 140.911 40.8199C135.349 40.8199 131.209 36.3779 131.209 29.7373C131.209 23.0966 135.349 18.6118 140.911 18.6118C144.188 18.6118 146.345 20.0782 147.639 22.3631V19.3447H152.813ZM147.509 29.7373C147.509 25.9425 145.267 23.3988 142.162 23.3988C138.971 23.3988 136.858 25.9425 136.858 29.7373C136.858 33.5314 138.971 36.0763 142.162 36.0763C145.267 36.0763 147.509 33.5314 147.509 29.7373Z",
|
4207
4120
|
fill: accentColor
|
4208
4121
|
}
|
4209
|
-
), /* @__PURE__ */
|
4122
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4210
4123
|
"path",
|
4211
4124
|
{
|
4212
4125
|
d: "M178.72 30.341C178.72 37.3267 173.976 42.0702 167.292 42.0702C160.609 42.0702 155.866 37.3267 155.866 30.341C155.866 23.3553 160.609 18.6117 167.292 18.6117C173.976 18.6117 178.72 23.3553 178.72 30.341ZM161.557 30.341C161.557 34.6967 163.886 37.4992 167.292 37.4992C170.699 37.4992 173.028 34.6967 173.028 30.341C173.028 26.0721 170.699 23.1828 167.292 23.1828C163.886 23.1828 161.557 26.0721 161.557 30.341Z",
|
4213
4126
|
fill: accentColor
|
4214
4127
|
}
|
4215
|
-
), /* @__PURE__ */
|
4128
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4216
4129
|
"path",
|
4217
4130
|
{
|
4218
4131
|
d: "M208.903 10.7638V41.38H202.478L194.673 28.9612C192.516 25.5115 190.403 22.1046 188.635 18.8274C188.851 22.4497 188.937 26.4598 188.937 30.8155V41.38H183.029V10.7638H189.585L197.82 23.9589C199.717 26.9773 201.616 29.9529 203.21 32.8851C203.081 29.6507 203.038 26.0719 203.038 21.8893V10.7638H208.903Z",
|
4219
4132
|
fill: mainColor
|
4220
4133
|
}
|
4221
|
-
), /* @__PURE__ */
|
4134
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4222
4135
|
"path",
|
4223
4136
|
{
|
4224
4137
|
d: "M233.663 37.7578C230.386 41.035 227.324 42.0707 223.788 42.0707C216.672 42.0707 212.231 37.499 212.231 30.4705C212.231 23.6573 216.371 18.6116 223.313 18.6116C230.041 18.6116 233.619 22.8376 233.619 29.6079C233.619 30.2546 233.577 31.2897 233.534 31.6781H217.578C218.009 35.0844 220.08 37.499 223.917 37.499C226.505 37.499 228.144 36.5936 230.6 34.4378L233.663 37.7578ZM217.708 27.9262H228.359C228.144 24.8644 226.376 22.881 223.227 22.881C220.123 22.881 218.311 24.8644 217.708 27.9262Z",
|
4225
4138
|
fill: mainColor
|
4226
4139
|
}
|
4227
|
-
), /* @__PURE__ */
|
4140
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4228
4141
|
"path",
|
4229
4142
|
{
|
4230
4143
|
d: "M250.41 41.0785C248.556 41.6817 246.789 41.8976 245.538 41.8976C240.88 41.8976 239.198 39.8709 239.198 35.7739V23.4415H235.275V19.3445H239.198V12.6182H244.805V19.3445H250.066V23.4415H244.805V34.8257C244.805 36.5937 245.624 37.0244 247.047 37.0244C247.651 37.0244 248.47 36.9387 249.721 36.6365L250.41 41.0785Z",
|
4231
4144
|
fill: mainColor
|
4232
4145
|
}
|
4233
|
-
), /* @__PURE__ */
|
4146
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4234
4147
|
"path",
|
4235
4148
|
{
|
4236
4149
|
d: "M21.4911 10.2565H31.1579V0.589175H21.4911V10.2565Z",
|
4237
4150
|
fill: mainColor
|
4238
4151
|
}
|
4239
|
-
), /* @__PURE__ */
|
4152
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4240
4153
|
"path",
|
4241
4154
|
{
|
4242
4155
|
d: "M41.3861 10.8855H31.7757V20.5528H41.3861V10.8855Z",
|
4243
4156
|
fill: mainColor
|
4244
4157
|
}
|
4245
|
-
), /* @__PURE__ */
|
4158
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4246
4159
|
"path",
|
4247
4160
|
{
|
4248
4161
|
d: "M42.0022 10.2547H51.6126V0.587402H42.0022V10.2547Z",
|
4249
4162
|
fill: mainColor
|
4250
4163
|
}
|
4251
|
-
), /* @__PURE__ */
|
4164
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4252
4165
|
"path",
|
4253
4166
|
{
|
4254
4167
|
d: "M21.477 30.7758H31.1431V21.1654H21.477V30.7758Z",
|
4255
4168
|
fill: mainColor
|
4256
4169
|
}
|
4257
|
-
), /* @__PURE__ */
|
4170
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4258
4171
|
"path",
|
4259
4172
|
{
|
4260
4173
|
d: "M11.2124 20.5493H20.8791V10.8826H11.2124V20.5493Z",
|
4261
4174
|
fill: mainColor
|
4262
4175
|
}
|
4263
|
-
), /* @__PURE__ */
|
4176
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4264
4177
|
"path",
|
4265
4178
|
{
|
4266
4179
|
d: "M0.910156 30.7911H10.5775V21.1801H0.910156V30.7911Z",
|
4267
4180
|
fill: mainColor
|
4268
4181
|
}
|
4269
|
-
), /* @__PURE__ */
|
4182
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4270
4183
|
"path",
|
4271
4184
|
{
|
4272
4185
|
d: "M11.1948 41.0258H20.8615V31.4154H11.1948V41.0258Z",
|
4273
4186
|
fill: mainColor
|
4274
4187
|
}
|
4275
|
-
), /* @__PURE__ */
|
4188
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4276
4189
|
"path",
|
4277
4190
|
{
|
4278
4191
|
d: "M31.7669 41.0581H41.4336V31.3908H31.7669V41.0581Z",
|
4279
4192
|
fill: mainColor
|
4280
4193
|
}
|
4281
|
-
), /* @__PURE__ */
|
4194
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4282
4195
|
"path",
|
4283
4196
|
{
|
4284
4197
|
d: "M21.4776 51.2277H31.1443V41.656H21.4776V51.2277Z",
|
4285
4198
|
fill: mainColor
|
4286
4199
|
}
|
4287
|
-
), /* @__PURE__ */
|
4200
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4288
4201
|
"path",
|
4289
4202
|
{
|
4290
4203
|
d: "M42.0615 51.2283H51.7282V41.6989H42.0615V51.2283Z",
|
@@ -4303,7 +4216,7 @@ var JumpButton = ({
|
|
4303
4216
|
variant: "jumpSkip",
|
4304
4217
|
size: size2
|
4305
4218
|
});
|
4306
|
-
return /* @__PURE__ */
|
4219
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4307
4220
|
Center,
|
4308
4221
|
{
|
4309
4222
|
as: "button",
|
@@ -4312,7 +4225,7 @@ var JumpButton = ({
|
|
4312
4225
|
disabled: isDisabled,
|
4313
4226
|
...props
|
4314
4227
|
},
|
4315
|
-
direction2 === "forward" ? /* @__PURE__ */
|
4228
|
+
direction2 === "forward" ? /* @__PURE__ */ React86__default.createElement(Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__default.createElement(Backward15MediaControllerFill30Icon, { sx: styles3.icon })
|
4316
4229
|
);
|
4317
4230
|
};
|
4318
4231
|
var texts17 = createTexts({
|
@@ -4340,7 +4253,7 @@ var PlayPauseButton = ({
|
|
4340
4253
|
variant: "play",
|
4341
4254
|
size: size2
|
4342
4255
|
});
|
4343
|
-
return /* @__PURE__ */
|
4256
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4344
4257
|
Center,
|
4345
4258
|
{
|
4346
4259
|
as: "button",
|
@@ -4349,7 +4262,7 @@ var PlayPauseButton = ({
|
|
4349
4262
|
disabled: isDisabled,
|
4350
4263
|
...props
|
4351
4264
|
},
|
4352
|
-
isPlaying ? /* @__PURE__ */
|
4265
|
+
isPlaying ? /* @__PURE__ */ React86__default.createElement(PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__default.createElement(PlayMediaControllerFill24Icon, { sx: styles3.icon })
|
4353
4266
|
);
|
4354
4267
|
};
|
4355
4268
|
var texts18 = createTexts({
|
@@ -4377,7 +4290,7 @@ var SkipButton = ({
|
|
4377
4290
|
variant: "jumpSkip",
|
4378
4291
|
size: size2
|
4379
4292
|
});
|
4380
|
-
return /* @__PURE__ */
|
4293
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4381
4294
|
Center,
|
4382
4295
|
{
|
4383
4296
|
as: "button",
|
@@ -4386,7 +4299,7 @@ var SkipButton = ({
|
|
4386
4299
|
disabled: isDisabled,
|
4387
4300
|
...props
|
4388
4301
|
},
|
4389
|
-
direction2 === "forward" ? /* @__PURE__ */
|
4302
|
+
direction2 === "forward" ? /* @__PURE__ */ React86__default.createElement(NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__default.createElement(PreviousMediaControllerFill30Icon, { sx: styles3.icon })
|
4390
4303
|
);
|
4391
4304
|
};
|
4392
4305
|
var texts19 = createTexts({
|
@@ -4409,13 +4322,13 @@ var ModalHeader = forwardRef(
|
|
4409
4322
|
fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
|
4410
4323
|
textAlign: size2 === "lg" ? "center" : "left"
|
4411
4324
|
};
|
4412
|
-
return /* @__PURE__ */
|
4325
|
+
return /* @__PURE__ */ React86__default.createElement(ModalHeader$1, { ...props, ref, ...styles3 });
|
4413
4326
|
}
|
4414
4327
|
);
|
4415
4328
|
|
4416
4329
|
// src/modal/Drawer.tsx
|
4417
4330
|
var Drawer = (props) => {
|
4418
|
-
return /* @__PURE__ */
|
4331
|
+
return /* @__PURE__ */ React86__default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React86__default.createElement(Drawer$1, { ...props }));
|
4419
4332
|
};
|
4420
4333
|
var DrawerContent = forwardRef(
|
4421
4334
|
({ children, ...props }, ref) => {
|
@@ -4432,7 +4345,7 @@ var DrawerContent = forwardRef(
|
|
4432
4345
|
});
|
4433
4346
|
const isTopOrBottom = placement === "top" || placement === "bottom";
|
4434
4347
|
const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
|
4435
|
-
return /* @__PURE__ */
|
4348
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { ...handlers }, /* @__PURE__ */ React86__default.createElement(
|
4436
4349
|
DrawerContent$1,
|
4437
4350
|
{
|
4438
4351
|
...widthConstraits,
|
@@ -4441,13 +4354,13 @@ var DrawerContent = forwardRef(
|
|
4441
4354
|
...props,
|
4442
4355
|
ref
|
4443
4356
|
},
|
4444
|
-
/* @__PURE__ */
|
4357
|
+
/* @__PURE__ */ React86__default.createElement(Box, { position: "relative" }, /* @__PURE__ */ React86__default.createElement(Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React86__default.createElement(Notch, null), /* @__PURE__ */ React86__default.createElement(Box, null, children)))
|
4445
4358
|
));
|
4446
4359
|
}
|
4447
4360
|
);
|
4448
4361
|
var Notch = forwardRef((props, ref) => {
|
4449
4362
|
const placement = useDrawerContext();
|
4450
|
-
return /* @__PURE__ */
|
4363
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4451
4364
|
Box,
|
4452
4365
|
{
|
4453
4366
|
position: "absolute",
|
@@ -4459,14 +4372,14 @@ var Notch = forwardRef((props, ref) => {
|
|
4459
4372
|
...props,
|
4460
4373
|
ref
|
4461
4374
|
},
|
4462
|
-
/* @__PURE__ */
|
4375
|
+
/* @__PURE__ */ React86__default.createElement(
|
4463
4376
|
Center,
|
4464
4377
|
{
|
4465
4378
|
background: placement === "bottom" ? "bottom" : "top",
|
4466
4379
|
padding: 2,
|
4467
4380
|
borderRadius: "md"
|
4468
4381
|
},
|
4469
|
-
/* @__PURE__ */
|
4382
|
+
/* @__PURE__ */ React86__default.createElement(
|
4470
4383
|
Box,
|
4471
4384
|
{
|
4472
4385
|
width: "2.265rem",
|
@@ -4478,17 +4391,17 @@ var Notch = forwardRef((props, ref) => {
|
|
4478
4391
|
)
|
4479
4392
|
);
|
4480
4393
|
});
|
4481
|
-
var DrawerContext =
|
4482
|
-
var DrawerProvider = (props) => /* @__PURE__ */
|
4394
|
+
var DrawerContext = React86__default.createContext(void 0);
|
4395
|
+
var DrawerProvider = (props) => /* @__PURE__ */ React86__default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
|
4483
4396
|
var useDrawerContext = () => {
|
4484
|
-
return
|
4397
|
+
return React86__default.useContext(DrawerContext);
|
4485
4398
|
};
|
4486
4399
|
var FullScreenDrawer = ({
|
4487
4400
|
children,
|
4488
4401
|
title,
|
4489
4402
|
placement = "bottom",
|
4490
|
-
leftButton = /* @__PURE__ */
|
4491
|
-
rightButton = /* @__PURE__ */
|
4403
|
+
leftButton = /* @__PURE__ */ React86__default.createElement(DrawerBackButton, null),
|
4404
|
+
rightButton = /* @__PURE__ */ React86__default.createElement(DrawerCloseButton2, null),
|
4492
4405
|
isOpen,
|
4493
4406
|
onClose,
|
4494
4407
|
body
|
@@ -4505,7 +4418,7 @@ var FullScreenDrawer = ({
|
|
4505
4418
|
useEffect(() => {
|
4506
4419
|
setContentBoxScrolled(false);
|
4507
4420
|
}, [isOpen]);
|
4508
|
-
return /* @__PURE__ */
|
4421
|
+
return /* @__PURE__ */ React86__default.createElement(Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React86__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React86__default.createElement(
|
4509
4422
|
DrawerContent$1,
|
4510
4423
|
{
|
4511
4424
|
height: "100vh",
|
@@ -4513,7 +4426,7 @@ var FullScreenDrawer = ({
|
|
4513
4426
|
backgroundPosition: "top",
|
4514
4427
|
backgroundRepeat: "no-repeat"
|
4515
4428
|
},
|
4516
|
-
/* @__PURE__ */
|
4429
|
+
/* @__PURE__ */ React86__default.createElement(
|
4517
4430
|
DrawerTopMenu,
|
4518
4431
|
{
|
4519
4432
|
isScrolled: isContentBoxScrolled,
|
@@ -4522,7 +4435,7 @@ var FullScreenDrawer = ({
|
|
4522
4435
|
rightButton
|
4523
4436
|
}
|
4524
4437
|
),
|
4525
|
-
/* @__PURE__ */
|
4438
|
+
/* @__PURE__ */ React86__default.createElement(DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
|
4526
4439
|
));
|
4527
4440
|
};
|
4528
4441
|
var DrawerTopMenu = ({
|
@@ -4535,7 +4448,7 @@ var DrawerTopMenu = ({
|
|
4535
4448
|
"bg.default.light",
|
4536
4449
|
"bg.default.dark"
|
4537
4450
|
);
|
4538
|
-
return /* @__PURE__ */
|
4451
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4539
4452
|
Flex,
|
4540
4453
|
{
|
4541
4454
|
width: "100%",
|
@@ -4548,8 +4461,8 @@ var DrawerTopMenu = ({
|
|
4548
4461
|
transition: "box-shadow 0.2s",
|
4549
4462
|
boxShadow: isScrolled ? "md" : void 0
|
4550
4463
|
},
|
4551
|
-
/* @__PURE__ */
|
4552
|
-
/* @__PURE__ */
|
4464
|
+
/* @__PURE__ */ React86__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React86__default.createElement(Box, { width: "fit-content" }, leftButton)),
|
4465
|
+
/* @__PURE__ */ React86__default.createElement(
|
4553
4466
|
DrawerHeader,
|
4554
4467
|
{
|
4555
4468
|
as: "h2",
|
@@ -4562,7 +4475,7 @@ var DrawerTopMenu = ({
|
|
4562
4475
|
},
|
4563
4476
|
title
|
4564
4477
|
),
|
4565
|
-
/* @__PURE__ */
|
4478
|
+
/* @__PURE__ */ React86__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React86__default.createElement(Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
|
4566
4479
|
);
|
4567
4480
|
};
|
4568
4481
|
var DrawerCloseButton2 = () => {
|
@@ -4572,11 +4485,11 @@ var DrawerCloseButton2 = () => {
|
|
4572
4485
|
`(min-width: ${tokens11__default.size.breakpoint.sm})`
|
4573
4486
|
);
|
4574
4487
|
if (isScreenSizeMinSm) {
|
4575
|
-
return /* @__PURE__ */
|
4488
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4576
4489
|
Button2,
|
4577
4490
|
{
|
4578
4491
|
variant: "ghost",
|
4579
|
-
leftIcon: /* @__PURE__ */
|
4492
|
+
leftIcon: /* @__PURE__ */ React86__default.createElement(CloseFill24Icon, null),
|
4580
4493
|
onClick: onClose,
|
4581
4494
|
"aria-label": t2(texts20.close),
|
4582
4495
|
width: "fit-content",
|
@@ -4585,11 +4498,11 @@ var DrawerCloseButton2 = () => {
|
|
4585
4498
|
t2(texts20.close)
|
4586
4499
|
);
|
4587
4500
|
}
|
4588
|
-
return /* @__PURE__ */
|
4501
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4589
4502
|
IconButton,
|
4590
4503
|
{
|
4591
4504
|
variant: "ghost",
|
4592
|
-
icon: /* @__PURE__ */
|
4505
|
+
icon: /* @__PURE__ */ React86__default.createElement(CloseFill30Icon, null),
|
4593
4506
|
onClick: onClose,
|
4594
4507
|
"aria-label": t2(texts20.close)
|
4595
4508
|
}
|
@@ -4602,11 +4515,11 @@ var DrawerBackButton = () => {
|
|
4602
4515
|
`(min-width: ${tokens11__default.size.breakpoint.sm})`
|
4603
4516
|
);
|
4604
4517
|
if (isScreenSizeMinSm) {
|
4605
|
-
return /* @__PURE__ */
|
4518
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4606
4519
|
Button2,
|
4607
4520
|
{
|
4608
4521
|
variant: "ghost",
|
4609
|
-
leftIcon: /* @__PURE__ */
|
4522
|
+
leftIcon: /* @__PURE__ */ React86__default.createElement(ArrowLeftFill24Icon, null),
|
4610
4523
|
onClick: onClose,
|
4611
4524
|
"aria-label": t2(texts20.backAriaLabel),
|
4612
4525
|
width: "fit-content",
|
@@ -4615,11 +4528,11 @@ var DrawerBackButton = () => {
|
|
4615
4528
|
t2(texts20.back)
|
4616
4529
|
);
|
4617
4530
|
}
|
4618
|
-
return /* @__PURE__ */
|
4531
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4619
4532
|
IconButton,
|
4620
4533
|
{
|
4621
4534
|
variant: "ghost",
|
4622
|
-
icon: /* @__PURE__ */
|
4535
|
+
icon: /* @__PURE__ */ React86__default.createElement(ArrowLeftFill30Icon, null),
|
4623
4536
|
onClick: onClose,
|
4624
4537
|
"aria-label": t2(texts20.close)
|
4625
4538
|
}
|
@@ -4658,7 +4571,7 @@ var SimpleDrawer = ({
|
|
4658
4571
|
body,
|
4659
4572
|
...props
|
4660
4573
|
}) => {
|
4661
|
-
return /* @__PURE__ */
|
4574
|
+
return /* @__PURE__ */ React86__default.createElement(Drawer, { placement, ...props }, /* @__PURE__ */ React86__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React86__default.createElement(DrawerContent, null, /* @__PURE__ */ React86__default.createElement(DrawerCloseButton, null), title && /* @__PURE__ */ React86__default.createElement(ModalHeader, null, title), /* @__PURE__ */ React86__default.createElement(DrawerBody, { ...body }, children)));
|
4662
4575
|
};
|
4663
4576
|
var EXPIRATION_DELAY = 1e3 * 60 * 60 * 24 * 30;
|
4664
4577
|
var Nudge = ({
|
@@ -4680,7 +4593,7 @@ var Nudge = ({
|
|
4680
4593
|
}
|
4681
4594
|
return null;
|
4682
4595
|
}
|
4683
|
-
return /* @__PURE__ */
|
4596
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4684
4597
|
Popover$1,
|
4685
4598
|
{
|
4686
4599
|
arrowSize: 12,
|
@@ -4688,8 +4601,8 @@ var Nudge = ({
|
|
4688
4601
|
defaultIsOpen: true,
|
4689
4602
|
...props
|
4690
4603
|
},
|
4691
|
-
/* @__PURE__ */
|
4692
|
-
/* @__PURE__ */
|
4604
|
+
/* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, children),
|
4605
|
+
/* @__PURE__ */ React86__default.createElement(PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React86__default.createElement(DarkMode, null, /* @__PURE__ */ React86__default.createElement(PopoverArrow, null), /* @__PURE__ */ React86__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React86__default.createElement(PopoverBody, { margin: 1 }, /* @__PURE__ */ React86__default.createElement(Box, { marginRight: 4 }, content), /* @__PURE__ */ React86__default.createElement(Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React86__default.createElement(ButtonGroup, null, /* @__PURE__ */ React86__default.createElement(Button2, { variant: "tertiary", size: "xs" }, t2(texts21.close)), /* @__PURE__ */ React86__default.createElement(Button2, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts21.showMe)))))))
|
4693
4606
|
);
|
4694
4607
|
};
|
4695
4608
|
var texts21 = createTexts({
|
@@ -4717,19 +4630,19 @@ var WizardNudge = ({
|
|
4717
4630
|
const totalSteps = content.length;
|
4718
4631
|
const isLastStep = totalSteps === currentStep;
|
4719
4632
|
const onNext = () => setCurrentStep((prev) => prev + 1);
|
4720
|
-
return /* @__PURE__ */
|
4633
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4721
4634
|
Nudge,
|
4722
4635
|
{
|
4723
4636
|
onClose,
|
4724
4637
|
name,
|
4725
4638
|
content: content[currentStep - 1],
|
4726
|
-
actions: /* @__PURE__ */
|
4639
|
+
actions: /* @__PURE__ */ React86__default.createElement(Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React86__default.createElement(
|
4727
4640
|
ProgressIndicator,
|
4728
4641
|
{
|
4729
4642
|
activeStep: currentStep,
|
4730
4643
|
numberOfSteps: totalSteps
|
4731
4644
|
}
|
4732
|
-
), /* @__PURE__ */
|
4645
|
+
), /* @__PURE__ */ React86__default.createElement(Box, null, /* @__PURE__ */ React86__default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
|
4733
4646
|
...props
|
4734
4647
|
},
|
4735
4648
|
children
|
@@ -4738,12 +4651,12 @@ var WizardNudge = ({
|
|
4738
4651
|
var NextOrCloseButton = ({ isLastStep, onNext }) => {
|
4739
4652
|
const { onClose } = usePopoverContext();
|
4740
4653
|
const { t: t2 } = useTranslation();
|
4741
|
-
return /* @__PURE__ */
|
4654
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4742
4655
|
Button2,
|
4743
4656
|
{
|
4744
4657
|
variant: "tertiary",
|
4745
4658
|
size: "xs",
|
4746
|
-
leftIcon: isLastStep ? void 0 : /* @__PURE__ */
|
4659
|
+
leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React86__default.createElement(ArrowRightFill18Icon, null),
|
4747
4660
|
onClick: isLastStep ? onClose : onNext,
|
4748
4661
|
width: "fit-content"
|
4749
4662
|
},
|
@@ -4807,7 +4720,7 @@ var Pagination = ({
|
|
4807
4720
|
}
|
4808
4721
|
}
|
4809
4722
|
return displayPageNumbers.map(
|
4810
|
-
(pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */
|
4723
|
+
(pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React86__default.createElement(ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React86__default.createElement(Center, null, "...")) : /* @__PURE__ */ React86__default.createElement(
|
4811
4724
|
Link,
|
4812
4725
|
{
|
4813
4726
|
key: index,
|
@@ -4824,7 +4737,7 @@ var Pagination = ({
|
|
4824
4737
|
)
|
4825
4738
|
);
|
4826
4739
|
};
|
4827
|
-
return /* @__PURE__ */
|
4740
|
+
return /* @__PURE__ */ React86__default.createElement(Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React86__default.createElement(
|
4828
4741
|
UnorderedList,
|
4829
4742
|
{
|
4830
4743
|
display: "flex",
|
@@ -4833,22 +4746,22 @@ var Pagination = ({
|
|
4833
4746
|
padding: 0,
|
4834
4747
|
margin: 0
|
4835
4748
|
},
|
4836
|
-
/* @__PURE__ */
|
4749
|
+
/* @__PURE__ */ React86__default.createElement(ListItem, { "aria-label": t2(texts23.previousPage) }, /* @__PURE__ */ React86__default.createElement(
|
4837
4750
|
TextLink,
|
4838
4751
|
{
|
4839
4752
|
onClick: () => onPageChange(selectedPage - 1),
|
4840
4753
|
sx: hasPreviousPage ? style.link : style.disabled
|
4841
4754
|
},
|
4842
|
-
/* @__PURE__ */
|
4755
|
+
/* @__PURE__ */ React86__default.createElement(DropdownLeftFill18Icon, { sx: style.icon })
|
4843
4756
|
)),
|
4844
4757
|
renderPaginationButtons(),
|
4845
|
-
/* @__PURE__ */
|
4758
|
+
/* @__PURE__ */ React86__default.createElement(ListItem, { "aria-label": t2(texts23.nextPage) }, /* @__PURE__ */ React86__default.createElement(
|
4846
4759
|
TextLink,
|
4847
4760
|
{
|
4848
4761
|
onClick: () => onPageChange(selectedPage + 1),
|
4849
4762
|
sx: hasNextPage ? style.link : style.disabled
|
4850
4763
|
},
|
4851
|
-
/* @__PURE__ */
|
4764
|
+
/* @__PURE__ */ React86__default.createElement(DropdownRightFill18Icon, { sx: style.icon })
|
4852
4765
|
))
|
4853
4766
|
));
|
4854
4767
|
};
|
@@ -4868,7 +4781,7 @@ var texts23 = createTexts({
|
|
4868
4781
|
});
|
4869
4782
|
var ProgressDot = ({ isActive }) => {
|
4870
4783
|
const style = useMultiStyleConfig("ProgressIndicator");
|
4871
|
-
return /* @__PURE__ */
|
4784
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4872
4785
|
Box,
|
4873
4786
|
{
|
4874
4787
|
as: "svg",
|
@@ -4878,7 +4791,7 @@ var ProgressDot = ({ isActive }) => {
|
|
4878
4791
|
viewBox: "0 0 100 100",
|
4879
4792
|
"aria-current": isActive ? "step" : void 0
|
4880
4793
|
},
|
4881
|
-
/* @__PURE__ */
|
4794
|
+
/* @__PURE__ */ React86__default.createElement(Box, { as: "circle", cx: "50", cy: "50", r: "50" })
|
4882
4795
|
);
|
4883
4796
|
};
|
4884
4797
|
|
@@ -4889,7 +4802,7 @@ var ProgressIndicator = ({
|
|
4889
4802
|
}) => {
|
4890
4803
|
const { t: t2 } = useTranslation();
|
4891
4804
|
const style = useMultiStyleConfig("ProgressIndicator");
|
4892
|
-
return /* @__PURE__ */
|
4805
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4893
4806
|
Box,
|
4894
4807
|
{
|
4895
4808
|
__css: style.root,
|
@@ -4899,7 +4812,7 @@ var ProgressIndicator = ({
|
|
4899
4812
|
"aria-valuenow": activeStep,
|
4900
4813
|
"aria-valuetext": t2(texts24.stepsOf(activeStep, numberOfSteps))
|
4901
4814
|
},
|
4902
|
-
/* @__PURE__ */
|
4815
|
+
/* @__PURE__ */ React86__default.createElement(Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React86__default.createElement(
|
4903
4816
|
ProgressDot,
|
4904
4817
|
{
|
4905
4818
|
key: i,
|
@@ -4926,9 +4839,9 @@ var SporProvider = ({
|
|
4926
4839
|
}) => {
|
4927
4840
|
const brandCustomizations = brandTheme[brand] ?? {};
|
4928
4841
|
const extendedTheme = deepmerge(theme3, brandCustomizations);
|
4929
|
-
return /* @__PURE__ */
|
4842
|
+
return /* @__PURE__ */ React86__default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React86__default.createElement(ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React86__default.createElement(Global, { styles: fontFaces }), children));
|
4930
4843
|
};
|
4931
|
-
var StepperContext =
|
4844
|
+
var StepperContext = React86__default.createContext(null);
|
4932
4845
|
var StepperProvider = ({
|
4933
4846
|
activeStep,
|
4934
4847
|
children,
|
@@ -4936,7 +4849,7 @@ var StepperProvider = ({
|
|
4936
4849
|
numberOfSteps,
|
4937
4850
|
variant
|
4938
4851
|
}) => {
|
4939
|
-
return /* @__PURE__ */
|
4852
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4940
4853
|
StepperContext.Provider,
|
4941
4854
|
{
|
4942
4855
|
value: { activeStep, onClick, numberOfSteps, variant }
|
@@ -4945,7 +4858,7 @@ var StepperProvider = ({
|
|
4945
4858
|
);
|
4946
4859
|
};
|
4947
4860
|
var useStepper = () => {
|
4948
|
-
const context =
|
4861
|
+
const context = React86__default.useContext(StepperContext);
|
4949
4862
|
if (!context) {
|
4950
4863
|
throw new Error(
|
4951
4864
|
"useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
|
@@ -4973,7 +4886,7 @@ var Stepper = ({
|
|
4973
4886
|
const { t: t2 } = useTranslation();
|
4974
4887
|
const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
|
4975
4888
|
const shownHeading = heading || title;
|
4976
|
-
return /* @__PURE__ */
|
4889
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { sx: style.root }, /* @__PURE__ */ React86__default.createElement(
|
4977
4890
|
StepperProvider,
|
4978
4891
|
{
|
4979
4892
|
onClick,
|
@@ -4981,7 +4894,7 @@ var Stepper = ({
|
|
4981
4894
|
variant,
|
4982
4895
|
numberOfSteps
|
4983
4896
|
},
|
4984
|
-
/* @__PURE__ */
|
4897
|
+
/* @__PURE__ */ React86__default.createElement(Box, { sx: style.container }, /* @__PURE__ */ React86__default.createElement(Box, { sx: style.innerContainer }, /* @__PURE__ */ React86__default.createElement(
|
4985
4898
|
Flex,
|
4986
4899
|
{
|
4987
4900
|
justifyContent: "space-between",
|
@@ -4989,11 +4902,11 @@ var Stepper = ({
|
|
4989
4902
|
gap: 2,
|
4990
4903
|
flex: 1
|
4991
4904
|
},
|
4992
|
-
/* @__PURE__ */
|
4905
|
+
/* @__PURE__ */ React86__default.createElement(
|
4993
4906
|
IconButton,
|
4994
4907
|
{
|
4995
4908
|
"aria-label": t2(texts25.back),
|
4996
|
-
icon: /* @__PURE__ */
|
4909
|
+
icon: /* @__PURE__ */ React86__default.createElement(ArrowLeftFill24Icon, null),
|
4997
4910
|
variant: "ghost",
|
4998
4911
|
size: "sm",
|
4999
4912
|
visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
|
@@ -5006,9 +4919,9 @@ var Stepper = ({
|
|
5006
4919
|
}
|
5007
4920
|
}
|
5008
4921
|
),
|
5009
|
-
shownHeading && /* @__PURE__ */
|
5010
|
-
/* @__PURE__ */
|
5011
|
-
)), /* @__PURE__ */
|
4922
|
+
shownHeading && /* @__PURE__ */ React86__default.createElement(Text4, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
|
4923
|
+
/* @__PURE__ */ React86__default.createElement(Box, { sx: style.stepCounter }, t2(texts25.stepsOf(activeStep, numberOfSteps)))
|
4924
|
+
)), /* @__PURE__ */ React86__default.createElement(Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React86__default.createElement(
|
5012
4925
|
StepperStep,
|
5013
4926
|
{
|
5014
4927
|
key: index,
|
@@ -5053,14 +4966,14 @@ var StepperStep = ({
|
|
5053
4966
|
);
|
5054
4967
|
const iconColor = useColorModeValue("blackAlpha.200", "whiteAlpha.200");
|
5055
4968
|
const isDisabled = state2 !== "active" && isDisabledOverride || state2 === "disabled";
|
5056
|
-
return /* @__PURE__ */
|
4969
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React86__default.createElement(
|
5057
4970
|
DropdownRightFill18Icon,
|
5058
4971
|
{
|
5059
4972
|
marginX: 5,
|
5060
4973
|
display: ["none", null, "block"],
|
5061
4974
|
color: iconColor
|
5062
4975
|
}
|
5063
|
-
), isDisabled ? /* @__PURE__ */
|
4976
|
+
), isDisabled ? /* @__PURE__ */ React86__default.createElement(
|
5064
4977
|
Text4,
|
5065
4978
|
{
|
5066
4979
|
variant: "xs",
|
@@ -5070,7 +4983,7 @@ var StepperStep = ({
|
|
5070
4983
|
paddingX: 2
|
5071
4984
|
},
|
5072
4985
|
children
|
5073
|
-
) : /* @__PURE__ */
|
4986
|
+
) : /* @__PURE__ */ React86__default.createElement(
|
5074
4987
|
Button2,
|
5075
4988
|
{
|
5076
4989
|
size: "xs",
|
@@ -5093,11 +5006,11 @@ var getState = (stepNumber, activeStep) => {
|
|
5093
5006
|
return "disabled";
|
5094
5007
|
};
|
5095
5008
|
var Tabs = forwardRef((props, ref) => {
|
5096
|
-
return /* @__PURE__ */
|
5009
|
+
return /* @__PURE__ */ React86.createElement(Tabs$1, { ...props, ref });
|
5097
5010
|
});
|
5098
5011
|
var Table = forwardRef((props, ref) => {
|
5099
5012
|
const { variant, size: size2, colorScheme, children, ...rest } = props;
|
5100
|
-
return /* @__PURE__ */
|
5013
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React86__default.createElement(Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React86__default.createElement(
|
5101
5014
|
Table$1,
|
5102
5015
|
{
|
5103
5016
|
variant,
|
@@ -12948,6 +12861,27 @@ var baseStyle44 = definePartsStyle28({
|
|
12948
12861
|
var list_default = defineMultiStyleConfig28({
|
12949
12862
|
baseStyle: baseStyle44
|
12950
12863
|
});
|
12864
|
+
function outlineBorder(state2, props) {
|
12865
|
+
switch (state2) {
|
12866
|
+
case "error":
|
12867
|
+
return {
|
12868
|
+
outlineColor: mode("outline.error.light", "outline.error.dark")(props)
|
12869
|
+
};
|
12870
|
+
case "focus":
|
12871
|
+
return {
|
12872
|
+
outlineColor: mode("outline.focus.light", "outline.focus.dark")(props)
|
12873
|
+
};
|
12874
|
+
default:
|
12875
|
+
return {
|
12876
|
+
outlineColor: mode(
|
12877
|
+
"outline.default.light",
|
12878
|
+
"outline.default.dark"
|
12879
|
+
)(props)
|
12880
|
+
};
|
12881
|
+
}
|
12882
|
+
}
|
12883
|
+
|
12884
|
+
// src/theme/components/listbox.ts
|
12951
12885
|
var parts11 = anatomy("ListBox").parts(
|
12952
12886
|
"container",
|
12953
12887
|
"item",
|
@@ -12979,12 +12913,12 @@ var config25 = helpers16.defineMultiStyleConfig({
|
|
12979
12913
|
_active: {
|
12980
12914
|
...ghostBackground("active", props)
|
12981
12915
|
},
|
12916
|
+
_focusVisible: {
|
12917
|
+
...outlineBorder("focus", props)
|
12918
|
+
},
|
12982
12919
|
_hover: {
|
12983
12920
|
...ghostBackground("hover", props)
|
12984
12921
|
},
|
12985
|
-
_focus: {
|
12986
|
-
...ghostBackground("selected", props)
|
12987
|
-
},
|
12988
12922
|
_selected: {
|
12989
12923
|
...ghostBackground("active", props)
|
12990
12924
|
}
|
@@ -13424,27 +13358,6 @@ var config32 = helpers23.defineMultiStyleConfig({
|
|
13424
13358
|
}
|
13425
13359
|
});
|
13426
13360
|
var progress_indicator_default = config32;
|
13427
|
-
function outlineBorder(state2, props) {
|
13428
|
-
switch (state2) {
|
13429
|
-
case "error":
|
13430
|
-
return {
|
13431
|
-
outlineColor: mode("outline.error.light", "outline.error.dark")(props)
|
13432
|
-
};
|
13433
|
-
case "focus":
|
13434
|
-
return {
|
13435
|
-
outlineColor: mode("outline.focus.light", "outline.focus.dark")(props)
|
13436
|
-
};
|
13437
|
-
default:
|
13438
|
-
return {
|
13439
|
-
outlineColor: mode(
|
13440
|
-
"outline.default.light",
|
13441
|
-
"outline.default.dark"
|
13442
|
-
)(props)
|
13443
|
-
};
|
13444
|
-
}
|
13445
|
-
}
|
13446
|
-
|
13447
|
-
// src/theme/components/radio-card.ts
|
13448
13361
|
var parts17 = anatomy$1("radio-card").parts(
|
13449
13362
|
"container",
|
13450
13363
|
"checked",
|
@@ -14433,12 +14346,12 @@ var brandTheme = {
|
|
14433
14346
|
};
|
14434
14347
|
var BaseToast = ({ children, variant, id }) => {
|
14435
14348
|
const styles3 = useStyleConfig("Toast", { variant });
|
14436
|
-
return /* @__PURE__ */
|
14349
|
+
return /* @__PURE__ */ React86__default.createElement(Flex, { sx: styles3, id }, /* @__PURE__ */ React86__default.createElement(ToastIcon, { variant }), children);
|
14437
14350
|
};
|
14438
14351
|
var ToastIcon = ({ variant }) => {
|
14439
14352
|
const Icon = getIcon3(variant);
|
14440
14353
|
const { t: t2 } = useTranslation();
|
14441
|
-
return /* @__PURE__ */
|
14354
|
+
return /* @__PURE__ */ React86__default.createElement(
|
14442
14355
|
Icon,
|
14443
14356
|
{
|
14444
14357
|
flexShrink: 0,
|
@@ -14488,7 +14401,7 @@ var ActionToast = ({
|
|
14488
14401
|
buttonText,
|
14489
14402
|
id
|
14490
14403
|
}) => {
|
14491
|
-
return /* @__PURE__ */
|
14404
|
+
return /* @__PURE__ */ React86__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React86__default.createElement(Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React86__default.createElement(Button2, { variant: "tertiary", size: "sm", onClick }, buttonText));
|
14492
14405
|
};
|
14493
14406
|
var ClosableToast = ({
|
14494
14407
|
children,
|
@@ -14498,13 +14411,13 @@ var ClosableToast = ({
|
|
14498
14411
|
}) => {
|
14499
14412
|
const styles3 = useMultiStyleConfig("Toast", { variant });
|
14500
14413
|
const { t: t2 } = useTranslation();
|
14501
|
-
return /* @__PURE__ */
|
14414
|
+
return /* @__PURE__ */ React86__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React86__default.createElement(Box, { flexGrow: "1" }, children), /* @__PURE__ */ React86__default.createElement(
|
14502
14415
|
IconButton,
|
14503
14416
|
{
|
14504
14417
|
sx: styles3.dismissButton,
|
14505
14418
|
variant: "ghost",
|
14506
14419
|
"aria-label": t2(texts27.dismiss),
|
14507
|
-
icon: /* @__PURE__ */
|
14420
|
+
icon: /* @__PURE__ */ React86__default.createElement(CloseFill18Icon, null),
|
14508
14421
|
onClick: onClose
|
14509
14422
|
}
|
14510
14423
|
));
|
@@ -14532,7 +14445,7 @@ var useToast = () => {
|
|
14532
14445
|
};
|
14533
14446
|
var getToastComponent = (opts) => {
|
14534
14447
|
if ("isClosable" in opts && opts.isClosable) {
|
14535
|
-
return ({ onClose, id }) => /* @__PURE__ */
|
14448
|
+
return ({ onClose, id }) => /* @__PURE__ */ React86__default.createElement(
|
14536
14449
|
ClosableToast,
|
14537
14450
|
{
|
14538
14451
|
id,
|
@@ -14548,7 +14461,7 @@ var getToastComponent = (opts) => {
|
|
14548
14461
|
);
|
14549
14462
|
}
|
14550
14463
|
if ("buttonText" in opts) {
|
14551
|
-
return ({ id }) => /* @__PURE__ */
|
14464
|
+
return ({ id }) => /* @__PURE__ */ React86__default.createElement(
|
14552
14465
|
ActionToast,
|
14553
14466
|
{
|
14554
14467
|
id,
|
@@ -14559,7 +14472,7 @@ var getToastComponent = (opts) => {
|
|
14559
14472
|
opts.text
|
14560
14473
|
);
|
14561
14474
|
}
|
14562
|
-
return ({ id }) => /* @__PURE__ */
|
14475
|
+
return ({ id }) => /* @__PURE__ */ React86__default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
|
14563
14476
|
};
|
14564
14477
|
var Tooltip = ({
|
14565
14478
|
children,
|
@@ -14572,7 +14485,7 @@ var Tooltip = ({
|
|
14572
14485
|
withCloseButton = false,
|
14573
14486
|
...props
|
14574
14487
|
}) => {
|
14575
|
-
return /* @__PURE__ */
|
14488
|
+
return /* @__PURE__ */ React86__default.createElement(
|
14576
14489
|
Popover$1,
|
14577
14490
|
{
|
14578
14491
|
onClose,
|
@@ -14584,8 +14497,8 @@ var Tooltip = ({
|
|
14584
14497
|
arrowShadowColor: "none",
|
14585
14498
|
...props
|
14586
14499
|
},
|
14587
|
-
/* @__PURE__ */
|
14588
|
-
/* @__PURE__ */
|
14500
|
+
/* @__PURE__ */ React86__default.createElement(PopoverTrigger, null, children),
|
14501
|
+
/* @__PURE__ */ React86__default.createElement(PopoverContent, null, /* @__PURE__ */ React86__default.createElement(PopoverArrow, null), withCloseButton && /* @__PURE__ */ React86__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React86__default.createElement(PopoverBody, null, content))
|
14589
14502
|
);
|
14590
14503
|
};
|
14591
14504
|
|
@@ -14694,4 +14607,4 @@ function slugify(text, maxLength = 50) {
|
|
14694
14607
|
return text.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[\u00C6\u00E6]/g, "ae").replace(/[\u00D8\u00F8]/g, "oe").replace(/[\u00C5\u00E5]/g, "aa").toLowerCase().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, "").substring(0, maxLength);
|
14695
14608
|
}
|
14696
14609
|
|
14697
|
-
export { Accordion, AttachedInputs, Badge, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button2 as Button, ButtonGroup, Card2 as Card, CardSelect, CargonetLogo, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, ColorInlineLoader, ColorSpinner, Combobox, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerContent, Expandable, ExpandableAlert, ExpandableItem, FloatingActionButton, FormControl, FormErrorMessage, FormLabel, FullScreenDrawer, Heading2 as Heading, IconButton, InfoSelect, InfoTag, Input, InputLeftElement2 as InputLeftElement, InputRightElement2 as InputRightElement, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightSpinner, LineIcon, ListBox, ModalHeader, NativeSelect, Nudge, NumericStepper, Pagination, PasswordInput, PhoneNumberInput, PlayPauseButton, PressableCard,
|
14610
|
+
export { Accordion, AttachedInputs, Badge, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button2 as Button, ButtonGroup, Card2 as Card, CardSelect, CargonetLogo, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, ColorInlineLoader, ColorSpinner, Combobox, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerContent, Expandable, ExpandableAlert, ExpandableItem, FloatingActionButton, FormControl, FormErrorMessage, FormLabel, FullScreenDrawer, Heading2 as Heading, IconButton, InfoSelect, InfoTag, Input, InputLeftElement2 as InputLeftElement, InputRightElement2 as InputRightElement, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightSpinner, LineIcon, ListBox, ModalHeader, NativeSelect, Nudge, NumericStepper, Pagination, PasswordInput, PhoneNumberInput, PlayPauseButton, PressableCard, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardGroupContext, RadioGroup, SearchInput, SimpleDrawer, Skeleton, SkeletonCircle, SkeletonText, SkipButton, SporProvider, Stack, StaticAlert, StaticCard, Stepper, StepperStep, Switch, Table, Tabs, Text4 as Text, TextLink, Textarea, TimePicker, Tooltip, TravelTag, VyLogo, VyLogoPride, WizardNudge, brandTheme, createTexts, fontFaces, slugify, theme, useSize, useToast, useTranslation };
|