@vygruppen/spor-react 9.14.1 → 9.15.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 +6 -0
- package/dist/{CountryCodeSelect-JADNUR4X.mjs → CountryCodeSelect-BF22CLZQ.mjs} +1 -1
- package/dist/{chunk-HKTFZRTD.mjs → chunk-NTYAUO4O.mjs} +437 -535
- package/dist/index.d.mts +1 -23
- package/dist/index.d.ts +1 -23
- package/dist/index.js +501 -635
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/index.tsx +0 -1
- 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/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
|
});
|
@@ -1087,7 +1087,7 @@ function Combobox({
|
|
1087
1087
|
},
|
1088
1088
|
state2
|
1089
1089
|
);
|
1090
|
-
return /* @__PURE__ */
|
1090
|
+
return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
|
1091
1091
|
Input,
|
1092
1092
|
{
|
1093
1093
|
...styleProps(comboBoxProps),
|
@@ -1097,7 +1097,7 @@ function Combobox({
|
|
1097
1097
|
borderBottomLeftRadius: state2.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
|
1098
1098
|
borderBottomRightRadius: state2.isOpen && !isLoading ? 0 : borderBottomRightRadius,
|
1099
1099
|
...inputProps,
|
1100
|
-
rightIcon: isLoading ? /* @__PURE__ */
|
1100
|
+
rightIcon: isLoading ? /* @__PURE__ */ React86__default.createElement(
|
1101
1101
|
ColorSpinner,
|
1102
1102
|
{
|
1103
1103
|
width: "1.5rem",
|
@@ -1112,7 +1112,7 @@ function Combobox({
|
|
1112
1112
|
}
|
1113
1113
|
) : rightIcon
|
1114
1114
|
}
|
1115
|
-
), state2.isOpen && !isLoading && /* @__PURE__ */
|
1115
|
+
), state2.isOpen && !isLoading && /* @__PURE__ */ React86__default.createElement(
|
1116
1116
|
Popover,
|
1117
1117
|
{
|
1118
1118
|
state: state2,
|
@@ -1124,7 +1124,7 @@ function Combobox({
|
|
1124
1124
|
hasBackdrop: false,
|
1125
1125
|
containerPadding: 0
|
1126
1126
|
},
|
1127
|
-
/* @__PURE__ */
|
1127
|
+
/* @__PURE__ */ React86__default.createElement(
|
1128
1128
|
ListBox,
|
1129
1129
|
{
|
1130
1130
|
...listBoxProps,
|
@@ -1166,7 +1166,7 @@ var debounce = (fn, ms = 100) => {
|
|
1166
1166
|
};
|
1167
1167
|
};
|
1168
1168
|
var FormControl = forwardRef((props, ref) => {
|
1169
|
-
return /* @__PURE__ */
|
1169
|
+
return /* @__PURE__ */ React86__default.createElement(FormControl$1, { ...props, ref });
|
1170
1170
|
});
|
1171
1171
|
var FormErrorMessage = ({
|
1172
1172
|
children,
|
@@ -1182,7 +1182,7 @@ var FormErrorMessage = ({
|
|
1182
1182
|
return null;
|
1183
1183
|
}
|
1184
1184
|
const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
|
1185
|
-
return /* @__PURE__ */
|
1185
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { position: "relative", ref }, /* @__PURE__ */ React86__default.createElement(
|
1186
1186
|
Box,
|
1187
1187
|
{
|
1188
1188
|
borderRadius: "xs",
|
@@ -1200,12 +1200,12 @@ var FormErrorMessage = ({
|
|
1200
1200
|
...errorMessageProps,
|
1201
1201
|
...boxProps
|
1202
1202
|
},
|
1203
|
-
/* @__PURE__ */
|
1203
|
+
/* @__PURE__ */ React86__default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
|
1204
1204
|
children
|
1205
1205
|
));
|
1206
1206
|
};
|
1207
1207
|
var Arrow = (props) => {
|
1208
|
-
return /* @__PURE__ */
|
1208
|
+
return /* @__PURE__ */ React86__default.createElement(
|
1209
1209
|
Box,
|
1210
1210
|
{
|
1211
1211
|
...props,
|
@@ -1216,7 +1216,7 @@ var Arrow = (props) => {
|
|
1216
1216
|
fill: "none",
|
1217
1217
|
transform: "rotate(45deg)"
|
1218
1218
|
},
|
1219
|
-
/* @__PURE__ */
|
1219
|
+
/* @__PURE__ */ React86__default.createElement(
|
1220
1220
|
Box,
|
1221
1221
|
{
|
1222
1222
|
as: "path",
|
@@ -1227,7 +1227,7 @@ var Arrow = (props) => {
|
|
1227
1227
|
);
|
1228
1228
|
};
|
1229
1229
|
var FormLabel = forwardRef((props, ref) => {
|
1230
|
-
return /* @__PURE__ */
|
1230
|
+
return /* @__PURE__ */ React86__default.createElement(FormLabel$1, { ...props, ref });
|
1231
1231
|
});
|
1232
1232
|
function ListBox({
|
1233
1233
|
isLoading,
|
@@ -1238,7 +1238,7 @@ function ListBox({
|
|
1238
1238
|
}) {
|
1239
1239
|
const { listBoxProps } = useListBox(props, state2, listBoxRef);
|
1240
1240
|
const styles3 = useMultiStyleConfig("ListBox", {});
|
1241
|
-
return /* @__PURE__ */
|
1241
|
+
return /* @__PURE__ */ React86__default.createElement(
|
1242
1242
|
List,
|
1243
1243
|
{
|
1244
1244
|
...listBoxProps,
|
@@ -1249,19 +1249,19 @@ function ListBox({
|
|
1249
1249
|
},
|
1250
1250
|
state2.collection.size === 0 && props.emptyContent,
|
1251
1251
|
Array.from(state2.collection).map(
|
1252
|
-
(item) => item.type === "section" ? /* @__PURE__ */
|
1252
|
+
(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
1253
|
)
|
1254
1254
|
);
|
1255
1255
|
}
|
1256
1256
|
function ItemLabel({ children }) {
|
1257
1257
|
let { labelProps } = useOptionContext();
|
1258
1258
|
const styles3 = useMultiStyleConfig("ListBox", {});
|
1259
|
-
return /* @__PURE__ */
|
1259
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { ...labelProps, sx: styles3.label }, children);
|
1260
1260
|
}
|
1261
1261
|
function ItemDescription({ children }) {
|
1262
1262
|
let { descriptionProps } = useOptionContext();
|
1263
1263
|
const styles3 = useMultiStyleConfig("ListBox", {});
|
1264
|
-
return /* @__PURE__ */
|
1264
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { ...descriptionProps, sx: styles3.description }, children);
|
1265
1265
|
}
|
1266
1266
|
function Option({ item, state: state2 }) {
|
1267
1267
|
const ref = useRef(null);
|
@@ -1294,9 +1294,9 @@ function Option({ item, state: state2 }) {
|
|
1294
1294
|
{ passive: false, once: true }
|
1295
1295
|
);
|
1296
1296
|
}, []);
|
1297
|
-
return /* @__PURE__ */
|
1297
|
+
return /* @__PURE__ */ React86__default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React86__default.createElement(ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
|
1298
1298
|
}
|
1299
|
-
var OptionContext =
|
1299
|
+
var OptionContext = React86__default.createContext({
|
1300
1300
|
labelProps: {},
|
1301
1301
|
descriptionProps: {}
|
1302
1302
|
});
|
@@ -1310,7 +1310,7 @@ function ListBoxSection({ section, state: state2 }) {
|
|
1310
1310
|
});
|
1311
1311
|
const isFirstSection = section.key === state2.collection.getFirstKey();
|
1312
1312
|
const titleColor = useColorModeValue("darkGrey", "white");
|
1313
|
-
return /* @__PURE__ */
|
1313
|
+
return /* @__PURE__ */ React86__default.createElement(ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React86__default.createElement(
|
1314
1314
|
Box,
|
1315
1315
|
{
|
1316
1316
|
fontSize: "mobile.xs",
|
@@ -1323,8 +1323,8 @@ function ListBoxSection({ section, state: state2 }) {
|
|
1323
1323
|
...headingProps
|
1324
1324
|
},
|
1325
1325
|
section.rendered
|
1326
|
-
), /* @__PURE__ */
|
1327
|
-
(item) => /* @__PURE__ */
|
1326
|
+
), /* @__PURE__ */ React86__default.createElement(List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
|
1327
|
+
(item) => /* @__PURE__ */ React86__default.createElement(Option, { key: item.key, item, state: state2 })
|
1328
1328
|
)));
|
1329
1329
|
}
|
1330
1330
|
|
@@ -1363,7 +1363,7 @@ function InfoSelect({
|
|
1363
1363
|
const { t: t2 } = useTranslation();
|
1364
1364
|
const formControl = useFormControlProps(props);
|
1365
1365
|
const hasChosenValue = state2.selectedItem !== null;
|
1366
|
-
return /* @__PURE__ */
|
1366
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React86__default.createElement(
|
1367
1367
|
HiddenSelect,
|
1368
1368
|
{
|
1369
1369
|
state: state2,
|
@@ -1371,7 +1371,7 @@ function InfoSelect({
|
|
1371
1371
|
label: props.label,
|
1372
1372
|
name: props.name
|
1373
1373
|
}
|
1374
|
-
), /* @__PURE__ */
|
1374
|
+
), /* @__PURE__ */ React86__default.createElement(
|
1375
1375
|
chakra.button,
|
1376
1376
|
{
|
1377
1377
|
type: "button",
|
@@ -1382,7 +1382,7 @@ function InfoSelect({
|
|
1382
1382
|
"aria-invalid": formControl.isInvalid,
|
1383
1383
|
"aria-describedby": formControl["aria-describedby"]
|
1384
1384
|
},
|
1385
|
-
/* @__PURE__ */
|
1385
|
+
/* @__PURE__ */ React86__default.createElement(chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React86__default.createElement(
|
1386
1386
|
chakra.div,
|
1387
1387
|
{
|
1388
1388
|
...labelProps,
|
@@ -1396,7 +1396,7 @@ function InfoSelect({
|
|
1396
1396
|
}
|
1397
1397
|
},
|
1398
1398
|
props.label
|
1399
|
-
), /* @__PURE__ */
|
1399
|
+
), /* @__PURE__ */ React86__default.createElement(
|
1400
1400
|
Box,
|
1401
1401
|
{
|
1402
1402
|
...valueProps,
|
@@ -1408,15 +1408,15 @@ function InfoSelect({
|
|
1408
1408
|
},
|
1409
1409
|
state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts.selectAnOption)
|
1410
1410
|
)),
|
1411
|
-
/* @__PURE__ */
|
1412
|
-
), state2.isOpen && /* @__PURE__ */
|
1411
|
+
/* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React86__default.createElement(DropdownUpFill24Icon, null) : /* @__PURE__ */ React86__default.createElement(DropdownDownFill24Icon, null))
|
1412
|
+
), state2.isOpen && /* @__PURE__ */ React86__default.createElement(
|
1413
1413
|
Popover,
|
1414
1414
|
{
|
1415
1415
|
state: state2,
|
1416
1416
|
triggerRef,
|
1417
1417
|
containerPadding: 0
|
1418
1418
|
},
|
1419
|
-
/* @__PURE__ */
|
1419
|
+
/* @__PURE__ */ React86__default.createElement(
|
1420
1420
|
ListBox,
|
1421
1421
|
{
|
1422
1422
|
...menuProps,
|
@@ -1441,7 +1441,7 @@ var Input = forwardRef(
|
|
1441
1441
|
const formControlProps = useFormControlContext();
|
1442
1442
|
const fallbackId = `input-${useId()}`;
|
1443
1443
|
const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
|
1444
|
-
return /* @__PURE__ */
|
1444
|
+
return /* @__PURE__ */ React86__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React86__default.createElement(InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React86__default.createElement(
|
1445
1445
|
Input$1,
|
1446
1446
|
{
|
1447
1447
|
"data-attachable": true,
|
@@ -1452,19 +1452,19 @@ var Input = forwardRef(
|
|
1452
1452
|
ref,
|
1453
1453
|
placeholder: " "
|
1454
1454
|
}
|
1455
|
-
), /* @__PURE__ */
|
1455
|
+
), /* @__PURE__ */ React86__default.createElement(FormLabel$1, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React86__default.createElement(InputRightElement, { pointerEvents: "none" }, rightIcon));
|
1456
1456
|
}
|
1457
1457
|
);
|
1458
1458
|
var InputLeftElement2 = forwardRef(
|
1459
|
-
(props, ref) => /* @__PURE__ */
|
1459
|
+
(props, ref) => /* @__PURE__ */ React86__default.createElement(InputLeftElement, { ...props, ref })
|
1460
1460
|
);
|
1461
1461
|
var InputRightElement2 = forwardRef(
|
1462
|
-
(props, ref) => /* @__PURE__ */
|
1462
|
+
(props, ref) => /* @__PURE__ */ React86__default.createElement(InputRightElement, { ...props, ref })
|
1463
1463
|
);
|
1464
1464
|
var NativeSelect = forwardRef(
|
1465
1465
|
({ label, ...props }, ref) => {
|
1466
1466
|
const styles3 = useMultiStyleConfig("Select", props);
|
1467
|
-
return /* @__PURE__ */
|
1467
|
+
return /* @__PURE__ */ React86__default.createElement(FormControl, null, /* @__PURE__ */ React86__default.createElement(
|
1468
1468
|
Select,
|
1469
1469
|
{
|
1470
1470
|
"data-attachable": true,
|
@@ -1472,7 +1472,7 @@ var NativeSelect = forwardRef(
|
|
1472
1472
|
rootProps: { __css: styles3.root },
|
1473
1473
|
ref
|
1474
1474
|
}
|
1475
|
-
), label && /* @__PURE__ */
|
1475
|
+
), label && /* @__PURE__ */ React86__default.createElement(FormLabel, null, label));
|
1476
1476
|
}
|
1477
1477
|
);
|
1478
1478
|
function NumericStepper({
|
@@ -1498,17 +1498,17 @@ function NumericStepper({
|
|
1498
1498
|
});
|
1499
1499
|
const formControlProps = useFormControl({ id: idProp, isDisabled });
|
1500
1500
|
const clampedStepSize = Math.max(Math.min(stepSize, 10), 1);
|
1501
|
-
return /* @__PURE__ */
|
1501
|
+
return /* @__PURE__ */ React86__default.createElement(Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React86__default.createElement(
|
1502
1502
|
VerySmallButton,
|
1503
1503
|
{
|
1504
|
-
icon: /* @__PURE__ */
|
1504
|
+
icon: /* @__PURE__ */ React86__default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
|
1505
1505
|
"aria-label": t2(texts2.decrementButtonAriaLabel(clampedStepSize)),
|
1506
1506
|
onClick: () => onChange(Math.max(value - clampedStepSize, minValue)),
|
1507
1507
|
visibility: value <= minValue ? "hidden" : "visible",
|
1508
1508
|
isDisabled: formControlProps.disabled,
|
1509
1509
|
id: value <= minValue ? void 0 : formControlProps.id
|
1510
1510
|
}
|
1511
|
-
), withInput ? /* @__PURE__ */
|
1511
|
+
), withInput ? /* @__PURE__ */ React86__default.createElement(
|
1512
1512
|
chakra.input,
|
1513
1513
|
{
|
1514
1514
|
type: "number",
|
@@ -1531,7 +1531,7 @@ function NumericStepper({
|
|
1531
1531
|
onChange(Math.max(Math.min(numericInput, maxValue), minValue));
|
1532
1532
|
}
|
1533
1533
|
}
|
1534
|
-
) : /* @__PURE__ */
|
1534
|
+
) : /* @__PURE__ */ React86__default.createElement(
|
1535
1535
|
chakra.text,
|
1536
1536
|
{
|
1537
1537
|
sx: styles3.text,
|
@@ -1539,10 +1539,10 @@ function NumericStepper({
|
|
1539
1539
|
"aria-label": value.toString()
|
1540
1540
|
},
|
1541
1541
|
value
|
1542
|
-
), /* @__PURE__ */
|
1542
|
+
), /* @__PURE__ */ React86__default.createElement(
|
1543
1543
|
VerySmallButton,
|
1544
1544
|
{
|
1545
|
-
icon: /* @__PURE__ */
|
1545
|
+
icon: /* @__PURE__ */ React86__default.createElement(AddIcon, { stepLabel: clampedStepSize }),
|
1546
1546
|
"aria-label": t2(texts2.incrementButtonAriaLabel(clampedStepSize)),
|
1547
1547
|
onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
|
1548
1548
|
visibility: value >= maxValue ? "hidden" : "visible",
|
@@ -1553,9 +1553,9 @@ function NumericStepper({
|
|
1553
1553
|
}
|
1554
1554
|
var VerySmallButton = (props) => {
|
1555
1555
|
const styles3 = useMultiStyleConfig("NumericStepper", {});
|
1556
|
-
return /* @__PURE__ */
|
1556
|
+
return /* @__PURE__ */ React86__default.createElement(IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
|
1557
1557
|
};
|
1558
|
-
var SubtractIcon = (props) => /* @__PURE__ */
|
1558
|
+
var SubtractIcon = (props) => /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
|
1559
1559
|
Box,
|
1560
1560
|
{
|
1561
1561
|
as: "svg",
|
@@ -1565,7 +1565,7 @@ var SubtractIcon = (props) => /* @__PURE__ */ React87__default.createElement(Rea
|
|
1565
1565
|
stroke: "currentColor",
|
1566
1566
|
...props
|
1567
1567
|
},
|
1568
|
-
/* @__PURE__ */
|
1568
|
+
/* @__PURE__ */ React86__default.createElement(
|
1569
1569
|
"line",
|
1570
1570
|
{
|
1571
1571
|
x1: "9",
|
@@ -1576,8 +1576,8 @@ var SubtractIcon = (props) => /* @__PURE__ */ React87__default.createElement(Rea
|
|
1576
1576
|
strokeLinecap: "round"
|
1577
1577
|
}
|
1578
1578
|
)
|
1579
|
-
), props.stepLabel > 1 && /* @__PURE__ */
|
1580
|
-
var AddIcon = (props) => /* @__PURE__ */
|
1579
|
+
), props.stepLabel > 1 && /* @__PURE__ */ React86__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
|
1580
|
+
var AddIcon = (props) => /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
|
1581
1581
|
Box,
|
1582
1582
|
{
|
1583
1583
|
as: "svg",
|
@@ -1587,7 +1587,7 @@ var AddIcon = (props) => /* @__PURE__ */ React87__default.createElement(React87_
|
|
1587
1587
|
stroke: "currentColor",
|
1588
1588
|
...props
|
1589
1589
|
},
|
1590
|
-
/* @__PURE__ */
|
1590
|
+
/* @__PURE__ */ React86__default.createElement(
|
1591
1591
|
"line",
|
1592
1592
|
{
|
1593
1593
|
x1: "9",
|
@@ -1598,7 +1598,7 @@ var AddIcon = (props) => /* @__PURE__ */ React87__default.createElement(React87_
|
|
1598
1598
|
strokeLinecap: "round"
|
1599
1599
|
}
|
1600
1600
|
),
|
1601
|
-
/* @__PURE__ */
|
1601
|
+
/* @__PURE__ */ React86__default.createElement(
|
1602
1602
|
"line",
|
1603
1603
|
{
|
1604
1604
|
x1: "15",
|
@@ -1609,7 +1609,7 @@ var AddIcon = (props) => /* @__PURE__ */ React87__default.createElement(React87_
|
|
1609
1609
|
strokeLinecap: "round"
|
1610
1610
|
}
|
1611
1611
|
)
|
1612
|
-
), props.stepLabel > 1 && /* @__PURE__ */
|
1612
|
+
), props.stepLabel > 1 && /* @__PURE__ */ React86__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
|
1613
1613
|
var texts2 = createTexts({
|
1614
1614
|
decrementButtonAriaLabel(stepSize) {
|
1615
1615
|
return {
|
@@ -1635,7 +1635,7 @@ var PasswordInput = forwardRef(
|
|
1635
1635
|
const formControlProps = useFormControlContext();
|
1636
1636
|
const autoGeneratedId = `password-input-${useId()}`;
|
1637
1637
|
const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
|
1638
|
-
return /* @__PURE__ */
|
1638
|
+
return /* @__PURE__ */ React86__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React86__default.createElement(InputLeftElement2, null, leftIcon), /* @__PURE__ */ React86__default.createElement(
|
1639
1639
|
Input$1,
|
1640
1640
|
{
|
1641
1641
|
...props,
|
@@ -1647,7 +1647,7 @@ var PasswordInput = forwardRef(
|
|
1647
1647
|
ref,
|
1648
1648
|
"data-attachable": true
|
1649
1649
|
}
|
1650
|
-
), /* @__PURE__ */
|
1650
|
+
), /* @__PURE__ */ React86__default.createElement(FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React86__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React86__default.createElement(
|
1651
1651
|
Button,
|
1652
1652
|
{
|
1653
1653
|
variant: "ghost",
|
@@ -1695,10 +1695,10 @@ var PhoneNumberInput = forwardRef(
|
|
1695
1695
|
nationalNumber: ""
|
1696
1696
|
}
|
1697
1697
|
});
|
1698
|
-
return /* @__PURE__ */
|
1698
|
+
return /* @__PURE__ */ React86__default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React86__default.createElement(
|
1699
1699
|
Suspense,
|
1700
1700
|
{
|
1701
|
-
fallback: /* @__PURE__ */
|
1701
|
+
fallback: /* @__PURE__ */ React86__default.createElement(
|
1702
1702
|
InfoSelect,
|
1703
1703
|
{
|
1704
1704
|
isLabelSrOnly: true,
|
@@ -1707,10 +1707,10 @@ var PhoneNumberInput = forwardRef(
|
|
1707
1707
|
height: "100%",
|
1708
1708
|
value: "+47"
|
1709
1709
|
},
|
1710
|
-
/* @__PURE__ */
|
1710
|
+
/* @__PURE__ */ React86__default.createElement(Item, { key: "+47" }, "+47")
|
1711
1711
|
)
|
1712
1712
|
},
|
1713
|
-
/* @__PURE__ */
|
1713
|
+
/* @__PURE__ */ React86__default.createElement(
|
1714
1714
|
LazyCountryCodeSelect,
|
1715
1715
|
{
|
1716
1716
|
value: value.countryCode,
|
@@ -1723,7 +1723,7 @@ var PhoneNumberInput = forwardRef(
|
|
1723
1723
|
width: "6.25rem"
|
1724
1724
|
}
|
1725
1725
|
)
|
1726
|
-
), /* @__PURE__ */
|
1726
|
+
), /* @__PURE__ */ React86__default.createElement(
|
1727
1727
|
Input,
|
1728
1728
|
{
|
1729
1729
|
ref,
|
@@ -1758,13 +1758,13 @@ var texts4 = createTexts({
|
|
1758
1758
|
sv: "Landskod"
|
1759
1759
|
}
|
1760
1760
|
});
|
1761
|
-
var LazyCountryCodeSelect =
|
1761
|
+
var LazyCountryCodeSelect = React86__default.lazy(() => import('./CountryCodeSelect-BF22CLZQ.mjs'));
|
1762
1762
|
var Radio = forwardRef((props, ref) => {
|
1763
|
-
return /* @__PURE__ */
|
1763
|
+
return /* @__PURE__ */ React86__default.createElement(Radio$1, { ...props, ref });
|
1764
1764
|
});
|
1765
1765
|
var RadioGroup = forwardRef(
|
1766
1766
|
({ children, direction: direction2 = "row", ...rest }, ref) => {
|
1767
|
-
return /* @__PURE__ */
|
1767
|
+
return /* @__PURE__ */ React86__default.createElement(RadioGroup$1, { ...rest, ref }, /* @__PURE__ */ React86__default.createElement(Stack$1, { direction: direction2 }, children));
|
1768
1768
|
}
|
1769
1769
|
);
|
1770
1770
|
var SearchInput = forwardRef(
|
@@ -1774,7 +1774,7 @@ var SearchInput = forwardRef(
|
|
1774
1774
|
const formControlProps = useFormControlContext();
|
1775
1775
|
const autoGeneratedId = useId();
|
1776
1776
|
const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
|
1777
|
-
return /* @__PURE__ */
|
1777
|
+
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
1778
|
Input$1,
|
1779
1779
|
{
|
1780
1780
|
paddingLeft: 7,
|
@@ -1791,7 +1791,7 @@ var SearchInput = forwardRef(
|
|
1791
1791
|
placeholder: " ",
|
1792
1792
|
"data-attachable": true
|
1793
1793
|
}
|
1794
|
-
), /* @__PURE__ */
|
1794
|
+
), /* @__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
1795
|
IconButton$1,
|
1796
1796
|
{
|
1797
1797
|
variant: "ghost",
|
@@ -1799,7 +1799,7 @@ var SearchInput = forwardRef(
|
|
1799
1799
|
size: "sm",
|
1800
1800
|
marginRight: 1,
|
1801
1801
|
"aria-label": t2(texts5.reset),
|
1802
|
-
icon: /* @__PURE__ */
|
1802
|
+
icon: /* @__PURE__ */ React86__default.createElement(CloseOutline24Icon, null),
|
1803
1803
|
onClick: onReset
|
1804
1804
|
}
|
1805
1805
|
)));
|
@@ -1821,7 +1821,7 @@ var texts5 = createTexts({
|
|
1821
1821
|
});
|
1822
1822
|
var Switch = forwardRef(
|
1823
1823
|
({ size: size2 = "md", ...props }, ref) => {
|
1824
|
-
return /* @__PURE__ */
|
1824
|
+
return /* @__PURE__ */ React86__default.createElement(Switch$1, { size: size2, ...props, ref });
|
1825
1825
|
}
|
1826
1826
|
);
|
1827
1827
|
var Textarea = forwardRef((props, ref) => {
|
@@ -1832,7 +1832,7 @@ var Textarea = forwardRef((props, ref) => {
|
|
1832
1832
|
const formControlProps = useFormControlContext();
|
1833
1833
|
const fallbackId = `textarea-${useId()}`;
|
1834
1834
|
const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
|
1835
|
-
return /* @__PURE__ */
|
1835
|
+
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
1836
|
});
|
1837
1837
|
function getSpacingProps(props) {
|
1838
1838
|
const {
|
@@ -1894,7 +1894,7 @@ function getSpacingProps(props) {
|
|
1894
1894
|
}
|
1895
1895
|
|
1896
1896
|
// src/layout/RadioCardGroup.tsx
|
1897
|
-
var RadioCardGroupContext =
|
1897
|
+
var RadioCardGroupContext = React86__default.createContext(null);
|
1898
1898
|
var RadioCardGroup = ({
|
1899
1899
|
children,
|
1900
1900
|
name,
|
@@ -1912,7 +1912,7 @@ var RadioCardGroup = ({
|
|
1912
1912
|
setSelectedValue(value);
|
1913
1913
|
onChange && onChange(value);
|
1914
1914
|
};
|
1915
|
-
return /* @__PURE__ */
|
1915
|
+
return /* @__PURE__ */ React86__default.createElement(
|
1916
1916
|
RadioCardGroupContext.Provider,
|
1917
1917
|
{
|
1918
1918
|
value: {
|
@@ -1923,7 +1923,7 @@ var RadioCardGroup = ({
|
|
1923
1923
|
defaultValue: defaultValue || ""
|
1924
1924
|
}
|
1925
1925
|
},
|
1926
|
-
/* @__PURE__ */
|
1926
|
+
/* @__PURE__ */ React86__default.createElement(Stack$1, { as: "fieldset", direction: direction2, ...props }, groupLabel && /* @__PURE__ */ React86__default.createElement(FormLabel, { as: "legend", id: groupLabel }, groupLabel), children)
|
1927
1927
|
);
|
1928
1928
|
};
|
1929
1929
|
|
@@ -1965,13 +1965,13 @@ var RadioCard = forwardRef(
|
|
1965
1965
|
}
|
1966
1966
|
}, [isKeyboardUser, isChecked]);
|
1967
1967
|
const inputId = `radio-card-${useId()}`;
|
1968
|
-
return /* @__PURE__ */
|
1968
|
+
return /* @__PURE__ */ React86__default.createElement(
|
1969
1969
|
Box,
|
1970
1970
|
{
|
1971
1971
|
onFocus: () => isKeyboardUser && setFocus(true),
|
1972
1972
|
onBlur: () => setFocus(false)
|
1973
1973
|
},
|
1974
|
-
/* @__PURE__ */
|
1974
|
+
/* @__PURE__ */ React86__default.createElement(
|
1975
1975
|
chakra.input,
|
1976
1976
|
{
|
1977
1977
|
type: "radio",
|
@@ -1984,7 +1984,7 @@ var RadioCard = forwardRef(
|
|
1984
1984
|
__css: styles3.radioInput
|
1985
1985
|
}
|
1986
1986
|
),
|
1987
|
-
/* @__PURE__ */
|
1987
|
+
/* @__PURE__ */ React86__default.createElement(
|
1988
1988
|
Box,
|
1989
1989
|
{
|
1990
1990
|
as: "label",
|
@@ -2011,7 +2011,7 @@ var StaticCard = forwardRef(
|
|
2011
2011
|
const styles3 = useStyleConfig("StaticCard", {
|
2012
2012
|
colorScheme
|
2013
2013
|
});
|
2014
|
-
return /* @__PURE__ */
|
2014
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3, ...props, ref }, children);
|
2015
2015
|
}
|
2016
2016
|
);
|
2017
2017
|
var PressableCard = forwardRef(
|
@@ -2019,18 +2019,18 @@ var PressableCard = forwardRef(
|
|
2019
2019
|
const styles3 = useStyleConfig("PressableCard", {
|
2020
2020
|
variant
|
2021
2021
|
});
|
2022
|
-
return /* @__PURE__ */
|
2022
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3, ...props, ref }, children);
|
2023
2023
|
}
|
2024
2024
|
);
|
2025
|
-
var AccordionContext =
|
2025
|
+
var AccordionContext = React86__default.createContext(null);
|
2026
2026
|
var AccordionProvider = ({
|
2027
2027
|
size: size2,
|
2028
2028
|
...props
|
2029
2029
|
}) => {
|
2030
|
-
return /* @__PURE__ */
|
2030
|
+
return /* @__PURE__ */ React86__default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
|
2031
2031
|
};
|
2032
2032
|
var useAccordionContext = () => {
|
2033
|
-
const context =
|
2033
|
+
const context = React86__default.useContext(AccordionContext);
|
2034
2034
|
if (context === null) {
|
2035
2035
|
throw new Error(
|
2036
2036
|
"useAccordionContext must be used within AccordionProvider"
|
@@ -2041,14 +2041,14 @@ var useAccordionContext = () => {
|
|
2041
2041
|
var Accordion = forwardRef(
|
2042
2042
|
({ children, spacing: spacing3 = 2, ...props }, ref) => {
|
2043
2043
|
const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
|
2044
|
-
return /* @__PURE__ */
|
2044
|
+
return /* @__PURE__ */ React86__default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React86__default.createElement(
|
2045
2045
|
Accordion$1,
|
2046
2046
|
{
|
2047
2047
|
...props,
|
2048
2048
|
ref,
|
2049
2049
|
defaultIndex
|
2050
2050
|
},
|
2051
|
-
/* @__PURE__ */
|
2051
|
+
/* @__PURE__ */ React86__default.createElement(Stack, { spacing: spacing3 }, children)
|
2052
2052
|
));
|
2053
2053
|
}
|
2054
2054
|
);
|
@@ -2064,7 +2064,7 @@ var Expandable = ({
|
|
2064
2064
|
},
|
2065
2065
|
...rest
|
2066
2066
|
}) => {
|
2067
|
-
return /* @__PURE__ */
|
2067
|
+
return /* @__PURE__ */ React86__default.createElement(
|
2068
2068
|
Accordion,
|
2069
2069
|
{
|
2070
2070
|
...rest,
|
@@ -2074,7 +2074,7 @@ var Expandable = ({
|
|
2074
2074
|
size: size2,
|
2075
2075
|
onChange: (expandedIndex) => onChange(expandedIndex === 0)
|
2076
2076
|
},
|
2077
|
-
/* @__PURE__ */
|
2077
|
+
/* @__PURE__ */ React86__default.createElement(
|
2078
2078
|
ExpandableItem,
|
2079
2079
|
{
|
2080
2080
|
headingLevel,
|
@@ -2094,7 +2094,7 @@ var ExpandableItem = ({
|
|
2094
2094
|
}) => {
|
2095
2095
|
const { size: size2 } = useAccordionContext();
|
2096
2096
|
warnAboutMismatchingIcon({ icon: leftIcon, size: size2 });
|
2097
|
-
return /* @__PURE__ */
|
2097
|
+
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
2098
|
};
|
2099
2099
|
var warnAboutMismatchingIcon = ({ icon, size: size2 }) => {
|
2100
2100
|
var _a6, _b5;
|
@@ -2143,7 +2143,7 @@ function LanguageProvider({
|
|
2143
2143
|
language,
|
2144
2144
|
children
|
2145
2145
|
}) {
|
2146
|
-
return /* @__PURE__ */
|
2146
|
+
return /* @__PURE__ */ React86__default.createElement(LanguageContext.Provider, { value: language }, children);
|
2147
2147
|
}
|
2148
2148
|
function useLanguage() {
|
2149
2149
|
const language = useContext(LanguageContext);
|
@@ -2175,62 +2175,12 @@ function useHydrated() {
|
|
2175
2175
|
// src/loader/ClientOnly.tsx
|
2176
2176
|
var ClientOnly = ({ children, fallback = null }) => {
|
2177
2177
|
const isHydrated = useHydrated();
|
2178
|
-
return /* @__PURE__ */
|
2178
|
+
return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, isHydrated ? children() : fallback);
|
2179
2179
|
};
|
2180
2180
|
function Lottie({ animationData }) {
|
2181
2181
|
const { View } = useLottie({ animationData, loop: true });
|
2182
|
-
return /* @__PURE__ */
|
2182
|
+
return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, View);
|
2183
2183
|
}
|
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
2184
|
|
2235
2185
|
// src/loader/ColorInlineLoader.tsx
|
2236
2186
|
var ColorInlineLoader = ({
|
@@ -2238,13 +2188,7 @@ var ColorInlineLoader = ({
|
|
2238
2188
|
maxWidth,
|
2239
2189
|
...props
|
2240
2190
|
}) => {
|
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
|
-
))));
|
2191
|
+
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
2192
|
};
|
2249
2193
|
var ColorSpinner = ({
|
2250
2194
|
children,
|
@@ -2252,42 +2196,24 @@ var ColorSpinner = ({
|
|
2252
2196
|
maxWidth,
|
2253
2197
|
...props
|
2254
2198
|
}) => {
|
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));
|
2199
|
+
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
2200
|
};
|
2263
2201
|
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));
|
2202
|
+
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
2203
|
};
|
2272
2204
|
var DarkFullScreenLoader = ({
|
2273
2205
|
width,
|
2274
2206
|
maxWidth,
|
2275
2207
|
...props
|
2276
2208
|
}) => {
|
2277
|
-
return /* @__PURE__ */
|
2209
|
+
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
2210
|
};
|
2279
2211
|
var DarkInlineLoader = ({
|
2280
2212
|
width,
|
2281
2213
|
maxWidth,
|
2282
2214
|
...props
|
2283
2215
|
}) => {
|
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
|
-
))));
|
2216
|
+
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
2217
|
};
|
2292
2218
|
var DarkSpinner = ({
|
2293
2219
|
children,
|
@@ -2297,33 +2223,21 @@ var DarkSpinner = ({
|
|
2297
2223
|
}) => {
|
2298
2224
|
const { colorMode } = useColorMode();
|
2299
2225
|
const spinnerData = colorMode === "dark" ? spinnerLightData : spinnerDarkData;
|
2300
|
-
return /* @__PURE__ */
|
2226
|
+
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
2227
|
};
|
2302
2228
|
var LightFullScreenLoader = ({
|
2303
2229
|
width,
|
2304
2230
|
maxWidth,
|
2305
2231
|
...props
|
2306
2232
|
}) => {
|
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
|
-
))));
|
2233
|
+
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
2234
|
};
|
2315
2235
|
var LightInlineLoader = ({
|
2316
2236
|
width,
|
2317
2237
|
maxWidth,
|
2318
2238
|
...props
|
2319
2239
|
}) => {
|
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
|
-
))));
|
2240
|
+
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
2241
|
};
|
2328
2242
|
var LightSpinner = ({
|
2329
2243
|
children,
|
@@ -2331,7 +2245,7 @@ var LightSpinner = ({
|
|
2331
2245
|
maxWidth,
|
2332
2246
|
...props
|
2333
2247
|
}) => {
|
2334
|
-
return /* @__PURE__ */
|
2248
|
+
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
2249
|
};
|
2336
2250
|
var useRotatingLabel = ({ label, delay }) => {
|
2337
2251
|
const loadingTextArray = useMemo(
|
@@ -2368,7 +2282,7 @@ var ProgressBar = ({
|
|
2368
2282
|
"aria-label": ariaLabel || t2(texts6.label(value))
|
2369
2283
|
});
|
2370
2284
|
const styles3 = useMultiStyleConfig("ProgressBar", {});
|
2371
|
-
return /* @__PURE__ */
|
2285
|
+
return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
|
2372
2286
|
Box,
|
2373
2287
|
{
|
2374
2288
|
...progressBarProps,
|
@@ -2376,8 +2290,8 @@ var ProgressBar = ({
|
|
2376
2290
|
__css: styles3.container,
|
2377
2291
|
...rest
|
2378
2292
|
},
|
2379
|
-
/* @__PURE__ */
|
2380
|
-
currentLoadingText && /* @__PURE__ */
|
2293
|
+
/* @__PURE__ */ React86__default.createElement(Box, { width, __css: styles3.background }, /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3.progress, height, width: `${value}%` })),
|
2294
|
+
currentLoadingText && /* @__PURE__ */ React86__default.createElement(Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
|
2381
2295
|
));
|
2382
2296
|
};
|
2383
2297
|
var texts6 = createTexts({
|
@@ -2411,7 +2325,7 @@ var ProgressLoader = ({
|
|
2411
2325
|
const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
|
2412
2326
|
const progress = (value - 100) / 100 * progressPathLength;
|
2413
2327
|
const id = useId();
|
2414
|
-
return /* @__PURE__ */
|
2328
|
+
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
2329
|
Box,
|
2416
2330
|
{
|
2417
2331
|
as: "path",
|
@@ -2419,7 +2333,7 @@ var ProgressLoader = ({
|
|
2419
2333
|
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
2334
|
fill: "#FFB466"
|
2421
2335
|
}
|
2422
|
-
), /* @__PURE__ */
|
2336
|
+
), /* @__PURE__ */ React86__default.createElement(
|
2423
2337
|
Box,
|
2424
2338
|
{
|
2425
2339
|
as: "path",
|
@@ -2430,7 +2344,7 @@ var ProgressLoader = ({
|
|
2430
2344
|
strokeLinecap: "round",
|
2431
2345
|
strokeLinejoin: "round"
|
2432
2346
|
}
|
2433
|
-
), /* @__PURE__ */
|
2347
|
+
), /* @__PURE__ */ React86__default.createElement(
|
2434
2348
|
Box,
|
2435
2349
|
{
|
2436
2350
|
as: "path",
|
@@ -2445,7 +2359,7 @@ var ProgressLoader = ({
|
|
2445
2359
|
transition: "stroke-dashoffset .2s ease-out",
|
2446
2360
|
ref: pathRef
|
2447
2361
|
}
|
2448
|
-
), /* @__PURE__ */
|
2362
|
+
), /* @__PURE__ */ React86__default.createElement(
|
2449
2363
|
Box,
|
2450
2364
|
{
|
2451
2365
|
as: "path",
|
@@ -2453,7 +2367,7 @@ var ProgressLoader = ({
|
|
2453
2367
|
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
2368
|
fill: "#688CBA"
|
2455
2369
|
}
|
2456
|
-
)), currentLoadingText && /* @__PURE__ */
|
2370
|
+
)), currentLoadingText && /* @__PURE__ */ React86__default.createElement(
|
2457
2371
|
Text,
|
2458
2372
|
{
|
2459
2373
|
textAlign: "center",
|
@@ -2472,9 +2386,9 @@ var texts7 = createTexts({
|
|
2472
2386
|
en: `${value}% done`
|
2473
2387
|
})
|
2474
2388
|
});
|
2475
|
-
var Skeleton = forwardRef((props, ref) => /* @__PURE__ */
|
2476
|
-
var SkeletonCircle = (props) => /* @__PURE__ */
|
2477
|
-
var SkeletonText = (props) => /* @__PURE__ */
|
2389
|
+
var Skeleton = forwardRef((props, ref) => /* @__PURE__ */ React86__default.createElement(Skeleton$1, { ...props, ref }));
|
2390
|
+
var SkeletonCircle = (props) => /* @__PURE__ */ React86__default.createElement(SkeletonCircle$1, { boxSize: 6, borderRadius: "50%", ...props });
|
2391
|
+
var SkeletonText = (props) => /* @__PURE__ */ React86__default.createElement(SkeletonText$1, { boxSize: 6, ...props });
|
2478
2392
|
|
2479
2393
|
// src/button/Button.tsx
|
2480
2394
|
var Button2 = forwardRef((props, ref) => {
|
@@ -2504,7 +2418,7 @@ var Button2 = forwardRef((props, ref) => {
|
|
2504
2418
|
if (fontWeight) {
|
2505
2419
|
styles3.fontWeight = fontWeight;
|
2506
2420
|
}
|
2507
|
-
return /* @__PURE__ */
|
2421
|
+
return /* @__PURE__ */ React86__default.createElement(
|
2508
2422
|
Box,
|
2509
2423
|
{
|
2510
2424
|
...rest,
|
@@ -2518,7 +2432,7 @@ var Button2 = forwardRef((props, ref) => {
|
|
2518
2432
|
position: "relative",
|
2519
2433
|
fontFamily: "Vy Sans"
|
2520
2434
|
},
|
2521
|
-
isLoading && /* @__PURE__ */
|
2435
|
+
isLoading && /* @__PURE__ */ React86__default.createElement(Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React86__default.createElement(
|
2522
2436
|
ColorInlineLoader,
|
2523
2437
|
{
|
2524
2438
|
maxWidth: getLoaderWidth(finalSize),
|
@@ -2527,7 +2441,7 @@ var Button2 = forwardRef((props, ref) => {
|
|
2527
2441
|
marginY: 2
|
2528
2442
|
}
|
2529
2443
|
)),
|
2530
|
-
/* @__PURE__ */
|
2444
|
+
/* @__PURE__ */ React86__default.createElement(
|
2531
2445
|
Flex,
|
2532
2446
|
{
|
2533
2447
|
gap: 1,
|
@@ -2537,7 +2451,7 @@ var Button2 = forwardRef((props, ref) => {
|
|
2537
2451
|
visibility: isLoading ? "hidden" : "visible",
|
2538
2452
|
"aria-hidden": isLoading
|
2539
2453
|
},
|
2540
|
-
/* @__PURE__ */
|
2454
|
+
/* @__PURE__ */ React86__default.createElement(Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React86__default.createElement(
|
2541
2455
|
Box,
|
2542
2456
|
{
|
2543
2457
|
visibility: isLoading ? "hidden" : "visible",
|
@@ -2578,14 +2492,14 @@ var texts8 = createTexts({
|
|
2578
2492
|
sv: "Laddar\u2026"
|
2579
2493
|
}
|
2580
2494
|
});
|
2581
|
-
var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */
|
2495
|
+
var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */ React86__default.createElement(ButtonGroup$1, { ...props, ref }));
|
2582
2496
|
var IconButton = forwardRef(
|
2583
|
-
({ ...props }, ref) => /* @__PURE__ */
|
2497
|
+
({ ...props }, ref) => /* @__PURE__ */ React86__default.createElement(
|
2584
2498
|
IconButton$1,
|
2585
2499
|
{
|
2586
2500
|
title: props["aria-label"],
|
2587
2501
|
...props,
|
2588
|
-
spinner: /* @__PURE__ */
|
2502
|
+
spinner: /* @__PURE__ */ React86__default.createElement(ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
|
2589
2503
|
ref
|
2590
2504
|
}
|
2591
2505
|
)
|
@@ -2595,7 +2509,7 @@ var IconButton = forwardRef(
|
|
2595
2509
|
var CloseButton = forwardRef(
|
2596
2510
|
({ size: size2 = "sm", ...props }, ref) => {
|
2597
2511
|
const { t: t2 } = useTranslation();
|
2598
|
-
return /* @__PURE__ */
|
2512
|
+
return /* @__PURE__ */ React86__default.createElement(
|
2599
2513
|
IconButton,
|
2600
2514
|
{
|
2601
2515
|
ref,
|
@@ -2612,11 +2526,11 @@ var getIcon = (size2) => {
|
|
2612
2526
|
switch (size2) {
|
2613
2527
|
case "xs":
|
2614
2528
|
case "sm":
|
2615
|
-
return /* @__PURE__ */
|
2529
|
+
return /* @__PURE__ */ React86__default.createElement(CloseFill18Icon, null);
|
2616
2530
|
case "md":
|
2617
|
-
return /* @__PURE__ */
|
2531
|
+
return /* @__PURE__ */ React86__default.createElement(CloseFill24Icon, null);
|
2618
2532
|
case "lg":
|
2619
|
-
return /* @__PURE__ */
|
2533
|
+
return /* @__PURE__ */ React86__default.createElement(CloseFill30Icon, null);
|
2620
2534
|
}
|
2621
2535
|
};
|
2622
2536
|
var texts9 = createTexts({
|
@@ -2638,7 +2552,7 @@ var FloatingActionButton = forwardRef(
|
|
2638
2552
|
placement = "bottom right",
|
2639
2553
|
...props
|
2640
2554
|
}, ref) => {
|
2641
|
-
const [isTextVisible, setIsTextVisible] =
|
2555
|
+
const [isTextVisible, setIsTextVisible] = React86__default.useState(
|
2642
2556
|
externalIsTextVisible !== void 0 ? externalIsTextVisible : false
|
2643
2557
|
);
|
2644
2558
|
const scrollDirection = useScrollDirection();
|
@@ -2660,7 +2574,7 @@ var FloatingActionButton = forwardRef(
|
|
2660
2574
|
isTextVisible,
|
2661
2575
|
placement
|
2662
2576
|
});
|
2663
|
-
return /* @__PURE__ */
|
2577
|
+
return /* @__PURE__ */ React86__default.createElement(
|
2664
2578
|
MotionBox,
|
2665
2579
|
{
|
2666
2580
|
__css: style.container,
|
@@ -2668,8 +2582,8 @@ var FloatingActionButton = forwardRef(
|
|
2668
2582
|
ref,
|
2669
2583
|
...props
|
2670
2584
|
},
|
2671
|
-
/* @__PURE__ */
|
2672
|
-
/* @__PURE__ */
|
2585
|
+
/* @__PURE__ */ React86__default.createElement(Box, { __css: style.icon }, icon),
|
2586
|
+
/* @__PURE__ */ React86__default.createElement(
|
2673
2587
|
MotionBox,
|
2674
2588
|
{
|
2675
2589
|
animate: isTextVisible ? "show" : "hide",
|
@@ -2694,11 +2608,11 @@ var FloatingActionButton = forwardRef(
|
|
2694
2608
|
}
|
2695
2609
|
);
|
2696
2610
|
var useScrollDirection = () => {
|
2697
|
-
const [scrollDirection, setScrollDirection] =
|
2698
|
-
const lastScrollPosition =
|
2611
|
+
const [scrollDirection, setScrollDirection] = React86__default.useState(null);
|
2612
|
+
const lastScrollPosition = React86__default.useRef(
|
2699
2613
|
typeof window !== "undefined" ? window.scrollY : 0
|
2700
2614
|
);
|
2701
|
-
|
2615
|
+
React86__default.useEffect(() => {
|
2702
2616
|
const onScroll = () => {
|
2703
2617
|
const delta = window.scrollY - lastScrollPosition.current;
|
2704
2618
|
if (delta === 0) {
|
@@ -2717,7 +2631,7 @@ var useScrollDirection = () => {
|
|
2717
2631
|
var AlertIcon = ({ variant }) => {
|
2718
2632
|
const Icon = getIcon2(variant);
|
2719
2633
|
const { t: t2 } = useTranslation();
|
2720
|
-
return /* @__PURE__ */
|
2634
|
+
return /* @__PURE__ */ React86__default.createElement(
|
2721
2635
|
Icon,
|
2722
2636
|
{
|
2723
2637
|
flexShrink: 0,
|
@@ -2779,7 +2693,7 @@ var BaseAlert = ({
|
|
2779
2693
|
...boxProps
|
2780
2694
|
}) => {
|
2781
2695
|
const styles3 = useMultiStyleConfig("Alert", { variant });
|
2782
|
-
return /* @__PURE__ */
|
2696
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3.container, ...boxProps }, children);
|
2783
2697
|
};
|
2784
2698
|
|
2785
2699
|
// src/alert/ClosableAlert.tsx
|
@@ -2800,17 +2714,17 @@ var ClosableAlert = ({
|
|
2800
2714
|
externalOnClose();
|
2801
2715
|
onClose();
|
2802
2716
|
};
|
2803
|
-
return /* @__PURE__ */
|
2717
|
+
return /* @__PURE__ */ React86__default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React86__default.createElement(
|
2804
2718
|
IconButton,
|
2805
2719
|
{
|
2806
2720
|
variant: "ghost",
|
2807
2721
|
size: "sm",
|
2808
2722
|
onClick: handleClose,
|
2809
|
-
icon: /* @__PURE__ */
|
2723
|
+
icon: /* @__PURE__ */ React86__default.createElement(CloseFill18Icon, null),
|
2810
2724
|
"aria-label": t2(texts11.close),
|
2811
2725
|
sx: styles3.closeButton
|
2812
2726
|
}
|
2813
|
-
), /* @__PURE__ */
|
2727
|
+
), /* @__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
2728
|
};
|
2815
2729
|
var texts11 = createTexts({
|
2816
2730
|
close: {
|
@@ -2831,7 +2745,7 @@ var ExpandableAlert = ({
|
|
2831
2745
|
...boxProps
|
2832
2746
|
}) => {
|
2833
2747
|
const styles3 = useMultiStyleConfig("AlertExpandable", { variant });
|
2834
|
-
return /* @__PURE__ */
|
2748
|
+
return /* @__PURE__ */ React86__default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React86__default.createElement(
|
2835
2749
|
Accordion$1,
|
2836
2750
|
{
|
2837
2751
|
onChange: (expandedIndex) => onToggle(expandedIndex === 0),
|
@@ -2839,14 +2753,14 @@ var ExpandableAlert = ({
|
|
2839
2753
|
allowToggle: true,
|
2840
2754
|
flexGrow: "1"
|
2841
2755
|
},
|
2842
|
-
/* @__PURE__ */
|
2756
|
+
/* @__PURE__ */ React86__default.createElement(AccordionItem, null, /* @__PURE__ */ React86__default.createElement(AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React86__default.createElement(
|
2843
2757
|
Flex,
|
2844
2758
|
{
|
2845
2759
|
justifyContent: "space-between",
|
2846
2760
|
alignItems: "center",
|
2847
2761
|
flexGrow: "1"
|
2848
2762
|
},
|
2849
|
-
/* @__PURE__ */
|
2763
|
+
/* @__PURE__ */ React86__default.createElement(Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React86__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React86__default.createElement(
|
2850
2764
|
Box,
|
2851
2765
|
{
|
2852
2766
|
as: "span",
|
@@ -2861,8 +2775,8 @@ var ExpandableAlert = ({
|
|
2861
2775
|
},
|
2862
2776
|
title
|
2863
2777
|
)),
|
2864
|
-
/* @__PURE__ */
|
2865
|
-
)), /* @__PURE__ */
|
2778
|
+
/* @__PURE__ */ React86__default.createElement(AccordionIcon, { color: "darkGrey" })
|
2779
|
+
)), /* @__PURE__ */ React86__default.createElement(AccordionPanel, null, children))
|
2866
2780
|
));
|
2867
2781
|
};
|
2868
2782
|
var StaticAlert = ({
|
@@ -2870,14 +2784,14 @@ var StaticAlert = ({
|
|
2870
2784
|
title,
|
2871
2785
|
...props
|
2872
2786
|
}) => {
|
2873
|
-
return /* @__PURE__ */
|
2787
|
+
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
2788
|
};
|
2875
2789
|
var Breadcrumb = (props) => {
|
2876
2790
|
const iconColor = useColorModeValue("blackAlpha.400", "whiteAlpha.400");
|
2877
|
-
return /* @__PURE__ */
|
2791
|
+
return /* @__PURE__ */ React86__default.createElement(
|
2878
2792
|
Breadcrumb$1,
|
2879
2793
|
{
|
2880
|
-
separator: /* @__PURE__ */
|
2794
|
+
separator: /* @__PURE__ */ React86__default.createElement(DropdownRightFill18Icon, { color: iconColor }),
|
2881
2795
|
...props
|
2882
2796
|
}
|
2883
2797
|
);
|
@@ -2893,12 +2807,12 @@ var Card2 = forwardRef(
|
|
2893
2807
|
colorScheme,
|
2894
2808
|
size: size2
|
2895
2809
|
});
|
2896
|
-
return /* @__PURE__ */
|
2810
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3, ...props, ref }, children);
|
2897
2811
|
}
|
2898
2812
|
);
|
2899
2813
|
var Badge = forwardRef(
|
2900
2814
|
({ icon, colorScheme = "grey", children, ...props }, ref) => {
|
2901
|
-
return /* @__PURE__ */
|
2815
|
+
return /* @__PURE__ */ React86__default.createElement(
|
2902
2816
|
Badge$1,
|
2903
2817
|
{
|
2904
2818
|
colorScheme,
|
@@ -2906,12 +2820,12 @@ var Badge = forwardRef(
|
|
2906
2820
|
paddingLeft: icon ? 1 : void 0,
|
2907
2821
|
ref
|
2908
2822
|
},
|
2909
|
-
icon &&
|
2823
|
+
icon && React86__default.cloneElement(icon, { marginRight: 1 }),
|
2910
2824
|
children
|
2911
2825
|
);
|
2912
2826
|
}
|
2913
2827
|
);
|
2914
|
-
var Code = forwardRef((props, ref) => /* @__PURE__ */
|
2828
|
+
var Code = forwardRef((props, ref) => /* @__PURE__ */ React86__default.createElement(Code$1, { ...props, ref }));
|
2915
2829
|
var Heading2 = ({
|
2916
2830
|
as,
|
2917
2831
|
variant = "xl-display",
|
@@ -2921,11 +2835,11 @@ var Heading2 = ({
|
|
2921
2835
|
}) => {
|
2922
2836
|
const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
|
2923
2837
|
const color2 = useColorModeValue("text.primary.light", "text.primary.dark");
|
2924
|
-
return /* @__PURE__ */
|
2838
|
+
return /* @__PURE__ */ React86__default.createElement(Text, { as, textStyle: variant, id, color: color2, ...props });
|
2925
2839
|
};
|
2926
2840
|
var Text4 = forwardRef(
|
2927
2841
|
({ variant = "sm", ...props }, ref) => {
|
2928
|
-
return /* @__PURE__ */
|
2842
|
+
return /* @__PURE__ */ React86__default.createElement(Text, { ...props, textStyle: variant, ref });
|
2929
2843
|
}
|
2930
2844
|
);
|
2931
2845
|
function CalendarCell({
|
@@ -2968,7 +2882,7 @@ function CalendarCell({
|
|
2968
2882
|
{ passive: false, once: true }
|
2969
2883
|
);
|
2970
2884
|
}, []);
|
2971
|
-
return /* @__PURE__ */
|
2885
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React86__default.createElement(
|
2972
2886
|
Box,
|
2973
2887
|
{
|
2974
2888
|
as: "button",
|
@@ -3030,8 +2944,8 @@ function CalendarGrid({
|
|
3030
2944
|
const weeksInMonth = getWeeksInMonth(state2.visibleRange.start, locale);
|
3031
2945
|
const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
|
3032
2946
|
const styles3 = useMultiStyleConfig("Datepicker", { variant });
|
3033
|
-
return /* @__PURE__ */
|
3034
|
-
return /* @__PURE__ */
|
2947
|
+
return /* @__PURE__ */ React86__default.createElement("table", { ...gridProps }, /* @__PURE__ */ React86__default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React86__default.createElement("tr", null, weekDays[language].map((day, index) => {
|
2948
|
+
return /* @__PURE__ */ React86__default.createElement(
|
3035
2949
|
Text4,
|
3036
2950
|
{
|
3037
2951
|
as: "th",
|
@@ -3041,8 +2955,8 @@ function CalendarGrid({
|
|
3041
2955
|
},
|
3042
2956
|
day
|
3043
2957
|
);
|
3044
|
-
}))), /* @__PURE__ */
|
3045
|
-
(date, dayIndex) => date ? /* @__PURE__ */
|
2958
|
+
}))), /* @__PURE__ */ React86__default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React86__default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
|
2959
|
+
(date, dayIndex) => date ? /* @__PURE__ */ React86__default.createElement(
|
3046
2960
|
CalendarCell,
|
3047
2961
|
{
|
3048
2962
|
variant,
|
@@ -3051,7 +2965,7 @@ function CalendarGrid({
|
|
3051
2965
|
date,
|
3052
2966
|
currentMonth: startDate
|
3053
2967
|
}
|
3054
|
-
) : /* @__PURE__ */
|
2968
|
+
) : /* @__PURE__ */ React86__default.createElement("td", { key: dayIndex })
|
3055
2969
|
)))));
|
3056
2970
|
}
|
3057
2971
|
function CalendarNavigationButton({
|
@@ -3061,7 +2975,7 @@ function CalendarNavigationButton({
|
|
3061
2975
|
}) {
|
3062
2976
|
const ref = useRef(null);
|
3063
2977
|
const { buttonProps } = useButton(rest, ref);
|
3064
|
-
return /* @__PURE__ */
|
2978
|
+
return /* @__PURE__ */ React86__default.createElement(
|
3065
2979
|
IconButton,
|
3066
2980
|
{
|
3067
2981
|
...buttonProps,
|
@@ -3095,7 +3009,7 @@ function CalendarHeader({
|
|
3095
3009
|
);
|
3096
3010
|
const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
|
3097
3011
|
const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
|
3098
|
-
return /* @__PURE__ */
|
3012
|
+
return /* @__PURE__ */ React86__default.createElement(Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React86__default.createElement(
|
3099
3013
|
CalendarNavigator,
|
3100
3014
|
{
|
3101
3015
|
title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
|
@@ -3105,7 +3019,7 @@ function CalendarHeader({
|
|
3105
3019
|
isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
|
3106
3020
|
isPreviousDisabled: !state2.isNextVisibleRangeInvalid
|
3107
3021
|
}
|
3108
|
-
), isYearPickerVisible && /* @__PURE__ */
|
3022
|
+
), isYearPickerVisible && /* @__PURE__ */ React86__default.createElement(
|
3109
3023
|
CalendarNavigator,
|
3110
3024
|
{
|
3111
3025
|
title: jsDate.getFullYear().toString(),
|
@@ -3127,15 +3041,15 @@ var CalendarNavigator = ({
|
|
3127
3041
|
isNextDisabled
|
3128
3042
|
}) => {
|
3129
3043
|
const { t: t2 } = useTranslation();
|
3130
|
-
return /* @__PURE__ */
|
3044
|
+
return /* @__PURE__ */ React86__default.createElement(Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React86__default.createElement(
|
3131
3045
|
CalendarNavigationButton,
|
3132
3046
|
{
|
3133
3047
|
onPress: onPrevious,
|
3134
3048
|
isDisabled: isPreviousDisabled,
|
3135
|
-
icon: /* @__PURE__ */
|
3049
|
+
icon: /* @__PURE__ */ React86__default.createElement(ArrowLeftOutline24Icon, null),
|
3136
3050
|
"aria-label": `${t2(texts12.previous)} ${t2(texts12[unit])}`
|
3137
3051
|
}
|
3138
|
-
), /* @__PURE__ */
|
3052
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3139
3053
|
Box,
|
3140
3054
|
{
|
3141
3055
|
role: "heading",
|
@@ -3145,12 +3059,12 @@ var CalendarNavigator = ({
|
|
3145
3059
|
textAlign: "center"
|
3146
3060
|
},
|
3147
3061
|
capitalize(title)
|
3148
|
-
), /* @__PURE__ */
|
3062
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3149
3063
|
CalendarNavigationButton,
|
3150
3064
|
{
|
3151
3065
|
onPress: onNext,
|
3152
3066
|
isDisabled: isNextDisabled,
|
3153
|
-
icon: /* @__PURE__ */
|
3067
|
+
icon: /* @__PURE__ */ React86__default.createElement(ArrowRightOutline24Icon, null),
|
3154
3068
|
"aria-label": `${t2(texts12.next)} ${t2(texts12[unit])}`
|
3155
3069
|
}
|
3156
3070
|
));
|
@@ -3198,7 +3112,7 @@ function Calendar({
|
|
3198
3112
|
const { calendarProps } = useCalendar(props, state2);
|
3199
3113
|
const calendarAriaLabel = calendarProps["aria-label"];
|
3200
3114
|
const ariaLabel = t2(texts13.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
|
3201
|
-
return /* @__PURE__ */
|
3115
|
+
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
3116
|
}
|
3203
3117
|
var texts13 = createTexts({
|
3204
3118
|
calendar: {
|
@@ -3219,7 +3133,7 @@ var CalendarTriggerButton = forwardRef(
|
|
3219
3133
|
onPress(event);
|
3220
3134
|
}
|
3221
3135
|
};
|
3222
|
-
return /* @__PURE__ */
|
3136
|
+
return /* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React86__default.createElement(
|
3223
3137
|
Box,
|
3224
3138
|
{
|
3225
3139
|
ref,
|
@@ -3230,7 +3144,7 @@ var CalendarTriggerButton = forwardRef(
|
|
3230
3144
|
...filteredButtonProps,
|
3231
3145
|
onKeyUp: handleOnPress
|
3232
3146
|
},
|
3233
|
-
/* @__PURE__ */
|
3147
|
+
/* @__PURE__ */ React86__default.createElement(CalendarOutline24Icon, null)
|
3234
3148
|
));
|
3235
3149
|
}
|
3236
3150
|
);
|
@@ -3255,7 +3169,7 @@ var DateTimeSegment = forwardRef$1(
|
|
3255
3169
|
isPlaceholder: segment.isPlaceholder,
|
3256
3170
|
isEditable: segment.isEditable
|
3257
3171
|
});
|
3258
|
-
return /* @__PURE__ */
|
3172
|
+
return /* @__PURE__ */ React86__default.createElement(
|
3259
3173
|
Box,
|
3260
3174
|
{
|
3261
3175
|
...segmentProps,
|
@@ -3302,7 +3216,7 @@ var DateField = forwardRef$1(
|
|
3302
3216
|
state2,
|
3303
3217
|
ref
|
3304
3218
|
);
|
3305
|
-
return /* @__PURE__ */
|
3219
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React86__default.createElement(
|
3306
3220
|
FormLabel$1,
|
3307
3221
|
{
|
3308
3222
|
...props.labelProps,
|
@@ -3312,7 +3226,7 @@ var DateField = forwardRef$1(
|
|
3312
3226
|
paddingTop: "2px"
|
3313
3227
|
},
|
3314
3228
|
props.label
|
3315
|
-
), /* @__PURE__ */
|
3229
|
+
), /* @__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
3230
|
"input",
|
3317
3231
|
{
|
3318
3232
|
type: "hidden",
|
@@ -3328,7 +3242,7 @@ var StyledField = forwardRef(
|
|
3328
3242
|
isInvalid: false
|
3329
3243
|
};
|
3330
3244
|
const styles3 = useMultiStyleConfig("Datepicker", { variant });
|
3331
|
-
return /* @__PURE__ */
|
3245
|
+
return /* @__PURE__ */ React86__default.createElement(
|
3332
3246
|
Box,
|
3333
3247
|
{
|
3334
3248
|
...otherProps,
|
@@ -3380,7 +3294,7 @@ var DatePicker = forwardRef$1(
|
|
3380
3294
|
const onFieldClick = () => {
|
3381
3295
|
state2.setOpen(true);
|
3382
3296
|
};
|
3383
|
-
const popoverContent = /* @__PURE__ */
|
3297
|
+
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
3298
|
Calendar,
|
3385
3299
|
{
|
3386
3300
|
...calendarProps,
|
@@ -3388,7 +3302,7 @@ var DatePicker = forwardRef$1(
|
|
3388
3302
|
showYearNavigation
|
3389
3303
|
}
|
3390
3304
|
))));
|
3391
|
-
return /* @__PURE__ */
|
3305
|
+
return /* @__PURE__ */ React86__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React86__default.createElement(
|
3392
3306
|
Box,
|
3393
3307
|
{
|
3394
3308
|
position: "relative",
|
@@ -3396,7 +3310,7 @@ var DatePicker = forwardRef$1(
|
|
3396
3310
|
flexDirection: "column",
|
3397
3311
|
width
|
3398
3312
|
},
|
3399
|
-
/* @__PURE__ */
|
3313
|
+
/* @__PURE__ */ React86__default.createElement(
|
3400
3314
|
Popover$1,
|
3401
3315
|
{
|
3402
3316
|
...dialogProps,
|
@@ -3405,7 +3319,7 @@ var DatePicker = forwardRef$1(
|
|
3405
3319
|
onClose: state2.close,
|
3406
3320
|
flip: false
|
3407
3321
|
},
|
3408
|
-
/* @__PURE__ */
|
3322
|
+
/* @__PURE__ */ React86__default.createElement(InputGroup, { ...groupProps, display: "inline-flex" }, /* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React86__default.createElement(
|
3409
3323
|
StyledField,
|
3410
3324
|
{
|
3411
3325
|
variant,
|
@@ -3413,7 +3327,7 @@ var DatePicker = forwardRef$1(
|
|
3413
3327
|
paddingX: 3,
|
3414
3328
|
minHeight
|
3415
3329
|
},
|
3416
|
-
/* @__PURE__ */
|
3330
|
+
/* @__PURE__ */ React86__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React86__default.createElement(
|
3417
3331
|
CalendarTriggerButton,
|
3418
3332
|
{
|
3419
3333
|
variant,
|
@@ -3421,7 +3335,7 @@ var DatePicker = forwardRef$1(
|
|
3421
3335
|
...buttonProps
|
3422
3336
|
}
|
3423
3337
|
)),
|
3424
|
-
/* @__PURE__ */
|
3338
|
+
/* @__PURE__ */ React86__default.createElement(
|
3425
3339
|
DateField,
|
3426
3340
|
{
|
3427
3341
|
label: props.label,
|
@@ -3431,8 +3345,8 @@ var DatePicker = forwardRef$1(
|
|
3431
3345
|
}
|
3432
3346
|
)
|
3433
3347
|
))),
|
3434
|
-
/* @__PURE__ */
|
3435
|
-
state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */
|
3348
|
+
/* @__PURE__ */ React86__default.createElement(FormErrorMessage, { ...errorMessageProps }, errorMessage),
|
3349
|
+
state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React86__default.createElement(Portal, null, popoverContent),
|
3436
3350
|
state2.isOpen && !props.isDisabled && !withPortal && popoverContent
|
3437
3351
|
)
|
3438
3352
|
));
|
@@ -3448,7 +3362,7 @@ function RangeCalendar(props) {
|
|
3448
3362
|
});
|
3449
3363
|
const ref = useRef(null);
|
3450
3364
|
const { calendarProps, title } = useRangeCalendar(props, state2, ref);
|
3451
|
-
return /* @__PURE__ */
|
3365
|
+
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
3366
|
CalendarGrid,
|
3453
3367
|
{
|
3454
3368
|
variant: props.variant,
|
@@ -3495,8 +3409,8 @@ function DateRangePicker({
|
|
3495
3409
|
const onFieldClick = () => {
|
3496
3410
|
state2.setOpen(true);
|
3497
3411
|
};
|
3498
|
-
const popoverContent = /* @__PURE__ */
|
3499
|
-
return /* @__PURE__ */
|
3412
|
+
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 }))));
|
3413
|
+
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
3414
|
Popover$1,
|
3501
3415
|
{
|
3502
3416
|
...dialogProps,
|
@@ -3505,7 +3419,7 @@ function DateRangePicker({
|
|
3505
3419
|
onClose: state2.close,
|
3506
3420
|
flip: false
|
3507
3421
|
},
|
3508
|
-
/* @__PURE__ */
|
3422
|
+
/* @__PURE__ */ React86__default.createElement(InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React86__default.createElement(
|
3509
3423
|
StyledField,
|
3510
3424
|
{
|
3511
3425
|
alignItems: "center",
|
@@ -3515,7 +3429,7 @@ function DateRangePicker({
|
|
3515
3429
|
onKeyPress: handleEnterClick,
|
3516
3430
|
minHeight
|
3517
3431
|
},
|
3518
|
-
variant && /* @__PURE__ */
|
3432
|
+
variant && /* @__PURE__ */ React86__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React86__default.createElement(
|
3519
3433
|
CalendarTriggerButton,
|
3520
3434
|
{
|
3521
3435
|
paddingLeft: 1,
|
@@ -3525,7 +3439,7 @@ function DateRangePicker({
|
|
3525
3439
|
...buttonProps
|
3526
3440
|
}
|
3527
3441
|
)),
|
3528
|
-
/* @__PURE__ */
|
3442
|
+
/* @__PURE__ */ React86__default.createElement(
|
3529
3443
|
DateField,
|
3530
3444
|
{
|
3531
3445
|
...startFieldProps,
|
@@ -3534,8 +3448,8 @@ function DateRangePicker({
|
|
3534
3448
|
labelProps
|
3535
3449
|
}
|
3536
3450
|
),
|
3537
|
-
/* @__PURE__ */
|
3538
|
-
/* @__PURE__ */
|
3451
|
+
/* @__PURE__ */ React86__default.createElement(Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
|
3452
|
+
/* @__PURE__ */ React86__default.createElement(
|
3539
3453
|
DateField,
|
3540
3454
|
{
|
3541
3455
|
...endFieldProps,
|
@@ -3545,14 +3459,14 @@ function DateRangePicker({
|
|
3545
3459
|
}
|
3546
3460
|
)
|
3547
3461
|
))),
|
3548
|
-
state2.isOpen && withPortal && /* @__PURE__ */
|
3462
|
+
state2.isOpen && withPortal && /* @__PURE__ */ React86__default.createElement(Portal, null, popoverContent),
|
3549
3463
|
state2.isOpen && !withPortal && popoverContent
|
3550
3464
|
)));
|
3551
3465
|
}
|
3552
3466
|
var TimeField = ({ state: state2, ...props }) => {
|
3553
3467
|
const ref = useRef(null);
|
3554
3468
|
const { labelProps, fieldProps } = useTimeField(props, state2, ref);
|
3555
|
-
return /* @__PURE__ */
|
3469
|
+
return /* @__PURE__ */ React86__default.createElement(Box, null, /* @__PURE__ */ React86__default.createElement(
|
3556
3470
|
FormLabel,
|
3557
3471
|
{
|
3558
3472
|
...labelProps,
|
@@ -3564,7 +3478,7 @@ var TimeField = ({ state: state2, ...props }) => {
|
|
3564
3478
|
paddingTop: "2px"
|
3565
3479
|
},
|
3566
3480
|
props.label
|
3567
|
-
), /* @__PURE__ */
|
3481
|
+
), /* @__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
3482
|
"input",
|
3569
3483
|
{
|
3570
3484
|
type: "hidden",
|
@@ -3633,7 +3547,7 @@ var TimePicker = ({
|
|
3633
3547
|
const ariaLabel = `${inputLabel} \u2013 ${t2(
|
3634
3548
|
texts15.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
|
3635
3549
|
)}`;
|
3636
|
-
return /* @__PURE__ */
|
3550
|
+
return /* @__PURE__ */ React86__default.createElement(
|
3637
3551
|
StyledField,
|
3638
3552
|
{
|
3639
3553
|
variant: "base",
|
@@ -3649,7 +3563,7 @@ var TimePicker = ({
|
|
3649
3563
|
"aria-label": ariaLabel,
|
3650
3564
|
...boxProps
|
3651
3565
|
},
|
3652
|
-
/* @__PURE__ */
|
3566
|
+
/* @__PURE__ */ React86__default.createElement(
|
3653
3567
|
IconButton,
|
3654
3568
|
{
|
3655
3569
|
variant: "ghost",
|
@@ -3657,14 +3571,14 @@ var TimePicker = ({
|
|
3657
3571
|
borderRadius: "xs",
|
3658
3572
|
"aria-label": backwardsLabel,
|
3659
3573
|
title: backwardsLabel,
|
3660
|
-
icon: /* @__PURE__ */
|
3574
|
+
icon: /* @__PURE__ */ React86__default.createElement(DropdownLeftFill18Icon, null),
|
3661
3575
|
onClick: handleBackwardsClick,
|
3662
3576
|
isDisabled,
|
3663
3577
|
style: isDisabled ? { backgroundColor: "transparent" } : {}
|
3664
3578
|
}
|
3665
3579
|
),
|
3666
|
-
/* @__PURE__ */
|
3667
|
-
/* @__PURE__ */
|
3580
|
+
/* @__PURE__ */ React86__default.createElement(TimeField, { label, state: state2, name }),
|
3581
|
+
/* @__PURE__ */ React86__default.createElement(
|
3668
3582
|
IconButton,
|
3669
3583
|
{
|
3670
3584
|
variant: "ghost",
|
@@ -3672,7 +3586,7 @@ var TimePicker = ({
|
|
3672
3586
|
borderRadius: "xs",
|
3673
3587
|
"aria-label": forwardsLabel,
|
3674
3588
|
title: forwardsLabel,
|
3675
|
-
icon: /* @__PURE__ */
|
3589
|
+
icon: /* @__PURE__ */ React86__default.createElement(DropdownRightFill18Icon, null),
|
3676
3590
|
onClick: handleForwardClick,
|
3677
3591
|
isDisabled,
|
3678
3592
|
style: isDisabled ? { backgroundColor: "transparent" } : {}
|
@@ -3774,7 +3688,7 @@ var LineIcon = ({
|
|
3774
3688
|
if (!Icon) {
|
3775
3689
|
return null;
|
3776
3690
|
}
|
3777
|
-
return /* @__PURE__ */
|
3691
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React86__default.createElement(Icon, { sx: styles3.icon }));
|
3778
3692
|
};
|
3779
3693
|
|
3780
3694
|
// src/linjetag/InfoTag.tsx
|
@@ -3790,7 +3704,7 @@ var InfoTag = ({
|
|
3790
3704
|
size: size2,
|
3791
3705
|
...customProps
|
3792
3706
|
});
|
3793
|
-
return /* @__PURE__ */
|
3707
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React86__default.createElement(
|
3794
3708
|
LineIcon,
|
3795
3709
|
{
|
3796
3710
|
variant,
|
@@ -3798,7 +3712,7 @@ var InfoTag = ({
|
|
3798
3712
|
sx: styles3.iconContainer,
|
3799
3713
|
...customProps
|
3800
3714
|
}
|
3801
|
-
), /* @__PURE__ */
|
3715
|
+
), /* @__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
3716
|
};
|
3803
3717
|
var TravelTag = forwardRef(
|
3804
3718
|
({
|
@@ -3818,7 +3732,7 @@ var TravelTag = forwardRef(
|
|
3818
3732
|
backgroundColor: variant === "custom" ? rest.backgroundColor : void 0
|
3819
3733
|
});
|
3820
3734
|
const DeviationLevelIcon = getDeviationLevelIcon({ deviationLevel, size: size2 });
|
3821
|
-
return /* @__PURE__ */
|
3735
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React86__default.createElement(
|
3822
3736
|
LineIcon,
|
3823
3737
|
{
|
3824
3738
|
variant,
|
@@ -3826,7 +3740,7 @@ var TravelTag = forwardRef(
|
|
3826
3740
|
sx: styles3.iconContainer,
|
3827
3741
|
...rest
|
3828
3742
|
}
|
3829
|
-
), /* @__PURE__ */
|
3743
|
+
), /* @__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
3744
|
}
|
3831
3745
|
);
|
3832
3746
|
var getDeviationLevelIcon = ({
|
@@ -3850,7 +3764,7 @@ var TextLink = forwardRef(
|
|
3850
3764
|
var _a6;
|
3851
3765
|
const { t: t2 } = useTranslation();
|
3852
3766
|
const isExternal = props.isExternal !== void 0 ? props.isExternal : Boolean((_a6 = props.href) == null ? void 0 : _a6.match(/^https?:\/\//));
|
3853
|
-
return /* @__PURE__ */
|
3767
|
+
return /* @__PURE__ */ React86__default.createElement(Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React86__default.createElement(
|
3854
3768
|
LinkOutOutline24Icon,
|
3855
3769
|
{
|
3856
3770
|
marginLeft: 0.5,
|
@@ -3867,6 +3781,112 @@ var texts16 = createTexts({
|
|
3867
3781
|
en: "External link"
|
3868
3782
|
}
|
3869
3783
|
});
|
3784
|
+
var VyLogo = ({ colorScheme, ...boxProps }) => {
|
3785
|
+
const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
|
3786
|
+
const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
|
3787
|
+
const id = useId();
|
3788
|
+
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(
|
3789
|
+
"path",
|
3790
|
+
{
|
3791
|
+
fillRule: "evenodd",
|
3792
|
+
clipRule: "evenodd",
|
3793
|
+
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",
|
3794
|
+
fill: mainColor
|
3795
|
+
}
|
3796
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3797
|
+
"mask",
|
3798
|
+
{
|
3799
|
+
id: `${id}-a`,
|
3800
|
+
style: { maskType: "alpha" },
|
3801
|
+
maskUnits: "userSpaceOnUse",
|
3802
|
+
x: "0",
|
3803
|
+
y: "0",
|
3804
|
+
width: "94",
|
3805
|
+
height: "54"
|
3806
|
+
},
|
3807
|
+
/* @__PURE__ */ React86__default.createElement(
|
3808
|
+
"path",
|
3809
|
+
{
|
3810
|
+
fillRule: "evenodd",
|
3811
|
+
clipRule: "evenodd",
|
3812
|
+
d: "M0 .03h93.26v53.65H0V.03Z",
|
3813
|
+
fill: mainColor
|
3814
|
+
}
|
3815
|
+
)
|
3816
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3817
|
+
"g",
|
3818
|
+
{
|
3819
|
+
mask: `url(#${id}-a)`,
|
3820
|
+
fillRule: "evenodd",
|
3821
|
+
clipRule: "evenodd",
|
3822
|
+
fill: mainColor
|
3823
|
+
},
|
3824
|
+
/* @__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" }),
|
3825
|
+
/* @__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" })
|
3826
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3827
|
+
"path",
|
3828
|
+
{
|
3829
|
+
fillRule: "evenodd",
|
3830
|
+
clipRule: "evenodd",
|
3831
|
+
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",
|
3832
|
+
fill: accentColor
|
3833
|
+
}
|
3834
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3835
|
+
"path",
|
3836
|
+
{
|
3837
|
+
fillRule: "evenodd",
|
3838
|
+
clipRule: "evenodd",
|
3839
|
+
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",
|
3840
|
+
fill: mainColor
|
3841
|
+
}
|
3842
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3843
|
+
"mask",
|
3844
|
+
{
|
3845
|
+
id: `${id}-b`,
|
3846
|
+
style: { maskType: "alpha" },
|
3847
|
+
maskUnits: "userSpaceOnUse",
|
3848
|
+
x: "29",
|
3849
|
+
y: "0",
|
3850
|
+
width: "78",
|
3851
|
+
height: "54"
|
3852
|
+
},
|
3853
|
+
/* @__PURE__ */ React86__default.createElement(
|
3854
|
+
"path",
|
3855
|
+
{
|
3856
|
+
fillRule: "evenodd",
|
3857
|
+
clipRule: "evenodd",
|
3858
|
+
d: "M29.55.04H106v53.64H29.55V.04Z",
|
3859
|
+
fill: mainColor
|
3860
|
+
}
|
3861
|
+
)
|
3862
|
+
), /* @__PURE__ */ React86__default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React86__default.createElement(
|
3863
|
+
"path",
|
3864
|
+
{
|
3865
|
+
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",
|
3866
|
+
fill: mainColor
|
3867
|
+
}
|
3868
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3869
|
+
"path",
|
3870
|
+
{
|
3871
|
+
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",
|
3872
|
+
fill: mainColor
|
3873
|
+
}
|
3874
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3875
|
+
"path",
|
3876
|
+
{
|
3877
|
+
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",
|
3878
|
+
fill: accentColor
|
3879
|
+
}
|
3880
|
+
)), /* @__PURE__ */ React86__default.createElement(
|
3881
|
+
"path",
|
3882
|
+
{
|
3883
|
+
fillRule: "evenodd",
|
3884
|
+
clipRule: "evenodd",
|
3885
|
+
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",
|
3886
|
+
fill: mainColor
|
3887
|
+
}
|
3888
|
+
));
|
3889
|
+
};
|
3870
3890
|
var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
3871
3891
|
const pinkColor = colorScheme === "light" ? "#ED6F99" : "#ffffff";
|
3872
3892
|
const purpleColor = colorScheme === "light" ? "#C06CF7" : "#ffffff";
|
@@ -3878,7 +3898,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3878
3898
|
const orangeColor = colorScheme === "light" ? "#F09436" : "#ffffff";
|
3879
3899
|
const yellowColor = colorScheme === "light" ? "#FFFF54" : "#ffffff";
|
3880
3900
|
const id = useId();
|
3881
|
-
return /* @__PURE__ */
|
3901
|
+
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
3902
|
"svg",
|
3883
3903
|
{
|
3884
3904
|
width: "108",
|
@@ -3887,7 +3907,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3887
3907
|
fill: "none",
|
3888
3908
|
xmlns: "http://www.w3.org/2000/svg"
|
3889
3909
|
},
|
3890
|
-
/* @__PURE__ */
|
3910
|
+
/* @__PURE__ */ React86__default.createElement(
|
3891
3911
|
"path",
|
3892
3912
|
{
|
3893
3913
|
fillRule: "evenodd",
|
@@ -3896,7 +3916,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3896
3916
|
fill: pinkColor
|
3897
3917
|
}
|
3898
3918
|
),
|
3899
|
-
/* @__PURE__ */
|
3919
|
+
/* @__PURE__ */ React86__default.createElement(
|
3900
3920
|
"mask",
|
3901
3921
|
{
|
3902
3922
|
id: `${id}-a-pride`,
|
@@ -3907,7 +3927,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3907
3927
|
width: "95",
|
3908
3928
|
height: "55"
|
3909
3929
|
},
|
3910
|
-
/* @__PURE__ */
|
3930
|
+
/* @__PURE__ */ React86__default.createElement(
|
3911
3931
|
"path",
|
3912
3932
|
{
|
3913
3933
|
fillRule: "evenodd",
|
@@ -3917,7 +3937,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3917
3937
|
}
|
3918
3938
|
)
|
3919
3939
|
),
|
3920
|
-
/* @__PURE__ */
|
3940
|
+
/* @__PURE__ */ React86__default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React86__default.createElement(
|
3921
3941
|
"path",
|
3922
3942
|
{
|
3923
3943
|
fillRule: "evenodd",
|
@@ -3925,7 +3945,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3925
3945
|
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
3946
|
fill: purpleColor
|
3927
3947
|
}
|
3928
|
-
), /* @__PURE__ */
|
3948
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3929
3949
|
"path",
|
3930
3950
|
{
|
3931
3951
|
fillRule: "evenodd",
|
@@ -3933,7 +3953,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3933
3953
|
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
3954
|
fill: darkPurpleColor
|
3935
3955
|
}
|
3936
|
-
), /* @__PURE__ */
|
3956
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3937
3957
|
"path",
|
3938
3958
|
{
|
3939
3959
|
fillRule: "evenodd",
|
@@ -3941,7 +3961,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3941
3961
|
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
3962
|
fill: greenColor
|
3943
3963
|
}
|
3944
|
-
), /* @__PURE__ */
|
3964
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3945
3965
|
"path",
|
3946
3966
|
{
|
3947
3967
|
fillRule: "evenodd",
|
@@ -3949,7 +3969,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3949
3969
|
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
3970
|
fill: darkGreenColor
|
3951
3971
|
}
|
3952
|
-
), /* @__PURE__ */
|
3972
|
+
), /* @__PURE__ */ React86__default.createElement(
|
3953
3973
|
"path",
|
3954
3974
|
{
|
3955
3975
|
fillRule: "evenodd",
|
@@ -3958,7 +3978,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3958
3978
|
fill: darkPurpleColor
|
3959
3979
|
}
|
3960
3980
|
)),
|
3961
|
-
/* @__PURE__ */
|
3981
|
+
/* @__PURE__ */ React86__default.createElement(
|
3962
3982
|
"path",
|
3963
3983
|
{
|
3964
3984
|
fillRule: "evenodd",
|
@@ -3967,7 +3987,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3967
3987
|
fill: blueColor
|
3968
3988
|
}
|
3969
3989
|
),
|
3970
|
-
/* @__PURE__ */
|
3990
|
+
/* @__PURE__ */ React86__default.createElement(
|
3971
3991
|
"path",
|
3972
3992
|
{
|
3973
3993
|
fillRule: "evenodd",
|
@@ -3976,7 +3996,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3976
3996
|
fill: blueColor
|
3977
3997
|
}
|
3978
3998
|
),
|
3979
|
-
/* @__PURE__ */
|
3999
|
+
/* @__PURE__ */ React86__default.createElement(
|
3980
4000
|
"path",
|
3981
4001
|
{
|
3982
4002
|
fillRule: "evenodd",
|
@@ -3985,7 +4005,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3985
4005
|
fill: greenColor
|
3986
4006
|
}
|
3987
4007
|
),
|
3988
|
-
/* @__PURE__ */
|
4008
|
+
/* @__PURE__ */ React86__default.createElement(
|
3989
4009
|
"mask",
|
3990
4010
|
{
|
3991
4011
|
id: `${id}-b-pride`,
|
@@ -3996,7 +4016,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3996
4016
|
width: "78",
|
3997
4017
|
height: "55"
|
3998
4018
|
},
|
3999
|
-
/* @__PURE__ */
|
4019
|
+
/* @__PURE__ */ React86__default.createElement(
|
4000
4020
|
"path",
|
4001
4021
|
{
|
4002
4022
|
fillRule: "evenodd",
|
@@ -4006,7 +4026,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4006
4026
|
}
|
4007
4027
|
)
|
4008
4028
|
),
|
4009
|
-
/* @__PURE__ */
|
4029
|
+
/* @__PURE__ */ React86__default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React86__default.createElement(
|
4010
4030
|
"path",
|
4011
4031
|
{
|
4012
4032
|
fillRule: "evenodd",
|
@@ -4014,7 +4034,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4014
4034
|
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
4035
|
fill: greenColor
|
4016
4036
|
}
|
4017
|
-
), /* @__PURE__ */
|
4037
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4018
4038
|
"path",
|
4019
4039
|
{
|
4020
4040
|
fillRule: "evenodd",
|
@@ -4022,7 +4042,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4022
4042
|
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
4043
|
fill: darkGreenColor
|
4024
4044
|
}
|
4025
|
-
), /* @__PURE__ */
|
4045
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4026
4046
|
"path",
|
4027
4047
|
{
|
4028
4048
|
fillRule: "evenodd",
|
@@ -4030,7 +4050,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4030
4050
|
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
4051
|
fill: redColor
|
4032
4052
|
}
|
4033
|
-
), /* @__PURE__ */
|
4053
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4034
4054
|
"path",
|
4035
4055
|
{
|
4036
4056
|
fillRule: "evenodd",
|
@@ -4038,7 +4058,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4038
4058
|
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
4059
|
fill: orangeColor
|
4040
4060
|
}
|
4041
|
-
), /* @__PURE__ */
|
4061
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4042
4062
|
"path",
|
4043
4063
|
{
|
4044
4064
|
fillRule: "evenodd",
|
@@ -4047,7 +4067,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4047
4067
|
fill: yellowColor
|
4048
4068
|
}
|
4049
4069
|
)),
|
4050
|
-
/* @__PURE__ */
|
4070
|
+
/* @__PURE__ */ React86__default.createElement(
|
4051
4071
|
"path",
|
4052
4072
|
{
|
4053
4073
|
fillRule: "evenodd",
|
@@ -4058,233 +4078,115 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4058
4078
|
)
|
4059
4079
|
));
|
4060
4080
|
};
|
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
4081
|
var CargonetLogo = ({
|
4180
4082
|
colorScheme,
|
4181
4083
|
...boxProps
|
4182
4084
|
}) => {
|
4183
4085
|
const mainColor = "#DF8200";
|
4184
4086
|
const accentColor = colorScheme === "light" ? "#383E42" : "#ffffff";
|
4185
|
-
return /* @__PURE__ */
|
4087
|
+
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
4088
|
"path",
|
4187
4089
|
{
|
4188
4090
|
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
4091
|
fill: accentColor
|
4190
4092
|
}
|
4191
|
-
), /* @__PURE__ */
|
4093
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4192
4094
|
"path",
|
4193
4095
|
{
|
4194
4096
|
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
4097
|
fill: accentColor
|
4196
4098
|
}
|
4197
|
-
), /* @__PURE__ */
|
4099
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4198
4100
|
"path",
|
4199
4101
|
{
|
4200
4102
|
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
4103
|
fill: accentColor
|
4202
4104
|
}
|
4203
|
-
), /* @__PURE__ */
|
4105
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4204
4106
|
"path",
|
4205
4107
|
{
|
4206
4108
|
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
4109
|
fill: accentColor
|
4208
4110
|
}
|
4209
|
-
), /* @__PURE__ */
|
4111
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4210
4112
|
"path",
|
4211
4113
|
{
|
4212
4114
|
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
4115
|
fill: accentColor
|
4214
4116
|
}
|
4215
|
-
), /* @__PURE__ */
|
4117
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4216
4118
|
"path",
|
4217
4119
|
{
|
4218
4120
|
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
4121
|
fill: mainColor
|
4220
4122
|
}
|
4221
|
-
), /* @__PURE__ */
|
4123
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4222
4124
|
"path",
|
4223
4125
|
{
|
4224
4126
|
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
4127
|
fill: mainColor
|
4226
4128
|
}
|
4227
|
-
), /* @__PURE__ */
|
4129
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4228
4130
|
"path",
|
4229
4131
|
{
|
4230
4132
|
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
4133
|
fill: mainColor
|
4232
4134
|
}
|
4233
|
-
), /* @__PURE__ */
|
4135
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4234
4136
|
"path",
|
4235
4137
|
{
|
4236
4138
|
d: "M21.4911 10.2565H31.1579V0.589175H21.4911V10.2565Z",
|
4237
4139
|
fill: mainColor
|
4238
4140
|
}
|
4239
|
-
), /* @__PURE__ */
|
4141
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4240
4142
|
"path",
|
4241
4143
|
{
|
4242
4144
|
d: "M41.3861 10.8855H31.7757V20.5528H41.3861V10.8855Z",
|
4243
4145
|
fill: mainColor
|
4244
4146
|
}
|
4245
|
-
), /* @__PURE__ */
|
4147
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4246
4148
|
"path",
|
4247
4149
|
{
|
4248
4150
|
d: "M42.0022 10.2547H51.6126V0.587402H42.0022V10.2547Z",
|
4249
4151
|
fill: mainColor
|
4250
4152
|
}
|
4251
|
-
), /* @__PURE__ */
|
4153
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4252
4154
|
"path",
|
4253
4155
|
{
|
4254
4156
|
d: "M21.477 30.7758H31.1431V21.1654H21.477V30.7758Z",
|
4255
4157
|
fill: mainColor
|
4256
4158
|
}
|
4257
|
-
), /* @__PURE__ */
|
4159
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4258
4160
|
"path",
|
4259
4161
|
{
|
4260
4162
|
d: "M11.2124 20.5493H20.8791V10.8826H11.2124V20.5493Z",
|
4261
4163
|
fill: mainColor
|
4262
4164
|
}
|
4263
|
-
), /* @__PURE__ */
|
4165
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4264
4166
|
"path",
|
4265
4167
|
{
|
4266
4168
|
d: "M0.910156 30.7911H10.5775V21.1801H0.910156V30.7911Z",
|
4267
4169
|
fill: mainColor
|
4268
4170
|
}
|
4269
|
-
), /* @__PURE__ */
|
4171
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4270
4172
|
"path",
|
4271
4173
|
{
|
4272
4174
|
d: "M11.1948 41.0258H20.8615V31.4154H11.1948V41.0258Z",
|
4273
4175
|
fill: mainColor
|
4274
4176
|
}
|
4275
|
-
), /* @__PURE__ */
|
4177
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4276
4178
|
"path",
|
4277
4179
|
{
|
4278
4180
|
d: "M31.7669 41.0581H41.4336V31.3908H31.7669V41.0581Z",
|
4279
4181
|
fill: mainColor
|
4280
4182
|
}
|
4281
|
-
), /* @__PURE__ */
|
4183
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4282
4184
|
"path",
|
4283
4185
|
{
|
4284
4186
|
d: "M21.4776 51.2277H31.1443V41.656H21.4776V51.2277Z",
|
4285
4187
|
fill: mainColor
|
4286
4188
|
}
|
4287
|
-
), /* @__PURE__ */
|
4189
|
+
), /* @__PURE__ */ React86__default.createElement(
|
4288
4190
|
"path",
|
4289
4191
|
{
|
4290
4192
|
d: "M42.0615 51.2283H51.7282V41.6989H42.0615V51.2283Z",
|
@@ -4303,7 +4205,7 @@ var JumpButton = ({
|
|
4303
4205
|
variant: "jumpSkip",
|
4304
4206
|
size: size2
|
4305
4207
|
});
|
4306
|
-
return /* @__PURE__ */
|
4208
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4307
4209
|
Center,
|
4308
4210
|
{
|
4309
4211
|
as: "button",
|
@@ -4312,7 +4214,7 @@ var JumpButton = ({
|
|
4312
4214
|
disabled: isDisabled,
|
4313
4215
|
...props
|
4314
4216
|
},
|
4315
|
-
direction2 === "forward" ? /* @__PURE__ */
|
4217
|
+
direction2 === "forward" ? /* @__PURE__ */ React86__default.createElement(Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__default.createElement(Backward15MediaControllerFill30Icon, { sx: styles3.icon })
|
4316
4218
|
);
|
4317
4219
|
};
|
4318
4220
|
var texts17 = createTexts({
|
@@ -4340,7 +4242,7 @@ var PlayPauseButton = ({
|
|
4340
4242
|
variant: "play",
|
4341
4243
|
size: size2
|
4342
4244
|
});
|
4343
|
-
return /* @__PURE__ */
|
4245
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4344
4246
|
Center,
|
4345
4247
|
{
|
4346
4248
|
as: "button",
|
@@ -4349,7 +4251,7 @@ var PlayPauseButton = ({
|
|
4349
4251
|
disabled: isDisabled,
|
4350
4252
|
...props
|
4351
4253
|
},
|
4352
|
-
isPlaying ? /* @__PURE__ */
|
4254
|
+
isPlaying ? /* @__PURE__ */ React86__default.createElement(PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__default.createElement(PlayMediaControllerFill24Icon, { sx: styles3.icon })
|
4353
4255
|
);
|
4354
4256
|
};
|
4355
4257
|
var texts18 = createTexts({
|
@@ -4377,7 +4279,7 @@ var SkipButton = ({
|
|
4377
4279
|
variant: "jumpSkip",
|
4378
4280
|
size: size2
|
4379
4281
|
});
|
4380
|
-
return /* @__PURE__ */
|
4282
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4381
4283
|
Center,
|
4382
4284
|
{
|
4383
4285
|
as: "button",
|
@@ -4386,7 +4288,7 @@ var SkipButton = ({
|
|
4386
4288
|
disabled: isDisabled,
|
4387
4289
|
...props
|
4388
4290
|
},
|
4389
|
-
direction2 === "forward" ? /* @__PURE__ */
|
4291
|
+
direction2 === "forward" ? /* @__PURE__ */ React86__default.createElement(NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__default.createElement(PreviousMediaControllerFill30Icon, { sx: styles3.icon })
|
4390
4292
|
);
|
4391
4293
|
};
|
4392
4294
|
var texts19 = createTexts({
|
@@ -4409,13 +4311,13 @@ var ModalHeader = forwardRef(
|
|
4409
4311
|
fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
|
4410
4312
|
textAlign: size2 === "lg" ? "center" : "left"
|
4411
4313
|
};
|
4412
|
-
return /* @__PURE__ */
|
4314
|
+
return /* @__PURE__ */ React86__default.createElement(ModalHeader$1, { ...props, ref, ...styles3 });
|
4413
4315
|
}
|
4414
4316
|
);
|
4415
4317
|
|
4416
4318
|
// src/modal/Drawer.tsx
|
4417
4319
|
var Drawer = (props) => {
|
4418
|
-
return /* @__PURE__ */
|
4320
|
+
return /* @__PURE__ */ React86__default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React86__default.createElement(Drawer$1, { ...props }));
|
4419
4321
|
};
|
4420
4322
|
var DrawerContent = forwardRef(
|
4421
4323
|
({ children, ...props }, ref) => {
|
@@ -4432,7 +4334,7 @@ var DrawerContent = forwardRef(
|
|
4432
4334
|
});
|
4433
4335
|
const isTopOrBottom = placement === "top" || placement === "bottom";
|
4434
4336
|
const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
|
4435
|
-
return /* @__PURE__ */
|
4337
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { ...handlers }, /* @__PURE__ */ React86__default.createElement(
|
4436
4338
|
DrawerContent$1,
|
4437
4339
|
{
|
4438
4340
|
...widthConstraits,
|
@@ -4441,13 +4343,13 @@ var DrawerContent = forwardRef(
|
|
4441
4343
|
...props,
|
4442
4344
|
ref
|
4443
4345
|
},
|
4444
|
-
/* @__PURE__ */
|
4346
|
+
/* @__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
4347
|
));
|
4446
4348
|
}
|
4447
4349
|
);
|
4448
4350
|
var Notch = forwardRef((props, ref) => {
|
4449
4351
|
const placement = useDrawerContext();
|
4450
|
-
return /* @__PURE__ */
|
4352
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4451
4353
|
Box,
|
4452
4354
|
{
|
4453
4355
|
position: "absolute",
|
@@ -4459,14 +4361,14 @@ var Notch = forwardRef((props, ref) => {
|
|
4459
4361
|
...props,
|
4460
4362
|
ref
|
4461
4363
|
},
|
4462
|
-
/* @__PURE__ */
|
4364
|
+
/* @__PURE__ */ React86__default.createElement(
|
4463
4365
|
Center,
|
4464
4366
|
{
|
4465
4367
|
background: placement === "bottom" ? "bottom" : "top",
|
4466
4368
|
padding: 2,
|
4467
4369
|
borderRadius: "md"
|
4468
4370
|
},
|
4469
|
-
/* @__PURE__ */
|
4371
|
+
/* @__PURE__ */ React86__default.createElement(
|
4470
4372
|
Box,
|
4471
4373
|
{
|
4472
4374
|
width: "2.265rem",
|
@@ -4478,17 +4380,17 @@ var Notch = forwardRef((props, ref) => {
|
|
4478
4380
|
)
|
4479
4381
|
);
|
4480
4382
|
});
|
4481
|
-
var DrawerContext =
|
4482
|
-
var DrawerProvider = (props) => /* @__PURE__ */
|
4383
|
+
var DrawerContext = React86__default.createContext(void 0);
|
4384
|
+
var DrawerProvider = (props) => /* @__PURE__ */ React86__default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
|
4483
4385
|
var useDrawerContext = () => {
|
4484
|
-
return
|
4386
|
+
return React86__default.useContext(DrawerContext);
|
4485
4387
|
};
|
4486
4388
|
var FullScreenDrawer = ({
|
4487
4389
|
children,
|
4488
4390
|
title,
|
4489
4391
|
placement = "bottom",
|
4490
|
-
leftButton = /* @__PURE__ */
|
4491
|
-
rightButton = /* @__PURE__ */
|
4392
|
+
leftButton = /* @__PURE__ */ React86__default.createElement(DrawerBackButton, null),
|
4393
|
+
rightButton = /* @__PURE__ */ React86__default.createElement(DrawerCloseButton2, null),
|
4492
4394
|
isOpen,
|
4493
4395
|
onClose,
|
4494
4396
|
body
|
@@ -4505,7 +4407,7 @@ var FullScreenDrawer = ({
|
|
4505
4407
|
useEffect(() => {
|
4506
4408
|
setContentBoxScrolled(false);
|
4507
4409
|
}, [isOpen]);
|
4508
|
-
return /* @__PURE__ */
|
4410
|
+
return /* @__PURE__ */ React86__default.createElement(Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React86__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React86__default.createElement(
|
4509
4411
|
DrawerContent$1,
|
4510
4412
|
{
|
4511
4413
|
height: "100vh",
|
@@ -4513,7 +4415,7 @@ var FullScreenDrawer = ({
|
|
4513
4415
|
backgroundPosition: "top",
|
4514
4416
|
backgroundRepeat: "no-repeat"
|
4515
4417
|
},
|
4516
|
-
/* @__PURE__ */
|
4418
|
+
/* @__PURE__ */ React86__default.createElement(
|
4517
4419
|
DrawerTopMenu,
|
4518
4420
|
{
|
4519
4421
|
isScrolled: isContentBoxScrolled,
|
@@ -4522,7 +4424,7 @@ var FullScreenDrawer = ({
|
|
4522
4424
|
rightButton
|
4523
4425
|
}
|
4524
4426
|
),
|
4525
|
-
/* @__PURE__ */
|
4427
|
+
/* @__PURE__ */ React86__default.createElement(DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
|
4526
4428
|
));
|
4527
4429
|
};
|
4528
4430
|
var DrawerTopMenu = ({
|
@@ -4535,7 +4437,7 @@ var DrawerTopMenu = ({
|
|
4535
4437
|
"bg.default.light",
|
4536
4438
|
"bg.default.dark"
|
4537
4439
|
);
|
4538
|
-
return /* @__PURE__ */
|
4440
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4539
4441
|
Flex,
|
4540
4442
|
{
|
4541
4443
|
width: "100%",
|
@@ -4548,8 +4450,8 @@ var DrawerTopMenu = ({
|
|
4548
4450
|
transition: "box-shadow 0.2s",
|
4549
4451
|
boxShadow: isScrolled ? "md" : void 0
|
4550
4452
|
},
|
4551
|
-
/* @__PURE__ */
|
4552
|
-
/* @__PURE__ */
|
4453
|
+
/* @__PURE__ */ React86__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React86__default.createElement(Box, { width: "fit-content" }, leftButton)),
|
4454
|
+
/* @__PURE__ */ React86__default.createElement(
|
4553
4455
|
DrawerHeader,
|
4554
4456
|
{
|
4555
4457
|
as: "h2",
|
@@ -4562,7 +4464,7 @@ var DrawerTopMenu = ({
|
|
4562
4464
|
},
|
4563
4465
|
title
|
4564
4466
|
),
|
4565
|
-
/* @__PURE__ */
|
4467
|
+
/* @__PURE__ */ React86__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React86__default.createElement(Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
|
4566
4468
|
);
|
4567
4469
|
};
|
4568
4470
|
var DrawerCloseButton2 = () => {
|
@@ -4572,11 +4474,11 @@ var DrawerCloseButton2 = () => {
|
|
4572
4474
|
`(min-width: ${tokens11__default.size.breakpoint.sm})`
|
4573
4475
|
);
|
4574
4476
|
if (isScreenSizeMinSm) {
|
4575
|
-
return /* @__PURE__ */
|
4477
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4576
4478
|
Button2,
|
4577
4479
|
{
|
4578
4480
|
variant: "ghost",
|
4579
|
-
leftIcon: /* @__PURE__ */
|
4481
|
+
leftIcon: /* @__PURE__ */ React86__default.createElement(CloseFill24Icon, null),
|
4580
4482
|
onClick: onClose,
|
4581
4483
|
"aria-label": t2(texts20.close),
|
4582
4484
|
width: "fit-content",
|
@@ -4585,11 +4487,11 @@ var DrawerCloseButton2 = () => {
|
|
4585
4487
|
t2(texts20.close)
|
4586
4488
|
);
|
4587
4489
|
}
|
4588
|
-
return /* @__PURE__ */
|
4490
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4589
4491
|
IconButton,
|
4590
4492
|
{
|
4591
4493
|
variant: "ghost",
|
4592
|
-
icon: /* @__PURE__ */
|
4494
|
+
icon: /* @__PURE__ */ React86__default.createElement(CloseFill30Icon, null),
|
4593
4495
|
onClick: onClose,
|
4594
4496
|
"aria-label": t2(texts20.close)
|
4595
4497
|
}
|
@@ -4602,11 +4504,11 @@ var DrawerBackButton = () => {
|
|
4602
4504
|
`(min-width: ${tokens11__default.size.breakpoint.sm})`
|
4603
4505
|
);
|
4604
4506
|
if (isScreenSizeMinSm) {
|
4605
|
-
return /* @__PURE__ */
|
4507
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4606
4508
|
Button2,
|
4607
4509
|
{
|
4608
4510
|
variant: "ghost",
|
4609
|
-
leftIcon: /* @__PURE__ */
|
4511
|
+
leftIcon: /* @__PURE__ */ React86__default.createElement(ArrowLeftFill24Icon, null),
|
4610
4512
|
onClick: onClose,
|
4611
4513
|
"aria-label": t2(texts20.backAriaLabel),
|
4612
4514
|
width: "fit-content",
|
@@ -4615,11 +4517,11 @@ var DrawerBackButton = () => {
|
|
4615
4517
|
t2(texts20.back)
|
4616
4518
|
);
|
4617
4519
|
}
|
4618
|
-
return /* @__PURE__ */
|
4520
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4619
4521
|
IconButton,
|
4620
4522
|
{
|
4621
4523
|
variant: "ghost",
|
4622
|
-
icon: /* @__PURE__ */
|
4524
|
+
icon: /* @__PURE__ */ React86__default.createElement(ArrowLeftFill30Icon, null),
|
4623
4525
|
onClick: onClose,
|
4624
4526
|
"aria-label": t2(texts20.close)
|
4625
4527
|
}
|
@@ -4658,7 +4560,7 @@ var SimpleDrawer = ({
|
|
4658
4560
|
body,
|
4659
4561
|
...props
|
4660
4562
|
}) => {
|
4661
|
-
return /* @__PURE__ */
|
4563
|
+
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
4564
|
};
|
4663
4565
|
var EXPIRATION_DELAY = 1e3 * 60 * 60 * 24 * 30;
|
4664
4566
|
var Nudge = ({
|
@@ -4680,7 +4582,7 @@ var Nudge = ({
|
|
4680
4582
|
}
|
4681
4583
|
return null;
|
4682
4584
|
}
|
4683
|
-
return /* @__PURE__ */
|
4585
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4684
4586
|
Popover$1,
|
4685
4587
|
{
|
4686
4588
|
arrowSize: 12,
|
@@ -4688,8 +4590,8 @@ var Nudge = ({
|
|
4688
4590
|
defaultIsOpen: true,
|
4689
4591
|
...props
|
4690
4592
|
},
|
4691
|
-
/* @__PURE__ */
|
4692
|
-
/* @__PURE__ */
|
4593
|
+
/* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, children),
|
4594
|
+
/* @__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
4595
|
);
|
4694
4596
|
};
|
4695
4597
|
var texts21 = createTexts({
|
@@ -4717,19 +4619,19 @@ var WizardNudge = ({
|
|
4717
4619
|
const totalSteps = content.length;
|
4718
4620
|
const isLastStep = totalSteps === currentStep;
|
4719
4621
|
const onNext = () => setCurrentStep((prev) => prev + 1);
|
4720
|
-
return /* @__PURE__ */
|
4622
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4721
4623
|
Nudge,
|
4722
4624
|
{
|
4723
4625
|
onClose,
|
4724
4626
|
name,
|
4725
4627
|
content: content[currentStep - 1],
|
4726
|
-
actions: /* @__PURE__ */
|
4628
|
+
actions: /* @__PURE__ */ React86__default.createElement(Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React86__default.createElement(
|
4727
4629
|
ProgressIndicator,
|
4728
4630
|
{
|
4729
4631
|
activeStep: currentStep,
|
4730
4632
|
numberOfSteps: totalSteps
|
4731
4633
|
}
|
4732
|
-
), /* @__PURE__ */
|
4634
|
+
), /* @__PURE__ */ React86__default.createElement(Box, null, /* @__PURE__ */ React86__default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
|
4733
4635
|
...props
|
4734
4636
|
},
|
4735
4637
|
children
|
@@ -4738,12 +4640,12 @@ var WizardNudge = ({
|
|
4738
4640
|
var NextOrCloseButton = ({ isLastStep, onNext }) => {
|
4739
4641
|
const { onClose } = usePopoverContext();
|
4740
4642
|
const { t: t2 } = useTranslation();
|
4741
|
-
return /* @__PURE__ */
|
4643
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4742
4644
|
Button2,
|
4743
4645
|
{
|
4744
4646
|
variant: "tertiary",
|
4745
4647
|
size: "xs",
|
4746
|
-
leftIcon: isLastStep ? void 0 : /* @__PURE__ */
|
4648
|
+
leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React86__default.createElement(ArrowRightFill18Icon, null),
|
4747
4649
|
onClick: isLastStep ? onClose : onNext,
|
4748
4650
|
width: "fit-content"
|
4749
4651
|
},
|
@@ -4807,7 +4709,7 @@ var Pagination = ({
|
|
4807
4709
|
}
|
4808
4710
|
}
|
4809
4711
|
return displayPageNumbers.map(
|
4810
|
-
(pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */
|
4712
|
+
(pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React86__default.createElement(ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React86__default.createElement(Center, null, "...")) : /* @__PURE__ */ React86__default.createElement(
|
4811
4713
|
Link,
|
4812
4714
|
{
|
4813
4715
|
key: index,
|
@@ -4824,7 +4726,7 @@ var Pagination = ({
|
|
4824
4726
|
)
|
4825
4727
|
);
|
4826
4728
|
};
|
4827
|
-
return /* @__PURE__ */
|
4729
|
+
return /* @__PURE__ */ React86__default.createElement(Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React86__default.createElement(
|
4828
4730
|
UnorderedList,
|
4829
4731
|
{
|
4830
4732
|
display: "flex",
|
@@ -4833,22 +4735,22 @@ var Pagination = ({
|
|
4833
4735
|
padding: 0,
|
4834
4736
|
margin: 0
|
4835
4737
|
},
|
4836
|
-
/* @__PURE__ */
|
4738
|
+
/* @__PURE__ */ React86__default.createElement(ListItem, { "aria-label": t2(texts23.previousPage) }, /* @__PURE__ */ React86__default.createElement(
|
4837
4739
|
TextLink,
|
4838
4740
|
{
|
4839
4741
|
onClick: () => onPageChange(selectedPage - 1),
|
4840
4742
|
sx: hasPreviousPage ? style.link : style.disabled
|
4841
4743
|
},
|
4842
|
-
/* @__PURE__ */
|
4744
|
+
/* @__PURE__ */ React86__default.createElement(DropdownLeftFill18Icon, { sx: style.icon })
|
4843
4745
|
)),
|
4844
4746
|
renderPaginationButtons(),
|
4845
|
-
/* @__PURE__ */
|
4747
|
+
/* @__PURE__ */ React86__default.createElement(ListItem, { "aria-label": t2(texts23.nextPage) }, /* @__PURE__ */ React86__default.createElement(
|
4846
4748
|
TextLink,
|
4847
4749
|
{
|
4848
4750
|
onClick: () => onPageChange(selectedPage + 1),
|
4849
4751
|
sx: hasNextPage ? style.link : style.disabled
|
4850
4752
|
},
|
4851
|
-
/* @__PURE__ */
|
4753
|
+
/* @__PURE__ */ React86__default.createElement(DropdownRightFill18Icon, { sx: style.icon })
|
4852
4754
|
))
|
4853
4755
|
));
|
4854
4756
|
};
|
@@ -4868,7 +4770,7 @@ var texts23 = createTexts({
|
|
4868
4770
|
});
|
4869
4771
|
var ProgressDot = ({ isActive }) => {
|
4870
4772
|
const style = useMultiStyleConfig("ProgressIndicator");
|
4871
|
-
return /* @__PURE__ */
|
4773
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4872
4774
|
Box,
|
4873
4775
|
{
|
4874
4776
|
as: "svg",
|
@@ -4878,7 +4780,7 @@ var ProgressDot = ({ isActive }) => {
|
|
4878
4780
|
viewBox: "0 0 100 100",
|
4879
4781
|
"aria-current": isActive ? "step" : void 0
|
4880
4782
|
},
|
4881
|
-
/* @__PURE__ */
|
4783
|
+
/* @__PURE__ */ React86__default.createElement(Box, { as: "circle", cx: "50", cy: "50", r: "50" })
|
4882
4784
|
);
|
4883
4785
|
};
|
4884
4786
|
|
@@ -4889,7 +4791,7 @@ var ProgressIndicator = ({
|
|
4889
4791
|
}) => {
|
4890
4792
|
const { t: t2 } = useTranslation();
|
4891
4793
|
const style = useMultiStyleConfig("ProgressIndicator");
|
4892
|
-
return /* @__PURE__ */
|
4794
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4893
4795
|
Box,
|
4894
4796
|
{
|
4895
4797
|
__css: style.root,
|
@@ -4899,7 +4801,7 @@ var ProgressIndicator = ({
|
|
4899
4801
|
"aria-valuenow": activeStep,
|
4900
4802
|
"aria-valuetext": t2(texts24.stepsOf(activeStep, numberOfSteps))
|
4901
4803
|
},
|
4902
|
-
/* @__PURE__ */
|
4804
|
+
/* @__PURE__ */ React86__default.createElement(Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React86__default.createElement(
|
4903
4805
|
ProgressDot,
|
4904
4806
|
{
|
4905
4807
|
key: i,
|
@@ -4926,9 +4828,9 @@ var SporProvider = ({
|
|
4926
4828
|
}) => {
|
4927
4829
|
const brandCustomizations = brandTheme[brand] ?? {};
|
4928
4830
|
const extendedTheme = deepmerge(theme3, brandCustomizations);
|
4929
|
-
return /* @__PURE__ */
|
4831
|
+
return /* @__PURE__ */ React86__default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React86__default.createElement(ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React86__default.createElement(Global, { styles: fontFaces }), children));
|
4930
4832
|
};
|
4931
|
-
var StepperContext =
|
4833
|
+
var StepperContext = React86__default.createContext(null);
|
4932
4834
|
var StepperProvider = ({
|
4933
4835
|
activeStep,
|
4934
4836
|
children,
|
@@ -4936,7 +4838,7 @@ var StepperProvider = ({
|
|
4936
4838
|
numberOfSteps,
|
4937
4839
|
variant
|
4938
4840
|
}) => {
|
4939
|
-
return /* @__PURE__ */
|
4841
|
+
return /* @__PURE__ */ React86__default.createElement(
|
4940
4842
|
StepperContext.Provider,
|
4941
4843
|
{
|
4942
4844
|
value: { activeStep, onClick, numberOfSteps, variant }
|
@@ -4945,7 +4847,7 @@ var StepperProvider = ({
|
|
4945
4847
|
);
|
4946
4848
|
};
|
4947
4849
|
var useStepper = () => {
|
4948
|
-
const context =
|
4850
|
+
const context = React86__default.useContext(StepperContext);
|
4949
4851
|
if (!context) {
|
4950
4852
|
throw new Error(
|
4951
4853
|
"useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
|
@@ -4973,7 +4875,7 @@ var Stepper = ({
|
|
4973
4875
|
const { t: t2 } = useTranslation();
|
4974
4876
|
const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
|
4975
4877
|
const shownHeading = heading || title;
|
4976
|
-
return /* @__PURE__ */
|
4878
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { sx: style.root }, /* @__PURE__ */ React86__default.createElement(
|
4977
4879
|
StepperProvider,
|
4978
4880
|
{
|
4979
4881
|
onClick,
|
@@ -4981,7 +4883,7 @@ var Stepper = ({
|
|
4981
4883
|
variant,
|
4982
4884
|
numberOfSteps
|
4983
4885
|
},
|
4984
|
-
/* @__PURE__ */
|
4886
|
+
/* @__PURE__ */ React86__default.createElement(Box, { sx: style.container }, /* @__PURE__ */ React86__default.createElement(Box, { sx: style.innerContainer }, /* @__PURE__ */ React86__default.createElement(
|
4985
4887
|
Flex,
|
4986
4888
|
{
|
4987
4889
|
justifyContent: "space-between",
|
@@ -4989,11 +4891,11 @@ var Stepper = ({
|
|
4989
4891
|
gap: 2,
|
4990
4892
|
flex: 1
|
4991
4893
|
},
|
4992
|
-
/* @__PURE__ */
|
4894
|
+
/* @__PURE__ */ React86__default.createElement(
|
4993
4895
|
IconButton,
|
4994
4896
|
{
|
4995
4897
|
"aria-label": t2(texts25.back),
|
4996
|
-
icon: /* @__PURE__ */
|
4898
|
+
icon: /* @__PURE__ */ React86__default.createElement(ArrowLeftFill24Icon, null),
|
4997
4899
|
variant: "ghost",
|
4998
4900
|
size: "sm",
|
4999
4901
|
visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
|
@@ -5006,9 +4908,9 @@ var Stepper = ({
|
|
5006
4908
|
}
|
5007
4909
|
}
|
5008
4910
|
),
|
5009
|
-
shownHeading && /* @__PURE__ */
|
5010
|
-
/* @__PURE__ */
|
5011
|
-
)), /* @__PURE__ */
|
4911
|
+
shownHeading && /* @__PURE__ */ React86__default.createElement(Text4, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
|
4912
|
+
/* @__PURE__ */ React86__default.createElement(Box, { sx: style.stepCounter }, t2(texts25.stepsOf(activeStep, numberOfSteps)))
|
4913
|
+
)), /* @__PURE__ */ React86__default.createElement(Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React86__default.createElement(
|
5012
4914
|
StepperStep,
|
5013
4915
|
{
|
5014
4916
|
key: index,
|
@@ -5053,14 +4955,14 @@ var StepperStep = ({
|
|
5053
4955
|
);
|
5054
4956
|
const iconColor = useColorModeValue("blackAlpha.200", "whiteAlpha.200");
|
5055
4957
|
const isDisabled = state2 !== "active" && isDisabledOverride || state2 === "disabled";
|
5056
|
-
return /* @__PURE__ */
|
4958
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React86__default.createElement(
|
5057
4959
|
DropdownRightFill18Icon,
|
5058
4960
|
{
|
5059
4961
|
marginX: 5,
|
5060
4962
|
display: ["none", null, "block"],
|
5061
4963
|
color: iconColor
|
5062
4964
|
}
|
5063
|
-
), isDisabled ? /* @__PURE__ */
|
4965
|
+
), isDisabled ? /* @__PURE__ */ React86__default.createElement(
|
5064
4966
|
Text4,
|
5065
4967
|
{
|
5066
4968
|
variant: "xs",
|
@@ -5070,7 +4972,7 @@ var StepperStep = ({
|
|
5070
4972
|
paddingX: 2
|
5071
4973
|
},
|
5072
4974
|
children
|
5073
|
-
) : /* @__PURE__ */
|
4975
|
+
) : /* @__PURE__ */ React86__default.createElement(
|
5074
4976
|
Button2,
|
5075
4977
|
{
|
5076
4978
|
size: "xs",
|
@@ -5093,11 +4995,11 @@ var getState = (stepNumber, activeStep) => {
|
|
5093
4995
|
return "disabled";
|
5094
4996
|
};
|
5095
4997
|
var Tabs = forwardRef((props, ref) => {
|
5096
|
-
return /* @__PURE__ */
|
4998
|
+
return /* @__PURE__ */ React86.createElement(Tabs$1, { ...props, ref });
|
5097
4999
|
});
|
5098
5000
|
var Table = forwardRef((props, ref) => {
|
5099
5001
|
const { variant, size: size2, colorScheme, children, ...rest } = props;
|
5100
|
-
return /* @__PURE__ */
|
5002
|
+
return /* @__PURE__ */ React86__default.createElement(Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React86__default.createElement(Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React86__default.createElement(
|
5101
5003
|
Table$1,
|
5102
5004
|
{
|
5103
5005
|
variant,
|
@@ -14433,12 +14335,12 @@ var brandTheme = {
|
|
14433
14335
|
};
|
14434
14336
|
var BaseToast = ({ children, variant, id }) => {
|
14435
14337
|
const styles3 = useStyleConfig("Toast", { variant });
|
14436
|
-
return /* @__PURE__ */
|
14338
|
+
return /* @__PURE__ */ React86__default.createElement(Flex, { sx: styles3, id }, /* @__PURE__ */ React86__default.createElement(ToastIcon, { variant }), children);
|
14437
14339
|
};
|
14438
14340
|
var ToastIcon = ({ variant }) => {
|
14439
14341
|
const Icon = getIcon3(variant);
|
14440
14342
|
const { t: t2 } = useTranslation();
|
14441
|
-
return /* @__PURE__ */
|
14343
|
+
return /* @__PURE__ */ React86__default.createElement(
|
14442
14344
|
Icon,
|
14443
14345
|
{
|
14444
14346
|
flexShrink: 0,
|
@@ -14488,7 +14390,7 @@ var ActionToast = ({
|
|
14488
14390
|
buttonText,
|
14489
14391
|
id
|
14490
14392
|
}) => {
|
14491
|
-
return /* @__PURE__ */
|
14393
|
+
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
14394
|
};
|
14493
14395
|
var ClosableToast = ({
|
14494
14396
|
children,
|
@@ -14498,13 +14400,13 @@ var ClosableToast = ({
|
|
14498
14400
|
}) => {
|
14499
14401
|
const styles3 = useMultiStyleConfig("Toast", { variant });
|
14500
14402
|
const { t: t2 } = useTranslation();
|
14501
|
-
return /* @__PURE__ */
|
14403
|
+
return /* @__PURE__ */ React86__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React86__default.createElement(Box, { flexGrow: "1" }, children), /* @__PURE__ */ React86__default.createElement(
|
14502
14404
|
IconButton,
|
14503
14405
|
{
|
14504
14406
|
sx: styles3.dismissButton,
|
14505
14407
|
variant: "ghost",
|
14506
14408
|
"aria-label": t2(texts27.dismiss),
|
14507
|
-
icon: /* @__PURE__ */
|
14409
|
+
icon: /* @__PURE__ */ React86__default.createElement(CloseFill18Icon, null),
|
14508
14410
|
onClick: onClose
|
14509
14411
|
}
|
14510
14412
|
));
|
@@ -14532,7 +14434,7 @@ var useToast = () => {
|
|
14532
14434
|
};
|
14533
14435
|
var getToastComponent = (opts) => {
|
14534
14436
|
if ("isClosable" in opts && opts.isClosable) {
|
14535
|
-
return ({ onClose, id }) => /* @__PURE__ */
|
14437
|
+
return ({ onClose, id }) => /* @__PURE__ */ React86__default.createElement(
|
14536
14438
|
ClosableToast,
|
14537
14439
|
{
|
14538
14440
|
id,
|
@@ -14548,7 +14450,7 @@ var getToastComponent = (opts) => {
|
|
14548
14450
|
);
|
14549
14451
|
}
|
14550
14452
|
if ("buttonText" in opts) {
|
14551
|
-
return ({ id }) => /* @__PURE__ */
|
14453
|
+
return ({ id }) => /* @__PURE__ */ React86__default.createElement(
|
14552
14454
|
ActionToast,
|
14553
14455
|
{
|
14554
14456
|
id,
|
@@ -14559,7 +14461,7 @@ var getToastComponent = (opts) => {
|
|
14559
14461
|
opts.text
|
14560
14462
|
);
|
14561
14463
|
}
|
14562
|
-
return ({ id }) => /* @__PURE__ */
|
14464
|
+
return ({ id }) => /* @__PURE__ */ React86__default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
|
14563
14465
|
};
|
14564
14466
|
var Tooltip = ({
|
14565
14467
|
children,
|
@@ -14572,7 +14474,7 @@ var Tooltip = ({
|
|
14572
14474
|
withCloseButton = false,
|
14573
14475
|
...props
|
14574
14476
|
}) => {
|
14575
|
-
return /* @__PURE__ */
|
14477
|
+
return /* @__PURE__ */ React86__default.createElement(
|
14576
14478
|
Popover$1,
|
14577
14479
|
{
|
14578
14480
|
onClose,
|
@@ -14584,8 +14486,8 @@ var Tooltip = ({
|
|
14584
14486
|
arrowShadowColor: "none",
|
14585
14487
|
...props
|
14586
14488
|
},
|
14587
|
-
/* @__PURE__ */
|
14588
|
-
/* @__PURE__ */
|
14489
|
+
/* @__PURE__ */ React86__default.createElement(PopoverTrigger, null, children),
|
14490
|
+
/* @__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
14491
|
);
|
14590
14492
|
};
|
14591
14493
|
|
@@ -14694,4 +14596,4 @@ function slugify(text, maxLength = 50) {
|
|
14694
14596
|
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
14597
|
}
|
14696
14598
|
|
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,
|
14599
|
+
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 };
|