@vygruppen/spor-react 9.6.5 → 9.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +10 -10
- package/CHANGELOG.md +12 -0
- package/dist/{CountryCodeSelect-VSNXCJ6M.mjs → CountryCodeSelect-FPOWUHQG.mjs} +1 -1
- package/dist/{chunk-F6WDIMSM.mjs → chunk-QGMF2EAE.mjs} +472 -345
- package/dist/index.d.mts +250 -28
- package/dist/index.d.ts +250 -28
- package/dist/index.js +3243 -3093
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/layout/RadioCard.tsx +95 -0
- package/src/layout/RadioCardGroup.tsx +81 -0
- package/src/layout/index.tsx +2 -0
- package/src/theme/components/index.ts +1 -0
- package/src/theme/components/radio-card.ts +64 -0
- package/src/theme/components/static-card.ts +2 -0
- package/src/theme/components/table.ts +0 -2
- package/src/theme/utils/floating-utils.ts +17 -1
@@ -1,10 +1,10 @@
|
|
1
1
|
import tokens11__default from '@vygruppen/spor-design-tokens';
|
2
2
|
import * as tokens11 from '@vygruppen/spor-design-tokens';
|
3
3
|
export { tokens11 as tokens };
|
4
|
-
import { forwardRef, Divider as Divider$1, Stack as Stack$1, Accordion as Accordion$1, Skeleton as Skeleton$1, useButtonGroup,
|
4
|
+
import { forwardRef, Divider as Divider$1, Stack as Stack$1, useRadio, useStyleConfig, chakra, Accordion as Accordion$1, Skeleton as Skeleton$1, useButtonGroup, Box, Center, Flex, ButtonGroup as ButtonGroup$1, IconButton as IconButton$1, useMultiStyleConfig, Badge as Badge$1, Code as Code$1, Text, PopoverAnchor, FormLabel, useFormControlContext, PopoverContent, PopoverArrow, PopoverBody, FocusLock, Popover, InputGroup, PopoverTrigger, Portal, Checkbox as Checkbox$1, useCheckbox, FormControl as FormControl$1, InputLeftElement, Input as Input$1, InputRightElement, Select, useDisclosure, Button as Button$1, useControllableState, Radio as Radio$1, RadioGroup as RadioGroup$1, Switch as Switch$1, Textarea as Textarea$1, 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, useRadioGroup, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, useColorMode, SkeletonCircle as SkeletonCircle$1, SkeletonText as SkeletonText$1, useColorModeValue, Breadcrumb as Breadcrumb$1, BreadcrumbItem as BreadcrumbItem$1, BreadcrumbLink as BreadcrumbLink$1, Heading as Heading$1, CheckboxGroup as CheckboxGroup$1, List, ListItem, useFormControlProps, useFormControl, 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 React73 from 'react';
|
7
|
+
import React73__default, { useId, createContext, useEffect, forwardRef as forwardRef$1, useRef, useState, Suspense, Children, useContext, useCallback, useMemo, useLayoutEffect } from 'react';
|
8
8
|
import { CloseFill30Icon, CloseFill24Icon, CloseFill18Icon, CalendarOutline24Icon, CloseOutline24Icon, SearchOutline24Icon, InformationFill24Icon, InformationFill18Icon, WarningFill24Icon, WarningFill18Icon, ErrorFill24Icon, ErrorFill18Icon, LinkOutOutline24Icon, DropdownRightFill18Icon, DropdownLeftFill18Icon, DropdownDownFill18Icon, DropdownDownFill24Icon, DropdownUpFill24Icon, ArrowRightFill18Icon, ArrowLeftFill24Icon, 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 { inlineLoaderColorData, spinnerColorData, contentLoaderData, fullScreenLoaderWhiteData, inlineLoaderDarkData, fullScreenLoaderBlackData, inlineLoaderLightData, spinnerLightData, spinnerDarkData } from '@vygruppen/spor-loader';
|
10
10
|
import { useLottie } from 'lottie-react';
|
@@ -322,7 +322,7 @@ var require_lodash = __commonJS({
|
|
322
322
|
MapCache.prototype.get = mapCacheGet;
|
323
323
|
MapCache.prototype.has = mapCacheHas;
|
324
324
|
MapCache.prototype.set = mapCacheSet;
|
325
|
-
function
|
325
|
+
function Stack5(entries) {
|
326
326
|
var data = this.__data__ = new ListCache(entries);
|
327
327
|
this.size = data.size;
|
328
328
|
}
|
@@ -356,11 +356,11 @@ var require_lodash = __commonJS({
|
|
356
356
|
this.size = data.size;
|
357
357
|
return this;
|
358
358
|
}
|
359
|
-
|
360
|
-
|
361
|
-
|
362
|
-
|
363
|
-
|
359
|
+
Stack5.prototype.clear = stackClear;
|
360
|
+
Stack5.prototype["delete"] = stackDelete;
|
361
|
+
Stack5.prototype.get = stackGet;
|
362
|
+
Stack5.prototype.has = stackHas;
|
363
|
+
Stack5.prototype.set = stackSet;
|
364
364
|
function arrayLikeKeys(value, inherited) {
|
365
365
|
var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
|
366
366
|
for (var key in value) {
|
@@ -443,7 +443,7 @@ var require_lodash = __commonJS({
|
|
443
443
|
return;
|
444
444
|
}
|
445
445
|
baseFor(source, function(srcValue, key) {
|
446
|
-
stack || (stack = new
|
446
|
+
stack || (stack = new Stack5());
|
447
447
|
if (isObject2(srcValue)) {
|
448
448
|
baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
|
449
449
|
} else {
|
@@ -771,22 +771,81 @@ var require_lodash = __commonJS({
|
|
771
771
|
}
|
772
772
|
});
|
773
773
|
var Divider = forwardRef((props, ref) => {
|
774
|
-
return /* @__PURE__ */
|
774
|
+
return /* @__PURE__ */ React73__default.createElement(Divider$1, { ...props, ref });
|
775
775
|
});
|
776
776
|
var Stack = forwardRef(
|
777
777
|
({ flexDirection, ...props }, ref) => {
|
778
|
-
return /* @__PURE__ */
|
778
|
+
return /* @__PURE__ */ React73__default.createElement(Stack$1, { ...props, direction: flexDirection, ref });
|
779
779
|
}
|
780
780
|
);
|
781
|
-
|
781
|
+
|
782
|
+
// ../../node_modules/@chakra-ui/utils/dist/chunk-O3SWHQEE.mjs
|
783
|
+
var dataAttr = (condition) => condition ? "" : void 0;
|
784
|
+
var RadioCard = forwardRef(
|
785
|
+
({ children, variant = "base", ...props }, ref) => {
|
786
|
+
const { getInputProps, getRadioProps, getRootProps, state: state2 } = useRadio(props);
|
787
|
+
const styles3 = useStyleConfig("RadioCard", { variant });
|
788
|
+
const input = getInputProps({}, ref);
|
789
|
+
const radio = getRadioProps();
|
790
|
+
const id = `radio-card-${useId()}`;
|
791
|
+
return /* @__PURE__ */ React73__default.createElement(
|
792
|
+
chakra.label,
|
793
|
+
{
|
794
|
+
htmlFor: id,
|
795
|
+
...getRootProps(),
|
796
|
+
"aria-label": String(children)
|
797
|
+
},
|
798
|
+
/* @__PURE__ */ React73__default.createElement(chakra.input, { ...input, id, disabled: state2.isDisabled }),
|
799
|
+
/* @__PURE__ */ React73__default.createElement(
|
800
|
+
chakra.div,
|
801
|
+
{
|
802
|
+
__css: styles3,
|
803
|
+
...radio,
|
804
|
+
"data-checked": dataAttr(state2.isChecked),
|
805
|
+
"data-hover": dataAttr(state2.isHovered),
|
806
|
+
"data-focus": dataAttr(state2.isFocused),
|
807
|
+
"data-active": dataAttr(state2.isActive),
|
808
|
+
"data-disabled": dataAttr(state2.isDisabled),
|
809
|
+
...props
|
810
|
+
},
|
811
|
+
children
|
812
|
+
)
|
813
|
+
);
|
814
|
+
}
|
815
|
+
);
|
816
|
+
var RadioCardGroup = ({
|
817
|
+
children,
|
818
|
+
name,
|
819
|
+
direction: direction2 = "row",
|
820
|
+
onChange,
|
821
|
+
defaultValue,
|
822
|
+
variant = "base",
|
823
|
+
...props
|
824
|
+
}) => {
|
825
|
+
const { getRootProps, getRadioProps } = useRadioGroup({
|
826
|
+
defaultValue,
|
827
|
+
name,
|
828
|
+
onChange,
|
829
|
+
...props
|
830
|
+
});
|
831
|
+
const group = getRootProps();
|
832
|
+
return /* @__PURE__ */ React73__default.createElement(Stack$1, { direction: direction2, ...group }, Children.map(
|
833
|
+
children,
|
834
|
+
(child) => {
|
835
|
+
const radio = getRadioProps({ value: child.props.value });
|
836
|
+
return React73__default.cloneElement(child, { ...radio, variant, ...props });
|
837
|
+
}
|
838
|
+
));
|
839
|
+
};
|
840
|
+
var AccordionContext = React73__default.createContext(null);
|
782
841
|
var AccordionProvider = ({
|
783
842
|
size: size2,
|
784
843
|
...props
|
785
844
|
}) => {
|
786
|
-
return /* @__PURE__ */
|
845
|
+
return /* @__PURE__ */ React73__default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
|
787
846
|
};
|
788
847
|
var useAccordionContext = () => {
|
789
|
-
const context =
|
848
|
+
const context = React73__default.useContext(AccordionContext);
|
790
849
|
if (context === null) {
|
791
850
|
throw new Error(
|
792
851
|
"useAccordionContext must be used within AccordionProvider"
|
@@ -797,14 +856,14 @@ var useAccordionContext = () => {
|
|
797
856
|
var Accordion = forwardRef(
|
798
857
|
({ children, spacing: spacing3 = 2, ...props }, ref) => {
|
799
858
|
const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
|
800
|
-
return /* @__PURE__ */
|
859
|
+
return /* @__PURE__ */ React73__default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React73__default.createElement(
|
801
860
|
Accordion$1,
|
802
861
|
{
|
803
862
|
...props,
|
804
863
|
ref,
|
805
864
|
defaultIndex
|
806
865
|
},
|
807
|
-
/* @__PURE__ */
|
866
|
+
/* @__PURE__ */ React73__default.createElement(Stack, { spacing: spacing3 }, children)
|
808
867
|
));
|
809
868
|
}
|
810
869
|
);
|
@@ -820,7 +879,7 @@ var Expandable = ({
|
|
820
879
|
},
|
821
880
|
...rest
|
822
881
|
}) => {
|
823
|
-
return /* @__PURE__ */
|
882
|
+
return /* @__PURE__ */ React73__default.createElement(
|
824
883
|
Accordion,
|
825
884
|
{
|
826
885
|
...rest,
|
@@ -830,7 +889,7 @@ var Expandable = ({
|
|
830
889
|
size: size2,
|
831
890
|
onChange: (expandedIndex) => onChange(expandedIndex === 0)
|
832
891
|
},
|
833
|
-
/* @__PURE__ */
|
892
|
+
/* @__PURE__ */ React73__default.createElement(
|
834
893
|
ExpandableItem,
|
835
894
|
{
|
836
895
|
headingLevel,
|
@@ -850,7 +909,7 @@ var ExpandableItem = ({
|
|
850
909
|
}) => {
|
851
910
|
const { size: size2 } = useAccordionContext();
|
852
911
|
warnAboutMismatchingIcon({ icon: leftIcon, size: size2 });
|
853
|
-
return /* @__PURE__ */
|
912
|
+
return /* @__PURE__ */ React73__default.createElement(AccordionItem, { ...rest }, /* @__PURE__ */ React73__default.createElement(Box, { as: headingLevel }, /* @__PURE__ */ React73__default.createElement(AccordionButton, null, /* @__PURE__ */ React73__default.createElement(Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React73__default.createElement(Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React73__default.createElement(AccordionIcon, null))), /* @__PURE__ */ React73__default.createElement(AccordionPanel, null, children));
|
854
913
|
};
|
855
914
|
var warnAboutMismatchingIcon = ({ icon, size: size2 }) => {
|
856
915
|
var _a6, _b5;
|
@@ -899,7 +958,7 @@ function LanguageProvider({
|
|
899
958
|
language,
|
900
959
|
children
|
901
960
|
}) {
|
902
|
-
return /* @__PURE__ */
|
961
|
+
return /* @__PURE__ */ React73__default.createElement(LanguageContext.Provider, { value: language }, children);
|
903
962
|
}
|
904
963
|
function useLanguage() {
|
905
964
|
const language = useContext(LanguageContext);
|
@@ -931,11 +990,11 @@ function useHydrated() {
|
|
931
990
|
// src/loader/ClientOnly.tsx
|
932
991
|
var ClientOnly = ({ children, fallback = null }) => {
|
933
992
|
const isHydrated = useHydrated();
|
934
|
-
return /* @__PURE__ */
|
993
|
+
return /* @__PURE__ */ React73__default.createElement(React73__default.Fragment, null, isHydrated ? children() : fallback);
|
935
994
|
};
|
936
995
|
function Lottie({ animationData }) {
|
937
996
|
const { View } = useLottie({ animationData, loop: true });
|
938
|
-
return /* @__PURE__ */
|
997
|
+
return /* @__PURE__ */ React73__default.createElement(React73__default.Fragment, null, View);
|
939
998
|
}
|
940
999
|
|
941
1000
|
// src/loader/ColorInlineLoader.tsx
|
@@ -944,7 +1003,7 @@ var ColorInlineLoader = ({
|
|
944
1003
|
maxWidth,
|
945
1004
|
...props
|
946
1005
|
}) => {
|
947
|
-
return /* @__PURE__ */
|
1006
|
+
return /* @__PURE__ */ React73__default.createElement(Center, { ...props }, /* @__PURE__ */ React73__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: inlineLoaderColorData }))));
|
948
1007
|
};
|
949
1008
|
var ColorSpinner = ({
|
950
1009
|
children,
|
@@ -952,24 +1011,24 @@ var ColorSpinner = ({
|
|
952
1011
|
maxWidth,
|
953
1012
|
...props
|
954
1013
|
}) => {
|
955
|
-
return /* @__PURE__ */
|
1014
|
+
return /* @__PURE__ */ React73__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React73__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: spinnerColorData }))), children && /* @__PURE__ */ React73__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
|
956
1015
|
};
|
957
1016
|
var ContentLoader = ({ children, ...props }) => {
|
958
|
-
return /* @__PURE__ */
|
1017
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { ...props }, /* @__PURE__ */ React73__default.createElement(Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: contentLoaderData }))), children && /* @__PURE__ */ React73__default.createElement(Box, { textAlign: "center", fontWeight: "bold" }, children));
|
959
1018
|
};
|
960
1019
|
var DarkFullScreenLoader = ({
|
961
1020
|
width,
|
962
1021
|
maxWidth,
|
963
1022
|
...props
|
964
1023
|
}) => {
|
965
|
-
return /* @__PURE__ */
|
1024
|
+
return /* @__PURE__ */ React73__default.createElement(Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React73__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: fullScreenLoaderWhiteData }))));
|
966
1025
|
};
|
967
1026
|
var DarkInlineLoader = ({
|
968
1027
|
width,
|
969
1028
|
maxWidth,
|
970
1029
|
...props
|
971
1030
|
}) => {
|
972
|
-
return /* @__PURE__ */
|
1031
|
+
return /* @__PURE__ */ React73__default.createElement(Center, { ...props }, /* @__PURE__ */ React73__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: inlineLoaderDarkData }))));
|
973
1032
|
};
|
974
1033
|
var DarkSpinner = ({
|
975
1034
|
children,
|
@@ -979,21 +1038,21 @@ var DarkSpinner = ({
|
|
979
1038
|
}) => {
|
980
1039
|
const { colorMode } = useColorMode();
|
981
1040
|
const spinnerData = colorMode === "dark" ? spinnerLightData : spinnerDarkData;
|
982
|
-
return /* @__PURE__ */
|
1041
|
+
return /* @__PURE__ */ React73__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React73__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React73__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
|
983
1042
|
};
|
984
1043
|
var LightFullScreenLoader = ({
|
985
1044
|
width,
|
986
1045
|
maxWidth,
|
987
1046
|
...props
|
988
1047
|
}) => {
|
989
|
-
return /* @__PURE__ */
|
1048
|
+
return /* @__PURE__ */ React73__default.createElement(Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React73__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: fullScreenLoaderBlackData }))));
|
990
1049
|
};
|
991
1050
|
var LightInlineLoader = ({
|
992
1051
|
width,
|
993
1052
|
maxWidth,
|
994
1053
|
...props
|
995
1054
|
}) => {
|
996
|
-
return /* @__PURE__ */
|
1055
|
+
return /* @__PURE__ */ React73__default.createElement(Center, { ...props }, /* @__PURE__ */ React73__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: inlineLoaderLightData }))));
|
997
1056
|
};
|
998
1057
|
var LightSpinner = ({
|
999
1058
|
children,
|
@@ -1001,7 +1060,7 @@ var LightSpinner = ({
|
|
1001
1060
|
maxWidth,
|
1002
1061
|
...props
|
1003
1062
|
}) => {
|
1004
|
-
return /* @__PURE__ */
|
1063
|
+
return /* @__PURE__ */ React73__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React73__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: spinnerLightData }))), children && /* @__PURE__ */ React73__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
|
1005
1064
|
};
|
1006
1065
|
var useRotatingLabel = ({ label, delay }) => {
|
1007
1066
|
const loadingTextArray = useMemo(
|
@@ -1038,7 +1097,7 @@ var ProgressBar = ({
|
|
1038
1097
|
"aria-label": ariaLabel || t2(texts.label(value))
|
1039
1098
|
});
|
1040
1099
|
const styles3 = useMultiStyleConfig("ProgressBar", {});
|
1041
|
-
return /* @__PURE__ */
|
1100
|
+
return /* @__PURE__ */ React73__default.createElement(React73__default.Fragment, null, /* @__PURE__ */ React73__default.createElement(
|
1042
1101
|
Box,
|
1043
1102
|
{
|
1044
1103
|
...progressBarProps,
|
@@ -1046,8 +1105,8 @@ var ProgressBar = ({
|
|
1046
1105
|
__css: styles3.container,
|
1047
1106
|
...rest
|
1048
1107
|
},
|
1049
|
-
/* @__PURE__ */
|
1050
|
-
currentLoadingText && /* @__PURE__ */
|
1108
|
+
/* @__PURE__ */ React73__default.createElement(Box, { width, __css: styles3.background }, /* @__PURE__ */ React73__default.createElement(Box, { __css: styles3.progress, height, width: `${value}%` })),
|
1109
|
+
currentLoadingText && /* @__PURE__ */ React73__default.createElement(Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
|
1051
1110
|
));
|
1052
1111
|
};
|
1053
1112
|
var texts = createTexts({
|
@@ -1081,7 +1140,7 @@ var ProgressLoader = ({
|
|
1081
1140
|
const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
|
1082
1141
|
const progress = (value - 100) / 100 * progressPathLength;
|
1083
1142
|
const id = useId();
|
1084
|
-
return /* @__PURE__ */
|
1143
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React73__default.createElement(Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React73__default.createElement(
|
1085
1144
|
Box,
|
1086
1145
|
{
|
1087
1146
|
as: "path",
|
@@ -1089,7 +1148,7 @@ var ProgressLoader = ({
|
|
1089
1148
|
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",
|
1090
1149
|
fill: "#FFB466"
|
1091
1150
|
}
|
1092
|
-
), /* @__PURE__ */
|
1151
|
+
), /* @__PURE__ */ React73__default.createElement(
|
1093
1152
|
Box,
|
1094
1153
|
{
|
1095
1154
|
as: "path",
|
@@ -1100,7 +1159,7 @@ var ProgressLoader = ({
|
|
1100
1159
|
strokeLinecap: "round",
|
1101
1160
|
strokeLinejoin: "round"
|
1102
1161
|
}
|
1103
|
-
), /* @__PURE__ */
|
1162
|
+
), /* @__PURE__ */ React73__default.createElement(
|
1104
1163
|
Box,
|
1105
1164
|
{
|
1106
1165
|
as: "path",
|
@@ -1115,7 +1174,7 @@ var ProgressLoader = ({
|
|
1115
1174
|
transition: "stroke-dashoffset .2s ease-out",
|
1116
1175
|
ref: pathRef
|
1117
1176
|
}
|
1118
|
-
), /* @__PURE__ */
|
1177
|
+
), /* @__PURE__ */ React73__default.createElement(
|
1119
1178
|
Box,
|
1120
1179
|
{
|
1121
1180
|
as: "path",
|
@@ -1123,7 +1182,7 @@ var ProgressLoader = ({
|
|
1123
1182
|
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",
|
1124
1183
|
fill: "#688CBA"
|
1125
1184
|
}
|
1126
|
-
)), currentLoadingText && /* @__PURE__ */
|
1185
|
+
)), currentLoadingText && /* @__PURE__ */ React73__default.createElement(
|
1127
1186
|
Text,
|
1128
1187
|
{
|
1129
1188
|
textAlign: "center",
|
@@ -1142,9 +1201,9 @@ var texts2 = createTexts({
|
|
1142
1201
|
en: `${value}% done`
|
1143
1202
|
})
|
1144
1203
|
});
|
1145
|
-
var Skeleton = forwardRef((props, ref) => /* @__PURE__ */
|
1146
|
-
var SkeletonCircle = (props) => /* @__PURE__ */
|
1147
|
-
var SkeletonText = (props) => /* @__PURE__ */
|
1204
|
+
var Skeleton = forwardRef((props, ref) => /* @__PURE__ */ React73__default.createElement(Skeleton$1, { ...props, ref }));
|
1205
|
+
var SkeletonCircle = (props) => /* @__PURE__ */ React73__default.createElement(SkeletonCircle$1, { boxSize: 6, borderRadius: "50%", ...props });
|
1206
|
+
var SkeletonText = (props) => /* @__PURE__ */ React73__default.createElement(SkeletonText$1, { boxSize: 6, ...props });
|
1148
1207
|
|
1149
1208
|
// src/button/Button.tsx
|
1150
1209
|
var Button = forwardRef((props, ref) => {
|
@@ -1174,7 +1233,7 @@ var Button = forwardRef((props, ref) => {
|
|
1174
1233
|
if (fontWeight) {
|
1175
1234
|
styles3.fontWeight = fontWeight;
|
1176
1235
|
}
|
1177
|
-
return /* @__PURE__ */
|
1236
|
+
return /* @__PURE__ */ React73__default.createElement(
|
1178
1237
|
Box,
|
1179
1238
|
{
|
1180
1239
|
...rest,
|
@@ -1187,7 +1246,7 @@ var Button = forwardRef((props, ref) => {
|
|
1187
1246
|
disabled: isDisabled || isLoading,
|
1188
1247
|
position: "relative"
|
1189
1248
|
},
|
1190
|
-
isLoading && /* @__PURE__ */
|
1249
|
+
isLoading && /* @__PURE__ */ React73__default.createElement(Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React73__default.createElement(
|
1191
1250
|
ColorInlineLoader,
|
1192
1251
|
{
|
1193
1252
|
maxWidth: getLoaderWidth(finalSize),
|
@@ -1196,7 +1255,7 @@ var Button = forwardRef((props, ref) => {
|
|
1196
1255
|
marginY: 2
|
1197
1256
|
}
|
1198
1257
|
)),
|
1199
|
-
/* @__PURE__ */
|
1258
|
+
/* @__PURE__ */ React73__default.createElement(
|
1200
1259
|
Flex,
|
1201
1260
|
{
|
1202
1261
|
gap: 1,
|
@@ -1206,7 +1265,7 @@ var Button = forwardRef((props, ref) => {
|
|
1206
1265
|
visibility: isLoading ? "hidden" : "visible",
|
1207
1266
|
"aria-hidden": isLoading
|
1208
1267
|
},
|
1209
|
-
/* @__PURE__ */
|
1268
|
+
/* @__PURE__ */ React73__default.createElement(Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React73__default.createElement(
|
1210
1269
|
Box,
|
1211
1270
|
{
|
1212
1271
|
visibility: isLoading ? "hidden" : "visible",
|
@@ -1247,14 +1306,14 @@ var texts3 = createTexts({
|
|
1247
1306
|
sv: "Laddar\u2026"
|
1248
1307
|
}
|
1249
1308
|
});
|
1250
|
-
var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */
|
1309
|
+
var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */ React73__default.createElement(ButtonGroup$1, { ...props, ref }));
|
1251
1310
|
var IconButton = forwardRef(
|
1252
|
-
({ ...props }, ref) => /* @__PURE__ */
|
1311
|
+
({ ...props }, ref) => /* @__PURE__ */ React73__default.createElement(
|
1253
1312
|
IconButton$1,
|
1254
1313
|
{
|
1255
1314
|
title: props["aria-label"],
|
1256
1315
|
...props,
|
1257
|
-
spinner: /* @__PURE__ */
|
1316
|
+
spinner: /* @__PURE__ */ React73__default.createElement(ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
|
1258
1317
|
ref
|
1259
1318
|
}
|
1260
1319
|
)
|
@@ -1264,7 +1323,7 @@ var IconButton = forwardRef(
|
|
1264
1323
|
var CloseButton = forwardRef(
|
1265
1324
|
({ size: size2 = "sm", ...props }, ref) => {
|
1266
1325
|
const { t: t2 } = useTranslation();
|
1267
|
-
return /* @__PURE__ */
|
1326
|
+
return /* @__PURE__ */ React73__default.createElement(
|
1268
1327
|
IconButton,
|
1269
1328
|
{
|
1270
1329
|
ref,
|
@@ -1281,11 +1340,11 @@ var getIcon = (size2) => {
|
|
1281
1340
|
switch (size2) {
|
1282
1341
|
case "xs":
|
1283
1342
|
case "sm":
|
1284
|
-
return /* @__PURE__ */
|
1343
|
+
return /* @__PURE__ */ React73__default.createElement(CloseFill18Icon, null);
|
1285
1344
|
case "md":
|
1286
|
-
return /* @__PURE__ */
|
1345
|
+
return /* @__PURE__ */ React73__default.createElement(CloseFill24Icon, null);
|
1287
1346
|
case "lg":
|
1288
|
-
return /* @__PURE__ */
|
1347
|
+
return /* @__PURE__ */ React73__default.createElement(CloseFill30Icon, null);
|
1289
1348
|
}
|
1290
1349
|
};
|
1291
1350
|
var texts4 = createTexts({
|
@@ -1307,7 +1366,7 @@ var FloatingActionButton = forwardRef(
|
|
1307
1366
|
placement = "bottom right",
|
1308
1367
|
...props
|
1309
1368
|
}, ref) => {
|
1310
|
-
const [isTextVisible, setIsTextVisible] =
|
1369
|
+
const [isTextVisible, setIsTextVisible] = React73__default.useState(
|
1311
1370
|
externalIsTextVisible !== void 0 ? externalIsTextVisible : false
|
1312
1371
|
);
|
1313
1372
|
const scrollDirection = useScrollDirection();
|
@@ -1329,7 +1388,7 @@ var FloatingActionButton = forwardRef(
|
|
1329
1388
|
isTextVisible,
|
1330
1389
|
placement
|
1331
1390
|
});
|
1332
|
-
return /* @__PURE__ */
|
1391
|
+
return /* @__PURE__ */ React73__default.createElement(
|
1333
1392
|
MotionBox,
|
1334
1393
|
{
|
1335
1394
|
__css: style.container,
|
@@ -1337,8 +1396,8 @@ var FloatingActionButton = forwardRef(
|
|
1337
1396
|
ref,
|
1338
1397
|
...props
|
1339
1398
|
},
|
1340
|
-
/* @__PURE__ */
|
1341
|
-
/* @__PURE__ */
|
1399
|
+
/* @__PURE__ */ React73__default.createElement(Box, { __css: style.icon }, icon),
|
1400
|
+
/* @__PURE__ */ React73__default.createElement(
|
1342
1401
|
MotionBox,
|
1343
1402
|
{
|
1344
1403
|
animate: isTextVisible ? "show" : "hide",
|
@@ -1363,11 +1422,11 @@ var FloatingActionButton = forwardRef(
|
|
1363
1422
|
}
|
1364
1423
|
);
|
1365
1424
|
var useScrollDirection = () => {
|
1366
|
-
const [scrollDirection, setScrollDirection] =
|
1367
|
-
const lastScrollPosition =
|
1425
|
+
const [scrollDirection, setScrollDirection] = React73__default.useState(null);
|
1426
|
+
const lastScrollPosition = React73__default.useRef(
|
1368
1427
|
typeof window !== "undefined" ? window.scrollY : 0
|
1369
1428
|
);
|
1370
|
-
|
1429
|
+
React73__default.useEffect(() => {
|
1371
1430
|
const onScroll = () => {
|
1372
1431
|
const delta = window.scrollY - lastScrollPosition.current;
|
1373
1432
|
if (delta === 0) {
|
@@ -1386,7 +1445,7 @@ var useScrollDirection = () => {
|
|
1386
1445
|
var AlertIcon = ({ variant }) => {
|
1387
1446
|
const Icon = getIcon2(variant);
|
1388
1447
|
const { t: t2 } = useTranslation();
|
1389
|
-
return /* @__PURE__ */
|
1448
|
+
return /* @__PURE__ */ React73__default.createElement(
|
1390
1449
|
Icon,
|
1391
1450
|
{
|
1392
1451
|
flexShrink: 0,
|
@@ -1448,7 +1507,7 @@ var BaseAlert = ({
|
|
1448
1507
|
...boxProps
|
1449
1508
|
}) => {
|
1450
1509
|
const styles3 = useMultiStyleConfig("Alert", { variant });
|
1451
|
-
return /* @__PURE__ */
|
1510
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { __css: styles3.container, ...boxProps }, children);
|
1452
1511
|
};
|
1453
1512
|
|
1454
1513
|
// src/alert/ClosableAlert.tsx
|
@@ -1468,17 +1527,17 @@ var ClosableAlert = ({
|
|
1468
1527
|
externalOnClose();
|
1469
1528
|
onClose();
|
1470
1529
|
};
|
1471
|
-
return /* @__PURE__ */
|
1530
|
+
return /* @__PURE__ */ React73__default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React73__default.createElement(
|
1472
1531
|
IconButton,
|
1473
1532
|
{
|
1474
1533
|
variant: "ghost",
|
1475
1534
|
size: "sm",
|
1476
1535
|
onClick: handleClose,
|
1477
|
-
icon: /* @__PURE__ */
|
1536
|
+
icon: /* @__PURE__ */ React73__default.createElement(CloseFill18Icon, null),
|
1478
1537
|
"aria-label": t2(texts6.close),
|
1479
1538
|
sx: styles3.closeButton
|
1480
1539
|
}
|
1481
|
-
), /* @__PURE__ */
|
1540
|
+
), /* @__PURE__ */ React73__default.createElement(AlertIcon, { variant }), children);
|
1482
1541
|
};
|
1483
1542
|
var texts6 = createTexts({
|
1484
1543
|
close: {
|
@@ -1499,7 +1558,7 @@ var ExpandableAlert = ({
|
|
1499
1558
|
...boxProps
|
1500
1559
|
}) => {
|
1501
1560
|
const styles3 = useMultiStyleConfig("AlertExpandable", { variant });
|
1502
|
-
return /* @__PURE__ */
|
1561
|
+
return /* @__PURE__ */ React73__default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React73__default.createElement(
|
1503
1562
|
Accordion$1,
|
1504
1563
|
{
|
1505
1564
|
onChange: (expandedIndex) => onToggle(expandedIndex === 0),
|
@@ -1507,14 +1566,14 @@ var ExpandableAlert = ({
|
|
1507
1566
|
allowToggle: true,
|
1508
1567
|
flexGrow: "1"
|
1509
1568
|
},
|
1510
|
-
/* @__PURE__ */
|
1569
|
+
/* @__PURE__ */ React73__default.createElement(AccordionItem, null, /* @__PURE__ */ React73__default.createElement(AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React73__default.createElement(
|
1511
1570
|
Flex,
|
1512
1571
|
{
|
1513
1572
|
justifyContent: "space-between",
|
1514
1573
|
alignItems: "center",
|
1515
1574
|
flexGrow: "1"
|
1516
1575
|
},
|
1517
|
-
/* @__PURE__ */
|
1576
|
+
/* @__PURE__ */ React73__default.createElement(Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React73__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React73__default.createElement(
|
1518
1577
|
Box,
|
1519
1578
|
{
|
1520
1579
|
as: "span",
|
@@ -1528,19 +1587,19 @@ var ExpandableAlert = ({
|
|
1528
1587
|
},
|
1529
1588
|
title
|
1530
1589
|
)),
|
1531
|
-
/* @__PURE__ */
|
1532
|
-
)), /* @__PURE__ */
|
1590
|
+
/* @__PURE__ */ React73__default.createElement(AccordionIcon, null)
|
1591
|
+
)), /* @__PURE__ */ React73__default.createElement(AccordionPanel, null, children))
|
1533
1592
|
));
|
1534
1593
|
};
|
1535
1594
|
var StaticAlert = ({ children, ...props }) => {
|
1536
|
-
return /* @__PURE__ */
|
1595
|
+
return /* @__PURE__ */ React73__default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React73__default.createElement(AlertIcon, { variant: props.variant }), children);
|
1537
1596
|
};
|
1538
1597
|
var Breadcrumb = (props) => {
|
1539
1598
|
const iconColor = useColorModeValue("blackAlpha.400", "whiteAlpha.400");
|
1540
|
-
return /* @__PURE__ */
|
1599
|
+
return /* @__PURE__ */ React73__default.createElement(
|
1541
1600
|
Breadcrumb$1,
|
1542
1601
|
{
|
1543
|
-
separator: /* @__PURE__ */
|
1602
|
+
separator: /* @__PURE__ */ React73__default.createElement(DropdownRightFill18Icon, { color: iconColor }),
|
1544
1603
|
...props
|
1545
1604
|
}
|
1546
1605
|
);
|
@@ -1553,12 +1612,12 @@ var Card = forwardRef(
|
|
1553
1612
|
colorScheme,
|
1554
1613
|
size: size2
|
1555
1614
|
});
|
1556
|
-
return /* @__PURE__ */
|
1615
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { __css: styles3, ...props, ref }, children);
|
1557
1616
|
}
|
1558
1617
|
);
|
1559
1618
|
var StaticCard = ({ colorScheme, ...props }) => {
|
1560
1619
|
const styles3 = useStyleConfig("StaticCard", { colorScheme });
|
1561
|
-
return /* @__PURE__ */
|
1620
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { __css: styles3, ...props });
|
1562
1621
|
};
|
1563
1622
|
var PressableCard = ({
|
1564
1623
|
children,
|
@@ -1568,11 +1627,11 @@ var PressableCard = ({
|
|
1568
1627
|
...props
|
1569
1628
|
}) => {
|
1570
1629
|
const styles3 = useStyleConfig("PressableCard", { variant, size: size2 });
|
1571
|
-
return /* @__PURE__ */
|
1630
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { as, __css: styles3, ...props }, children);
|
1572
1631
|
};
|
1573
1632
|
var Badge = forwardRef(
|
1574
1633
|
({ icon, colorScheme = "grey", children, ...props }, ref) => {
|
1575
|
-
return /* @__PURE__ */
|
1634
|
+
return /* @__PURE__ */ React73__default.createElement(
|
1576
1635
|
Badge$1,
|
1577
1636
|
{
|
1578
1637
|
colorScheme,
|
@@ -1580,12 +1639,12 @@ var Badge = forwardRef(
|
|
1580
1639
|
paddingLeft: icon ? 1 : void 0,
|
1581
1640
|
ref
|
1582
1641
|
},
|
1583
|
-
icon &&
|
1642
|
+
icon && React73__default.cloneElement(icon, { marginRight: 1 }),
|
1584
1643
|
children
|
1585
1644
|
);
|
1586
1645
|
}
|
1587
1646
|
);
|
1588
|
-
var Code = forwardRef((props, ref) => /* @__PURE__ */
|
1647
|
+
var Code = forwardRef((props, ref) => /* @__PURE__ */ React73__default.createElement(Code$1, { ...props, ref }));
|
1589
1648
|
var Heading = ({
|
1590
1649
|
as,
|
1591
1650
|
variant = "xl-display",
|
@@ -1595,11 +1654,11 @@ var Heading = ({
|
|
1595
1654
|
}) => {
|
1596
1655
|
const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
|
1597
1656
|
const color2 = useColorModeValue("text.primary.light", "text.primary.dark");
|
1598
|
-
return /* @__PURE__ */
|
1657
|
+
return /* @__PURE__ */ React73__default.createElement(Text, { as, textStyle: variant, id, color: color2, ...props });
|
1599
1658
|
};
|
1600
1659
|
var Text4 = forwardRef(
|
1601
1660
|
({ variant = "sm", ...props }, ref) => {
|
1602
|
-
return /* @__PURE__ */
|
1661
|
+
return /* @__PURE__ */ React73__default.createElement(Text, { ...props, textStyle: variant, ref });
|
1603
1662
|
}
|
1604
1663
|
);
|
1605
1664
|
function CalendarCell({
|
@@ -1642,7 +1701,7 @@ function CalendarCell({
|
|
1642
1701
|
{ passive: false, once: true }
|
1643
1702
|
);
|
1644
1703
|
}, []);
|
1645
|
-
return /* @__PURE__ */
|
1704
|
+
return /* @__PURE__ */ React73__default.createElement(
|
1646
1705
|
Box,
|
1647
1706
|
{
|
1648
1707
|
as: "td",
|
@@ -1665,7 +1724,7 @@ function CalendarCell({
|
|
1665
1724
|
}
|
1666
1725
|
}
|
1667
1726
|
},
|
1668
|
-
/* @__PURE__ */
|
1727
|
+
/* @__PURE__ */ React73__default.createElement(
|
1669
1728
|
Box,
|
1670
1729
|
{
|
1671
1730
|
as: "button",
|
@@ -1728,8 +1787,8 @@ function CalendarGrid({
|
|
1728
1787
|
const weeksInMonth = getWeeksInMonth(state2.visibleRange.start, locale);
|
1729
1788
|
const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
|
1730
1789
|
const styles3 = useMultiStyleConfig("Datepicker", { variant });
|
1731
|
-
return /* @__PURE__ */
|
1732
|
-
return /* @__PURE__ */
|
1790
|
+
return /* @__PURE__ */ React73__default.createElement("table", { ...gridProps }, /* @__PURE__ */ React73__default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React73__default.createElement("tr", null, weekDays[language].map((day, index) => {
|
1791
|
+
return /* @__PURE__ */ React73__default.createElement(
|
1733
1792
|
Text4,
|
1734
1793
|
{
|
1735
1794
|
as: "th",
|
@@ -1739,8 +1798,8 @@ function CalendarGrid({
|
|
1739
1798
|
},
|
1740
1799
|
day
|
1741
1800
|
);
|
1742
|
-
}))), /* @__PURE__ */
|
1743
|
-
(date, dayIndex) => date ? /* @__PURE__ */
|
1801
|
+
}))), /* @__PURE__ */ React73__default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React73__default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
|
1802
|
+
(date, dayIndex) => date ? /* @__PURE__ */ React73__default.createElement(
|
1744
1803
|
CalendarCell,
|
1745
1804
|
{
|
1746
1805
|
variant,
|
@@ -1749,7 +1808,7 @@ function CalendarGrid({
|
|
1749
1808
|
date,
|
1750
1809
|
currentMonth: startDate
|
1751
1810
|
}
|
1752
|
-
) : /* @__PURE__ */
|
1811
|
+
) : /* @__PURE__ */ React73__default.createElement("td", { key: dayIndex })
|
1753
1812
|
)))));
|
1754
1813
|
}
|
1755
1814
|
function CalendarNavigationButton({
|
@@ -1759,7 +1818,7 @@ function CalendarNavigationButton({
|
|
1759
1818
|
}) {
|
1760
1819
|
const ref = useRef(null);
|
1761
1820
|
const { buttonProps } = useButton(rest, ref);
|
1762
|
-
return /* @__PURE__ */
|
1821
|
+
return /* @__PURE__ */ React73__default.createElement(
|
1763
1822
|
IconButton,
|
1764
1823
|
{
|
1765
1824
|
...buttonProps,
|
@@ -1793,7 +1852,7 @@ function CalendarHeader({
|
|
1793
1852
|
);
|
1794
1853
|
const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
|
1795
1854
|
const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
|
1796
|
-
return /* @__PURE__ */
|
1855
|
+
return /* @__PURE__ */ React73__default.createElement(Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React73__default.createElement(
|
1797
1856
|
CalendarNavigator,
|
1798
1857
|
{
|
1799
1858
|
title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
|
@@ -1803,7 +1862,7 @@ function CalendarHeader({
|
|
1803
1862
|
isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
|
1804
1863
|
isPreviousDisabled: !state2.isNextVisibleRangeInvalid
|
1805
1864
|
}
|
1806
|
-
), isYearPickerVisible && /* @__PURE__ */
|
1865
|
+
), isYearPickerVisible && /* @__PURE__ */ React73__default.createElement(
|
1807
1866
|
CalendarNavigator,
|
1808
1867
|
{
|
1809
1868
|
title: jsDate.getFullYear().toString(),
|
@@ -1825,15 +1884,15 @@ var CalendarNavigator = ({
|
|
1825
1884
|
isNextDisabled
|
1826
1885
|
}) => {
|
1827
1886
|
const { t: t2 } = useTranslation();
|
1828
|
-
return /* @__PURE__ */
|
1887
|
+
return /* @__PURE__ */ React73__default.createElement(Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React73__default.createElement(
|
1829
1888
|
CalendarNavigationButton,
|
1830
1889
|
{
|
1831
1890
|
onPress: onPrevious,
|
1832
1891
|
isDisabled: isPreviousDisabled,
|
1833
|
-
icon: /* @__PURE__ */
|
1892
|
+
icon: /* @__PURE__ */ React73__default.createElement(ArrowLeftOutline24Icon, null),
|
1834
1893
|
"aria-label": `${t2(texts7.previous)} ${t2(texts7[unit])}`
|
1835
1894
|
}
|
1836
|
-
), /* @__PURE__ */
|
1895
|
+
), /* @__PURE__ */ React73__default.createElement(
|
1837
1896
|
Heading,
|
1838
1897
|
{
|
1839
1898
|
as: "div",
|
@@ -1844,12 +1903,12 @@ var CalendarNavigator = ({
|
|
1844
1903
|
textAlign: "center"
|
1845
1904
|
},
|
1846
1905
|
capitalize(title)
|
1847
|
-
), /* @__PURE__ */
|
1906
|
+
), /* @__PURE__ */ React73__default.createElement(
|
1848
1907
|
CalendarNavigationButton,
|
1849
1908
|
{
|
1850
1909
|
onPress: onNext,
|
1851
1910
|
isDisabled: isNextDisabled,
|
1852
|
-
icon: /* @__PURE__ */
|
1911
|
+
icon: /* @__PURE__ */ React73__default.createElement(ArrowRightOutline24Icon, null),
|
1853
1912
|
"aria-label": `${t2(texts7.next)} ${t2(texts7[unit])}`
|
1854
1913
|
}
|
1855
1914
|
));
|
@@ -1897,7 +1956,7 @@ function Calendar({
|
|
1897
1956
|
const { calendarProps } = useCalendar(props, state2);
|
1898
1957
|
const calendarAriaLabel = calendarProps["aria-label"];
|
1899
1958
|
const ariaLabel = t2(texts8.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
|
1900
|
-
return /* @__PURE__ */
|
1959
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React73__default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React73__default.createElement(CalendarGrid, { variant, state: state2 }));
|
1901
1960
|
}
|
1902
1961
|
var texts8 = createTexts({
|
1903
1962
|
calendar: {
|
@@ -1918,7 +1977,7 @@ var CalendarTriggerButton = forwardRef(
|
|
1918
1977
|
onPress(event);
|
1919
1978
|
}
|
1920
1979
|
};
|
1921
|
-
return /* @__PURE__ */
|
1980
|
+
return /* @__PURE__ */ React73__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React73__default.createElement(
|
1922
1981
|
Box,
|
1923
1982
|
{
|
1924
1983
|
ref,
|
@@ -1929,7 +1988,7 @@ var CalendarTriggerButton = forwardRef(
|
|
1929
1988
|
...filteredButtonProps,
|
1930
1989
|
onKeyUp: handleOnPress
|
1931
1990
|
},
|
1932
|
-
/* @__PURE__ */
|
1991
|
+
/* @__PURE__ */ React73__default.createElement(CalendarOutline24Icon, null)
|
1933
1992
|
));
|
1934
1993
|
}
|
1935
1994
|
);
|
@@ -1954,7 +2013,7 @@ var DateTimeSegment = forwardRef$1(
|
|
1954
2013
|
isPlaceholder: segment.isPlaceholder,
|
1955
2014
|
isEditable: segment.isEditable
|
1956
2015
|
});
|
1957
|
-
return /* @__PURE__ */
|
2016
|
+
return /* @__PURE__ */ React73__default.createElement(
|
1958
2017
|
Box,
|
1959
2018
|
{
|
1960
2019
|
...segmentProps,
|
@@ -2005,7 +2064,7 @@ var DateField = forwardRef$1(
|
|
2005
2064
|
state2,
|
2006
2065
|
ref
|
2007
2066
|
);
|
2008
|
-
return /* @__PURE__ */
|
2067
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React73__default.createElement(
|
2009
2068
|
FormLabel,
|
2010
2069
|
{
|
2011
2070
|
...props.labelProps,
|
@@ -2015,7 +2074,7 @@ var DateField = forwardRef$1(
|
|
2015
2074
|
paddingTop: "2px"
|
2016
2075
|
},
|
2017
2076
|
props.label
|
2018
|
-
), /* @__PURE__ */
|
2077
|
+
), /* @__PURE__ */ React73__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React73__default.createElement(DateTimeSegment, { key: i, segment, state: state2 }))), /* @__PURE__ */ React73__default.createElement(
|
2019
2078
|
"input",
|
2020
2079
|
{
|
2021
2080
|
type: "hidden",
|
@@ -2031,7 +2090,7 @@ var StyledField = forwardRef(
|
|
2031
2090
|
isInvalid: false
|
2032
2091
|
};
|
2033
2092
|
const styles3 = useMultiStyleConfig("Datepicker", { variant });
|
2034
|
-
return /* @__PURE__ */
|
2093
|
+
return /* @__PURE__ */ React73__default.createElement(
|
2035
2094
|
Box,
|
2036
2095
|
{
|
2037
2096
|
...otherProps,
|
@@ -2083,7 +2142,7 @@ var DatePicker = forwardRef$1(
|
|
2083
2142
|
const onFieldClick = () => {
|
2084
2143
|
state2.setOpen(true);
|
2085
2144
|
};
|
2086
|
-
const popoverContent = /* @__PURE__ */
|
2145
|
+
const popoverContent = /* @__PURE__ */ React73__default.createElement(PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React73__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React73__default.createElement(PopoverBody, null, /* @__PURE__ */ React73__default.createElement(FocusLock, null, /* @__PURE__ */ React73__default.createElement(
|
2087
2146
|
Calendar,
|
2088
2147
|
{
|
2089
2148
|
...calendarProps,
|
@@ -2091,7 +2150,7 @@ var DatePicker = forwardRef$1(
|
|
2091
2150
|
showYearNavigation
|
2092
2151
|
}
|
2093
2152
|
))));
|
2094
|
-
return /* @__PURE__ */
|
2153
|
+
return /* @__PURE__ */ React73__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React73__default.createElement(
|
2095
2154
|
Box,
|
2096
2155
|
{
|
2097
2156
|
position: "relative",
|
@@ -2099,7 +2158,7 @@ var DatePicker = forwardRef$1(
|
|
2099
2158
|
flexDirection: "column",
|
2100
2159
|
width
|
2101
2160
|
},
|
2102
|
-
/* @__PURE__ */
|
2161
|
+
/* @__PURE__ */ React73__default.createElement(
|
2103
2162
|
Popover,
|
2104
2163
|
{
|
2105
2164
|
...dialogProps,
|
@@ -2108,7 +2167,7 @@ var DatePicker = forwardRef$1(
|
|
2108
2167
|
onClose: state2.close,
|
2109
2168
|
flip: false
|
2110
2169
|
},
|
2111
|
-
/* @__PURE__ */
|
2170
|
+
/* @__PURE__ */ React73__default.createElement(InputGroup, { ...groupProps, display: "inline-flex" }, /* @__PURE__ */ React73__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React73__default.createElement(
|
2112
2171
|
StyledField,
|
2113
2172
|
{
|
2114
2173
|
variant,
|
@@ -2116,7 +2175,7 @@ var DatePicker = forwardRef$1(
|
|
2116
2175
|
paddingX: 3,
|
2117
2176
|
minHeight
|
2118
2177
|
},
|
2119
|
-
/* @__PURE__ */
|
2178
|
+
/* @__PURE__ */ React73__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React73__default.createElement(
|
2120
2179
|
CalendarTriggerButton,
|
2121
2180
|
{
|
2122
2181
|
variant,
|
@@ -2124,7 +2183,7 @@ var DatePicker = forwardRef$1(
|
|
2124
2183
|
...buttonProps
|
2125
2184
|
}
|
2126
2185
|
)),
|
2127
|
-
/* @__PURE__ */
|
2186
|
+
/* @__PURE__ */ React73__default.createElement(
|
2128
2187
|
DateField,
|
2129
2188
|
{
|
2130
2189
|
label: props.label,
|
@@ -2134,8 +2193,8 @@ var DatePicker = forwardRef$1(
|
|
2134
2193
|
}
|
2135
2194
|
)
|
2136
2195
|
))),
|
2137
|
-
/* @__PURE__ */
|
2138
|
-
state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */
|
2196
|
+
/* @__PURE__ */ React73__default.createElement(FormErrorMessage, { ...errorMessageProps }, errorMessage),
|
2197
|
+
state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React73__default.createElement(Portal, null, popoverContent),
|
2139
2198
|
state2.isOpen && !props.isDisabled && !withPortal && popoverContent
|
2140
2199
|
)
|
2141
2200
|
));
|
@@ -2151,7 +2210,7 @@ function RangeCalendar(props) {
|
|
2151
2210
|
});
|
2152
2211
|
const ref = useRef(null);
|
2153
2212
|
const { calendarProps, title } = useRangeCalendar(props, state2, ref);
|
2154
|
-
return /* @__PURE__ */
|
2213
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { ...calendarProps, ref }, /* @__PURE__ */ React73__default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React73__default.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React73__default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React73__default.createElement(
|
2155
2214
|
CalendarGrid,
|
2156
2215
|
{
|
2157
2216
|
variant: props.variant,
|
@@ -2198,8 +2257,8 @@ function DateRangePicker({
|
|
2198
2257
|
const onFieldClick = () => {
|
2199
2258
|
state2.setOpen(true);
|
2200
2259
|
};
|
2201
|
-
const popoverContent = /* @__PURE__ */
|
2202
|
-
return /* @__PURE__ */
|
2260
|
+
const popoverContent = /* @__PURE__ */ React73__default.createElement(PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React73__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React73__default.createElement(PopoverBody, null, /* @__PURE__ */ React73__default.createElement(FocusLock, null, /* @__PURE__ */ React73__default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
|
2261
|
+
return /* @__PURE__ */ React73__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React73__default.createElement(Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React73__default.createElement(FormLabel, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React73__default.createElement(
|
2203
2262
|
Popover,
|
2204
2263
|
{
|
2205
2264
|
...dialogProps,
|
@@ -2208,7 +2267,7 @@ function DateRangePicker({
|
|
2208
2267
|
onClose: state2.close,
|
2209
2268
|
flip: false
|
2210
2269
|
},
|
2211
|
-
/* @__PURE__ */
|
2270
|
+
/* @__PURE__ */ React73__default.createElement(InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React73__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React73__default.createElement(
|
2212
2271
|
StyledField,
|
2213
2272
|
{
|
2214
2273
|
alignItems: "center",
|
@@ -2218,7 +2277,7 @@ function DateRangePicker({
|
|
2218
2277
|
onKeyPress: handleEnterClick,
|
2219
2278
|
minHeight
|
2220
2279
|
},
|
2221
|
-
variant && /* @__PURE__ */
|
2280
|
+
variant && /* @__PURE__ */ React73__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React73__default.createElement(
|
2222
2281
|
CalendarTriggerButton,
|
2223
2282
|
{
|
2224
2283
|
paddingLeft: 1,
|
@@ -2228,7 +2287,7 @@ function DateRangePicker({
|
|
2228
2287
|
...buttonProps
|
2229
2288
|
}
|
2230
2289
|
)),
|
2231
|
-
/* @__PURE__ */
|
2290
|
+
/* @__PURE__ */ React73__default.createElement(
|
2232
2291
|
DateField,
|
2233
2292
|
{
|
2234
2293
|
...startFieldProps,
|
@@ -2237,8 +2296,8 @@ function DateRangePicker({
|
|
2237
2296
|
labelProps
|
2238
2297
|
}
|
2239
2298
|
),
|
2240
|
-
/* @__PURE__ */
|
2241
|
-
/* @__PURE__ */
|
2299
|
+
/* @__PURE__ */ React73__default.createElement(Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
|
2300
|
+
/* @__PURE__ */ React73__default.createElement(
|
2242
2301
|
DateField,
|
2243
2302
|
{
|
2244
2303
|
...endFieldProps,
|
@@ -2248,14 +2307,14 @@ function DateRangePicker({
|
|
2248
2307
|
}
|
2249
2308
|
)
|
2250
2309
|
))),
|
2251
|
-
state2.isOpen && withPortal && /* @__PURE__ */
|
2310
|
+
state2.isOpen && withPortal && /* @__PURE__ */ React73__default.createElement(Portal, null, popoverContent),
|
2252
2311
|
state2.isOpen && !withPortal && popoverContent
|
2253
2312
|
)));
|
2254
2313
|
}
|
2255
2314
|
var TimeField = ({ state: state2, ...props }) => {
|
2256
2315
|
const ref = useRef(null);
|
2257
2316
|
const { labelProps, fieldProps } = useTimeField(props, state2, ref);
|
2258
|
-
return /* @__PURE__ */
|
2317
|
+
return /* @__PURE__ */ React73__default.createElement(Box, null, /* @__PURE__ */ React73__default.createElement(
|
2259
2318
|
FormLabel3,
|
2260
2319
|
{
|
2261
2320
|
...labelProps,
|
@@ -2267,7 +2326,7 @@ var TimeField = ({ state: state2, ...props }) => {
|
|
2267
2326
|
paddingTop: "2px"
|
2268
2327
|
},
|
2269
2328
|
props.label
|
2270
|
-
), /* @__PURE__ */
|
2329
|
+
), /* @__PURE__ */ React73__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React73__default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React73__default.createElement(
|
2271
2330
|
"input",
|
2272
2331
|
{
|
2273
2332
|
type: "hidden",
|
@@ -2336,7 +2395,7 @@ var TimePicker = ({
|
|
2336
2395
|
const ariaLabel = `${inputLabel} \u2013 ${t2(
|
2337
2396
|
texts10.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
|
2338
2397
|
)}`;
|
2339
|
-
return /* @__PURE__ */
|
2398
|
+
return /* @__PURE__ */ React73__default.createElement(
|
2340
2399
|
StyledField,
|
2341
2400
|
{
|
2342
2401
|
variant: "base",
|
@@ -2352,7 +2411,7 @@ var TimePicker = ({
|
|
2352
2411
|
"aria-label": ariaLabel,
|
2353
2412
|
...boxProps
|
2354
2413
|
},
|
2355
|
-
/* @__PURE__ */
|
2414
|
+
/* @__PURE__ */ React73__default.createElement(
|
2356
2415
|
IconButton,
|
2357
2416
|
{
|
2358
2417
|
variant: "ghost",
|
@@ -2360,14 +2419,14 @@ var TimePicker = ({
|
|
2360
2419
|
borderRadius: "xs",
|
2361
2420
|
"aria-label": backwardsLabel,
|
2362
2421
|
title: backwardsLabel,
|
2363
|
-
icon: /* @__PURE__ */
|
2422
|
+
icon: /* @__PURE__ */ React73__default.createElement(DropdownLeftFill18Icon, null),
|
2364
2423
|
onClick: handleBackwardsClick,
|
2365
2424
|
isDisabled,
|
2366
2425
|
style: isDisabled ? { backgroundColor: "transparent" } : {}
|
2367
2426
|
}
|
2368
2427
|
),
|
2369
|
-
/* @__PURE__ */
|
2370
|
-
/* @__PURE__ */
|
2428
|
+
/* @__PURE__ */ React73__default.createElement(TimeField, { label, state: state2, name }),
|
2429
|
+
/* @__PURE__ */ React73__default.createElement(
|
2371
2430
|
IconButton,
|
2372
2431
|
{
|
2373
2432
|
variant: "ghost",
|
@@ -2375,7 +2434,7 @@ var TimePicker = ({
|
|
2375
2434
|
borderRadius: "xs",
|
2376
2435
|
"aria-label": forwardsLabel,
|
2377
2436
|
title: forwardsLabel,
|
2378
|
-
icon: /* @__PURE__ */
|
2437
|
+
icon: /* @__PURE__ */ React73__default.createElement(DropdownRightFill18Icon, null),
|
2379
2438
|
onClick: handleForwardClick,
|
2380
2439
|
isDisabled,
|
2381
2440
|
style: isDisabled ? { backgroundColor: "transparent" } : {}
|
@@ -2444,7 +2503,7 @@ var AttachedInputs = ({
|
|
2444
2503
|
}
|
2445
2504
|
};
|
2446
2505
|
const direction2 = flexDirection === "row" ? "horizontal" : "vertical";
|
2447
|
-
return /* @__PURE__ */
|
2506
|
+
return /* @__PURE__ */ React73__default.createElement(
|
2448
2507
|
Flex,
|
2449
2508
|
{
|
2450
2509
|
role: "group",
|
@@ -2458,7 +2517,7 @@ var AttachedInputs = ({
|
|
2458
2517
|
var Dialog = ({ title, children, ...props }) => {
|
2459
2518
|
const ref = useRef(null);
|
2460
2519
|
const { dialogProps, titleProps } = useDialog(props, ref);
|
2461
|
-
return /* @__PURE__ */
|
2520
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React73__default.createElement(Heading$1, { as: "h3", ...titleProps }, title), children);
|
2462
2521
|
};
|
2463
2522
|
var Popover3 = forwardRef$1(
|
2464
2523
|
({
|
@@ -2489,21 +2548,21 @@ var Popover3 = forwardRef$1(
|
|
2489
2548
|
},
|
2490
2549
|
state2
|
2491
2550
|
);
|
2492
|
-
const popoverBox = /* @__PURE__ */
|
2551
|
+
const popoverBox = /* @__PURE__ */ React73__default.createElement(
|
2493
2552
|
Box,
|
2494
2553
|
{
|
2495
2554
|
...popoverProps,
|
2496
2555
|
ref: popoverRef,
|
2497
2556
|
minWidth: ((_a6 = triggerRef.current) == null ? void 0 : _a6.clientWidth) ?? "auto"
|
2498
2557
|
},
|
2499
|
-
/* @__PURE__ */
|
2558
|
+
/* @__PURE__ */ React73__default.createElement(DismissButton, { onDismiss: state2.close }),
|
2500
2559
|
children,
|
2501
|
-
/* @__PURE__ */
|
2560
|
+
/* @__PURE__ */ React73__default.createElement(DismissButton, { onDismiss: state2.close })
|
2502
2561
|
);
|
2503
2562
|
if (isNonModal) {
|
2504
2563
|
return popoverBox;
|
2505
2564
|
}
|
2506
|
-
return /* @__PURE__ */
|
2565
|
+
return /* @__PURE__ */ React73__default.createElement(Overlay, null, hasBackdrop && /* @__PURE__ */ React73__default.createElement(Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
|
2507
2566
|
}
|
2508
2567
|
);
|
2509
2568
|
|
@@ -2544,7 +2603,7 @@ var CardSelect = forwardRef(
|
|
2544
2603
|
});
|
2545
2604
|
useForceRerender(state2.isOpen);
|
2546
2605
|
const ChevronIcon = size2 === "sm" ? DropdownDownFill18Icon : DropdownDownFill24Icon;
|
2547
|
-
return /* @__PURE__ */
|
2606
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { ...props }, /* @__PURE__ */ React73__default.createElement(
|
2548
2607
|
chakra.button,
|
2549
2608
|
{
|
2550
2609
|
type: "button",
|
@@ -2556,13 +2615,13 @@ var CardSelect = forwardRef(
|
|
2556
2615
|
width,
|
2557
2616
|
"data-attachable": true
|
2558
2617
|
},
|
2559
|
-
/* @__PURE__ */
|
2618
|
+
/* @__PURE__ */ React73__default.createElement(Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React73__default.createElement(Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React73__default.createElement(
|
2560
2619
|
ChevronIcon,
|
2561
2620
|
{
|
2562
2621
|
transform: state2.isOpen ? "rotate(180deg)" : "none"
|
2563
2622
|
}
|
2564
2623
|
) : null)
|
2565
|
-
), state2.isOpen && /* @__PURE__ */
|
2624
|
+
), state2.isOpen && /* @__PURE__ */ React73__default.createElement(
|
2566
2625
|
Popover3,
|
2567
2626
|
{
|
2568
2627
|
state: state2,
|
@@ -2571,7 +2630,7 @@ var CardSelect = forwardRef(
|
|
2571
2630
|
crossOffset,
|
2572
2631
|
placement
|
2573
2632
|
},
|
2574
|
-
/* @__PURE__ */
|
2633
|
+
/* @__PURE__ */ React73__default.createElement(
|
2575
2634
|
Card,
|
2576
2635
|
{
|
2577
2636
|
colorScheme: "white",
|
@@ -2579,7 +2638,7 @@ var CardSelect = forwardRef(
|
|
2579
2638
|
sx: styles3.card,
|
2580
2639
|
...overlayProps
|
2581
2640
|
},
|
2582
|
-
/* @__PURE__ */
|
2641
|
+
/* @__PURE__ */ React73__default.createElement(Dialog, { "aria-label": label }, children)
|
2583
2642
|
)
|
2584
2643
|
));
|
2585
2644
|
}
|
@@ -2593,18 +2652,15 @@ function useForceRerender(shouldRerender) {
|
|
2593
2652
|
}, [shouldRerender]);
|
2594
2653
|
}
|
2595
2654
|
var Checkbox = forwardRef((props, ref) => {
|
2596
|
-
return /* @__PURE__ */
|
2655
|
+
return /* @__PURE__ */ React73__default.createElement(Checkbox$1, { ...props, ref });
|
2597
2656
|
});
|
2598
2657
|
var CheckboxGroup = ({
|
2599
2658
|
direction: direction2 = "row",
|
2600
2659
|
children,
|
2601
2660
|
...props
|
2602
2661
|
}) => {
|
2603
|
-
return /* @__PURE__ */
|
2662
|
+
return /* @__PURE__ */ React73__default.createElement(CheckboxGroup$1, { ...props }, /* @__PURE__ */ React73__default.createElement(Stack$1, { direction: direction2 }, children));
|
2604
2663
|
};
|
2605
|
-
|
2606
|
-
// ../../node_modules/@chakra-ui/utils/dist/chunk-O3SWHQEE.mjs
|
2607
|
-
var dataAttr = (condition) => condition ? "" : void 0;
|
2608
2664
|
var ChoiceChip = forwardRef((props, ref) => {
|
2609
2665
|
const {
|
2610
2666
|
children,
|
@@ -2629,15 +2685,15 @@ var ChoiceChip = forwardRef((props, ref) => {
|
|
2629
2685
|
hasLabel: Boolean(children)
|
2630
2686
|
});
|
2631
2687
|
const id = `choice-chip-${useId()}`;
|
2632
|
-
return /* @__PURE__ */
|
2688
|
+
return /* @__PURE__ */ React73__default.createElement(
|
2633
2689
|
chakra.label,
|
2634
2690
|
{
|
2635
2691
|
htmlFor: id,
|
2636
2692
|
...getRootProps(),
|
2637
2693
|
"aria-label": String(children)
|
2638
2694
|
},
|
2639
|
-
/* @__PURE__ */
|
2640
|
-
/* @__PURE__ */
|
2695
|
+
/* @__PURE__ */ React73__default.createElement(chakra.input, { ...getInputProps({}, ref), id, disabled: isDisabled }),
|
2696
|
+
/* @__PURE__ */ React73__default.createElement(
|
2641
2697
|
chakra.div,
|
2642
2698
|
{
|
2643
2699
|
...getLabelProps(),
|
@@ -2648,9 +2704,9 @@ var ChoiceChip = forwardRef((props, ref) => {
|
|
2648
2704
|
"data-active": dataAttr(state2.isActive),
|
2649
2705
|
"data-disabled": dataAttr(state2.isDisabled)
|
2650
2706
|
},
|
2651
|
-
icon && /* @__PURE__ */
|
2652
|
-
/* @__PURE__ */
|
2653
|
-
chipType === "filter" && state2.isChecked && /* @__PURE__ */
|
2707
|
+
icon && /* @__PURE__ */ React73__default.createElement(chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
|
2708
|
+
/* @__PURE__ */ React73__default.createElement(chakra.span, { __css: styles3.label, ...getCheckboxProps() }, chipType !== "icon" && children),
|
2709
|
+
chipType === "filter" && state2.isChecked && /* @__PURE__ */ React73__default.createElement(CloseOutline24Icon, { marginLeft: 1.5 })
|
2654
2710
|
)
|
2655
2711
|
);
|
2656
2712
|
});
|
@@ -2722,7 +2778,7 @@ function Combobox({
|
|
2722
2778
|
},
|
2723
2779
|
state2
|
2724
2780
|
);
|
2725
|
-
return /* @__PURE__ */
|
2781
|
+
return /* @__PURE__ */ React73__default.createElement(React73__default.Fragment, null, /* @__PURE__ */ React73__default.createElement(
|
2726
2782
|
Input,
|
2727
2783
|
{
|
2728
2784
|
...styleProps(comboBoxProps),
|
@@ -2732,7 +2788,7 @@ function Combobox({
|
|
2732
2788
|
borderBottomLeftRadius: state2.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
|
2733
2789
|
borderBottomRightRadius: state2.isOpen && !isLoading ? 0 : borderBottomRightRadius,
|
2734
2790
|
...inputProps,
|
2735
|
-
rightIcon: isLoading ? /* @__PURE__ */
|
2791
|
+
rightIcon: isLoading ? /* @__PURE__ */ React73__default.createElement(
|
2736
2792
|
ColorSpinner,
|
2737
2793
|
{
|
2738
2794
|
width: "1.5rem",
|
@@ -2747,7 +2803,7 @@ function Combobox({
|
|
2747
2803
|
}
|
2748
2804
|
) : rightIcon
|
2749
2805
|
}
|
2750
|
-
), state2.isOpen && !isLoading && /* @__PURE__ */
|
2806
|
+
), state2.isOpen && !isLoading && /* @__PURE__ */ React73__default.createElement(
|
2751
2807
|
Popover3,
|
2752
2808
|
{
|
2753
2809
|
state: state2,
|
@@ -2759,7 +2815,7 @@ function Combobox({
|
|
2759
2815
|
hasBackdrop: false,
|
2760
2816
|
containerPadding: 0
|
2761
2817
|
},
|
2762
|
-
/* @__PURE__ */
|
2818
|
+
/* @__PURE__ */ React73__default.createElement(
|
2763
2819
|
ListBox,
|
2764
2820
|
{
|
2765
2821
|
...listBoxProps,
|
@@ -2801,7 +2857,7 @@ var debounce = (fn, ms = 100) => {
|
|
2801
2857
|
};
|
2802
2858
|
};
|
2803
2859
|
var FormControl = forwardRef((props, ref) => {
|
2804
|
-
return /* @__PURE__ */
|
2860
|
+
return /* @__PURE__ */ React73__default.createElement(FormControl$1, { ...props, ref });
|
2805
2861
|
});
|
2806
2862
|
var FormErrorMessage = ({
|
2807
2863
|
children,
|
@@ -2817,7 +2873,7 @@ var FormErrorMessage = ({
|
|
2817
2873
|
return null;
|
2818
2874
|
}
|
2819
2875
|
const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
|
2820
|
-
return /* @__PURE__ */
|
2876
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { position: "relative", ref }, /* @__PURE__ */ React73__default.createElement(
|
2821
2877
|
Box,
|
2822
2878
|
{
|
2823
2879
|
borderRadius: "xs",
|
@@ -2835,12 +2891,12 @@ var FormErrorMessage = ({
|
|
2835
2891
|
...errorMessageProps,
|
2836
2892
|
...boxProps
|
2837
2893
|
},
|
2838
|
-
/* @__PURE__ */
|
2894
|
+
/* @__PURE__ */ React73__default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
|
2839
2895
|
children
|
2840
2896
|
));
|
2841
2897
|
};
|
2842
2898
|
var Arrow = (props) => {
|
2843
|
-
return /* @__PURE__ */
|
2899
|
+
return /* @__PURE__ */ React73__default.createElement(
|
2844
2900
|
Box,
|
2845
2901
|
{
|
2846
2902
|
...props,
|
@@ -2851,7 +2907,7 @@ var Arrow = (props) => {
|
|
2851
2907
|
fill: "none",
|
2852
2908
|
transform: "rotate(45deg)"
|
2853
2909
|
},
|
2854
|
-
/* @__PURE__ */
|
2910
|
+
/* @__PURE__ */ React73__default.createElement(
|
2855
2911
|
Box,
|
2856
2912
|
{
|
2857
2913
|
as: "path",
|
@@ -2862,7 +2918,7 @@ var Arrow = (props) => {
|
|
2862
2918
|
);
|
2863
2919
|
};
|
2864
2920
|
var FormLabel3 = forwardRef((props, ref) => {
|
2865
|
-
return /* @__PURE__ */
|
2921
|
+
return /* @__PURE__ */ React73__default.createElement(FormLabel, { ...props, ref });
|
2866
2922
|
});
|
2867
2923
|
function ListBox({
|
2868
2924
|
isLoading,
|
@@ -2873,7 +2929,7 @@ function ListBox({
|
|
2873
2929
|
}) {
|
2874
2930
|
const { listBoxProps } = useListBox(props, state2, listBoxRef);
|
2875
2931
|
const styles3 = useMultiStyleConfig("ListBox", {});
|
2876
|
-
return /* @__PURE__ */
|
2932
|
+
return /* @__PURE__ */ React73__default.createElement(
|
2877
2933
|
List,
|
2878
2934
|
{
|
2879
2935
|
...listBoxProps,
|
@@ -2884,19 +2940,19 @@ function ListBox({
|
|
2884
2940
|
},
|
2885
2941
|
state2.collection.size === 0 && props.emptyContent,
|
2886
2942
|
Array.from(state2.collection).map(
|
2887
|
-
(item) => item.type === "section" ? /* @__PURE__ */
|
2943
|
+
(item) => item.type === "section" ? /* @__PURE__ */ React73__default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React73__default.createElement(Option, { key: item.key, item, state: state2 })
|
2888
2944
|
)
|
2889
2945
|
);
|
2890
2946
|
}
|
2891
2947
|
function ItemLabel({ children }) {
|
2892
2948
|
let { labelProps } = useOptionContext();
|
2893
2949
|
const styles3 = useMultiStyleConfig("ListBox", {});
|
2894
|
-
return /* @__PURE__ */
|
2950
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { ...labelProps, sx: styles3.label }, children);
|
2895
2951
|
}
|
2896
2952
|
function ItemDescription({ children }) {
|
2897
2953
|
let { descriptionProps } = useOptionContext();
|
2898
2954
|
const styles3 = useMultiStyleConfig("ListBox", {});
|
2899
|
-
return /* @__PURE__ */
|
2955
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { ...descriptionProps, sx: styles3.description }, children);
|
2900
2956
|
}
|
2901
2957
|
function Option({ item, state: state2 }) {
|
2902
2958
|
const ref = useRef(null);
|
@@ -2929,9 +2985,9 @@ function Option({ item, state: state2 }) {
|
|
2929
2985
|
{ passive: false, once: true }
|
2930
2986
|
);
|
2931
2987
|
}, []);
|
2932
|
-
return /* @__PURE__ */
|
2988
|
+
return /* @__PURE__ */ React73__default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React73__default.createElement(ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
|
2933
2989
|
}
|
2934
|
-
var OptionContext =
|
2990
|
+
var OptionContext = React73__default.createContext({
|
2935
2991
|
labelProps: {},
|
2936
2992
|
descriptionProps: {}
|
2937
2993
|
});
|
@@ -2945,7 +3001,7 @@ function ListBoxSection({ section, state: state2 }) {
|
|
2945
3001
|
});
|
2946
3002
|
const isFirstSection = section.key === state2.collection.getFirstKey();
|
2947
3003
|
const titleColor = useColorModeValue("darkGrey", "white");
|
2948
|
-
return /* @__PURE__ */
|
3004
|
+
return /* @__PURE__ */ React73__default.createElement(ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React73__default.createElement(
|
2949
3005
|
Box,
|
2950
3006
|
{
|
2951
3007
|
fontSize: "mobile.xs",
|
@@ -2958,8 +3014,8 @@ function ListBoxSection({ section, state: state2 }) {
|
|
2958
3014
|
...headingProps
|
2959
3015
|
},
|
2960
3016
|
section.rendered
|
2961
|
-
), /* @__PURE__ */
|
2962
|
-
(item) => /* @__PURE__ */
|
3017
|
+
), /* @__PURE__ */ React73__default.createElement(List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
|
3018
|
+
(item) => /* @__PURE__ */ React73__default.createElement(Option, { key: item.key, item, state: state2 })
|
2963
3019
|
)));
|
2964
3020
|
}
|
2965
3021
|
|
@@ -2999,7 +3055,7 @@ function InfoSelect({
|
|
2999
3055
|
const { buttonProps } = useButton(triggerProps, triggerRef);
|
3000
3056
|
const { t: t2 } = useTranslation();
|
3001
3057
|
const formControl = useFormControlProps(props);
|
3002
|
-
return /* @__PURE__ */
|
3058
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React73__default.createElement(chakra.div, { ...labelProps, sx: styles3.label }, props.label), /* @__PURE__ */ React73__default.createElement(
|
3003
3059
|
HiddenSelect,
|
3004
3060
|
{
|
3005
3061
|
state: state2,
|
@@ -3007,7 +3063,7 @@ function InfoSelect({
|
|
3007
3063
|
label: props.label,
|
3008
3064
|
name: props.name
|
3009
3065
|
}
|
3010
|
-
), /* @__PURE__ */
|
3066
|
+
), /* @__PURE__ */ React73__default.createElement(
|
3011
3067
|
chakra.button,
|
3012
3068
|
{
|
3013
3069
|
type: "button",
|
@@ -3020,16 +3076,16 @@ function InfoSelect({
|
|
3020
3076
|
"aria-invalid": formControl.isInvalid,
|
3021
3077
|
"aria-describedby": formControl["aria-describedby"]
|
3022
3078
|
},
|
3023
|
-
/* @__PURE__ */
|
3024
|
-
/* @__PURE__ */
|
3025
|
-
), state2.isOpen && /* @__PURE__ */
|
3079
|
+
/* @__PURE__ */ React73__default.createElement(Box, { ...valueProps }, state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts11.selectAnOption)),
|
3080
|
+
/* @__PURE__ */ React73__default.createElement(Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React73__default.createElement(DropdownUpFill24Icon, null) : /* @__PURE__ */ React73__default.createElement(DropdownDownFill24Icon, null))
|
3081
|
+
), state2.isOpen && /* @__PURE__ */ React73__default.createElement(
|
3026
3082
|
Popover3,
|
3027
3083
|
{
|
3028
3084
|
state: state2,
|
3029
3085
|
triggerRef,
|
3030
3086
|
containerPadding: 0
|
3031
3087
|
},
|
3032
|
-
/* @__PURE__ */
|
3088
|
+
/* @__PURE__ */ React73__default.createElement(
|
3033
3089
|
ListBox,
|
3034
3090
|
{
|
3035
3091
|
...menuProps,
|
@@ -3054,7 +3110,7 @@ var Input = forwardRef(
|
|
3054
3110
|
const formControlProps = useFormControlContext();
|
3055
3111
|
const fallbackId = `input-${useId()}`;
|
3056
3112
|
const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
|
3057
|
-
return /* @__PURE__ */
|
3113
|
+
return /* @__PURE__ */ React73__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React73__default.createElement(InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React73__default.createElement(
|
3058
3114
|
Input$1,
|
3059
3115
|
{
|
3060
3116
|
"data-attachable": true,
|
@@ -3065,19 +3121,19 @@ var Input = forwardRef(
|
|
3065
3121
|
ref,
|
3066
3122
|
placeholder: " "
|
3067
3123
|
}
|
3068
|
-
), /* @__PURE__ */
|
3124
|
+
), /* @__PURE__ */ React73__default.createElement(FormLabel, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React73__default.createElement(InputRightElement, { pointerEvents: "none" }, rightIcon));
|
3069
3125
|
}
|
3070
3126
|
);
|
3071
3127
|
var InputLeftElement2 = forwardRef(
|
3072
|
-
(props, ref) => /* @__PURE__ */
|
3128
|
+
(props, ref) => /* @__PURE__ */ React73__default.createElement(InputLeftElement, { ...props, ref })
|
3073
3129
|
);
|
3074
3130
|
var InputRightElement2 = forwardRef(
|
3075
|
-
(props, ref) => /* @__PURE__ */
|
3131
|
+
(props, ref) => /* @__PURE__ */ React73__default.createElement(InputRightElement, { ...props, ref })
|
3076
3132
|
);
|
3077
3133
|
var NativeSelect = forwardRef(
|
3078
3134
|
({ label, ...props }, ref) => {
|
3079
3135
|
const styles3 = useMultiStyleConfig("Select", props);
|
3080
|
-
return /* @__PURE__ */
|
3136
|
+
return /* @__PURE__ */ React73__default.createElement(FormControl, null, /* @__PURE__ */ React73__default.createElement(
|
3081
3137
|
Select,
|
3082
3138
|
{
|
3083
3139
|
"data-attachable": true,
|
@@ -3085,7 +3141,7 @@ var NativeSelect = forwardRef(
|
|
3085
3141
|
rootProps: { __css: styles3.root },
|
3086
3142
|
ref
|
3087
3143
|
}
|
3088
|
-
), label && /* @__PURE__ */
|
3144
|
+
), label && /* @__PURE__ */ React73__default.createElement(FormLabel3, null, label));
|
3089
3145
|
}
|
3090
3146
|
);
|
3091
3147
|
function NumericStepper({
|
@@ -3111,17 +3167,17 @@ function NumericStepper({
|
|
3111
3167
|
});
|
3112
3168
|
const formControlProps = useFormControl({ id: idProp, isDisabled });
|
3113
3169
|
const clampedStepSize = Math.max(Math.min(stepSize, 10), 1);
|
3114
|
-
return /* @__PURE__ */
|
3170
|
+
return /* @__PURE__ */ React73__default.createElement(Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React73__default.createElement(
|
3115
3171
|
VerySmallButton,
|
3116
3172
|
{
|
3117
|
-
icon: /* @__PURE__ */
|
3173
|
+
icon: /* @__PURE__ */ React73__default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
|
3118
3174
|
"aria-label": t2(texts12.decrementButtonAriaLabel(clampedStepSize)),
|
3119
3175
|
onClick: () => onChange(Math.max(value - clampedStepSize, minValue)),
|
3120
3176
|
visibility: value <= minValue ? "hidden" : "visible",
|
3121
3177
|
isDisabled: formControlProps.disabled,
|
3122
3178
|
id: value <= minValue ? void 0 : formControlProps.id
|
3123
3179
|
}
|
3124
|
-
), withInput ? /* @__PURE__ */
|
3180
|
+
), withInput ? /* @__PURE__ */ React73__default.createElement(
|
3125
3181
|
chakra.input,
|
3126
3182
|
{
|
3127
3183
|
type: "number",
|
@@ -3144,7 +3200,7 @@ function NumericStepper({
|
|
3144
3200
|
onChange(Math.max(Math.min(numericInput, maxValue), minValue));
|
3145
3201
|
}
|
3146
3202
|
}
|
3147
|
-
) : /* @__PURE__ */
|
3203
|
+
) : /* @__PURE__ */ React73__default.createElement(
|
3148
3204
|
chakra.text,
|
3149
3205
|
{
|
3150
3206
|
sx: styles3.text,
|
@@ -3152,10 +3208,10 @@ function NumericStepper({
|
|
3152
3208
|
"aria-label": value.toString()
|
3153
3209
|
},
|
3154
3210
|
value
|
3155
|
-
), /* @__PURE__ */
|
3211
|
+
), /* @__PURE__ */ React73__default.createElement(
|
3156
3212
|
VerySmallButton,
|
3157
3213
|
{
|
3158
|
-
icon: /* @__PURE__ */
|
3214
|
+
icon: /* @__PURE__ */ React73__default.createElement(AddIcon, { stepLabel: clampedStepSize }),
|
3159
3215
|
"aria-label": t2(texts12.incrementButtonAriaLabel(clampedStepSize)),
|
3160
3216
|
onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
|
3161
3217
|
visibility: value >= maxValue ? "hidden" : "visible",
|
@@ -3166,9 +3222,9 @@ function NumericStepper({
|
|
3166
3222
|
}
|
3167
3223
|
var VerySmallButton = (props) => {
|
3168
3224
|
const styles3 = useMultiStyleConfig("NumericStepper", {});
|
3169
|
-
return /* @__PURE__ */
|
3225
|
+
return /* @__PURE__ */ React73__default.createElement(IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
|
3170
3226
|
};
|
3171
|
-
var SubtractIcon = (props) => /* @__PURE__ */
|
3227
|
+
var SubtractIcon = (props) => /* @__PURE__ */ React73__default.createElement(React73__default.Fragment, null, /* @__PURE__ */ React73__default.createElement(
|
3172
3228
|
Box,
|
3173
3229
|
{
|
3174
3230
|
as: "svg",
|
@@ -3178,7 +3234,7 @@ var SubtractIcon = (props) => /* @__PURE__ */ React71__default.createElement(Rea
|
|
3178
3234
|
stroke: "currentColor",
|
3179
3235
|
...props
|
3180
3236
|
},
|
3181
|
-
/* @__PURE__ */
|
3237
|
+
/* @__PURE__ */ React73__default.createElement(
|
3182
3238
|
"line",
|
3183
3239
|
{
|
3184
3240
|
x1: "9",
|
@@ -3189,8 +3245,8 @@ var SubtractIcon = (props) => /* @__PURE__ */ React71__default.createElement(Rea
|
|
3189
3245
|
strokeLinecap: "round"
|
3190
3246
|
}
|
3191
3247
|
)
|
3192
|
-
), props.stepLabel > 1 && /* @__PURE__ */
|
3193
|
-
var AddIcon = (props) => /* @__PURE__ */
|
3248
|
+
), props.stepLabel > 1 && /* @__PURE__ */ React73__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
|
3249
|
+
var AddIcon = (props) => /* @__PURE__ */ React73__default.createElement(React73__default.Fragment, null, /* @__PURE__ */ React73__default.createElement(
|
3194
3250
|
Box,
|
3195
3251
|
{
|
3196
3252
|
as: "svg",
|
@@ -3200,7 +3256,7 @@ var AddIcon = (props) => /* @__PURE__ */ React71__default.createElement(React71_
|
|
3200
3256
|
stroke: "currentColor",
|
3201
3257
|
...props
|
3202
3258
|
},
|
3203
|
-
/* @__PURE__ */
|
3259
|
+
/* @__PURE__ */ React73__default.createElement(
|
3204
3260
|
"line",
|
3205
3261
|
{
|
3206
3262
|
x1: "9",
|
@@ -3211,7 +3267,7 @@ var AddIcon = (props) => /* @__PURE__ */ React71__default.createElement(React71_
|
|
3211
3267
|
strokeLinecap: "round"
|
3212
3268
|
}
|
3213
3269
|
),
|
3214
|
-
/* @__PURE__ */
|
3270
|
+
/* @__PURE__ */ React73__default.createElement(
|
3215
3271
|
"line",
|
3216
3272
|
{
|
3217
3273
|
x1: "15",
|
@@ -3222,7 +3278,7 @@ var AddIcon = (props) => /* @__PURE__ */ React71__default.createElement(React71_
|
|
3222
3278
|
strokeLinecap: "round"
|
3223
3279
|
}
|
3224
3280
|
)
|
3225
|
-
), props.stepLabel > 1 && /* @__PURE__ */
|
3281
|
+
), props.stepLabel > 1 && /* @__PURE__ */ React73__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
|
3226
3282
|
var texts12 = createTexts({
|
3227
3283
|
decrementButtonAriaLabel(stepSize) {
|
3228
3284
|
return {
|
@@ -3248,7 +3304,7 @@ var PasswordInput = forwardRef(
|
|
3248
3304
|
const formControlProps = useFormControlContext();
|
3249
3305
|
const autoGeneratedId = `password-input-${useId()}`;
|
3250
3306
|
const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
|
3251
|
-
return /* @__PURE__ */
|
3307
|
+
return /* @__PURE__ */ React73__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React73__default.createElement(InputLeftElement2, null, leftIcon), /* @__PURE__ */ React73__default.createElement(
|
3252
3308
|
Input$1,
|
3253
3309
|
{
|
3254
3310
|
...props,
|
@@ -3260,7 +3316,7 @@ var PasswordInput = forwardRef(
|
|
3260
3316
|
ref,
|
3261
3317
|
"data-attachable": true
|
3262
3318
|
}
|
3263
|
-
), /* @__PURE__ */
|
3319
|
+
), /* @__PURE__ */ React73__default.createElement(FormLabel3, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React73__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React73__default.createElement(
|
3264
3320
|
Button$1,
|
3265
3321
|
{
|
3266
3322
|
variant: "ghost",
|
@@ -3308,10 +3364,10 @@ var PhoneNumberInput = forwardRef(
|
|
3308
3364
|
nationalNumber: ""
|
3309
3365
|
}
|
3310
3366
|
});
|
3311
|
-
return /* @__PURE__ */
|
3367
|
+
return /* @__PURE__ */ React73__default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React73__default.createElement(
|
3312
3368
|
Suspense,
|
3313
3369
|
{
|
3314
|
-
fallback: /* @__PURE__ */
|
3370
|
+
fallback: /* @__PURE__ */ React73__default.createElement(
|
3315
3371
|
InfoSelect,
|
3316
3372
|
{
|
3317
3373
|
isLabelSrOnly: true,
|
@@ -3320,10 +3376,10 @@ var PhoneNumberInput = forwardRef(
|
|
3320
3376
|
height: "100%",
|
3321
3377
|
value: "+47"
|
3322
3378
|
},
|
3323
|
-
/* @__PURE__ */
|
3379
|
+
/* @__PURE__ */ React73__default.createElement(Item, { key: "+47" }, "+47")
|
3324
3380
|
)
|
3325
3381
|
},
|
3326
|
-
/* @__PURE__ */
|
3382
|
+
/* @__PURE__ */ React73__default.createElement(
|
3327
3383
|
LazyCountryCodeSelect,
|
3328
3384
|
{
|
3329
3385
|
value: value.countryCode,
|
@@ -3336,7 +3392,7 @@ var PhoneNumberInput = forwardRef(
|
|
3336
3392
|
width: "6.25rem"
|
3337
3393
|
}
|
3338
3394
|
)
|
3339
|
-
), /* @__PURE__ */
|
3395
|
+
), /* @__PURE__ */ React73__default.createElement(
|
3340
3396
|
Input,
|
3341
3397
|
{
|
3342
3398
|
ref,
|
@@ -3365,13 +3421,13 @@ var texts14 = createTexts({
|
|
3365
3421
|
sv: "Telefonnummer"
|
3366
3422
|
}
|
3367
3423
|
});
|
3368
|
-
var LazyCountryCodeSelect =
|
3424
|
+
var LazyCountryCodeSelect = React73__default.lazy(() => import('./CountryCodeSelect-FPOWUHQG.mjs'));
|
3369
3425
|
var Radio = forwardRef((props, ref) => {
|
3370
|
-
return /* @__PURE__ */
|
3426
|
+
return /* @__PURE__ */ React73__default.createElement(Radio$1, { ...props, ref });
|
3371
3427
|
});
|
3372
3428
|
var RadioGroup = forwardRef(
|
3373
3429
|
({ children, direction: direction2 = "row", ...rest }, ref) => {
|
3374
|
-
return /* @__PURE__ */
|
3430
|
+
return /* @__PURE__ */ React73__default.createElement(RadioGroup$1, { ...rest, ref }, /* @__PURE__ */ React73__default.createElement(Stack$1, { direction: direction2 }, children));
|
3375
3431
|
}
|
3376
3432
|
);
|
3377
3433
|
var SearchInput = forwardRef(
|
@@ -3381,7 +3437,7 @@ var SearchInput = forwardRef(
|
|
3381
3437
|
const formControlProps = useFormControlContext();
|
3382
3438
|
const autoGeneratedId = useId();
|
3383
3439
|
const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
|
3384
|
-
return /* @__PURE__ */
|
3440
|
+
return /* @__PURE__ */ React73__default.createElement(InputGroup, { position: "relative" }, /* @__PURE__ */ React73__default.createElement(InputLeftElement2, null, /* @__PURE__ */ React73__default.createElement(SearchOutline24Icon, null)), /* @__PURE__ */ React73__default.createElement(
|
3385
3441
|
Input$1,
|
3386
3442
|
{
|
3387
3443
|
paddingLeft: 7,
|
@@ -3398,7 +3454,7 @@ var SearchInput = forwardRef(
|
|
3398
3454
|
placeholder: " ",
|
3399
3455
|
"data-attachable": true
|
3400
3456
|
}
|
3401
|
-
), /* @__PURE__ */
|
3457
|
+
), /* @__PURE__ */ React73__default.createElement(FormLabel3, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts15.label)), showClearButton && /* @__PURE__ */ React73__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React73__default.createElement(
|
3402
3458
|
IconButton$1,
|
3403
3459
|
{
|
3404
3460
|
variant: "ghost",
|
@@ -3406,7 +3462,7 @@ var SearchInput = forwardRef(
|
|
3406
3462
|
size: "sm",
|
3407
3463
|
marginRight: 1,
|
3408
3464
|
"aria-label": t2(texts15.reset),
|
3409
|
-
icon: /* @__PURE__ */
|
3465
|
+
icon: /* @__PURE__ */ React73__default.createElement(CloseOutline24Icon, null),
|
3410
3466
|
onClick: onReset
|
3411
3467
|
}
|
3412
3468
|
)));
|
@@ -3428,7 +3484,7 @@ var texts15 = createTexts({
|
|
3428
3484
|
});
|
3429
3485
|
var Switch = forwardRef(
|
3430
3486
|
({ size: size2 = "md", ...props }, ref) => {
|
3431
|
-
return /* @__PURE__ */
|
3487
|
+
return /* @__PURE__ */ React73__default.createElement(Switch$1, { size: size2, ...props, ref });
|
3432
3488
|
}
|
3433
3489
|
);
|
3434
3490
|
var Textarea = forwardRef((props, ref) => {
|
@@ -3439,7 +3495,7 @@ var Textarea = forwardRef((props, ref) => {
|
|
3439
3495
|
const formControlProps = useFormControlContext();
|
3440
3496
|
const fallbackId = `textarea-${useId()}`;
|
3441
3497
|
const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
|
3442
|
-
return /* @__PURE__ */
|
3498
|
+
return /* @__PURE__ */ React73__default.createElement(InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React73__default.createElement(Textarea$1, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React73__default.createElement(FormLabel, { htmlFor: inputId, id: `${inputId}-label` }, label));
|
3443
3499
|
});
|
3444
3500
|
function getSpacingProps(props) {
|
3445
3501
|
const {
|
@@ -3561,7 +3617,7 @@ var LineIcon = ({
|
|
3561
3617
|
if (!Icon) {
|
3562
3618
|
return null;
|
3563
3619
|
}
|
3564
|
-
return /* @__PURE__ */
|
3620
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React73__default.createElement(Icon, { sx: styles3.icon }));
|
3565
3621
|
};
|
3566
3622
|
|
3567
3623
|
// src/linjetag/InfoTag.tsx
|
@@ -3577,7 +3633,7 @@ var InfoTag = ({
|
|
3577
3633
|
size: size2,
|
3578
3634
|
...customProps
|
3579
3635
|
});
|
3580
|
-
return /* @__PURE__ */
|
3636
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React73__default.createElement(
|
3581
3637
|
LineIcon,
|
3582
3638
|
{
|
3583
3639
|
variant,
|
@@ -3585,7 +3641,7 @@ var InfoTag = ({
|
|
3585
3641
|
sx: styles3.iconContainer,
|
3586
3642
|
...customProps
|
3587
3643
|
}
|
3588
|
-
), /* @__PURE__ */
|
3644
|
+
), /* @__PURE__ */ React73__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React73__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React73__default.createElement(Box, { as: "span", sx: styles3.description }, description)));
|
3589
3645
|
};
|
3590
3646
|
var TravelTag = forwardRef(
|
3591
3647
|
({
|
@@ -3605,7 +3661,7 @@ var TravelTag = forwardRef(
|
|
3605
3661
|
backgroundColor: variant === "custom" ? rest.backgroundColor : void 0
|
3606
3662
|
});
|
3607
3663
|
const DeviationLevelIcon = getDeviationLevelIcon({ deviationLevel, size: size2 });
|
3608
|
-
return /* @__PURE__ */
|
3664
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React73__default.createElement(
|
3609
3665
|
LineIcon,
|
3610
3666
|
{
|
3611
3667
|
variant,
|
@@ -3613,7 +3669,7 @@ var TravelTag = forwardRef(
|
|
3613
3669
|
sx: styles3.iconContainer,
|
3614
3670
|
...rest
|
3615
3671
|
}
|
3616
|
-
), /* @__PURE__ */
|
3672
|
+
), /* @__PURE__ */ React73__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React73__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React73__default.createElement(Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React73__default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
|
3617
3673
|
}
|
3618
3674
|
);
|
3619
3675
|
var getDeviationLevelIcon = ({
|
@@ -3637,7 +3693,7 @@ var TextLink = forwardRef(
|
|
3637
3693
|
var _a6;
|
3638
3694
|
const { t: t2 } = useTranslation();
|
3639
3695
|
const isExternal = props.isExternal !== void 0 ? props.isExternal : Boolean((_a6 = props.href) == null ? void 0 : _a6.match(/^https?:\/\//));
|
3640
|
-
return /* @__PURE__ */
|
3696
|
+
return /* @__PURE__ */ React73__default.createElement(Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React73__default.createElement(
|
3641
3697
|
LinkOutOutline24Icon,
|
3642
3698
|
{
|
3643
3699
|
marginLeft: 0.5,
|
@@ -3658,7 +3714,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3658
3714
|
const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
|
3659
3715
|
const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
|
3660
3716
|
const id = useId();
|
3661
|
-
return /* @__PURE__ */
|
3717
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React73__default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React73__default.createElement(
|
3662
3718
|
"path",
|
3663
3719
|
{
|
3664
3720
|
fillRule: "evenodd",
|
@@ -3666,7 +3722,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3666
3722
|
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",
|
3667
3723
|
fill: mainColor
|
3668
3724
|
}
|
3669
|
-
), /* @__PURE__ */
|
3725
|
+
), /* @__PURE__ */ React73__default.createElement(
|
3670
3726
|
"mask",
|
3671
3727
|
{
|
3672
3728
|
id: `${id}-a`,
|
@@ -3677,7 +3733,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3677
3733
|
width: "94",
|
3678
3734
|
height: "54"
|
3679
3735
|
},
|
3680
|
-
/* @__PURE__ */
|
3736
|
+
/* @__PURE__ */ React73__default.createElement(
|
3681
3737
|
"path",
|
3682
3738
|
{
|
3683
3739
|
fillRule: "evenodd",
|
@@ -3686,7 +3742,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3686
3742
|
fill: mainColor
|
3687
3743
|
}
|
3688
3744
|
)
|
3689
|
-
), /* @__PURE__ */
|
3745
|
+
), /* @__PURE__ */ React73__default.createElement(
|
3690
3746
|
"g",
|
3691
3747
|
{
|
3692
3748
|
mask: `url(#${id}-a)`,
|
@@ -3694,9 +3750,9 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3694
3750
|
clipRule: "evenodd",
|
3695
3751
|
fill: mainColor
|
3696
3752
|
},
|
3697
|
-
/* @__PURE__ */
|
3698
|
-
/* @__PURE__ */
|
3699
|
-
), /* @__PURE__ */
|
3753
|
+
/* @__PURE__ */ React73__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" }),
|
3754
|
+
/* @__PURE__ */ React73__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" })
|
3755
|
+
), /* @__PURE__ */ React73__default.createElement(
|
3700
3756
|
"path",
|
3701
3757
|
{
|
3702
3758
|
fillRule: "evenodd",
|
@@ -3704,7 +3760,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3704
3760
|
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",
|
3705
3761
|
fill: accentColor
|
3706
3762
|
}
|
3707
|
-
), /* @__PURE__ */
|
3763
|
+
), /* @__PURE__ */ React73__default.createElement(
|
3708
3764
|
"path",
|
3709
3765
|
{
|
3710
3766
|
fillRule: "evenodd",
|
@@ -3712,7 +3768,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3712
3768
|
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",
|
3713
3769
|
fill: mainColor
|
3714
3770
|
}
|
3715
|
-
), /* @__PURE__ */
|
3771
|
+
), /* @__PURE__ */ React73__default.createElement(
|
3716
3772
|
"mask",
|
3717
3773
|
{
|
3718
3774
|
id: `${id}-b`,
|
@@ -3723,7 +3779,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3723
3779
|
width: "78",
|
3724
3780
|
height: "54"
|
3725
3781
|
},
|
3726
|
-
/* @__PURE__ */
|
3782
|
+
/* @__PURE__ */ React73__default.createElement(
|
3727
3783
|
"path",
|
3728
3784
|
{
|
3729
3785
|
fillRule: "evenodd",
|
@@ -3732,25 +3788,25 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3732
3788
|
fill: mainColor
|
3733
3789
|
}
|
3734
3790
|
)
|
3735
|
-
), /* @__PURE__ */
|
3791
|
+
), /* @__PURE__ */ React73__default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React73__default.createElement(
|
3736
3792
|
"path",
|
3737
3793
|
{
|
3738
3794
|
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",
|
3739
3795
|
fill: mainColor
|
3740
3796
|
}
|
3741
|
-
), /* @__PURE__ */
|
3797
|
+
), /* @__PURE__ */ React73__default.createElement(
|
3742
3798
|
"path",
|
3743
3799
|
{
|
3744
3800
|
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",
|
3745
3801
|
fill: mainColor
|
3746
3802
|
}
|
3747
|
-
), /* @__PURE__ */
|
3803
|
+
), /* @__PURE__ */ React73__default.createElement(
|
3748
3804
|
"path",
|
3749
3805
|
{
|
3750
3806
|
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",
|
3751
3807
|
fill: accentColor
|
3752
3808
|
}
|
3753
|
-
)), /* @__PURE__ */
|
3809
|
+
)), /* @__PURE__ */ React73__default.createElement(
|
3754
3810
|
"path",
|
3755
3811
|
{
|
3756
3812
|
fillRule: "evenodd",
|
@@ -3760,7 +3816,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3760
3816
|
}
|
3761
3817
|
));
|
3762
3818
|
};
|
3763
|
-
var JumpForwardIcon = (props) => /* @__PURE__ */
|
3819
|
+
var JumpForwardIcon = (props) => /* @__PURE__ */ React73.createElement(Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React73.createElement(
|
3764
3820
|
"path",
|
3765
3821
|
{
|
3766
3822
|
fillRule: "evenodd",
|
@@ -3768,7 +3824,7 @@ var JumpForwardIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { as
|
|
3768
3824
|
d: "M22.388 7.5C20.567 5.967 18.251 5 15.75 5 9.951 5 5.25 9.701 5.25 15.5S9.951 26 15.75 26s10.5-4.701 10.5-10.5a1 1 0 1 1 2 0c0 6.904-5.596 12.5-12.5 12.5s-12.5-5.596-12.5-12.5S8.846 3 15.75 3c3.206 0 6.11 1.31 8.304 3.3l.206-1.441a1 1 0 0 1 1.98.282L25.617 9.5H21.25a1 1 0 1 1 0-2h1.138Z",
|
3769
3825
|
fill: "currentColor"
|
3770
3826
|
}
|
3771
|
-
), /* @__PURE__ */
|
3827
|
+
), /* @__PURE__ */ React73.createElement(
|
3772
3828
|
"path",
|
3773
3829
|
{
|
3774
3830
|
fillRule: "evenodd",
|
@@ -3777,7 +3833,7 @@ var JumpForwardIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { as
|
|
3777
3833
|
fill: "currentColor"
|
3778
3834
|
}
|
3779
3835
|
));
|
3780
|
-
var JumpBackwardIcon = (props) => /* @__PURE__ */
|
3836
|
+
var JumpBackwardIcon = (props) => /* @__PURE__ */ React73.createElement(Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React73.createElement(
|
3781
3837
|
"path",
|
3782
3838
|
{
|
3783
3839
|
fillRule: "evenodd",
|
@@ -3785,7 +3841,7 @@ var JumpBackwardIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { a
|
|
3785
3841
|
d: "M9.612 7.5C11.433 5.967 13.749 5 16.25 5c5.799 0 10.5 4.701 10.5 10.5S22.049 26 16.25 26s-10.5-4.701-10.5-10.5a1 1 0 1 0-2 0c0 6.904 5.596 12.5 12.5 12.5s12.5-5.596 12.5-12.5S23.154 3 16.25 3c-3.206 0-6.11 1.31-8.304 3.3L7.74 4.86a1 1 0 0 0-1.98.282L6.383 9.5h4.367a1 1 0 1 0 0-2H9.612Z",
|
3786
3842
|
fill: "currentColor"
|
3787
3843
|
}
|
3788
|
-
), /* @__PURE__ */
|
3844
|
+
), /* @__PURE__ */ React73.createElement(
|
3789
3845
|
"path",
|
3790
3846
|
{
|
3791
3847
|
fillRule: "evenodd",
|
@@ -3794,7 +3850,7 @@ var JumpBackwardIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { a
|
|
3794
3850
|
fill: "currentColor"
|
3795
3851
|
}
|
3796
3852
|
));
|
3797
|
-
var PlayIcon = (props) => /* @__PURE__ */
|
3853
|
+
var PlayIcon = (props) => /* @__PURE__ */ React73.createElement(Box, { as: "svg", ...props, fill: "none", viewBox: "0 0 60 60" }, /* @__PURE__ */ React73.createElement(
|
3798
3854
|
"path",
|
3799
3855
|
{
|
3800
3856
|
fillRule: "evenodd",
|
@@ -3803,7 +3859,7 @@ var PlayIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { as: "svg"
|
|
3803
3859
|
fill: "currentColor"
|
3804
3860
|
}
|
3805
3861
|
));
|
3806
|
-
var PauseIcon = (props) => /* @__PURE__ */
|
3862
|
+
var PauseIcon = (props) => /* @__PURE__ */ React73.createElement(Box, { as: "svg", ...props, viewBox: "0 0 60 60", fill: "none" }, /* @__PURE__ */ React73.createElement(
|
3807
3863
|
"path",
|
3808
3864
|
{
|
3809
3865
|
fillRule: "evenodd",
|
@@ -3812,7 +3868,7 @@ var PauseIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { as: "svg
|
|
3812
3868
|
fill: "currentColor"
|
3813
3869
|
}
|
3814
3870
|
));
|
3815
|
-
var SkipNextIcon = (props) => /* @__PURE__ */
|
3871
|
+
var SkipNextIcon = (props) => /* @__PURE__ */ React73.createElement(Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React73.createElement(
|
3816
3872
|
"path",
|
3817
3873
|
{
|
3818
3874
|
fillRule: "evenodd",
|
@@ -3821,7 +3877,7 @@ var SkipNextIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { as: "
|
|
3821
3877
|
fill: "currentColor"
|
3822
3878
|
}
|
3823
3879
|
));
|
3824
|
-
var SkipPreviousIcon = (props) => /* @__PURE__ */
|
3880
|
+
var SkipPreviousIcon = (props) => /* @__PURE__ */ React73.createElement(Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React73.createElement(
|
3825
3881
|
"path",
|
3826
3882
|
{
|
3827
3883
|
fillRule: "evenodd",
|
@@ -3843,7 +3899,7 @@ var JumpButton = ({
|
|
3843
3899
|
variant: "jumpSkip",
|
3844
3900
|
size: size2
|
3845
3901
|
});
|
3846
|
-
return /* @__PURE__ */
|
3902
|
+
return /* @__PURE__ */ React73__default.createElement(
|
3847
3903
|
Center,
|
3848
3904
|
{
|
3849
3905
|
as: "button",
|
@@ -3852,7 +3908,7 @@ var JumpButton = ({
|
|
3852
3908
|
disabled: isDisabled,
|
3853
3909
|
...props
|
3854
3910
|
},
|
3855
|
-
direction2 === "forward" ? /* @__PURE__ */
|
3911
|
+
direction2 === "forward" ? /* @__PURE__ */ React73__default.createElement(JumpForwardIcon, { sx: styles3.icon }) : /* @__PURE__ */ React73__default.createElement(JumpBackwardIcon, { sx: styles3.icon })
|
3856
3912
|
);
|
3857
3913
|
};
|
3858
3914
|
var texts17 = createTexts({
|
@@ -3880,7 +3936,7 @@ var PlayPauseButton = ({
|
|
3880
3936
|
variant: "play",
|
3881
3937
|
size: size2
|
3882
3938
|
});
|
3883
|
-
return /* @__PURE__ */
|
3939
|
+
return /* @__PURE__ */ React73__default.createElement(
|
3884
3940
|
Center,
|
3885
3941
|
{
|
3886
3942
|
as: "button",
|
@@ -3889,7 +3945,7 @@ var PlayPauseButton = ({
|
|
3889
3945
|
disabled: isDisabled,
|
3890
3946
|
...props
|
3891
3947
|
},
|
3892
|
-
isPlaying ? /* @__PURE__ */
|
3948
|
+
isPlaying ? /* @__PURE__ */ React73__default.createElement(PauseIcon, { sx: styles3.icon }) : /* @__PURE__ */ React73__default.createElement(PlayIcon, { sx: styles3.icon })
|
3893
3949
|
);
|
3894
3950
|
};
|
3895
3951
|
var texts18 = createTexts({
|
@@ -3917,7 +3973,7 @@ var SkipButton = ({
|
|
3917
3973
|
variant: "jumpSkip",
|
3918
3974
|
size: size2
|
3919
3975
|
});
|
3920
|
-
return /* @__PURE__ */
|
3976
|
+
return /* @__PURE__ */ React73__default.createElement(
|
3921
3977
|
Center,
|
3922
3978
|
{
|
3923
3979
|
as: "button",
|
@@ -3926,7 +3982,7 @@ var SkipButton = ({
|
|
3926
3982
|
disabled: isDisabled,
|
3927
3983
|
...props
|
3928
3984
|
},
|
3929
|
-
direction2 === "forward" ? /* @__PURE__ */
|
3985
|
+
direction2 === "forward" ? /* @__PURE__ */ React73__default.createElement(SkipNextIcon, { sx: styles3.icon }) : /* @__PURE__ */ React73__default.createElement(SkipPreviousIcon, { sx: styles3.icon })
|
3930
3986
|
);
|
3931
3987
|
};
|
3932
3988
|
var texts19 = createTexts({
|
@@ -3949,13 +4005,13 @@ var ModalHeader = forwardRef(
|
|
3949
4005
|
fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
|
3950
4006
|
textAlign: size2 === "lg" ? "center" : "left"
|
3951
4007
|
};
|
3952
|
-
return /* @__PURE__ */
|
4008
|
+
return /* @__PURE__ */ React73__default.createElement(ModalHeader$1, { ...props, ref, ...styles3 });
|
3953
4009
|
}
|
3954
4010
|
);
|
3955
4011
|
|
3956
4012
|
// src/modal/Drawer.tsx
|
3957
4013
|
var Drawer = (props) => {
|
3958
|
-
return /* @__PURE__ */
|
4014
|
+
return /* @__PURE__ */ React73__default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React73__default.createElement(Drawer$1, { ...props }));
|
3959
4015
|
};
|
3960
4016
|
var DrawerContent = forwardRef(
|
3961
4017
|
({ children, ...props }, ref) => {
|
@@ -3972,7 +4028,7 @@ var DrawerContent = forwardRef(
|
|
3972
4028
|
});
|
3973
4029
|
const isTopOrBottom = placement === "top" || placement === "bottom";
|
3974
4030
|
const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
|
3975
|
-
return /* @__PURE__ */
|
4031
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { ...handlers }, /* @__PURE__ */ React73__default.createElement(
|
3976
4032
|
DrawerContent$1,
|
3977
4033
|
{
|
3978
4034
|
...widthConstraits,
|
@@ -3981,13 +4037,13 @@ var DrawerContent = forwardRef(
|
|
3981
4037
|
...props,
|
3982
4038
|
ref
|
3983
4039
|
},
|
3984
|
-
/* @__PURE__ */
|
4040
|
+
/* @__PURE__ */ React73__default.createElement(Box, { position: "relative" }, /* @__PURE__ */ React73__default.createElement(Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React73__default.createElement(Notch, null), /* @__PURE__ */ React73__default.createElement(Box, null, children)))
|
3985
4041
|
));
|
3986
4042
|
}
|
3987
4043
|
);
|
3988
4044
|
var Notch = forwardRef((props, ref) => {
|
3989
4045
|
const placement = useDrawerContext();
|
3990
|
-
return /* @__PURE__ */
|
4046
|
+
return /* @__PURE__ */ React73__default.createElement(
|
3991
4047
|
Box,
|
3992
4048
|
{
|
3993
4049
|
position: "absolute",
|
@@ -3999,14 +4055,14 @@ var Notch = forwardRef((props, ref) => {
|
|
3999
4055
|
...props,
|
4000
4056
|
ref
|
4001
4057
|
},
|
4002
|
-
/* @__PURE__ */
|
4058
|
+
/* @__PURE__ */ React73__default.createElement(
|
4003
4059
|
Center,
|
4004
4060
|
{
|
4005
4061
|
background: placement === "bottom" ? "bottom" : "top",
|
4006
4062
|
padding: 2,
|
4007
4063
|
borderRadius: "md"
|
4008
4064
|
},
|
4009
|
-
/* @__PURE__ */
|
4065
|
+
/* @__PURE__ */ React73__default.createElement(
|
4010
4066
|
Box,
|
4011
4067
|
{
|
4012
4068
|
width: "2.265rem",
|
@@ -4018,17 +4074,17 @@ var Notch = forwardRef((props, ref) => {
|
|
4018
4074
|
)
|
4019
4075
|
);
|
4020
4076
|
});
|
4021
|
-
var DrawerContext =
|
4022
|
-
var DrawerProvider = (props) => /* @__PURE__ */
|
4077
|
+
var DrawerContext = React73__default.createContext(void 0);
|
4078
|
+
var DrawerProvider = (props) => /* @__PURE__ */ React73__default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
|
4023
4079
|
var useDrawerContext = () => {
|
4024
|
-
return
|
4080
|
+
return React73__default.useContext(DrawerContext);
|
4025
4081
|
};
|
4026
4082
|
var FullScreenDrawer = ({
|
4027
4083
|
children,
|
4028
4084
|
title,
|
4029
4085
|
placement = "bottom",
|
4030
4086
|
leftButton = null,
|
4031
|
-
rightButton = /* @__PURE__ */
|
4087
|
+
rightButton = /* @__PURE__ */ React73__default.createElement(DrawerCloseButton2, null),
|
4032
4088
|
isOpen,
|
4033
4089
|
onClose
|
4034
4090
|
}) => {
|
@@ -4044,7 +4100,7 @@ var FullScreenDrawer = ({
|
|
4044
4100
|
useEffect(() => {
|
4045
4101
|
setContentBoxScrolled(false);
|
4046
4102
|
}, [isOpen]);
|
4047
|
-
return /* @__PURE__ */
|
4103
|
+
return /* @__PURE__ */ React73__default.createElement(Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React73__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React73__default.createElement(
|
4048
4104
|
DrawerContent$1,
|
4049
4105
|
{
|
4050
4106
|
height: "100vh",
|
@@ -4052,7 +4108,7 @@ var FullScreenDrawer = ({
|
|
4052
4108
|
backgroundPosition: "top",
|
4053
4109
|
backgroundRepeat: "no-repeat"
|
4054
4110
|
},
|
4055
|
-
/* @__PURE__ */
|
4111
|
+
/* @__PURE__ */ React73__default.createElement(
|
4056
4112
|
DrawerTopMenu,
|
4057
4113
|
{
|
4058
4114
|
isScrolled: isContentBoxScrolled,
|
@@ -4061,7 +4117,7 @@ var FullScreenDrawer = ({
|
|
4061
4117
|
rightButton
|
4062
4118
|
}
|
4063
4119
|
),
|
4064
|
-
/* @__PURE__ */
|
4120
|
+
/* @__PURE__ */ React73__default.createElement(DrawerBody, { overflow: "auto", onScroll: onContentScroll }, children)
|
4065
4121
|
));
|
4066
4122
|
};
|
4067
4123
|
var DrawerTopMenu = ({
|
@@ -4074,7 +4130,7 @@ var DrawerTopMenu = ({
|
|
4074
4130
|
"bg.default.light",
|
4075
4131
|
"bg.default.dark"
|
4076
4132
|
);
|
4077
|
-
return /* @__PURE__ */
|
4133
|
+
return /* @__PURE__ */ React73__default.createElement(
|
4078
4134
|
Flex,
|
4079
4135
|
{
|
4080
4136
|
width: "100%",
|
@@ -4087,8 +4143,8 @@ var DrawerTopMenu = ({
|
|
4087
4143
|
transition: "box-shadow 0.2s",
|
4088
4144
|
boxShadow: isScrolled ? "md" : void 0
|
4089
4145
|
},
|
4090
|
-
/* @__PURE__ */
|
4091
|
-
/* @__PURE__ */
|
4146
|
+
/* @__PURE__ */ React73__default.createElement(Box, { flex: "1" }, leftButton),
|
4147
|
+
/* @__PURE__ */ React73__default.createElement(
|
4092
4148
|
DrawerHeader,
|
4093
4149
|
{
|
4094
4150
|
as: "h2",
|
@@ -4101,7 +4157,7 @@ var DrawerTopMenu = ({
|
|
4101
4157
|
},
|
4102
4158
|
title
|
4103
4159
|
),
|
4104
|
-
/* @__PURE__ */
|
4160
|
+
/* @__PURE__ */ React73__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React73__default.createElement(Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
|
4105
4161
|
);
|
4106
4162
|
};
|
4107
4163
|
var DrawerCloseButton2 = () => {
|
@@ -4111,11 +4167,11 @@ var DrawerCloseButton2 = () => {
|
|
4111
4167
|
`(min-width: ${tokens11__default.size.breakpoint.sm})`
|
4112
4168
|
);
|
4113
4169
|
if (isScreenSizeMinSm) {
|
4114
|
-
return /* @__PURE__ */
|
4170
|
+
return /* @__PURE__ */ React73__default.createElement(
|
4115
4171
|
Button,
|
4116
4172
|
{
|
4117
4173
|
variant: "ghost",
|
4118
|
-
leftIcon: /* @__PURE__ */
|
4174
|
+
leftIcon: /* @__PURE__ */ React73__default.createElement(CloseFill24Icon, null),
|
4119
4175
|
onClick: onClose,
|
4120
4176
|
"aria-label": t2(texts20.close),
|
4121
4177
|
width: "fit-content",
|
@@ -4124,11 +4180,11 @@ var DrawerCloseButton2 = () => {
|
|
4124
4180
|
t2(texts20.close)
|
4125
4181
|
);
|
4126
4182
|
}
|
4127
|
-
return /* @__PURE__ */
|
4183
|
+
return /* @__PURE__ */ React73__default.createElement(
|
4128
4184
|
IconButton,
|
4129
4185
|
{
|
4130
4186
|
variant: "ghost",
|
4131
|
-
icon: /* @__PURE__ */
|
4187
|
+
icon: /* @__PURE__ */ React73__default.createElement(CloseFill30Icon, null),
|
4132
4188
|
onClick: onClose,
|
4133
4189
|
"aria-label": t2(texts20.close)
|
4134
4190
|
}
|
@@ -4148,7 +4204,7 @@ var SimpleDrawer = ({
|
|
4148
4204
|
title,
|
4149
4205
|
...props
|
4150
4206
|
}) => {
|
4151
|
-
return /* @__PURE__ */
|
4207
|
+
return /* @__PURE__ */ React73__default.createElement(Drawer, { placement, ...props }, /* @__PURE__ */ React73__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React73__default.createElement(DrawerContent, null, /* @__PURE__ */ React73__default.createElement(DrawerCloseButton, null), title && /* @__PURE__ */ React73__default.createElement(ModalHeader, null, title), /* @__PURE__ */ React73__default.createElement(DrawerBody, null, children)));
|
4152
4208
|
};
|
4153
4209
|
var EXPIRATION_DELAY = 1e3 * 60 * 60 * 24 * 30;
|
4154
4210
|
var Nudge = ({
|
@@ -4170,7 +4226,7 @@ var Nudge = ({
|
|
4170
4226
|
}
|
4171
4227
|
return null;
|
4172
4228
|
}
|
4173
|
-
return /* @__PURE__ */
|
4229
|
+
return /* @__PURE__ */ React73__default.createElement(
|
4174
4230
|
Popover,
|
4175
4231
|
{
|
4176
4232
|
arrowSize: 12,
|
@@ -4178,8 +4234,8 @@ var Nudge = ({
|
|
4178
4234
|
defaultIsOpen: true,
|
4179
4235
|
...props
|
4180
4236
|
},
|
4181
|
-
/* @__PURE__ */
|
4182
|
-
/* @__PURE__ */
|
4237
|
+
/* @__PURE__ */ React73__default.createElement(PopoverAnchor, null, children),
|
4238
|
+
/* @__PURE__ */ React73__default.createElement(PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React73__default.createElement(DarkMode, null, /* @__PURE__ */ React73__default.createElement(PopoverArrow, null), /* @__PURE__ */ React73__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React73__default.createElement(PopoverBody, { margin: 1 }, /* @__PURE__ */ React73__default.createElement(Box, { marginRight: 4 }, content), /* @__PURE__ */ React73__default.createElement(Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React73__default.createElement(ButtonGroup, null, /* @__PURE__ */ React73__default.createElement(Button, { variant: "tertiary", size: "xs" }, t2(texts21.close)), /* @__PURE__ */ React73__default.createElement(Button, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts21.showMe)))))))
|
4183
4239
|
);
|
4184
4240
|
};
|
4185
4241
|
var texts21 = createTexts({
|
@@ -4207,19 +4263,19 @@ var WizardNudge = ({
|
|
4207
4263
|
const totalSteps = content.length;
|
4208
4264
|
const isLastStep = totalSteps === currentStep;
|
4209
4265
|
const onNext = () => setCurrentStep((prev) => prev + 1);
|
4210
|
-
return /* @__PURE__ */
|
4266
|
+
return /* @__PURE__ */ React73__default.createElement(
|
4211
4267
|
Nudge,
|
4212
4268
|
{
|
4213
4269
|
onClose,
|
4214
4270
|
name,
|
4215
4271
|
content: content[currentStep - 1],
|
4216
|
-
actions: /* @__PURE__ */
|
4272
|
+
actions: /* @__PURE__ */ React73__default.createElement(Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React73__default.createElement(
|
4217
4273
|
ProgressIndicator,
|
4218
4274
|
{
|
4219
4275
|
activeStep: currentStep,
|
4220
4276
|
numberOfSteps: totalSteps
|
4221
4277
|
}
|
4222
|
-
), /* @__PURE__ */
|
4278
|
+
), /* @__PURE__ */ React73__default.createElement(Box, null, /* @__PURE__ */ React73__default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
|
4223
4279
|
...props
|
4224
4280
|
},
|
4225
4281
|
children
|
@@ -4228,12 +4284,12 @@ var WizardNudge = ({
|
|
4228
4284
|
var NextOrCloseButton = ({ isLastStep, onNext }) => {
|
4229
4285
|
const { onClose } = usePopoverContext();
|
4230
4286
|
const { t: t2 } = useTranslation();
|
4231
|
-
return /* @__PURE__ */
|
4287
|
+
return /* @__PURE__ */ React73__default.createElement(
|
4232
4288
|
Button,
|
4233
4289
|
{
|
4234
4290
|
variant: "tertiary",
|
4235
4291
|
size: "xs",
|
4236
|
-
leftIcon: isLastStep ? void 0 : /* @__PURE__ */
|
4292
|
+
leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React73__default.createElement(ArrowRightFill18Icon, null),
|
4237
4293
|
onClick: isLastStep ? onClose : onNext,
|
4238
4294
|
width: "fit-content"
|
4239
4295
|
},
|
@@ -4297,7 +4353,7 @@ var Pagination = ({
|
|
4297
4353
|
}
|
4298
4354
|
}
|
4299
4355
|
return displayPageNumbers.map(
|
4300
|
-
(pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */
|
4356
|
+
(pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React73__default.createElement(ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React73__default.createElement(Center, null, "...")) : /* @__PURE__ */ React73__default.createElement(
|
4301
4357
|
Link,
|
4302
4358
|
{
|
4303
4359
|
key: index,
|
@@ -4314,7 +4370,7 @@ var Pagination = ({
|
|
4314
4370
|
)
|
4315
4371
|
);
|
4316
4372
|
};
|
4317
|
-
return /* @__PURE__ */
|
4373
|
+
return /* @__PURE__ */ React73__default.createElement(Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React73__default.createElement(
|
4318
4374
|
UnorderedList,
|
4319
4375
|
{
|
4320
4376
|
display: "flex",
|
@@ -4323,22 +4379,22 @@ var Pagination = ({
|
|
4323
4379
|
padding: 0,
|
4324
4380
|
margin: 0
|
4325
4381
|
},
|
4326
|
-
/* @__PURE__ */
|
4382
|
+
/* @__PURE__ */ React73__default.createElement(ListItem, { "aria-label": t2(texts23.previousPage) }, /* @__PURE__ */ React73__default.createElement(
|
4327
4383
|
TextLink,
|
4328
4384
|
{
|
4329
4385
|
onClick: () => onPageChange(selectedPage - 1),
|
4330
4386
|
sx: hasPreviousPage ? style.link : style.disabled
|
4331
4387
|
},
|
4332
|
-
/* @__PURE__ */
|
4388
|
+
/* @__PURE__ */ React73__default.createElement(DropdownLeftFill18Icon, { sx: style.icon })
|
4333
4389
|
)),
|
4334
4390
|
renderPaginationButtons(),
|
4335
|
-
/* @__PURE__ */
|
4391
|
+
/* @__PURE__ */ React73__default.createElement(ListItem, { "aria-label": t2(texts23.nextPage) }, /* @__PURE__ */ React73__default.createElement(
|
4336
4392
|
TextLink,
|
4337
4393
|
{
|
4338
4394
|
onClick: () => onPageChange(selectedPage + 1),
|
4339
4395
|
sx: hasNextPage ? style.link : style.disabled
|
4340
4396
|
},
|
4341
|
-
/* @__PURE__ */
|
4397
|
+
/* @__PURE__ */ React73__default.createElement(DropdownRightFill18Icon, { sx: style.icon })
|
4342
4398
|
))
|
4343
4399
|
));
|
4344
4400
|
};
|
@@ -4358,7 +4414,7 @@ var texts23 = createTexts({
|
|
4358
4414
|
});
|
4359
4415
|
var ProgressDot = ({ isActive }) => {
|
4360
4416
|
const style = useMultiStyleConfig("ProgressIndicator");
|
4361
|
-
return /* @__PURE__ */
|
4417
|
+
return /* @__PURE__ */ React73__default.createElement(
|
4362
4418
|
Box,
|
4363
4419
|
{
|
4364
4420
|
as: "svg",
|
@@ -4368,7 +4424,7 @@ var ProgressDot = ({ isActive }) => {
|
|
4368
4424
|
viewBox: "0 0 100 100",
|
4369
4425
|
"aria-current": isActive ? "step" : void 0
|
4370
4426
|
},
|
4371
|
-
/* @__PURE__ */
|
4427
|
+
/* @__PURE__ */ React73__default.createElement(Box, { as: "circle", cx: "50", cy: "50", r: "50" })
|
4372
4428
|
);
|
4373
4429
|
};
|
4374
4430
|
|
@@ -4379,7 +4435,7 @@ var ProgressIndicator = ({
|
|
4379
4435
|
}) => {
|
4380
4436
|
const { t: t2 } = useTranslation();
|
4381
4437
|
const style = useMultiStyleConfig("ProgressIndicator");
|
4382
|
-
return /* @__PURE__ */
|
4438
|
+
return /* @__PURE__ */ React73__default.createElement(
|
4383
4439
|
Box,
|
4384
4440
|
{
|
4385
4441
|
__css: style.root,
|
@@ -4389,7 +4445,7 @@ var ProgressIndicator = ({
|
|
4389
4445
|
"aria-valuenow": activeStep,
|
4390
4446
|
"aria-valuetext": t2(texts24.stepsOf(activeStep, numberOfSteps))
|
4391
4447
|
},
|
4392
|
-
/* @__PURE__ */
|
4448
|
+
/* @__PURE__ */ React73__default.createElement(Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React73__default.createElement(
|
4393
4449
|
ProgressDot,
|
4394
4450
|
{
|
4395
4451
|
key: i,
|
@@ -4416,9 +4472,9 @@ var SporProvider = ({
|
|
4416
4472
|
}) => {
|
4417
4473
|
const brandCustomizations = brandTheme[brand] ?? {};
|
4418
4474
|
const extendedTheme = deepmerge(theme3, brandCustomizations);
|
4419
|
-
return /* @__PURE__ */
|
4475
|
+
return /* @__PURE__ */ React73__default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React73__default.createElement(ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React73__default.createElement(Global, { styles: fontFaces }), children));
|
4420
4476
|
};
|
4421
|
-
var StepperContext =
|
4477
|
+
var StepperContext = React73__default.createContext(null);
|
4422
4478
|
var StepperProvider = ({
|
4423
4479
|
activeStep,
|
4424
4480
|
children,
|
@@ -4426,7 +4482,7 @@ var StepperProvider = ({
|
|
4426
4482
|
numberOfSteps,
|
4427
4483
|
variant
|
4428
4484
|
}) => {
|
4429
|
-
return /* @__PURE__ */
|
4485
|
+
return /* @__PURE__ */ React73__default.createElement(
|
4430
4486
|
StepperContext.Provider,
|
4431
4487
|
{
|
4432
4488
|
value: { activeStep, onClick, numberOfSteps, variant }
|
@@ -4435,7 +4491,7 @@ var StepperProvider = ({
|
|
4435
4491
|
);
|
4436
4492
|
};
|
4437
4493
|
var useStepper = () => {
|
4438
|
-
const context =
|
4494
|
+
const context = React73__default.useContext(StepperContext);
|
4439
4495
|
if (!context) {
|
4440
4496
|
throw new Error(
|
4441
4497
|
"useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
|
@@ -4463,7 +4519,7 @@ var Stepper = ({
|
|
4463
4519
|
const { t: t2 } = useTranslation();
|
4464
4520
|
const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
|
4465
4521
|
const shownHeading = heading || title;
|
4466
|
-
return /* @__PURE__ */
|
4522
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { sx: style.root }, /* @__PURE__ */ React73__default.createElement(
|
4467
4523
|
StepperProvider,
|
4468
4524
|
{
|
4469
4525
|
onClick,
|
@@ -4471,7 +4527,7 @@ var Stepper = ({
|
|
4471
4527
|
variant,
|
4472
4528
|
numberOfSteps
|
4473
4529
|
},
|
4474
|
-
/* @__PURE__ */
|
4530
|
+
/* @__PURE__ */ React73__default.createElement(Box, { sx: style.container }, /* @__PURE__ */ React73__default.createElement(Box, { sx: style.innerContainer }, /* @__PURE__ */ React73__default.createElement(
|
4475
4531
|
Flex,
|
4476
4532
|
{
|
4477
4533
|
justifyContent: "space-between",
|
@@ -4479,11 +4535,11 @@ var Stepper = ({
|
|
4479
4535
|
gap: 2,
|
4480
4536
|
flex: 1
|
4481
4537
|
},
|
4482
|
-
/* @__PURE__ */
|
4538
|
+
/* @__PURE__ */ React73__default.createElement(
|
4483
4539
|
IconButton,
|
4484
4540
|
{
|
4485
4541
|
"aria-label": t2(texts25.back),
|
4486
|
-
icon: /* @__PURE__ */
|
4542
|
+
icon: /* @__PURE__ */ React73__default.createElement(ArrowLeftFill24Icon, null),
|
4487
4543
|
variant: "ghost",
|
4488
4544
|
size: "sm",
|
4489
4545
|
visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
|
@@ -4496,9 +4552,9 @@ var Stepper = ({
|
|
4496
4552
|
}
|
4497
4553
|
}
|
4498
4554
|
),
|
4499
|
-
shownHeading && /* @__PURE__ */
|
4500
|
-
/* @__PURE__ */
|
4501
|
-
)), /* @__PURE__ */
|
4555
|
+
shownHeading && /* @__PURE__ */ React73__default.createElement(Text4, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
|
4556
|
+
/* @__PURE__ */ React73__default.createElement(Box, { sx: style.stepCounter }, t2(texts25.stepsOf(activeStep, numberOfSteps)))
|
4557
|
+
)), /* @__PURE__ */ React73__default.createElement(Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React73__default.createElement(
|
4502
4558
|
StepperStep,
|
4503
4559
|
{
|
4504
4560
|
key: index,
|
@@ -4543,14 +4599,14 @@ var StepperStep = ({
|
|
4543
4599
|
);
|
4544
4600
|
const iconColor = useColorModeValue("blackAlpha.200", "whiteAlpha.200");
|
4545
4601
|
const isDisabled = state2 !== "active" && isDisabledOverride || state2 === "disabled";
|
4546
|
-
return /* @__PURE__ */
|
4602
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React73__default.createElement(
|
4547
4603
|
DropdownRightFill18Icon,
|
4548
4604
|
{
|
4549
4605
|
marginX: 5,
|
4550
4606
|
display: ["none", null, "block"],
|
4551
4607
|
color: iconColor
|
4552
4608
|
}
|
4553
|
-
), isDisabled ? /* @__PURE__ */
|
4609
|
+
), isDisabled ? /* @__PURE__ */ React73__default.createElement(
|
4554
4610
|
Text4,
|
4555
4611
|
{
|
4556
4612
|
variant: "xs",
|
@@ -4560,7 +4616,7 @@ var StepperStep = ({
|
|
4560
4616
|
paddingX: 2
|
4561
4617
|
},
|
4562
4618
|
children
|
4563
|
-
) : /* @__PURE__ */
|
4619
|
+
) : /* @__PURE__ */ React73__default.createElement(
|
4564
4620
|
Button,
|
4565
4621
|
{
|
4566
4622
|
size: "xs",
|
@@ -4583,11 +4639,11 @@ var getState = (stepNumber, activeStep) => {
|
|
4583
4639
|
return "disabled";
|
4584
4640
|
};
|
4585
4641
|
var Tabs = forwardRef((props, ref) => {
|
4586
|
-
return /* @__PURE__ */
|
4642
|
+
return /* @__PURE__ */ React73.createElement(Tabs$1, { ...props, ref });
|
4587
4643
|
});
|
4588
4644
|
var Table = forwardRef((props, ref) => {
|
4589
4645
|
const { variant, size: size2, colorScheme, children, ...rest } = props;
|
4590
|
-
return /* @__PURE__ */
|
4646
|
+
return /* @__PURE__ */ React73__default.createElement(Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React73__default.createElement(Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React73__default.createElement(
|
4591
4647
|
Table$1,
|
4592
4648
|
{
|
4593
4649
|
variant,
|
@@ -6403,16 +6459,16 @@ Object.assign({}, space, layout, flexbox, grid, position);
|
|
6403
6459
|
function defineStyle(styles3) {
|
6404
6460
|
return styles3;
|
6405
6461
|
}
|
6406
|
-
function defineStyleConfig(
|
6407
|
-
return
|
6462
|
+
function defineStyleConfig(config45) {
|
6463
|
+
return config45;
|
6408
6464
|
}
|
6409
6465
|
function createMultiStyleConfigHelpers(parts19) {
|
6410
6466
|
return {
|
6411
|
-
definePartsStyle(
|
6412
|
-
return
|
6467
|
+
definePartsStyle(config45) {
|
6468
|
+
return config45;
|
6413
6469
|
},
|
6414
|
-
defineMultiStyleConfig(
|
6415
|
-
return { parts: parts19, ...
|
6470
|
+
defineMultiStyleConfig(config45) {
|
6471
|
+
return { parts: parts19, ...config45 };
|
6416
6472
|
}
|
6417
6473
|
};
|
6418
6474
|
}
|
@@ -9701,6 +9757,7 @@ __export(components_exports, {
|
|
9701
9757
|
ProgressBar: () => progress_bar_default,
|
9702
9758
|
ProgressIndicator: () => progress_indicator_default,
|
9703
9759
|
Radio: () => radio_default,
|
9760
|
+
RadioCard: () => radio_card_default,
|
9704
9761
|
Select: () => select_default,
|
9705
9762
|
Skeleton: () => skeleton_default,
|
9706
9763
|
StaticCard: () => static_card_default,
|
@@ -9895,6 +9952,19 @@ function floatingBorder(state2, props) {
|
|
9895
9952
|
"floating.outline.hover.dark"
|
9896
9953
|
)(props)
|
9897
9954
|
};
|
9955
|
+
case "selected":
|
9956
|
+
return {
|
9957
|
+
outline: "1px solid",
|
9958
|
+
outlineColor: mode("outline.focus.light", "outline.focus.dark")(props)
|
9959
|
+
};
|
9960
|
+
case "active":
|
9961
|
+
return {
|
9962
|
+
outline: "1px solid",
|
9963
|
+
outlineColor: mode(
|
9964
|
+
"floating.outline.active.light",
|
9965
|
+
"floating.outline.active.dark"
|
9966
|
+
)(props)
|
9967
|
+
};
|
9898
9968
|
default:
|
9899
9969
|
return {
|
9900
9970
|
outline: "1px solid",
|
@@ -12867,8 +12937,66 @@ var config32 = helpers23.defineMultiStyleConfig({
|
|
12867
12937
|
}
|
12868
12938
|
});
|
12869
12939
|
var progress_indicator_default = config32;
|
12940
|
+
var config33 = defineStyleConfig$1({
|
12941
|
+
baseStyle: (props) => ({
|
12942
|
+
appearance: "none",
|
12943
|
+
border: "none",
|
12944
|
+
overflow: "hidden",
|
12945
|
+
fontSize: "inherit",
|
12946
|
+
display: "block",
|
12947
|
+
borderRadius: "sm",
|
12948
|
+
...focusVisibleStyles(props),
|
12949
|
+
_checked: {
|
12950
|
+
outline: "1px solid",
|
12951
|
+
outlineColor: "greenHaze",
|
12952
|
+
...floatingBackground("active", props),
|
12953
|
+
_hover: {
|
12954
|
+
...floatingBackground("active", props)
|
12955
|
+
}
|
12956
|
+
},
|
12957
|
+
_disabled: {
|
12958
|
+
pointerEvents: "none",
|
12959
|
+
...baseBackground("disabled", props),
|
12960
|
+
...baseBorder("disabled", props),
|
12961
|
+
...baseText("disabled", props)
|
12962
|
+
}
|
12963
|
+
}),
|
12964
|
+
variants: {
|
12965
|
+
base: (props) => ({
|
12966
|
+
...baseBackground("default", props),
|
12967
|
+
...baseBorder("default", props),
|
12968
|
+
_hover: {
|
12969
|
+
...baseBackground("hover", props),
|
12970
|
+
...baseBorder("hover", props)
|
12971
|
+
},
|
12972
|
+
_active: {
|
12973
|
+
...baseBackground("active", props)
|
12974
|
+
}
|
12975
|
+
}),
|
12976
|
+
floating: (props) => ({
|
12977
|
+
...floatingBackground("default", props),
|
12978
|
+
boxShadow: "sm",
|
12979
|
+
_hover: {
|
12980
|
+
...floatingBackground("hover", props),
|
12981
|
+
...floatingBorder("hover", props),
|
12982
|
+
boxShadow: "md"
|
12983
|
+
},
|
12984
|
+
_active: {
|
12985
|
+
...floatingBackground("active", props),
|
12986
|
+
...floatingBorder("active", props)
|
12987
|
+
},
|
12988
|
+
_checked: {
|
12989
|
+
_hover: {
|
12990
|
+
outline: "1px solid",
|
12991
|
+
outlineColor: "silver"
|
12992
|
+
}
|
12993
|
+
}
|
12994
|
+
})
|
12995
|
+
}
|
12996
|
+
});
|
12997
|
+
var radio_card_default = config33;
|
12870
12998
|
var helpers24 = createMultiStyleConfigHelpers$1(radioAnatomy.keys);
|
12871
|
-
var
|
12999
|
+
var config34 = helpers24.defineMultiStyleConfig({
|
12872
13000
|
baseStyle: (props) => ({
|
12873
13001
|
container: {
|
12874
13002
|
_hover: {
|
@@ -12921,10 +13049,10 @@ var config33 = helpers24.defineMultiStyleConfig({
|
|
12921
13049
|
}
|
12922
13050
|
})
|
12923
13051
|
});
|
12924
|
-
var radio_default =
|
13052
|
+
var radio_default = config34;
|
12925
13053
|
var parts17 = selectAnatomy.extend("root");
|
12926
13054
|
var helpers25 = createMultiStyleConfigHelpers$1(parts17.keys);
|
12927
|
-
var
|
13055
|
+
var config35 = helpers25.defineMultiStyleConfig({
|
12928
13056
|
baseStyle: (props) => ({
|
12929
13057
|
root: {
|
12930
13058
|
width: "100%",
|
@@ -12964,14 +13092,14 @@ var config34 = helpers25.defineMultiStyleConfig({
|
|
12964
13092
|
}
|
12965
13093
|
})
|
12966
13094
|
});
|
12967
|
-
var select_default =
|
13095
|
+
var select_default = config35;
|
12968
13096
|
var fade = (startColor, endColor) => keyframes({
|
12969
13097
|
from: { borderColor: startColor, background: startColor },
|
12970
13098
|
to: { borderColor: endColor, background: endColor }
|
12971
13099
|
});
|
12972
13100
|
var $startColor2 = cssVar$1("skeleton-start-color");
|
12973
13101
|
var $endColor2 = cssVar$1("skeleton-end-color");
|
12974
|
-
var
|
13102
|
+
var config36 = defineStyleConfig$1({
|
12975
13103
|
baseStyle: (props) => {
|
12976
13104
|
const defaultStartColor = mode("blackAlpha.300", "whiteAlpha.300")(props);
|
12977
13105
|
const defaultEndColor = mode("blackAlpha.100", "whiteAlpha.100")(props);
|
@@ -12994,7 +13122,7 @@ var config35 = defineStyleConfig$1({
|
|
12994
13122
|
};
|
12995
13123
|
}
|
12996
13124
|
});
|
12997
|
-
var skeleton_default =
|
13125
|
+
var skeleton_default = config36;
|
12998
13126
|
var parts18 = anatomy$1("stepper").parts(
|
12999
13127
|
"root",
|
13000
13128
|
"container",
|
@@ -13008,7 +13136,7 @@ var parts18 = anatomy$1("stepper").parts(
|
|
13008
13136
|
"closeButton"
|
13009
13137
|
);
|
13010
13138
|
var helpers26 = createMultiStyleConfigHelpers$1(parts18.keys);
|
13011
|
-
var
|
13139
|
+
var config37 = helpers26.defineMultiStyleConfig({
|
13012
13140
|
baseStyle: {
|
13013
13141
|
root: {
|
13014
13142
|
display: "flex",
|
@@ -13077,14 +13205,14 @@ var config36 = helpers26.defineMultiStyleConfig({
|
|
13077
13205
|
variant: "base"
|
13078
13206
|
}
|
13079
13207
|
});
|
13080
|
-
var stepper_default =
|
13208
|
+
var stepper_default = config37;
|
13081
13209
|
var $width2 = cssVar$1("switch-track-width");
|
13082
13210
|
var $height3 = cssVar$1("switch-track-height");
|
13083
13211
|
var $diff2 = cssVar$1("switch-track-diff");
|
13084
13212
|
var diffValue2 = calc$1.subtract($width2, $height3);
|
13085
13213
|
var $translateX2 = cssVar$1("switch-thumb-x");
|
13086
13214
|
var helpers27 = createMultiStyleConfigHelpers$1(switchAnatomy.keys);
|
13087
|
-
var
|
13215
|
+
var config38 = helpers27.defineMultiStyleConfig({
|
13088
13216
|
baseStyle: (props) => ({
|
13089
13217
|
container: {
|
13090
13218
|
[$diff2.variable]: diffValue2,
|
@@ -13177,14 +13305,14 @@ var config37 = helpers27.defineMultiStyleConfig({
|
|
13177
13305
|
size: "md"
|
13178
13306
|
}
|
13179
13307
|
});
|
13180
|
-
var switch_default =
|
13308
|
+
var switch_default = config38;
|
13181
13309
|
var helpers28 = createMultiStyleConfigHelpers$1(tableAnatomy.keys);
|
13182
13310
|
var numericStyles2 = {
|
13183
13311
|
"&[data-is-numeric=true]": {
|
13184
13312
|
textAlign: "end"
|
13185
13313
|
}
|
13186
13314
|
};
|
13187
|
-
var
|
13315
|
+
var config39 = helpers28.defineMultiStyleConfig({
|
13188
13316
|
baseStyle: (props) => ({
|
13189
13317
|
table: {
|
13190
13318
|
borderCollapse: "collapse",
|
@@ -13195,12 +13323,10 @@ var config38 = helpers28.defineMultiStyleConfig({
|
|
13195
13323
|
th: {
|
13196
13324
|
fontWeight: "bold",
|
13197
13325
|
textAlign: "start",
|
13198
|
-
verticalAlign: "top",
|
13199
13326
|
minWidth: "68px"
|
13200
13327
|
},
|
13201
13328
|
td: {
|
13202
|
-
textAlign: "start"
|
13203
|
-
verticalAlign: "top"
|
13329
|
+
textAlign: "start"
|
13204
13330
|
},
|
13205
13331
|
tfoot: {
|
13206
13332
|
tr: {
|
@@ -13334,9 +13460,9 @@ var config38 = helpers28.defineMultiStyleConfig({
|
|
13334
13460
|
colorScheme: "grey"
|
13335
13461
|
}
|
13336
13462
|
});
|
13337
|
-
var table_default =
|
13463
|
+
var table_default = config39;
|
13338
13464
|
var helpers29 = createMultiStyleConfigHelpers$1(tabsAnatomy.keys);
|
13339
|
-
var
|
13465
|
+
var config40 = helpers29.defineMultiStyleConfig({
|
13340
13466
|
baseStyle: (props) => ({
|
13341
13467
|
root: {
|
13342
13468
|
display: "flex",
|
@@ -13459,8 +13585,8 @@ var config39 = helpers29.defineMultiStyleConfig({
|
|
13459
13585
|
variant: "base"
|
13460
13586
|
}
|
13461
13587
|
});
|
13462
|
-
var tabs_default =
|
13463
|
-
var
|
13588
|
+
var tabs_default = config40;
|
13589
|
+
var config41 = defineStyleConfig$1({
|
13464
13590
|
baseStyle: (props) => ({
|
13465
13591
|
...input_default.baseStyle(props).field,
|
13466
13592
|
minHeight: "5rem",
|
@@ -13477,8 +13603,8 @@ var config40 = defineStyleConfig$1({
|
|
13477
13603
|
}
|
13478
13604
|
})
|
13479
13605
|
});
|
13480
|
-
var textarea_default =
|
13481
|
-
var
|
13606
|
+
var textarea_default = config41;
|
13607
|
+
var config42 = defineStyleConfig$1({
|
13482
13608
|
baseStyle: {
|
13483
13609
|
display: "flex",
|
13484
13610
|
alignItems: "center",
|
@@ -13502,8 +13628,8 @@ var config41 = defineStyleConfig$1({
|
|
13502
13628
|
}
|
13503
13629
|
}
|
13504
13630
|
});
|
13505
|
-
var toast_default =
|
13506
|
-
var
|
13631
|
+
var toast_default = config42;
|
13632
|
+
var config43 = defineStyleConfig$1({
|
13507
13633
|
baseStyle: (props) => ({
|
13508
13634
|
appearance: "none",
|
13509
13635
|
border: "none",
|
@@ -13513,10 +13639,11 @@ var config42 = defineStyleConfig$1({
|
|
13513
13639
|
borderRadius: "md",
|
13514
13640
|
// Except for white cards, all cards are light mode always
|
13515
13641
|
color: "text.default.light",
|
13642
|
+
...focusVisibleStyles(props),
|
13516
13643
|
...getColorSchemeBaseProps2(props)
|
13517
13644
|
})
|
13518
13645
|
});
|
13519
|
-
var static_card_default =
|
13646
|
+
var static_card_default = config43;
|
13520
13647
|
var getColorSchemeBaseProps2 = (props) => {
|
13521
13648
|
var _a6;
|
13522
13649
|
switch (props.colorScheme) {
|
@@ -13567,7 +13694,7 @@ var getColorSchemeBaseProps2 = (props) => {
|
|
13567
13694
|
};
|
13568
13695
|
}
|
13569
13696
|
};
|
13570
|
-
var
|
13697
|
+
var config44 = defineStyleConfig$1({
|
13571
13698
|
baseStyle: (props) => ({
|
13572
13699
|
appearance: "none",
|
13573
13700
|
border: "none",
|
@@ -13637,7 +13764,7 @@ var config43 = defineStyleConfig$1({
|
|
13637
13764
|
}
|
13638
13765
|
}
|
13639
13766
|
});
|
13640
|
-
var pressable_card_default =
|
13767
|
+
var pressable_card_default = config44;
|
13641
13768
|
var getColorSchemeBaseProps3 = (props) => {
|
13642
13769
|
switch (props.colorScheme) {
|
13643
13770
|
case "default":
|
@@ -13826,12 +13953,12 @@ var brandTheme = {
|
|
13826
13953
|
};
|
13827
13954
|
var BaseToast = ({ children, variant, id }) => {
|
13828
13955
|
const styles3 = useStyleConfig("Toast", { variant });
|
13829
|
-
return /* @__PURE__ */
|
13956
|
+
return /* @__PURE__ */ React73__default.createElement(Flex, { sx: styles3, id }, /* @__PURE__ */ React73__default.createElement(ToastIcon, { variant }), children);
|
13830
13957
|
};
|
13831
13958
|
var ToastIcon = ({ variant }) => {
|
13832
13959
|
const Icon = getIcon3(variant);
|
13833
13960
|
const { t: t2 } = useTranslation();
|
13834
|
-
return /* @__PURE__ */
|
13961
|
+
return /* @__PURE__ */ React73__default.createElement(
|
13835
13962
|
Icon,
|
13836
13963
|
{
|
13837
13964
|
flexShrink: 0,
|
@@ -13881,7 +14008,7 @@ var ActionToast = ({
|
|
13881
14008
|
buttonText,
|
13882
14009
|
id
|
13883
14010
|
}) => {
|
13884
|
-
return /* @__PURE__ */
|
14011
|
+
return /* @__PURE__ */ React73__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React73__default.createElement(Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React73__default.createElement(Button, { variant: "tertiary", size: "sm", onClick }, buttonText));
|
13885
14012
|
};
|
13886
14013
|
var ClosableToast = ({
|
13887
14014
|
children,
|
@@ -13891,13 +14018,13 @@ var ClosableToast = ({
|
|
13891
14018
|
}) => {
|
13892
14019
|
const styles3 = useMultiStyleConfig("Toast", { variant });
|
13893
14020
|
const { t: t2 } = useTranslation();
|
13894
|
-
return /* @__PURE__ */
|
14021
|
+
return /* @__PURE__ */ React73__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React73__default.createElement(Box, { flexGrow: "1" }, children), /* @__PURE__ */ React73__default.createElement(
|
13895
14022
|
IconButton,
|
13896
14023
|
{
|
13897
14024
|
sx: styles3.dismissButton,
|
13898
14025
|
variant: "ghost",
|
13899
14026
|
"aria-label": t2(texts27.dismiss),
|
13900
|
-
icon: /* @__PURE__ */
|
14027
|
+
icon: /* @__PURE__ */ React73__default.createElement(CloseFill18Icon, null),
|
13901
14028
|
onClick: onClose
|
13902
14029
|
}
|
13903
14030
|
));
|
@@ -13925,7 +14052,7 @@ var useToast = () => {
|
|
13925
14052
|
};
|
13926
14053
|
var getToastComponent = (opts) => {
|
13927
14054
|
if ("isClosable" in opts && opts.isClosable) {
|
13928
|
-
return ({ onClose, id }) => /* @__PURE__ */
|
14055
|
+
return ({ onClose, id }) => /* @__PURE__ */ React73__default.createElement(
|
13929
14056
|
ClosableToast,
|
13930
14057
|
{
|
13931
14058
|
id,
|
@@ -13941,7 +14068,7 @@ var getToastComponent = (opts) => {
|
|
13941
14068
|
);
|
13942
14069
|
}
|
13943
14070
|
if ("buttonText" in opts) {
|
13944
|
-
return ({ id }) => /* @__PURE__ */
|
14071
|
+
return ({ id }) => /* @__PURE__ */ React73__default.createElement(
|
13945
14072
|
ActionToast,
|
13946
14073
|
{
|
13947
14074
|
id,
|
@@ -13952,7 +14079,7 @@ var getToastComponent = (opts) => {
|
|
13952
14079
|
opts.text
|
13953
14080
|
);
|
13954
14081
|
}
|
13955
|
-
return ({ id }) => /* @__PURE__ */
|
14082
|
+
return ({ id }) => /* @__PURE__ */ React73__default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
|
13956
14083
|
};
|
13957
14084
|
var Tooltip = ({
|
13958
14085
|
children,
|
@@ -13965,7 +14092,7 @@ var Tooltip = ({
|
|
13965
14092
|
withCloseButton = false,
|
13966
14093
|
...props
|
13967
14094
|
}) => {
|
13968
|
-
return /* @__PURE__ */
|
14095
|
+
return /* @__PURE__ */ React73__default.createElement(
|
13969
14096
|
Popover,
|
13970
14097
|
{
|
13971
14098
|
onClose,
|
@@ -13977,8 +14104,8 @@ var Tooltip = ({
|
|
13977
14104
|
arrowShadowColor: "none",
|
13978
14105
|
...props
|
13979
14106
|
},
|
13980
|
-
/* @__PURE__ */
|
13981
|
-
/* @__PURE__ */
|
14107
|
+
/* @__PURE__ */ React73__default.createElement(PopoverTrigger, null, children),
|
14108
|
+
/* @__PURE__ */ React73__default.createElement(PopoverContent, null, /* @__PURE__ */ React73__default.createElement(PopoverArrow, null), withCloseButton && /* @__PURE__ */ React73__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React73__default.createElement(PopoverBody, null, content))
|
13982
14109
|
);
|
13983
14110
|
};
|
13984
14111
|
|
@@ -14087,4 +14214,4 @@ function slugify(text, maxLength = 50) {
|
|
14087
14214
|
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);
|
14088
14215
|
}
|
14089
14216
|
|
14090
|
-
export { Accordion, AttachedInputs, Badge, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, Card, CardSelect, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, ColorInlineLoader, ColorSpinner, Combobox, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerContent, Expandable, ExpandableAlert, ExpandableItem, FloatingActionButton, FormControl, FormErrorMessage, FormLabel3 as FormLabel, FullScreenDrawer, 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, 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, WizardNudge, brandTheme, createTexts, fontFaces, slugify, theme, useSize, useToast, useTranslation };
|
14217
|
+
export { Accordion, AttachedInputs, Badge, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, Card, CardSelect, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, ColorInlineLoader, ColorSpinner, Combobox, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerContent, Expandable, ExpandableAlert, ExpandableItem, FloatingActionButton, FormControl, FormErrorMessage, FormLabel3 as FormLabel, FullScreenDrawer, 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, 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, WizardNudge, brandTheme, createTexts, fontFaces, slugify, theme, useSize, useToast, useTranslation };
|