@vygruppen/spor-react 9.14.1 → 9.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +10 -10
- package/CHANGELOG.md +6 -0
- package/dist/{CountryCodeSelect-JADNUR4X.mjs → CountryCodeSelect-BF22CLZQ.mjs} +1 -1
- package/dist/{chunk-HKTFZRTD.mjs → chunk-NTYAUO4O.mjs} +437 -535
- package/dist/index.d.mts +1 -23
- package/dist/index.d.ts +1 -23
- package/dist/index.js +501 -635
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/index.tsx +0 -1
- package/src/loader/ColorInlineLoader.tsx +1 -10
- package/src/loader/ColorSpinner.tsx +2 -11
- package/src/loader/ContentLoader.tsx +2 -13
- package/src/loader/DarkInlineLoader.tsx +2 -13
- package/src/loader/LightFullScreenLoader.tsx +1 -10
- package/src/loader/LightInlineLoader.tsx +2 -13
- package/src/logo/VyLogo.tsx +90 -11
- package/src/logo/index.tsx +0 -1
- package/src/provider/SporProvider.tsx +4 -7
- package/src/provider/index.tsx +0 -1
- package/src/logo/VyLogoDefault.tsx +0 -104
- package/src/pride/PrideProvider.tsx +0 -58
- package/src/pride/TogglePride.tsx +0 -23
- package/src/pride/index.tsx +0 -2
package/dist/index.js
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
'use strict';
|
2
2
|
|
3
3
|
var react = require('@chakra-ui/react');
|
4
|
-
var
|
4
|
+
var React87 = require('react');
|
5
5
|
var reactAria = require('react-aria');
|
6
6
|
var sporIconReact = require('@vygruppen/spor-icon-react');
|
7
7
|
var reactStately = require('react-stately');
|
@@ -36,7 +36,7 @@ function _interopNamespace(e) {
|
|
36
36
|
return Object.freeze(n);
|
37
37
|
}
|
38
38
|
|
39
|
-
var
|
39
|
+
var React87__namespace = /*#__PURE__*/_interopNamespace(React87);
|
40
40
|
var tokens11__namespace = /*#__PURE__*/_interopNamespace(tokens11);
|
41
41
|
var deepmerge__default = /*#__PURE__*/_interopDefault(deepmerge);
|
42
42
|
|
@@ -76,7 +76,7 @@ exports.Divider = void 0;
|
|
76
76
|
var init_Divider = __esm({
|
77
77
|
"src/layout/Divider.tsx"() {
|
78
78
|
exports.Divider = react.forwardRef((props, ref) => {
|
79
|
-
return /* @__PURE__ */
|
79
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Divider, { ...props, ref });
|
80
80
|
});
|
81
81
|
}
|
82
82
|
});
|
@@ -85,7 +85,7 @@ var init_Stack = __esm({
|
|
85
85
|
"src/layout/Stack.tsx"() {
|
86
86
|
exports.Stack = react.forwardRef(
|
87
87
|
({ flexDirection, ...props }, ref) => {
|
88
|
-
return /* @__PURE__ */
|
88
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Stack, { ...props, direction: flexDirection, ref });
|
89
89
|
}
|
90
90
|
);
|
91
91
|
}
|
@@ -123,7 +123,7 @@ var init_AttachedInputs = __esm({
|
|
123
123
|
}
|
124
124
|
};
|
125
125
|
const direction2 = flexDirection === "row" ? "horizontal" : "vertical";
|
126
|
-
return /* @__PURE__ */
|
126
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
127
127
|
react.Flex,
|
128
128
|
{
|
129
129
|
role: "group",
|
@@ -140,16 +140,16 @@ var Dialog;
|
|
140
140
|
var init_Dialog = __esm({
|
141
141
|
"src/input/Dialog.tsx"() {
|
142
142
|
Dialog = ({ title, children, ...props }) => {
|
143
|
-
const ref =
|
143
|
+
const ref = React87.useRef(null);
|
144
144
|
const { dialogProps, titleProps } = reactAria.useDialog(props, ref);
|
145
|
-
return /* @__PURE__ */
|
145
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React87__namespace.default.createElement(react.Heading, { as: "h3", ...titleProps }, title), children);
|
146
146
|
};
|
147
147
|
}
|
148
148
|
});
|
149
149
|
var Popover;
|
150
150
|
var init_Popover = __esm({
|
151
151
|
"src/input/Popover.tsx"() {
|
152
|
-
Popover =
|
152
|
+
Popover = React87.forwardRef(
|
153
153
|
({
|
154
154
|
children,
|
155
155
|
state: state2,
|
@@ -163,7 +163,7 @@ var init_Popover = __esm({
|
|
163
163
|
containerPadding = 12
|
164
164
|
}, ref) => {
|
165
165
|
var _a6;
|
166
|
-
const internalRef =
|
166
|
+
const internalRef = React87.useRef(null);
|
167
167
|
const popoverRef = ref ?? internalRef;
|
168
168
|
const { popoverProps, underlayProps } = reactAria.usePopover(
|
169
169
|
{
|
@@ -178,28 +178,28 @@ var init_Popover = __esm({
|
|
178
178
|
},
|
179
179
|
state2
|
180
180
|
);
|
181
|
-
const popoverBox = /* @__PURE__ */
|
181
|
+
const popoverBox = /* @__PURE__ */ React87__namespace.default.createElement(
|
182
182
|
react.Box,
|
183
183
|
{
|
184
184
|
...popoverProps,
|
185
185
|
ref: popoverRef,
|
186
186
|
minWidth: ((_a6 = triggerRef.current) == null ? void 0 : _a6.clientWidth) ?? "auto"
|
187
187
|
},
|
188
|
-
/* @__PURE__ */
|
188
|
+
/* @__PURE__ */ React87__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close }),
|
189
189
|
children,
|
190
|
-
/* @__PURE__ */
|
190
|
+
/* @__PURE__ */ React87__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close })
|
191
191
|
);
|
192
192
|
if (isNonModal) {
|
193
193
|
return popoverBox;
|
194
194
|
}
|
195
|
-
return /* @__PURE__ */
|
195
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(reactAria.Overlay, null, hasBackdrop && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
|
196
196
|
}
|
197
197
|
);
|
198
198
|
}
|
199
199
|
});
|
200
200
|
function useForceRerender(shouldRerender) {
|
201
|
-
const [_, update] =
|
202
|
-
|
201
|
+
const [_, update] = React87.useState(false);
|
202
|
+
React87.useEffect(() => {
|
203
203
|
if (shouldRerender) {
|
204
204
|
update((x) => !x);
|
205
205
|
}
|
@@ -228,7 +228,7 @@ var init_CardSelect = __esm({
|
|
228
228
|
...props
|
229
229
|
}, externalRef) => {
|
230
230
|
const label = "label" in props ? props.label : props["aria-label"];
|
231
|
-
const internalRef =
|
231
|
+
const internalRef = React87.useRef(null);
|
232
232
|
const triggerRef = externalRef ?? internalRef;
|
233
233
|
const state2 = reactStately.useOverlayTriggerState({
|
234
234
|
isOpen: externalIsOpen,
|
@@ -247,7 +247,7 @@ var init_CardSelect = __esm({
|
|
247
247
|
});
|
248
248
|
useForceRerender(state2.isOpen);
|
249
249
|
const ChevronIcon = size2 === "sm" ? sporIconReact.DropdownDownFill18Icon : sporIconReact.DropdownDownFill24Icon;
|
250
|
-
return /* @__PURE__ */
|
250
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React87__namespace.default.createElement(
|
251
251
|
react.chakra.button,
|
252
252
|
{
|
253
253
|
type: "button",
|
@@ -259,13 +259,13 @@ var init_CardSelect = __esm({
|
|
259
259
|
width,
|
260
260
|
"data-attachable": true
|
261
261
|
},
|
262
|
-
/* @__PURE__ */
|
262
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React87__namespace.default.createElement(
|
263
263
|
ChevronIcon,
|
264
264
|
{
|
265
265
|
transform: state2.isOpen ? "rotate(180deg)" : "none"
|
266
266
|
}
|
267
267
|
) : null)
|
268
|
-
), state2.isOpen && /* @__PURE__ */
|
268
|
+
), state2.isOpen && /* @__PURE__ */ React87__namespace.default.createElement(
|
269
269
|
Popover,
|
270
270
|
{
|
271
271
|
state: state2,
|
@@ -274,7 +274,7 @@ var init_CardSelect = __esm({
|
|
274
274
|
crossOffset,
|
275
275
|
placement
|
276
276
|
},
|
277
|
-
/* @__PURE__ */
|
277
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
278
278
|
exports.StaticCard,
|
279
279
|
{
|
280
280
|
colorScheme: "white",
|
@@ -284,7 +284,7 @@ var init_CardSelect = __esm({
|
|
284
284
|
sx: styles3.card,
|
285
285
|
...overlayProps
|
286
286
|
},
|
287
|
-
/* @__PURE__ */
|
287
|
+
/* @__PURE__ */ React87__namespace.default.createElement(Dialog, { "aria-label": label }, children)
|
288
288
|
)
|
289
289
|
));
|
290
290
|
}
|
@@ -295,7 +295,7 @@ exports.Checkbox = void 0;
|
|
295
295
|
var init_Checkbox = __esm({
|
296
296
|
"src/input/Checkbox.tsx"() {
|
297
297
|
exports.Checkbox = react.forwardRef((props, ref) => {
|
298
|
-
return /* @__PURE__ */
|
298
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Checkbox, { ...props, ref });
|
299
299
|
});
|
300
300
|
}
|
301
301
|
});
|
@@ -307,7 +307,7 @@ var init_CheckboxGroup = __esm({
|
|
307
307
|
children,
|
308
308
|
...props
|
309
309
|
}) => {
|
310
|
-
return /* @__PURE__ */
|
310
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.CheckboxGroup, { ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
|
311
311
|
};
|
312
312
|
}
|
313
313
|
});
|
@@ -1088,16 +1088,16 @@ var init_ChoiceChip = __esm({
|
|
1088
1088
|
icon,
|
1089
1089
|
hasLabel: Boolean(children)
|
1090
1090
|
});
|
1091
|
-
const id = `choice-chip-${
|
1092
|
-
return /* @__PURE__ */
|
1091
|
+
const id = `choice-chip-${React87.useId()}`;
|
1092
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
1093
1093
|
react.chakra.label,
|
1094
1094
|
{
|
1095
1095
|
htmlFor: id,
|
1096
1096
|
...getRootProps(),
|
1097
1097
|
"aria-label": String(children)
|
1098
1098
|
},
|
1099
|
-
/* @__PURE__ */
|
1100
|
-
/* @__PURE__ */
|
1099
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.chakra.input, { ...getInputProps({}, ref), id, disabled: isDisabled }),
|
1100
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
1101
1101
|
react.chakra.div,
|
1102
1102
|
{
|
1103
1103
|
...getLabelProps(),
|
@@ -1108,9 +1108,9 @@ var init_ChoiceChip = __esm({
|
|
1108
1108
|
"data-active": dataAttr(state2.isActive),
|
1109
1109
|
"data-disabled": dataAttr(state2.isDisabled)
|
1110
1110
|
},
|
1111
|
-
icon && /* @__PURE__ */
|
1112
|
-
/* @__PURE__ */
|
1113
|
-
chipType === "filter" && state2.isChecked && /* @__PURE__ */
|
1111
|
+
icon && /* @__PURE__ */ React87__namespace.default.createElement(react.chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
|
1112
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.chakra.span, { __css: styles3.label, ...getCheckboxProps() }, chipType !== "icon" && children),
|
1113
|
+
chipType === "filter" && state2.isChecked && /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseOutline24Icon, { marginLeft: 1.5 })
|
1114
1114
|
)
|
1115
1115
|
);
|
1116
1116
|
});
|
@@ -1143,10 +1143,10 @@ function Combobox({
|
|
1143
1143
|
...rest
|
1144
1144
|
}) {
|
1145
1145
|
const { contains: contains2 } = reactAria.useFilter({ sensitivity: "base" });
|
1146
|
-
const fallbackInputRef =
|
1146
|
+
const fallbackInputRef = React87.useRef(null);
|
1147
1147
|
const inputRef = externalInputRef ?? fallbackInputRef;
|
1148
|
-
const listBoxRef =
|
1149
|
-
const popoverRef =
|
1148
|
+
const listBoxRef = React87.useRef(null);
|
1149
|
+
const popoverRef = React87.useRef(null);
|
1150
1150
|
const inputWidth = useInputWidth(inputRef);
|
1151
1151
|
const state2 = reactStately.useComboBoxState({
|
1152
1152
|
allowsEmptyCollection: Boolean(emptyContent),
|
@@ -1184,7 +1184,7 @@ function Combobox({
|
|
1184
1184
|
},
|
1185
1185
|
state2
|
1186
1186
|
);
|
1187
|
-
return /* @__PURE__ */
|
1187
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
1188
1188
|
exports.Input,
|
1189
1189
|
{
|
1190
1190
|
...styleProps(comboBoxProps),
|
@@ -1194,7 +1194,7 @@ function Combobox({
|
|
1194
1194
|
borderBottomLeftRadius: state2.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
|
1195
1195
|
borderBottomRightRadius: state2.isOpen && !isLoading ? 0 : borderBottomRightRadius,
|
1196
1196
|
...inputProps,
|
1197
|
-
rightIcon: isLoading ? /* @__PURE__ */
|
1197
|
+
rightIcon: isLoading ? /* @__PURE__ */ React87__namespace.default.createElement(
|
1198
1198
|
exports.ColorSpinner,
|
1199
1199
|
{
|
1200
1200
|
width: "1.5rem",
|
@@ -1209,7 +1209,7 @@ function Combobox({
|
|
1209
1209
|
}
|
1210
1210
|
) : rightIcon
|
1211
1211
|
}
|
1212
|
-
), state2.isOpen && !isLoading && /* @__PURE__ */
|
1212
|
+
), state2.isOpen && !isLoading && /* @__PURE__ */ React87__namespace.default.createElement(
|
1213
1213
|
Popover,
|
1214
1214
|
{
|
1215
1215
|
state: state2,
|
@@ -1221,7 +1221,7 @@ function Combobox({
|
|
1221
1221
|
hasBackdrop: false,
|
1222
1222
|
containerPadding: 0
|
1223
1223
|
},
|
1224
|
-
/* @__PURE__ */
|
1224
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
1225
1225
|
ListBox,
|
1226
1226
|
{
|
1227
1227
|
...listBoxProps,
|
@@ -1245,8 +1245,8 @@ var init_Combobox = __esm({
|
|
1245
1245
|
init_src();
|
1246
1246
|
init_Popover();
|
1247
1247
|
useInputWidth = (inputRef) => {
|
1248
|
-
const [inputWidth, setInputWidth] =
|
1249
|
-
|
1248
|
+
const [inputWidth, setInputWidth] = React87.useState("auto");
|
1249
|
+
React87.useEffect(() => {
|
1250
1250
|
const onResize = debounce(() => {
|
1251
1251
|
if (inputRef.current) {
|
1252
1252
|
setInputWidth(`${inputRef.current.offsetWidth}px`);
|
@@ -1273,7 +1273,7 @@ exports.FormControl = void 0;
|
|
1273
1273
|
var init_FormControl = __esm({
|
1274
1274
|
"src/input/FormControl.tsx"() {
|
1275
1275
|
exports.FormControl = react.forwardRef((props, ref) => {
|
1276
|
-
return /* @__PURE__ */
|
1276
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.FormControl, { ...props, ref });
|
1277
1277
|
});
|
1278
1278
|
}
|
1279
1279
|
});
|
@@ -1294,7 +1294,7 @@ var init_FormErrorMessage = __esm({
|
|
1294
1294
|
return null;
|
1295
1295
|
}
|
1296
1296
|
const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
|
1297
|
-
return /* @__PURE__ */
|
1297
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { position: "relative", ref }, /* @__PURE__ */ React87__namespace.default.createElement(
|
1298
1298
|
react.Box,
|
1299
1299
|
{
|
1300
1300
|
borderRadius: "xs",
|
@@ -1312,12 +1312,12 @@ var init_FormErrorMessage = __esm({
|
|
1312
1312
|
...errorMessageProps,
|
1313
1313
|
...boxProps
|
1314
1314
|
},
|
1315
|
-
/* @__PURE__ */
|
1315
|
+
/* @__PURE__ */ React87__namespace.default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
|
1316
1316
|
children
|
1317
1317
|
));
|
1318
1318
|
};
|
1319
1319
|
Arrow = (props) => {
|
1320
|
-
return /* @__PURE__ */
|
1320
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
1321
1321
|
react.Box,
|
1322
1322
|
{
|
1323
1323
|
...props,
|
@@ -1328,7 +1328,7 @@ var init_FormErrorMessage = __esm({
|
|
1328
1328
|
fill: "none",
|
1329
1329
|
transform: "rotate(45deg)"
|
1330
1330
|
},
|
1331
|
-
/* @__PURE__ */
|
1331
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
1332
1332
|
react.Box,
|
1333
1333
|
{
|
1334
1334
|
as: "path",
|
@@ -1344,7 +1344,7 @@ exports.FormLabel = void 0;
|
|
1344
1344
|
var init_FormLabel = __esm({
|
1345
1345
|
"src/input/FormLabel.tsx"() {
|
1346
1346
|
exports.FormLabel = react.forwardRef((props, ref) => {
|
1347
|
-
return /* @__PURE__ */
|
1347
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.FormLabel, { ...props, ref });
|
1348
1348
|
});
|
1349
1349
|
}
|
1350
1350
|
});
|
@@ -1357,7 +1357,7 @@ function ListBox({
|
|
1357
1357
|
}) {
|
1358
1358
|
const { listBoxProps } = reactAria.useListBox(props, state2, listBoxRef);
|
1359
1359
|
const styles3 = react.useMultiStyleConfig("ListBox", {});
|
1360
|
-
return /* @__PURE__ */
|
1360
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
1361
1361
|
react.List,
|
1362
1362
|
{
|
1363
1363
|
...listBoxProps,
|
@@ -1368,22 +1368,22 @@ function ListBox({
|
|
1368
1368
|
},
|
1369
1369
|
state2.collection.size === 0 && props.emptyContent,
|
1370
1370
|
Array.from(state2.collection).map(
|
1371
|
-
(item) => item.type === "section" ? /* @__PURE__ */
|
1371
|
+
(item) => item.type === "section" ? /* @__PURE__ */ React87__namespace.default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React87__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
|
1372
1372
|
)
|
1373
1373
|
);
|
1374
1374
|
}
|
1375
1375
|
function ItemLabel({ children }) {
|
1376
1376
|
let { labelProps } = useOptionContext();
|
1377
1377
|
const styles3 = react.useMultiStyleConfig("ListBox", {});
|
1378
|
-
return /* @__PURE__ */
|
1378
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...labelProps, sx: styles3.label }, children);
|
1379
1379
|
}
|
1380
1380
|
function ItemDescription({ children }) {
|
1381
1381
|
let { descriptionProps } = useOptionContext();
|
1382
1382
|
const styles3 = react.useMultiStyleConfig("ListBox", {});
|
1383
|
-
return /* @__PURE__ */
|
1383
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...descriptionProps, sx: styles3.description }, children);
|
1384
1384
|
}
|
1385
1385
|
function Option({ item, state: state2 }) {
|
1386
|
-
const ref =
|
1386
|
+
const ref = React87.useRef(null);
|
1387
1387
|
const {
|
1388
1388
|
optionProps,
|
1389
1389
|
isSelected,
|
@@ -1403,7 +1403,7 @@ function Option({ item, state: state2 }) {
|
|
1403
1403
|
if (isFocused) {
|
1404
1404
|
dataFields["data-focus"] = true;
|
1405
1405
|
}
|
1406
|
-
|
1406
|
+
React87.useEffect(() => {
|
1407
1407
|
var _a6;
|
1408
1408
|
(_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
|
1409
1409
|
"touchend",
|
@@ -1413,7 +1413,7 @@ function Option({ item, state: state2 }) {
|
|
1413
1413
|
{ passive: false, once: true }
|
1414
1414
|
);
|
1415
1415
|
}, []);
|
1416
|
-
return /* @__PURE__ */
|
1416
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React87__namespace.default.createElement(react.ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
|
1417
1417
|
}
|
1418
1418
|
function ListBoxSection({ section, state: state2 }) {
|
1419
1419
|
const { itemProps, headingProps, groupProps } = reactAria.useListBoxSection({
|
@@ -1422,7 +1422,7 @@ function ListBoxSection({ section, state: state2 }) {
|
|
1422
1422
|
});
|
1423
1423
|
const isFirstSection = section.key === state2.collection.getFirstKey();
|
1424
1424
|
const titleColor = react.useColorModeValue("darkGrey", "white");
|
1425
|
-
return /* @__PURE__ */
|
1425
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React87__namespace.default.createElement(
|
1426
1426
|
react.Box,
|
1427
1427
|
{
|
1428
1428
|
fontSize: "mobile.xs",
|
@@ -1435,19 +1435,19 @@ function ListBoxSection({ section, state: state2 }) {
|
|
1435
1435
|
...headingProps
|
1436
1436
|
},
|
1437
1437
|
section.rendered
|
1438
|
-
), /* @__PURE__ */
|
1439
|
-
(item) => /* @__PURE__ */
|
1438
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(react.List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
|
1439
|
+
(item) => /* @__PURE__ */ React87__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
|
1440
1440
|
)));
|
1441
1441
|
}
|
1442
1442
|
var OptionContext, useOptionContext;
|
1443
1443
|
var init_ListBox = __esm({
|
1444
1444
|
"src/input/ListBox.tsx"() {
|
1445
|
-
OptionContext =
|
1445
|
+
OptionContext = React87__namespace.default.createContext({
|
1446
1446
|
labelProps: {},
|
1447
1447
|
descriptionProps: {}
|
1448
1448
|
});
|
1449
1449
|
useOptionContext = () => {
|
1450
|
-
return
|
1450
|
+
return React87.useContext(OptionContext);
|
1451
1451
|
};
|
1452
1452
|
}
|
1453
1453
|
});
|
@@ -1467,8 +1467,8 @@ function InfoSelect({
|
|
1467
1467
|
...props
|
1468
1468
|
};
|
1469
1469
|
const state2 = reactStately.useSelectState(renamedProps);
|
1470
|
-
const triggerRef =
|
1471
|
-
const listboxRef =
|
1470
|
+
const triggerRef = React87.useRef(null);
|
1471
|
+
const listboxRef = React87.useRef(null);
|
1472
1472
|
const { labelProps, triggerProps, valueProps, menuProps } = reactAria.useSelect(
|
1473
1473
|
renamedProps,
|
1474
1474
|
state2,
|
@@ -1485,7 +1485,7 @@ function InfoSelect({
|
|
1485
1485
|
const { t: t2 } = useTranslation();
|
1486
1486
|
const formControl = react.useFormControlProps(props);
|
1487
1487
|
const hasChosenValue = state2.selectedItem !== null;
|
1488
|
-
return /* @__PURE__ */
|
1488
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React87__namespace.default.createElement(
|
1489
1489
|
reactAria.HiddenSelect,
|
1490
1490
|
{
|
1491
1491
|
state: state2,
|
@@ -1493,7 +1493,7 @@ function InfoSelect({
|
|
1493
1493
|
label: props.label,
|
1494
1494
|
name: props.name
|
1495
1495
|
}
|
1496
|
-
), /* @__PURE__ */
|
1496
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
1497
1497
|
react.chakra.button,
|
1498
1498
|
{
|
1499
1499
|
type: "button",
|
@@ -1504,7 +1504,7 @@ function InfoSelect({
|
|
1504
1504
|
"aria-invalid": formControl.isInvalid,
|
1505
1505
|
"aria-describedby": formControl["aria-describedby"]
|
1506
1506
|
},
|
1507
|
-
/* @__PURE__ */
|
1507
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React87__namespace.default.createElement(
|
1508
1508
|
react.chakra.div,
|
1509
1509
|
{
|
1510
1510
|
...labelProps,
|
@@ -1518,7 +1518,7 @@ function InfoSelect({
|
|
1518
1518
|
}
|
1519
1519
|
},
|
1520
1520
|
props.label
|
1521
|
-
), /* @__PURE__ */
|
1521
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
1522
1522
|
react.Box,
|
1523
1523
|
{
|
1524
1524
|
...valueProps,
|
@@ -1530,15 +1530,15 @@ function InfoSelect({
|
|
1530
1530
|
},
|
1531
1531
|
state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts.selectAnOption)
|
1532
1532
|
)),
|
1533
|
-
/* @__PURE__ */
|
1534
|
-
), state2.isOpen && /* @__PURE__ */
|
1533
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownUpFill24Icon, null) : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownDownFill24Icon, null))
|
1534
|
+
), state2.isOpen && /* @__PURE__ */ React87__namespace.default.createElement(
|
1535
1535
|
Popover,
|
1536
1536
|
{
|
1537
1537
|
state: state2,
|
1538
1538
|
triggerRef,
|
1539
1539
|
containerPadding: 0
|
1540
1540
|
},
|
1541
|
-
/* @__PURE__ */
|
1541
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
1542
1542
|
ListBox,
|
1543
1543
|
{
|
1544
1544
|
...menuProps,
|
@@ -1572,9 +1572,9 @@ var init_Input = __esm({
|
|
1572
1572
|
exports.Input = react.forwardRef(
|
1573
1573
|
({ label, leftIcon, rightIcon, id, size: size2, ...props }, ref) => {
|
1574
1574
|
const formControlProps = react.useFormControlContext();
|
1575
|
-
const fallbackId = `input-${
|
1575
|
+
const fallbackId = `input-${React87.useId()}`;
|
1576
1576
|
const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
|
1577
|
-
return /* @__PURE__ */
|
1577
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React87__namespace.default.createElement(react.InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React87__namespace.default.createElement(
|
1578
1578
|
react.Input,
|
1579
1579
|
{
|
1580
1580
|
"data-attachable": true,
|
@@ -1585,7 +1585,7 @@ var init_Input = __esm({
|
|
1585
1585
|
ref,
|
1586
1586
|
placeholder: " "
|
1587
1587
|
}
|
1588
|
-
), /* @__PURE__ */
|
1588
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(react.FormLabel, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React87__namespace.default.createElement(react.InputRightElement, { pointerEvents: "none" }, rightIcon));
|
1589
1589
|
}
|
1590
1590
|
);
|
1591
1591
|
}
|
@@ -1594,10 +1594,10 @@ exports.InputLeftElement = void 0; exports.InputRightElement = void 0;
|
|
1594
1594
|
var init_InputElement = __esm({
|
1595
1595
|
"src/input/InputElement.tsx"() {
|
1596
1596
|
exports.InputLeftElement = react.forwardRef(
|
1597
|
-
(props, ref) => /* @__PURE__ */
|
1597
|
+
(props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.InputLeftElement, { ...props, ref })
|
1598
1598
|
);
|
1599
1599
|
exports.InputRightElement = react.forwardRef(
|
1600
|
-
(props, ref) => /* @__PURE__ */
|
1600
|
+
(props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.InputRightElement, { ...props, ref })
|
1601
1601
|
);
|
1602
1602
|
}
|
1603
1603
|
});
|
@@ -1608,7 +1608,7 @@ var init_NativeSelect = __esm({
|
|
1608
1608
|
exports.NativeSelect = react.forwardRef(
|
1609
1609
|
({ label, ...props }, ref) => {
|
1610
1610
|
const styles3 = react.useMultiStyleConfig("Select", props);
|
1611
|
-
return /* @__PURE__ */
|
1611
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(exports.FormControl, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
1612
1612
|
react.Select,
|
1613
1613
|
{
|
1614
1614
|
"data-attachable": true,
|
@@ -1616,7 +1616,7 @@ var init_NativeSelect = __esm({
|
|
1616
1616
|
rootProps: { __css: styles3.root },
|
1617
1617
|
ref
|
1618
1618
|
}
|
1619
|
-
), label && /* @__PURE__ */
|
1619
|
+
), label && /* @__PURE__ */ React87__namespace.default.createElement(exports.FormLabel, null, label));
|
1620
1620
|
}
|
1621
1621
|
);
|
1622
1622
|
}
|
@@ -1644,17 +1644,17 @@ function NumericStepper({
|
|
1644
1644
|
});
|
1645
1645
|
const formControlProps = react.useFormControl({ id: idProp, isDisabled });
|
1646
1646
|
const clampedStepSize = Math.max(Math.min(stepSize, 10), 1);
|
1647
|
-
return /* @__PURE__ */
|
1647
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React87__namespace.default.createElement(
|
1648
1648
|
VerySmallButton,
|
1649
1649
|
{
|
1650
|
-
icon: /* @__PURE__ */
|
1650
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
|
1651
1651
|
"aria-label": t2(texts2.decrementButtonAriaLabel(clampedStepSize)),
|
1652
1652
|
onClick: () => onChange(Math.max(value - clampedStepSize, minValue)),
|
1653
1653
|
visibility: value <= minValue ? "hidden" : "visible",
|
1654
1654
|
isDisabled: formControlProps.disabled,
|
1655
1655
|
id: value <= minValue ? void 0 : formControlProps.id
|
1656
1656
|
}
|
1657
|
-
), withInput ? /* @__PURE__ */
|
1657
|
+
), withInput ? /* @__PURE__ */ React87__namespace.default.createElement(
|
1658
1658
|
react.chakra.input,
|
1659
1659
|
{
|
1660
1660
|
type: "number",
|
@@ -1677,7 +1677,7 @@ function NumericStepper({
|
|
1677
1677
|
onChange(Math.max(Math.min(numericInput, maxValue), minValue));
|
1678
1678
|
}
|
1679
1679
|
}
|
1680
|
-
) : /* @__PURE__ */
|
1680
|
+
) : /* @__PURE__ */ React87__namespace.default.createElement(
|
1681
1681
|
react.chakra.text,
|
1682
1682
|
{
|
1683
1683
|
sx: styles3.text,
|
@@ -1685,10 +1685,10 @@ function NumericStepper({
|
|
1685
1685
|
"aria-label": value.toString()
|
1686
1686
|
},
|
1687
1687
|
value
|
1688
|
-
), /* @__PURE__ */
|
1688
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
1689
1689
|
VerySmallButton,
|
1690
1690
|
{
|
1691
|
-
icon: /* @__PURE__ */
|
1691
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(AddIcon, { stepLabel: clampedStepSize }),
|
1692
1692
|
"aria-label": t2(texts2.incrementButtonAriaLabel(clampedStepSize)),
|
1693
1693
|
onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
|
1694
1694
|
visibility: value >= maxValue ? "hidden" : "visible",
|
@@ -1703,9 +1703,9 @@ var init_NumericStepper = __esm({
|
|
1703
1703
|
init_src();
|
1704
1704
|
VerySmallButton = (props) => {
|
1705
1705
|
const styles3 = react.useMultiStyleConfig("NumericStepper", {});
|
1706
|
-
return /* @__PURE__ */
|
1706
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(exports.IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
|
1707
1707
|
};
|
1708
|
-
SubtractIcon = (props) => /* @__PURE__ */
|
1708
|
+
SubtractIcon = (props) => /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
1709
1709
|
react.Box,
|
1710
1710
|
{
|
1711
1711
|
as: "svg",
|
@@ -1715,7 +1715,7 @@ var init_NumericStepper = __esm({
|
|
1715
1715
|
stroke: "currentColor",
|
1716
1716
|
...props
|
1717
1717
|
},
|
1718
|
-
/* @__PURE__ */
|
1718
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
1719
1719
|
"line",
|
1720
1720
|
{
|
1721
1721
|
x1: "9",
|
@@ -1726,8 +1726,8 @@ var init_NumericStepper = __esm({
|
|
1726
1726
|
strokeLinecap: "round"
|
1727
1727
|
}
|
1728
1728
|
)
|
1729
|
-
), props.stepLabel > 1 && /* @__PURE__ */
|
1730
|
-
AddIcon = (props) => /* @__PURE__ */
|
1729
|
+
), props.stepLabel > 1 && /* @__PURE__ */ React87__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
|
1730
|
+
AddIcon = (props) => /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
1731
1731
|
react.Box,
|
1732
1732
|
{
|
1733
1733
|
as: "svg",
|
@@ -1737,7 +1737,7 @@ var init_NumericStepper = __esm({
|
|
1737
1737
|
stroke: "currentColor",
|
1738
1738
|
...props
|
1739
1739
|
},
|
1740
|
-
/* @__PURE__ */
|
1740
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
1741
1741
|
"line",
|
1742
1742
|
{
|
1743
1743
|
x1: "9",
|
@@ -1748,7 +1748,7 @@ var init_NumericStepper = __esm({
|
|
1748
1748
|
strokeLinecap: "round"
|
1749
1749
|
}
|
1750
1750
|
),
|
1751
|
-
/* @__PURE__ */
|
1751
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
1752
1752
|
"line",
|
1753
1753
|
{
|
1754
1754
|
x1: "15",
|
@@ -1759,7 +1759,7 @@ var init_NumericStepper = __esm({
|
|
1759
1759
|
strokeLinecap: "round"
|
1760
1760
|
}
|
1761
1761
|
)
|
1762
|
-
), props.stepLabel > 1 && /* @__PURE__ */
|
1762
|
+
), props.stepLabel > 1 && /* @__PURE__ */ React87__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
|
1763
1763
|
texts2 = createTexts({
|
1764
1764
|
decrementButtonAriaLabel(stepSize) {
|
1765
1765
|
return {
|
@@ -1790,9 +1790,9 @@ var init_PasswordInput = __esm({
|
|
1790
1790
|
const { isOpen: isShowingPassword, onToggle } = react.useDisclosure();
|
1791
1791
|
const { t: t2 } = useTranslation();
|
1792
1792
|
const formControlProps = react.useFormControlContext();
|
1793
|
-
const autoGeneratedId = `password-input-${
|
1793
|
+
const autoGeneratedId = `password-input-${React87.useId()}`;
|
1794
1794
|
const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
|
1795
|
-
return /* @__PURE__ */
|
1795
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React87__namespace.default.createElement(exports.InputLeftElement, null, leftIcon), /* @__PURE__ */ React87__namespace.default.createElement(
|
1796
1796
|
react.Input,
|
1797
1797
|
{
|
1798
1798
|
...props,
|
@@ -1804,7 +1804,7 @@ var init_PasswordInput = __esm({
|
|
1804
1804
|
ref,
|
1805
1805
|
"data-attachable": true
|
1806
1806
|
}
|
1807
|
-
), /* @__PURE__ */
|
1807
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React87__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React87__namespace.default.createElement(
|
1808
1808
|
react.Button,
|
1809
1809
|
{
|
1810
1810
|
variant: "ghost",
|
@@ -1861,7 +1861,7 @@ var init_CountryCodeSelect = __esm({
|
|
1861
1861
|
callingCodes = [...prioritizedCountryCodes, ...sortedCallingCodes];
|
1862
1862
|
CountryCodeSelect = (props) => {
|
1863
1863
|
const { t: t2 } = useTranslation();
|
1864
|
-
return /* @__PURE__ */
|
1864
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
1865
1865
|
InfoSelect,
|
1866
1866
|
{
|
1867
1867
|
label: t2(texts4.countryCode),
|
@@ -1869,7 +1869,7 @@ var init_CountryCodeSelect = __esm({
|
|
1869
1869
|
items: callingCodes,
|
1870
1870
|
...props
|
1871
1871
|
},
|
1872
|
-
(item) => /* @__PURE__ */
|
1872
|
+
(item) => /* @__PURE__ */ React87__namespace.default.createElement(reactStately.Item, { key: item.key }, item.key)
|
1873
1873
|
);
|
1874
1874
|
};
|
1875
1875
|
CountryCodeSelect_default = CountryCodeSelect;
|
@@ -1906,10 +1906,10 @@ var init_PhoneNumberInput = __esm({
|
|
1906
1906
|
nationalNumber: ""
|
1907
1907
|
}
|
1908
1908
|
});
|
1909
|
-
return /* @__PURE__ */
|
1910
|
-
|
1909
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React87__namespace.default.createElement(
|
1910
|
+
React87.Suspense,
|
1911
1911
|
{
|
1912
|
-
fallback: /* @__PURE__ */
|
1912
|
+
fallback: /* @__PURE__ */ React87__namespace.default.createElement(
|
1913
1913
|
InfoSelect,
|
1914
1914
|
{
|
1915
1915
|
isLabelSrOnly: true,
|
@@ -1918,10 +1918,10 @@ var init_PhoneNumberInput = __esm({
|
|
1918
1918
|
height: "100%",
|
1919
1919
|
value: "+47"
|
1920
1920
|
},
|
1921
|
-
/* @__PURE__ */
|
1921
|
+
/* @__PURE__ */ React87__namespace.default.createElement(reactStately.Item, { key: "+47" }, "+47")
|
1922
1922
|
)
|
1923
1923
|
},
|
1924
|
-
/* @__PURE__ */
|
1924
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
1925
1925
|
LazyCountryCodeSelect,
|
1926
1926
|
{
|
1927
1927
|
value: value.countryCode,
|
@@ -1934,7 +1934,7 @@ var init_PhoneNumberInput = __esm({
|
|
1934
1934
|
width: "6.25rem"
|
1935
1935
|
}
|
1936
1936
|
)
|
1937
|
-
), /* @__PURE__ */
|
1937
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
1938
1938
|
exports.Input,
|
1939
1939
|
{
|
1940
1940
|
ref,
|
@@ -1969,14 +1969,14 @@ var init_PhoneNumberInput = __esm({
|
|
1969
1969
|
sv: "Landskod"
|
1970
1970
|
}
|
1971
1971
|
});
|
1972
|
-
LazyCountryCodeSelect =
|
1972
|
+
LazyCountryCodeSelect = React87__namespace.default.lazy(() => Promise.resolve().then(() => (init_CountryCodeSelect(), CountryCodeSelect_exports)));
|
1973
1973
|
}
|
1974
1974
|
});
|
1975
1975
|
exports.Radio = void 0;
|
1976
1976
|
var init_Radio = __esm({
|
1977
1977
|
"src/input/Radio.tsx"() {
|
1978
1978
|
exports.Radio = react.forwardRef((props, ref) => {
|
1979
|
-
return /* @__PURE__ */
|
1979
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Radio, { ...props, ref });
|
1980
1980
|
});
|
1981
1981
|
}
|
1982
1982
|
});
|
@@ -1985,7 +1985,7 @@ var init_RadioGroup = __esm({
|
|
1985
1985
|
"src/input/RadioGroup.tsx"() {
|
1986
1986
|
exports.RadioGroup = react.forwardRef(
|
1987
1987
|
({ children, direction: direction2 = "row", ...rest }, ref) => {
|
1988
|
-
return /* @__PURE__ */
|
1988
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.RadioGroup, { ...rest, ref }, /* @__PURE__ */ React87__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
|
1989
1989
|
}
|
1990
1990
|
);
|
1991
1991
|
}
|
@@ -2000,9 +2000,9 @@ var init_SearchInput = __esm({
|
|
2000
2000
|
const { t: t2 } = useTranslation();
|
2001
2001
|
const showClearButton = onReset && Boolean(props.value);
|
2002
2002
|
const formControlProps = react.useFormControlContext();
|
2003
|
-
const autoGeneratedId =
|
2003
|
+
const autoGeneratedId = React87.useId();
|
2004
2004
|
const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
|
2005
|
-
return /* @__PURE__ */
|
2005
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.InputGroup, { position: "relative" }, /* @__PURE__ */ React87__namespace.default.createElement(exports.InputLeftElement, null, /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.SearchOutline24Icon, null)), /* @__PURE__ */ React87__namespace.default.createElement(
|
2006
2006
|
react.Input,
|
2007
2007
|
{
|
2008
2008
|
paddingLeft: 7,
|
@@ -2019,7 +2019,7 @@ var init_SearchInput = __esm({
|
|
2019
2019
|
placeholder: " ",
|
2020
2020
|
"data-attachable": true
|
2021
2021
|
}
|
2022
|
-
), /* @__PURE__ */
|
2022
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts6.label)), showClearButton && /* @__PURE__ */ React87__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React87__namespace.default.createElement(
|
2023
2023
|
react.IconButton,
|
2024
2024
|
{
|
2025
2025
|
variant: "ghost",
|
@@ -2027,7 +2027,7 @@ var init_SearchInput = __esm({
|
|
2027
2027
|
size: "sm",
|
2028
2028
|
marginRight: 1,
|
2029
2029
|
"aria-label": t2(texts6.reset),
|
2030
|
-
icon: /* @__PURE__ */
|
2030
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
|
2031
2031
|
onClick: onReset
|
2032
2032
|
}
|
2033
2033
|
)));
|
@@ -2054,7 +2054,7 @@ var init_Switch = __esm({
|
|
2054
2054
|
"src/input/Switch.tsx"() {
|
2055
2055
|
exports.Switch = react.forwardRef(
|
2056
2056
|
({ size: size2 = "md", ...props }, ref) => {
|
2057
|
-
return /* @__PURE__ */
|
2057
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Switch, { size: size2, ...props, ref });
|
2058
2058
|
}
|
2059
2059
|
);
|
2060
2060
|
}
|
@@ -2126,9 +2126,9 @@ var init_Textarea = __esm({
|
|
2126
2126
|
remainingProps: { label, ...rest }
|
2127
2127
|
} = getSpacingProps(props);
|
2128
2128
|
const formControlProps = react.useFormControlContext();
|
2129
|
-
const fallbackId = `textarea-${
|
2129
|
+
const fallbackId = `textarea-${React87.useId()}`;
|
2130
2130
|
const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
|
2131
|
-
return /* @__PURE__ */
|
2131
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React87__namespace.default.createElement(react.Textarea, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React87__namespace.default.createElement(react.FormLabel, { htmlFor: inputId, id: `${inputId}-label` }, label));
|
2132
2132
|
});
|
2133
2133
|
}
|
2134
2134
|
});
|
@@ -2162,7 +2162,7 @@ exports.RadioCardGroupContext = void 0; exports.RadioCardGroup = void 0;
|
|
2162
2162
|
var init_RadioCardGroup = __esm({
|
2163
2163
|
"src/layout/RadioCardGroup.tsx"() {
|
2164
2164
|
init_input();
|
2165
|
-
exports.RadioCardGroupContext =
|
2165
|
+
exports.RadioCardGroupContext = React87__namespace.default.createContext(null);
|
2166
2166
|
exports.RadioCardGroup = ({
|
2167
2167
|
children,
|
2168
2168
|
name,
|
@@ -2173,14 +2173,14 @@ var init_RadioCardGroup = __esm({
|
|
2173
2173
|
onChange,
|
2174
2174
|
...props
|
2175
2175
|
}) => {
|
2176
|
-
const [selectedValue, setSelectedValue] =
|
2176
|
+
const [selectedValue, setSelectedValue] = React87.useState(
|
2177
2177
|
defaultValue || ""
|
2178
2178
|
);
|
2179
2179
|
const handleChange = (value) => {
|
2180
2180
|
setSelectedValue(value);
|
2181
2181
|
onChange && onChange(value);
|
2182
2182
|
};
|
2183
|
-
return /* @__PURE__ */
|
2183
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
2184
2184
|
exports.RadioCardGroupContext.Provider,
|
2185
2185
|
{
|
2186
2186
|
value: {
|
@@ -2191,7 +2191,7 @@ var init_RadioCardGroup = __esm({
|
|
2191
2191
|
defaultValue: defaultValue || ""
|
2192
2192
|
}
|
2193
2193
|
},
|
2194
|
-
/* @__PURE__ */
|
2194
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Stack, { as: "fieldset", direction: direction2, ...props }, groupLabel && /* @__PURE__ */ React87__namespace.default.createElement(exports.FormLabel, { as: "legend", id: groupLabel }, groupLabel), children)
|
2195
2195
|
);
|
2196
2196
|
};
|
2197
2197
|
}
|
@@ -2202,7 +2202,7 @@ var init_RadioCard = __esm({
|
|
2202
2202
|
init_RadioCardGroup();
|
2203
2203
|
exports.RadioCard = react.forwardRef(
|
2204
2204
|
({ children, value, isDisabled, ...props }, ref) => {
|
2205
|
-
const context =
|
2205
|
+
const context = React87.useContext(exports.RadioCardGroupContext);
|
2206
2206
|
if (!context) {
|
2207
2207
|
throw new Error(
|
2208
2208
|
"RadioCard components must be wrapped in a RadioCardGroup component"
|
@@ -2210,10 +2210,10 @@ var init_RadioCard = __esm({
|
|
2210
2210
|
}
|
2211
2211
|
const { name, selectedValue, onChange, variant } = context;
|
2212
2212
|
const styles3 = react.useMultiStyleConfig("RadioCard", { variant });
|
2213
|
-
const [isKeyboardUser, setKeyboardUser] =
|
2214
|
-
const [isFocused, setFocus] =
|
2213
|
+
const [isKeyboardUser, setKeyboardUser] = React87.useState(false);
|
2214
|
+
const [isFocused, setFocus] = React87.useState(false);
|
2215
2215
|
const isChecked = selectedValue === value;
|
2216
|
-
|
2216
|
+
React87.useEffect(() => {
|
2217
2217
|
const handleMouseDown = () => setKeyboardUser(false);
|
2218
2218
|
const handleKeyDown = (event) => {
|
2219
2219
|
if (event.key === " ") {
|
@@ -2229,21 +2229,21 @@ var init_RadioCard = __esm({
|
|
2229
2229
|
window.removeEventListener("keydown", handleKeyDown);
|
2230
2230
|
};
|
2231
2231
|
}, []);
|
2232
|
-
|
2232
|
+
React87.useEffect(() => {
|
2233
2233
|
if (isKeyboardUser && isChecked) {
|
2234
2234
|
setFocus(true);
|
2235
2235
|
} else {
|
2236
2236
|
setFocus(false);
|
2237
2237
|
}
|
2238
2238
|
}, [isKeyboardUser, isChecked]);
|
2239
|
-
const inputId = `radio-card-${
|
2240
|
-
return /* @__PURE__ */
|
2239
|
+
const inputId = `radio-card-${React87.useId()}`;
|
2240
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
2241
2241
|
react.Box,
|
2242
2242
|
{
|
2243
2243
|
onFocus: () => isKeyboardUser && setFocus(true),
|
2244
2244
|
onBlur: () => setFocus(false)
|
2245
2245
|
},
|
2246
|
-
/* @__PURE__ */
|
2246
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
2247
2247
|
react.chakra.input,
|
2248
2248
|
{
|
2249
2249
|
type: "radio",
|
@@ -2256,7 +2256,7 @@ var init_RadioCard = __esm({
|
|
2256
2256
|
__css: styles3.radioInput
|
2257
2257
|
}
|
2258
2258
|
),
|
2259
|
-
/* @__PURE__ */
|
2259
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
2260
2260
|
react.Box,
|
2261
2261
|
{
|
2262
2262
|
as: "label",
|
@@ -2288,7 +2288,7 @@ var init_StaticCard = __esm({
|
|
2288
2288
|
const styles3 = react.useStyleConfig("StaticCard", {
|
2289
2289
|
colorScheme
|
2290
2290
|
});
|
2291
|
-
return /* @__PURE__ */
|
2291
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
|
2292
2292
|
}
|
2293
2293
|
);
|
2294
2294
|
}
|
@@ -2301,7 +2301,7 @@ var init_PressableCard = __esm({
|
|
2301
2301
|
const styles3 = react.useStyleConfig("PressableCard", {
|
2302
2302
|
variant
|
2303
2303
|
});
|
2304
|
-
return /* @__PURE__ */
|
2304
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
|
2305
2305
|
}
|
2306
2306
|
);
|
2307
2307
|
}
|
@@ -2319,15 +2319,15 @@ var init_layout = __esm({
|
|
2319
2319
|
var AccordionContext, AccordionProvider, useAccordionContext;
|
2320
2320
|
var init_AccordionContext = __esm({
|
2321
2321
|
"src/accordion/AccordionContext.tsx"() {
|
2322
|
-
AccordionContext =
|
2322
|
+
AccordionContext = React87__namespace.default.createContext(null);
|
2323
2323
|
AccordionProvider = ({
|
2324
2324
|
size: size2,
|
2325
2325
|
...props
|
2326
2326
|
}) => {
|
2327
|
-
return /* @__PURE__ */
|
2327
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
|
2328
2328
|
};
|
2329
2329
|
useAccordionContext = () => {
|
2330
|
-
const context =
|
2330
|
+
const context = React87__namespace.default.useContext(AccordionContext);
|
2331
2331
|
if (context === null) {
|
2332
2332
|
throw new Error(
|
2333
2333
|
"useAccordionContext must be used within AccordionProvider"
|
@@ -2345,14 +2345,14 @@ var init_Accordion = __esm({
|
|
2345
2345
|
exports.Accordion = react.forwardRef(
|
2346
2346
|
({ children, spacing: spacing3 = 2, ...props }, ref) => {
|
2347
2347
|
const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
|
2348
|
-
return /* @__PURE__ */
|
2348
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React87__namespace.default.createElement(
|
2349
2349
|
react.Accordion,
|
2350
2350
|
{
|
2351
2351
|
...props,
|
2352
2352
|
ref,
|
2353
2353
|
defaultIndex
|
2354
2354
|
},
|
2355
|
-
/* @__PURE__ */
|
2355
|
+
/* @__PURE__ */ React87__namespace.default.createElement(exports.Stack, { spacing: spacing3 }, children)
|
2356
2356
|
));
|
2357
2357
|
}
|
2358
2358
|
);
|
@@ -2375,7 +2375,7 @@ var init_Expandable = __esm({
|
|
2375
2375
|
},
|
2376
2376
|
...rest
|
2377
2377
|
}) => {
|
2378
|
-
return /* @__PURE__ */
|
2378
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
2379
2379
|
exports.Accordion,
|
2380
2380
|
{
|
2381
2381
|
...rest,
|
@@ -2385,7 +2385,7 @@ var init_Expandable = __esm({
|
|
2385
2385
|
size: size2,
|
2386
2386
|
onChange: (expandedIndex) => onChange(expandedIndex === 0)
|
2387
2387
|
},
|
2388
|
-
/* @__PURE__ */
|
2388
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
2389
2389
|
exports.ExpandableItem,
|
2390
2390
|
{
|
2391
2391
|
headingLevel,
|
@@ -2405,7 +2405,7 @@ var init_Expandable = __esm({
|
|
2405
2405
|
}) => {
|
2406
2406
|
const { size: size2 } = useAccordionContext();
|
2407
2407
|
warnAboutMismatchingIcon({ icon: leftIcon, size: size2 });
|
2408
|
-
return /* @__PURE__ */
|
2408
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionItem, { ...rest }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: headingLevel }, /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionButton, null, /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionIcon, null))), /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionPanel, null, children));
|
2409
2409
|
};
|
2410
2410
|
warnAboutMismatchingIcon = ({ icon, size: size2 }) => {
|
2411
2411
|
var _a6, _b5;
|
@@ -2456,10 +2456,10 @@ function LanguageProvider({
|
|
2456
2456
|
language,
|
2457
2457
|
children
|
2458
2458
|
}) {
|
2459
|
-
return /* @__PURE__ */
|
2459
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(LanguageContext.Provider, { value: language }, children);
|
2460
2460
|
}
|
2461
2461
|
function useLanguage() {
|
2462
|
-
const language =
|
2462
|
+
const language = React87.useContext(LanguageContext);
|
2463
2463
|
if (!language) {
|
2464
2464
|
throw new Error("Please wrap your application in a LanguageProvider");
|
2465
2465
|
}
|
@@ -2485,12 +2485,12 @@ var init_i18n = __esm({
|
|
2485
2485
|
Language3["English"] = "en";
|
2486
2486
|
return Language3;
|
2487
2487
|
})(exports.Language || {});
|
2488
|
-
LanguageContext =
|
2488
|
+
LanguageContext = React87.createContext(void 0);
|
2489
2489
|
}
|
2490
2490
|
});
|
2491
2491
|
function useHydrated() {
|
2492
|
-
let [hydrated, setHydrated] =
|
2493
|
-
|
2492
|
+
let [hydrated, setHydrated] = React87.useState(() => !hydrating);
|
2493
|
+
React87.useEffect(function hydrate() {
|
2494
2494
|
hydrating = false;
|
2495
2495
|
setHydrated(true);
|
2496
2496
|
}, []);
|
@@ -2508,106 +2508,29 @@ var init_ClientOnly = __esm({
|
|
2508
2508
|
init_useHydrated();
|
2509
2509
|
ClientOnly = ({ children, fallback = null }) => {
|
2510
2510
|
const isHydrated = useHydrated();
|
2511
|
-
return /* @__PURE__ */
|
2511
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, isHydrated ? children() : fallback);
|
2512
2512
|
};
|
2513
2513
|
}
|
2514
2514
|
});
|
2515
2515
|
function Lottie({ animationData }) {
|
2516
2516
|
const { View } = lottieReact.useLottie({ animationData, loop: true });
|
2517
|
-
return /* @__PURE__ */
|
2517
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, View);
|
2518
2518
|
}
|
2519
2519
|
var init_Lottie = __esm({
|
2520
2520
|
"src/loader/Lottie.tsx"() {
|
2521
2521
|
}
|
2522
2522
|
});
|
2523
|
-
var PrideContext; exports.PrideProvider = void 0; exports.usePride = void 0;
|
2524
|
-
var init_PrideProvider = __esm({
|
2525
|
-
"src/pride/PrideProvider.tsx"() {
|
2526
|
-
PrideContext = React88.createContext(void 0);
|
2527
|
-
exports.PrideProvider = ({
|
2528
|
-
children
|
2529
|
-
}) => {
|
2530
|
-
const isBrowser2 = typeof window !== "undefined";
|
2531
|
-
const key = "spor__isPride";
|
2532
|
-
const [isPride, setIsPride] = React88.useState(() => {
|
2533
|
-
if (isBrowser2) {
|
2534
|
-
const savedState = localStorage.getItem(key);
|
2535
|
-
return savedState ? JSON.parse(savedState) : true;
|
2536
|
-
}
|
2537
|
-
return true;
|
2538
|
-
});
|
2539
|
-
const togglePride = () => {
|
2540
|
-
setIsPride((prev) => {
|
2541
|
-
const newState = !prev;
|
2542
|
-
if (isBrowser2) {
|
2543
|
-
localStorage.setItem(key, JSON.stringify(newState));
|
2544
|
-
}
|
2545
|
-
return newState;
|
2546
|
-
});
|
2547
|
-
};
|
2548
|
-
React88.useEffect(() => {
|
2549
|
-
if (isBrowser2) {
|
2550
|
-
const savedState = localStorage.getItem(key);
|
2551
|
-
if (savedState) {
|
2552
|
-
setIsPride(JSON.parse(savedState));
|
2553
|
-
}
|
2554
|
-
}
|
2555
|
-
}, [isBrowser2]);
|
2556
|
-
return /* @__PURE__ */ React88__namespace.default.createElement(PrideContext.Provider, { value: { isPride, togglePride } }, children);
|
2557
|
-
};
|
2558
|
-
exports.usePride = () => {
|
2559
|
-
const context = React88.useContext(PrideContext);
|
2560
|
-
if (context === void 0) {
|
2561
|
-
throw new Error("usePride must be used within a PrideProvider");
|
2562
|
-
}
|
2563
|
-
return context;
|
2564
|
-
};
|
2565
|
-
}
|
2566
|
-
});
|
2567
|
-
exports.TogglePride = void 0;
|
2568
|
-
var init_TogglePride = __esm({
|
2569
|
-
"src/pride/TogglePride.tsx"() {
|
2570
|
-
init_PrideProvider();
|
2571
|
-
init_input();
|
2572
|
-
exports.TogglePride = ({ label }) => {
|
2573
|
-
const { isPride, togglePride } = exports.usePride();
|
2574
|
-
return /* @__PURE__ */ React88__namespace.default.createElement(exports.FormControl, { display: "flex", alignItems: "center", gap: 3 }, /* @__PURE__ */ React88__namespace.default.createElement(exports.FormLabel, { margin: "0" }, label), /* @__PURE__ */ React88__namespace.default.createElement(
|
2575
|
-
exports.Switch,
|
2576
|
-
{
|
2577
|
-
size: "sm",
|
2578
|
-
onChange: () => togglePride(),
|
2579
|
-
defaultChecked: isPride
|
2580
|
-
}
|
2581
|
-
));
|
2582
|
-
};
|
2583
|
-
}
|
2584
|
-
});
|
2585
|
-
|
2586
|
-
// src/pride/index.tsx
|
2587
|
-
var init_pride = __esm({
|
2588
|
-
"src/pride/index.tsx"() {
|
2589
|
-
init_PrideProvider();
|
2590
|
-
init_TogglePride();
|
2591
|
-
}
|
2592
|
-
});
|
2593
2523
|
exports.ColorInlineLoader = void 0;
|
2594
2524
|
var init_ColorInlineLoader = __esm({
|
2595
2525
|
"src/loader/ColorInlineLoader.tsx"() {
|
2596
2526
|
init_ClientOnly();
|
2597
2527
|
init_Lottie();
|
2598
|
-
init_pride();
|
2599
2528
|
exports.ColorInlineLoader = ({
|
2600
2529
|
width,
|
2601
2530
|
maxWidth,
|
2602
2531
|
...props
|
2603
2532
|
}) => {
|
2604
|
-
|
2605
|
-
return /* @__PURE__ */ React88__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React88__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React88__namespace.default.createElement(
|
2606
|
-
Lottie,
|
2607
|
-
{
|
2608
|
-
animationData: isPride ? sporLoader.inlineLoaderColorPrideData : sporLoader.inlineLoaderColorData
|
2609
|
-
}
|
2610
|
-
))));
|
2533
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderColorData }))));
|
2611
2534
|
};
|
2612
2535
|
}
|
2613
2536
|
});
|
@@ -2616,20 +2539,13 @@ var init_ColorSpinner = __esm({
|
|
2616
2539
|
"src/loader/ColorSpinner.tsx"() {
|
2617
2540
|
init_ClientOnly();
|
2618
2541
|
init_Lottie();
|
2619
|
-
init_PrideProvider();
|
2620
2542
|
exports.ColorSpinner = ({
|
2621
2543
|
children,
|
2622
2544
|
width,
|
2623
2545
|
maxWidth,
|
2624
2546
|
...props
|
2625
2547
|
}) => {
|
2626
|
-
|
2627
|
-
return /* @__PURE__ */ React88__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React88__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React88__namespace.default.createElement(
|
2628
|
-
Lottie,
|
2629
|
-
{
|
2630
|
-
animationData: isPride ? sporLoader.spinnerColorPrideData : sporLoader.spinnerColorData
|
2631
|
-
}
|
2632
|
-
))), children && /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
|
2548
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerColorData }))), children && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
|
2633
2549
|
};
|
2634
2550
|
}
|
2635
2551
|
});
|
@@ -2638,15 +2554,8 @@ var init_ContentLoader = __esm({
|
|
2638
2554
|
"src/loader/ContentLoader.tsx"() {
|
2639
2555
|
init_ClientOnly();
|
2640
2556
|
init_Lottie();
|
2641
|
-
init_PrideProvider();
|
2642
2557
|
exports.ContentLoader = ({ children, ...props }) => {
|
2643
|
-
|
2644
|
-
return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React88__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React88__namespace.default.createElement(
|
2645
|
-
Lottie,
|
2646
|
-
{
|
2647
|
-
animationData: isPride ? sporLoader.contentLoaderPrideData : sporLoader.contentLoaderData
|
2648
|
-
}
|
2649
|
-
))), children && /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { textAlign: "center", fontWeight: "bold" }, children));
|
2558
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: sporLoader.contentLoaderData }))), children && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { textAlign: "center", fontWeight: "bold" }, children));
|
2650
2559
|
};
|
2651
2560
|
}
|
2652
2561
|
});
|
@@ -2660,7 +2569,7 @@ var init_DarkFullScreenLoader = __esm({
|
|
2660
2569
|
maxWidth,
|
2661
2570
|
...props
|
2662
2571
|
}) => {
|
2663
|
-
return /* @__PURE__ */
|
2572
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderWhiteData }))));
|
2664
2573
|
};
|
2665
2574
|
}
|
2666
2575
|
});
|
@@ -2669,19 +2578,12 @@ var init_DarkInlineLoader = __esm({
|
|
2669
2578
|
"src/loader/DarkInlineLoader.tsx"() {
|
2670
2579
|
init_ClientOnly();
|
2671
2580
|
init_Lottie();
|
2672
|
-
init_PrideProvider();
|
2673
2581
|
exports.DarkInlineLoader = ({
|
2674
2582
|
width,
|
2675
2583
|
maxWidth,
|
2676
2584
|
...props
|
2677
2585
|
}) => {
|
2678
|
-
|
2679
|
-
return /* @__PURE__ */ React88__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React88__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React88__namespace.default.createElement(
|
2680
|
-
Lottie,
|
2681
|
-
{
|
2682
|
-
animationData: isPride ? sporLoader.inlineLoaderColorPrideData : sporLoader.inlineLoaderDarkData
|
2683
|
-
}
|
2684
|
-
))));
|
2586
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderDarkData }))));
|
2685
2587
|
};
|
2686
2588
|
}
|
2687
2589
|
});
|
@@ -2699,7 +2601,7 @@ var init_DarkSpinner = __esm({
|
|
2699
2601
|
}) => {
|
2700
2602
|
const { colorMode } = react.useColorMode();
|
2701
2603
|
const spinnerData = colorMode === "dark" ? sporLoader.spinnerLightData : sporLoader.spinnerDarkData;
|
2702
|
-
return /* @__PURE__ */
|
2604
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
|
2703
2605
|
};
|
2704
2606
|
}
|
2705
2607
|
});
|
@@ -2708,19 +2610,12 @@ var init_LightFullScreenLoader = __esm({
|
|
2708
2610
|
"src/loader/LightFullScreenLoader.tsx"() {
|
2709
2611
|
init_ClientOnly();
|
2710
2612
|
init_Lottie();
|
2711
|
-
init_pride();
|
2712
2613
|
exports.LightFullScreenLoader = ({
|
2713
2614
|
width,
|
2714
2615
|
maxWidth,
|
2715
2616
|
...props
|
2716
2617
|
}) => {
|
2717
|
-
|
2718
|
-
return /* @__PURE__ */ React88__namespace.default.createElement(react.Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React88__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React88__namespace.default.createElement(
|
2719
|
-
Lottie,
|
2720
|
-
{
|
2721
|
-
animationData: isPride ? sporLoader.vyLogoPrideData : sporLoader.fullScreenLoaderBlackData
|
2722
|
-
}
|
2723
|
-
))));
|
2618
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderBlackData }))));
|
2724
2619
|
};
|
2725
2620
|
}
|
2726
2621
|
});
|
@@ -2729,19 +2624,12 @@ var init_LightInlineLoader = __esm({
|
|
2729
2624
|
"src/loader/LightInlineLoader.tsx"() {
|
2730
2625
|
init_ClientOnly();
|
2731
2626
|
init_Lottie();
|
2732
|
-
init_PrideProvider();
|
2733
2627
|
exports.LightInlineLoader = ({
|
2734
2628
|
width,
|
2735
2629
|
maxWidth,
|
2736
2630
|
...props
|
2737
2631
|
}) => {
|
2738
|
-
|
2739
|
-
return /* @__PURE__ */ React88__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React88__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React88__namespace.default.createElement(
|
2740
|
-
Lottie,
|
2741
|
-
{
|
2742
|
-
animationData: isPride ? sporLoader.inlineLoaderColorPrideData : sporLoader.inlineLoaderLightData
|
2743
|
-
}
|
2744
|
-
))));
|
2632
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderLightData }))));
|
2745
2633
|
};
|
2746
2634
|
}
|
2747
2635
|
});
|
@@ -2756,7 +2644,7 @@ var init_LightSpinner = __esm({
|
|
2756
2644
|
maxWidth,
|
2757
2645
|
...props
|
2758
2646
|
}) => {
|
2759
|
-
return /* @__PURE__ */
|
2647
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerLightData }))), children && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
|
2760
2648
|
};
|
2761
2649
|
}
|
2762
2650
|
});
|
@@ -2764,11 +2652,11 @@ var useRotatingLabel;
|
|
2764
2652
|
var init_useRotatingLabel = __esm({
|
2765
2653
|
"src/loader/useRotatingLabel.tsx"() {
|
2766
2654
|
useRotatingLabel = ({ label, delay }) => {
|
2767
|
-
const loadingTextArray =
|
2655
|
+
const loadingTextArray = React87.useMemo(
|
2768
2656
|
() => Array.isArray(label) ? label : [label],
|
2769
2657
|
[label]
|
2770
2658
|
);
|
2771
|
-
const [currentLoadingTextIndex, setCurrentLoadingTextIndex] =
|
2659
|
+
const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React87.useState(0);
|
2772
2660
|
react.useInterval(() => {
|
2773
2661
|
setCurrentLoadingTextIndex(
|
2774
2662
|
(prevIndex) => (prevIndex + 1) % loadingTextArray.length
|
@@ -2803,7 +2691,7 @@ var init_ProgressBar = __esm({
|
|
2803
2691
|
"aria-label": ariaLabel || t2(texts7.label(value))
|
2804
2692
|
});
|
2805
2693
|
const styles3 = react.useMultiStyleConfig("ProgressBar", {});
|
2806
|
-
return /* @__PURE__ */
|
2694
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
2807
2695
|
react.Box,
|
2808
2696
|
{
|
2809
2697
|
...progressBarProps,
|
@@ -2811,8 +2699,8 @@ var init_ProgressBar = __esm({
|
|
2811
2699
|
__css: styles3.container,
|
2812
2700
|
...rest
|
2813
2701
|
},
|
2814
|
-
/* @__PURE__ */
|
2815
|
-
currentLoadingText && /* @__PURE__ */
|
2702
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, __css: styles3.background }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3.progress, height, width: `${value}%` })),
|
2703
|
+
currentLoadingText && /* @__PURE__ */ React87__namespace.default.createElement(react.Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
|
2816
2704
|
));
|
2817
2705
|
};
|
2818
2706
|
texts7 = createTexts({
|
@@ -2849,11 +2737,11 @@ var init_ProgressLoader = __esm({
|
|
2849
2737
|
value,
|
2850
2738
|
"aria-label": ariaLabel ?? t2(texts8.fallbackLabel(value ?? "?"))
|
2851
2739
|
});
|
2852
|
-
const pathRef =
|
2740
|
+
const pathRef = React87.useRef(null);
|
2853
2741
|
const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
|
2854
2742
|
const progress = (value - 100) / 100 * progressPathLength;
|
2855
|
-
const id =
|
2856
|
-
return /* @__PURE__ */
|
2743
|
+
const id = React87.useId();
|
2744
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React87__namespace.default.createElement(
|
2857
2745
|
react.Box,
|
2858
2746
|
{
|
2859
2747
|
as: "path",
|
@@ -2861,7 +2749,7 @@ var init_ProgressLoader = __esm({
|
|
2861
2749
|
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",
|
2862
2750
|
fill: "#FFB466"
|
2863
2751
|
}
|
2864
|
-
), /* @__PURE__ */
|
2752
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
2865
2753
|
react.Box,
|
2866
2754
|
{
|
2867
2755
|
as: "path",
|
@@ -2872,7 +2760,7 @@ var init_ProgressLoader = __esm({
|
|
2872
2760
|
strokeLinecap: "round",
|
2873
2761
|
strokeLinejoin: "round"
|
2874
2762
|
}
|
2875
|
-
), /* @__PURE__ */
|
2763
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
2876
2764
|
react.Box,
|
2877
2765
|
{
|
2878
2766
|
as: "path",
|
@@ -2887,7 +2775,7 @@ var init_ProgressLoader = __esm({
|
|
2887
2775
|
transition: "stroke-dashoffset .2s ease-out",
|
2888
2776
|
ref: pathRef
|
2889
2777
|
}
|
2890
|
-
), /* @__PURE__ */
|
2778
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
2891
2779
|
react.Box,
|
2892
2780
|
{
|
2893
2781
|
as: "path",
|
@@ -2895,7 +2783,7 @@ var init_ProgressLoader = __esm({
|
|
2895
2783
|
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",
|
2896
2784
|
fill: "#688CBA"
|
2897
2785
|
}
|
2898
|
-
)), currentLoadingText && /* @__PURE__ */
|
2786
|
+
)), currentLoadingText && /* @__PURE__ */ React87__namespace.default.createElement(
|
2899
2787
|
react.Text,
|
2900
2788
|
{
|
2901
2789
|
textAlign: "center",
|
@@ -2919,19 +2807,19 @@ var init_ProgressLoader = __esm({
|
|
2919
2807
|
exports.Skeleton = void 0;
|
2920
2808
|
var init_Skeleton = __esm({
|
2921
2809
|
"src/loader/Skeleton.tsx"() {
|
2922
|
-
exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */
|
2810
|
+
exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.Skeleton, { ...props, ref }));
|
2923
2811
|
}
|
2924
2812
|
});
|
2925
2813
|
exports.SkeletonCircle = void 0;
|
2926
2814
|
var init_SkeletonCircle = __esm({
|
2927
2815
|
"src/loader/SkeletonCircle.tsx"() {
|
2928
|
-
exports.SkeletonCircle = (props) => /* @__PURE__ */
|
2816
|
+
exports.SkeletonCircle = (props) => /* @__PURE__ */ React87__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
|
2929
2817
|
}
|
2930
2818
|
});
|
2931
2819
|
exports.SkeletonText = void 0;
|
2932
2820
|
var init_SkeletonText = __esm({
|
2933
2821
|
"src/loader/SkeletonText.tsx"() {
|
2934
|
-
exports.SkeletonText = (props) => /* @__PURE__ */
|
2822
|
+
exports.SkeletonText = (props) => /* @__PURE__ */ React87__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
|
2935
2823
|
}
|
2936
2824
|
});
|
2937
2825
|
|
@@ -3006,7 +2894,7 @@ var init_Button = __esm({
|
|
3006
2894
|
if (fontWeight) {
|
3007
2895
|
styles3.fontWeight = fontWeight;
|
3008
2896
|
}
|
3009
|
-
return /* @__PURE__ */
|
2897
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3010
2898
|
react.Box,
|
3011
2899
|
{
|
3012
2900
|
...rest,
|
@@ -3020,7 +2908,7 @@ var init_Button = __esm({
|
|
3020
2908
|
position: "relative",
|
3021
2909
|
fontFamily: "Vy Sans"
|
3022
2910
|
},
|
3023
|
-
isLoading && /* @__PURE__ */
|
2911
|
+
isLoading && /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React87__namespace.default.createElement(
|
3024
2912
|
exports.ColorInlineLoader,
|
3025
2913
|
{
|
3026
2914
|
maxWidth: getLoaderWidth(finalSize),
|
@@ -3029,7 +2917,7 @@ var init_Button = __esm({
|
|
3029
2917
|
marginY: 2
|
3030
2918
|
}
|
3031
2919
|
)),
|
3032
|
-
/* @__PURE__ */
|
2920
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
3033
2921
|
react.Flex,
|
3034
2922
|
{
|
3035
2923
|
gap: 1,
|
@@ -3039,7 +2927,7 @@ var init_Button = __esm({
|
|
3039
2927
|
visibility: isLoading ? "hidden" : "visible",
|
3040
2928
|
"aria-hidden": isLoading
|
3041
2929
|
},
|
3042
|
-
/* @__PURE__ */
|
2930
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React87__namespace.default.createElement(
|
3043
2931
|
react.Box,
|
3044
2932
|
{
|
3045
2933
|
visibility: isLoading ? "hidden" : "visible",
|
@@ -3065,7 +2953,7 @@ var init_Button = __esm({
|
|
3065
2953
|
exports.ButtonGroup = void 0;
|
3066
2954
|
var init_ButtonGroup = __esm({
|
3067
2955
|
"src/button/ButtonGroup.tsx"() {
|
3068
|
-
exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */
|
2956
|
+
exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
|
3069
2957
|
}
|
3070
2958
|
});
|
3071
2959
|
exports.IconButton = void 0;
|
@@ -3073,12 +2961,12 @@ var init_IconButton = __esm({
|
|
3073
2961
|
"src/button/IconButton.tsx"() {
|
3074
2962
|
init_src();
|
3075
2963
|
exports.IconButton = react.forwardRef(
|
3076
|
-
({ ...props }, ref) => /* @__PURE__ */
|
2964
|
+
({ ...props }, ref) => /* @__PURE__ */ React87__namespace.default.createElement(
|
3077
2965
|
react.IconButton,
|
3078
2966
|
{
|
3079
2967
|
title: props["aria-label"],
|
3080
2968
|
...props,
|
3081
|
-
spinner: /* @__PURE__ */
|
2969
|
+
spinner: /* @__PURE__ */ React87__namespace.default.createElement(exports.ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
|
3082
2970
|
ref
|
3083
2971
|
}
|
3084
2972
|
)
|
@@ -3093,7 +2981,7 @@ var init_CloseButton = __esm({
|
|
3093
2981
|
exports.CloseButton = react.forwardRef(
|
3094
2982
|
({ size: size2 = "sm", ...props }, ref) => {
|
3095
2983
|
const { t: t2 } = useTranslation();
|
3096
|
-
return /* @__PURE__ */
|
2984
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3097
2985
|
exports.IconButton,
|
3098
2986
|
{
|
3099
2987
|
ref,
|
@@ -3110,11 +2998,11 @@ var init_CloseButton = __esm({
|
|
3110
2998
|
switch (size2) {
|
3111
2999
|
case "xs":
|
3112
3000
|
case "sm":
|
3113
|
-
return /* @__PURE__ */
|
3001
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
|
3114
3002
|
case "md":
|
3115
|
-
return /* @__PURE__ */
|
3003
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
|
3116
3004
|
case "lg":
|
3117
|
-
return /* @__PURE__ */
|
3005
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
|
3118
3006
|
}
|
3119
3007
|
};
|
3120
3008
|
texts10 = createTexts({
|
@@ -3141,11 +3029,11 @@ var init_FloatingActionButton = __esm({
|
|
3141
3029
|
placement = "bottom right",
|
3142
3030
|
...props
|
3143
3031
|
}, ref) => {
|
3144
|
-
const [isTextVisible, setIsTextVisible] =
|
3032
|
+
const [isTextVisible, setIsTextVisible] = React87__namespace.default.useState(
|
3145
3033
|
externalIsTextVisible !== void 0 ? externalIsTextVisible : false
|
3146
3034
|
);
|
3147
3035
|
const scrollDirection = useScrollDirection();
|
3148
|
-
|
3036
|
+
React87.useEffect(() => {
|
3149
3037
|
if (externalIsTextVisible !== void 0) {
|
3150
3038
|
return;
|
3151
3039
|
}
|
@@ -3155,7 +3043,7 @@ var init_FloatingActionButton = __esm({
|
|
3155
3043
|
);
|
3156
3044
|
return () => window.clearTimeout(id);
|
3157
3045
|
}, [scrollDirection, externalIsTextVisible]);
|
3158
|
-
|
3046
|
+
React87.useEffect(() => {
|
3159
3047
|
setIsTextVisible(!!externalIsTextVisible);
|
3160
3048
|
}, [externalIsTextVisible]);
|
3161
3049
|
const style = react.useMultiStyleConfig("FloatingActionButton", {
|
@@ -3163,7 +3051,7 @@ var init_FloatingActionButton = __esm({
|
|
3163
3051
|
isTextVisible,
|
3164
3052
|
placement
|
3165
3053
|
});
|
3166
|
-
return /* @__PURE__ */
|
3054
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3167
3055
|
MotionBox,
|
3168
3056
|
{
|
3169
3057
|
__css: style.container,
|
@@ -3171,8 +3059,8 @@ var init_FloatingActionButton = __esm({
|
|
3171
3059
|
ref,
|
3172
3060
|
...props
|
3173
3061
|
},
|
3174
|
-
/* @__PURE__ */
|
3175
|
-
/* @__PURE__ */
|
3062
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
|
3063
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
3176
3064
|
MotionBox,
|
3177
3065
|
{
|
3178
3066
|
animate: isTextVisible ? "show" : "hide",
|
@@ -3197,11 +3085,11 @@ var init_FloatingActionButton = __esm({
|
|
3197
3085
|
}
|
3198
3086
|
);
|
3199
3087
|
useScrollDirection = () => {
|
3200
|
-
const [scrollDirection, setScrollDirection] =
|
3201
|
-
const lastScrollPosition =
|
3088
|
+
const [scrollDirection, setScrollDirection] = React87__namespace.default.useState(null);
|
3089
|
+
const lastScrollPosition = React87__namespace.default.useRef(
|
3202
3090
|
typeof window !== "undefined" ? window.scrollY : 0
|
3203
3091
|
);
|
3204
|
-
|
3092
|
+
React87__namespace.default.useEffect(() => {
|
3205
3093
|
const onScroll = () => {
|
3206
3094
|
const delta = window.scrollY - lastScrollPosition.current;
|
3207
3095
|
if (delta === 0) {
|
@@ -3237,7 +3125,7 @@ var init_AlertIcon = __esm({
|
|
3237
3125
|
AlertIcon = ({ variant }) => {
|
3238
3126
|
const Icon = getIcon2(variant);
|
3239
3127
|
const { t: t2 } = useTranslation();
|
3240
|
-
return /* @__PURE__ */
|
3128
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3241
3129
|
Icon,
|
3242
3130
|
{
|
3243
3131
|
flexShrink: 0,
|
@@ -3304,7 +3192,7 @@ var init_BaseAlert = __esm({
|
|
3304
3192
|
...boxProps
|
3305
3193
|
}) => {
|
3306
3194
|
const styles3 = react.useMultiStyleConfig("Alert", { variant });
|
3307
|
-
return /* @__PURE__ */
|
3195
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3.container, ...boxProps }, children);
|
3308
3196
|
};
|
3309
3197
|
}
|
3310
3198
|
});
|
@@ -3332,17 +3220,17 @@ var init_ClosableAlert = __esm({
|
|
3332
3220
|
externalOnClose();
|
3333
3221
|
onClose();
|
3334
3222
|
};
|
3335
|
-
return /* @__PURE__ */
|
3223
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React87__namespace.default.createElement(
|
3336
3224
|
exports.IconButton,
|
3337
3225
|
{
|
3338
3226
|
variant: "ghost",
|
3339
3227
|
size: "sm",
|
3340
3228
|
onClick: handleClose,
|
3341
|
-
icon: /* @__PURE__ */
|
3229
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
|
3342
3230
|
"aria-label": t2(texts12.close),
|
3343
3231
|
sx: styles3.closeButton
|
3344
3232
|
}
|
3345
|
-
), /* @__PURE__ */
|
3233
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { marginRight: 1 }, children)));
|
3346
3234
|
};
|
3347
3235
|
texts12 = createTexts({
|
3348
3236
|
close: {
|
@@ -3370,7 +3258,7 @@ var init_ExpandableAlert = __esm({
|
|
3370
3258
|
...boxProps
|
3371
3259
|
}) => {
|
3372
3260
|
const styles3 = react.useMultiStyleConfig("AlertExpandable", { variant });
|
3373
|
-
return /* @__PURE__ */
|
3261
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React87__namespace.default.createElement(
|
3374
3262
|
react.Accordion,
|
3375
3263
|
{
|
3376
3264
|
onChange: (expandedIndex) => onToggle(expandedIndex === 0),
|
@@ -3378,14 +3266,14 @@ var init_ExpandableAlert = __esm({
|
|
3378
3266
|
allowToggle: true,
|
3379
3267
|
flexGrow: "1"
|
3380
3268
|
},
|
3381
|
-
/* @__PURE__ */
|
3269
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React87__namespace.default.createElement(
|
3382
3270
|
react.Flex,
|
3383
3271
|
{
|
3384
3272
|
justifyContent: "space-between",
|
3385
3273
|
alignItems: "center",
|
3386
3274
|
flexGrow: "1"
|
3387
3275
|
},
|
3388
|
-
/* @__PURE__ */
|
3276
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React87__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React87__namespace.default.createElement(
|
3389
3277
|
react.Box,
|
3390
3278
|
{
|
3391
3279
|
as: "span",
|
@@ -3400,8 +3288,8 @@ var init_ExpandableAlert = __esm({
|
|
3400
3288
|
},
|
3401
3289
|
title
|
3402
3290
|
)),
|
3403
|
-
/* @__PURE__ */
|
3404
|
-
)), /* @__PURE__ */
|
3291
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.AccordionIcon, { color: "darkGrey" })
|
3292
|
+
)), /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionPanel, null, children))
|
3405
3293
|
));
|
3406
3294
|
};
|
3407
3295
|
}
|
@@ -3416,7 +3304,7 @@ var init_StaticAlert = __esm({
|
|
3416
3304
|
title,
|
3417
3305
|
...props
|
3418
3306
|
}) => {
|
3419
|
-
return /* @__PURE__ */
|
3307
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React87__namespace.default.createElement(AlertIcon, { variant: props.variant }), /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, null, children)));
|
3420
3308
|
};
|
3421
3309
|
}
|
3422
3310
|
});
|
@@ -3434,10 +3322,10 @@ var init_Breadcrumb = __esm({
|
|
3434
3322
|
"src/breadcrumb/Breadcrumb.tsx"() {
|
3435
3323
|
exports.Breadcrumb = (props) => {
|
3436
3324
|
const iconColor = react.useColorModeValue("blackAlpha.400", "whiteAlpha.400");
|
3437
|
-
return /* @__PURE__ */
|
3325
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3438
3326
|
react.Breadcrumb,
|
3439
3327
|
{
|
3440
|
-
separator: /* @__PURE__ */
|
3328
|
+
separator: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { color: iconColor }),
|
3441
3329
|
...props
|
3442
3330
|
}
|
3443
3331
|
);
|
@@ -3465,7 +3353,7 @@ var init_Card = __esm({
|
|
3465
3353
|
colorScheme,
|
3466
3354
|
size: size2
|
3467
3355
|
});
|
3468
|
-
return /* @__PURE__ */
|
3356
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
|
3469
3357
|
}
|
3470
3358
|
);
|
3471
3359
|
}
|
@@ -3482,7 +3370,7 @@ var init_Badge = __esm({
|
|
3482
3370
|
"src/typography/Badge.tsx"() {
|
3483
3371
|
exports.Badge = react.forwardRef(
|
3484
3372
|
({ icon, colorScheme = "grey", children, ...props }, ref) => {
|
3485
|
-
return /* @__PURE__ */
|
3373
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3486
3374
|
react.Badge,
|
3487
3375
|
{
|
3488
3376
|
colorScheme,
|
@@ -3490,7 +3378,7 @@ var init_Badge = __esm({
|
|
3490
3378
|
paddingLeft: icon ? 1 : void 0,
|
3491
3379
|
ref
|
3492
3380
|
},
|
3493
|
-
icon &&
|
3381
|
+
icon && React87__namespace.default.cloneElement(icon, { marginRight: 1 }),
|
3494
3382
|
children
|
3495
3383
|
);
|
3496
3384
|
}
|
@@ -3500,7 +3388,7 @@ var init_Badge = __esm({
|
|
3500
3388
|
exports.Code = void 0;
|
3501
3389
|
var init_Code = __esm({
|
3502
3390
|
"src/typography/Code.tsx"() {
|
3503
|
-
exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */
|
3391
|
+
exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.Code, { ...props, ref }));
|
3504
3392
|
}
|
3505
3393
|
});
|
3506
3394
|
exports.Heading = void 0;
|
@@ -3516,7 +3404,7 @@ var init_Heading = __esm({
|
|
3516
3404
|
}) => {
|
3517
3405
|
const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
|
3518
3406
|
const color2 = react.useColorModeValue("text.primary.light", "text.primary.dark");
|
3519
|
-
return /* @__PURE__ */
|
3407
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Text, { as, textStyle: variant, id, color: color2, ...props });
|
3520
3408
|
};
|
3521
3409
|
}
|
3522
3410
|
});
|
@@ -3525,7 +3413,7 @@ var init_Text = __esm({
|
|
3525
3413
|
"src/typography/Text.tsx"() {
|
3526
3414
|
exports.Text = react.forwardRef(
|
3527
3415
|
({ variant = "sm", ...props }, ref) => {
|
3528
|
-
return /* @__PURE__ */
|
3416
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
|
3529
3417
|
}
|
3530
3418
|
);
|
3531
3419
|
}
|
@@ -3546,7 +3434,7 @@ function CalendarCell({
|
|
3546
3434
|
currentMonth,
|
3547
3435
|
variant
|
3548
3436
|
}) {
|
3549
|
-
const ref =
|
3437
|
+
const ref = React87.useRef(null);
|
3550
3438
|
const {
|
3551
3439
|
cellProps,
|
3552
3440
|
buttonProps,
|
@@ -3570,7 +3458,7 @@ function CalendarCell({
|
|
3570
3458
|
if (isOutsideMonth) {
|
3571
3459
|
stateProps["data-unavailable"] = true;
|
3572
3460
|
}
|
3573
|
-
|
3461
|
+
React87.useEffect(() => {
|
3574
3462
|
var _a6;
|
3575
3463
|
(_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
|
3576
3464
|
"touchend",
|
@@ -3580,7 +3468,7 @@ function CalendarCell({
|
|
3580
3468
|
{ passive: false, once: true }
|
3581
3469
|
);
|
3582
3470
|
}, []);
|
3583
|
-
return /* @__PURE__ */
|
3471
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React87__namespace.default.createElement(
|
3584
3472
|
react.Box,
|
3585
3473
|
{
|
3586
3474
|
as: "button",
|
@@ -3646,8 +3534,8 @@ function CalendarGrid({
|
|
3646
3534
|
const weeksInMonth = date.getWeeksInMonth(state2.visibleRange.start, locale);
|
3647
3535
|
const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
|
3648
3536
|
const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
|
3649
|
-
return /* @__PURE__ */
|
3650
|
-
return /* @__PURE__ */
|
3537
|
+
return /* @__PURE__ */ React87__namespace.default.createElement("table", { ...gridProps }, /* @__PURE__ */ React87__namespace.default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React87__namespace.default.createElement("tr", null, weekDays[language].map((day, index) => {
|
3538
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3651
3539
|
exports.Text,
|
3652
3540
|
{
|
3653
3541
|
as: "th",
|
@@ -3657,8 +3545,8 @@ function CalendarGrid({
|
|
3657
3545
|
},
|
3658
3546
|
day
|
3659
3547
|
);
|
3660
|
-
}))), /* @__PURE__ */
|
3661
|
-
(date, dayIndex) => date ? /* @__PURE__ */
|
3548
|
+
}))), /* @__PURE__ */ React87__namespace.default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React87__namespace.default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
|
3549
|
+
(date, dayIndex) => date ? /* @__PURE__ */ React87__namespace.default.createElement(
|
3662
3550
|
CalendarCell,
|
3663
3551
|
{
|
3664
3552
|
variant,
|
@@ -3667,7 +3555,7 @@ function CalendarGrid({
|
|
3667
3555
|
date,
|
3668
3556
|
currentMonth: startDate
|
3669
3557
|
}
|
3670
|
-
) : /* @__PURE__ */
|
3558
|
+
) : /* @__PURE__ */ React87__namespace.default.createElement("td", { key: dayIndex })
|
3671
3559
|
)))));
|
3672
3560
|
}
|
3673
3561
|
var weekDays;
|
@@ -3690,9 +3578,9 @@ function CalendarNavigationButton({
|
|
3690
3578
|
"aria-label": ariaLabel,
|
3691
3579
|
...rest
|
3692
3580
|
}) {
|
3693
|
-
const ref =
|
3581
|
+
const ref = React87.useRef(null);
|
3694
3582
|
const { buttonProps } = reactAria.useButton(rest, ref);
|
3695
|
-
return /* @__PURE__ */
|
3583
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3696
3584
|
exports.IconButton,
|
3697
3585
|
{
|
3698
3586
|
...buttonProps,
|
@@ -3729,7 +3617,7 @@ function CalendarHeader({
|
|
3729
3617
|
);
|
3730
3618
|
const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
|
3731
3619
|
const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
|
3732
|
-
return /* @__PURE__ */
|
3620
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React87__namespace.default.createElement(
|
3733
3621
|
CalendarNavigator,
|
3734
3622
|
{
|
3735
3623
|
title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
|
@@ -3739,7 +3627,7 @@ function CalendarHeader({
|
|
3739
3627
|
isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
|
3740
3628
|
isPreviousDisabled: !state2.isNextVisibleRangeInvalid
|
3741
3629
|
}
|
3742
|
-
), isYearPickerVisible && /* @__PURE__ */
|
3630
|
+
), isYearPickerVisible && /* @__PURE__ */ React87__namespace.default.createElement(
|
3743
3631
|
CalendarNavigator,
|
3744
3632
|
{
|
3745
3633
|
title: jsDate.getFullYear().toString(),
|
@@ -3767,15 +3655,15 @@ var init_CalendarHeader = __esm({
|
|
3767
3655
|
isNextDisabled
|
3768
3656
|
}) => {
|
3769
3657
|
const { t: t2 } = useTranslation();
|
3770
|
-
return /* @__PURE__ */
|
3658
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React87__namespace.default.createElement(
|
3771
3659
|
CalendarNavigationButton,
|
3772
3660
|
{
|
3773
3661
|
onPress: onPrevious,
|
3774
3662
|
isDisabled: isPreviousDisabled,
|
3775
|
-
icon: /* @__PURE__ */
|
3663
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
|
3776
3664
|
"aria-label": `${t2(texts13.previous)} ${t2(texts13[unit])}`
|
3777
3665
|
}
|
3778
|
-
), /* @__PURE__ */
|
3666
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
3779
3667
|
react.Box,
|
3780
3668
|
{
|
3781
3669
|
role: "heading",
|
@@ -3785,12 +3673,12 @@ var init_CalendarHeader = __esm({
|
|
3785
3673
|
textAlign: "center"
|
3786
3674
|
},
|
3787
3675
|
capitalize(title)
|
3788
|
-
), /* @__PURE__ */
|
3676
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
3789
3677
|
CalendarNavigationButton,
|
3790
3678
|
{
|
3791
3679
|
onPress: onNext,
|
3792
3680
|
isDisabled: isNextDisabled,
|
3793
|
-
icon: /* @__PURE__ */
|
3681
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
|
3794
3682
|
"aria-label": `${t2(texts13.next)} ${t2(texts13[unit])}`
|
3795
3683
|
}
|
3796
3684
|
));
|
@@ -3838,7 +3726,7 @@ function Calendar({
|
|
3838
3726
|
const { calendarProps } = reactAria.useCalendar(props, state2);
|
3839
3727
|
const calendarAriaLabel = calendarProps["aria-label"];
|
3840
3728
|
const ariaLabel = t2(texts14.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
|
3841
|
-
return /* @__PURE__ */
|
3729
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React87__namespace.default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React87__namespace.default.createElement(CalendarGrid, { variant, state: state2 }));
|
3842
3730
|
}
|
3843
3731
|
var texts14;
|
3844
3732
|
var init_Calendar = __esm({
|
@@ -3872,7 +3760,7 @@ var init_CalendarTriggerButton = __esm({
|
|
3872
3760
|
onPress(event);
|
3873
3761
|
}
|
3874
3762
|
};
|
3875
|
-
return /* @__PURE__ */
|
3763
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
3876
3764
|
react.Box,
|
3877
3765
|
{
|
3878
3766
|
ref,
|
@@ -3883,7 +3771,7 @@ var init_CalendarTriggerButton = __esm({
|
|
3883
3771
|
...filteredButtonProps,
|
3884
3772
|
onKeyUp: handleOnPress
|
3885
3773
|
},
|
3886
|
-
/* @__PURE__ */
|
3774
|
+
/* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null)
|
3887
3775
|
));
|
3888
3776
|
}
|
3889
3777
|
);
|
@@ -3900,9 +3788,9 @@ var init_CalendarTriggerButton = __esm({
|
|
3900
3788
|
var DateTimeSegment, isPaddable;
|
3901
3789
|
var init_DateTimeSegment = __esm({
|
3902
3790
|
"src/datepicker/DateTimeSegment.tsx"() {
|
3903
|
-
DateTimeSegment =
|
3791
|
+
DateTimeSegment = React87.forwardRef(
|
3904
3792
|
({ segment, state: state2 }, externalRef) => {
|
3905
|
-
const internalRef =
|
3793
|
+
const internalRef = React87.useRef(null);
|
3906
3794
|
const ref = externalRef ?? internalRef;
|
3907
3795
|
const { segmentProps } = reactAria.useDateSegment(
|
3908
3796
|
segment,
|
@@ -3913,7 +3801,7 @@ var init_DateTimeSegment = __esm({
|
|
3913
3801
|
isPlaceholder: segment.isPlaceholder,
|
3914
3802
|
isEditable: segment.isEditable
|
3915
3803
|
});
|
3916
|
-
return /* @__PURE__ */
|
3804
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3917
3805
|
react.Box,
|
3918
3806
|
{
|
3919
3807
|
...segmentProps,
|
@@ -3948,7 +3836,7 @@ var init_DateField = __esm({
|
|
3948
3836
|
"src/datepicker/DateField.tsx"() {
|
3949
3837
|
init_DateTimeSegment();
|
3950
3838
|
init_utils();
|
3951
|
-
DateField =
|
3839
|
+
DateField = React87.forwardRef(
|
3952
3840
|
(props, externalRef) => {
|
3953
3841
|
var _a6;
|
3954
3842
|
const locale = useCurrentLocale();
|
@@ -3958,14 +3846,14 @@ var init_DateField = __esm({
|
|
3958
3846
|
locale,
|
3959
3847
|
createCalendar: createCalendar2
|
3960
3848
|
});
|
3961
|
-
const internalRef =
|
3849
|
+
const internalRef = React87.useRef(null);
|
3962
3850
|
const ref = externalRef ?? internalRef;
|
3963
3851
|
const { fieldProps, labelProps } = reactAria.useDateField(
|
3964
3852
|
props,
|
3965
3853
|
state2,
|
3966
3854
|
ref
|
3967
3855
|
);
|
3968
|
-
return /* @__PURE__ */
|
3856
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React87__namespace.default.createElement(
|
3969
3857
|
react.FormLabel,
|
3970
3858
|
{
|
3971
3859
|
...props.labelProps,
|
@@ -3975,7 +3863,7 @@ var init_DateField = __esm({
|
|
3975
3863
|
paddingTop: "2px"
|
3976
3864
|
},
|
3977
3865
|
props.label
|
3978
|
-
), /* @__PURE__ */
|
3866
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React87__namespace.default.createElement(DateTimeSegment, { key: i, segment, state: state2 }))), /* @__PURE__ */ React87__namespace.default.createElement(
|
3979
3867
|
"input",
|
3980
3868
|
{
|
3981
3869
|
type: "hidden",
|
@@ -3996,7 +3884,7 @@ var init_StyledField = __esm({
|
|
3996
3884
|
isInvalid: false
|
3997
3885
|
};
|
3998
3886
|
const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
|
3999
|
-
return /* @__PURE__ */
|
3887
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
4000
3888
|
react.Box,
|
4001
3889
|
{
|
4002
3890
|
...otherProps,
|
@@ -4019,7 +3907,7 @@ var init_DatePicker = __esm({
|
|
4019
3907
|
init_DateField();
|
4020
3908
|
init_StyledField();
|
4021
3909
|
init_utils();
|
4022
|
-
exports.DatePicker =
|
3910
|
+
exports.DatePicker = React87.forwardRef(
|
4023
3911
|
({
|
4024
3912
|
variant,
|
4025
3913
|
errorMessage,
|
@@ -4037,7 +3925,7 @@ var init_DatePicker = __esm({
|
|
4037
3925
|
isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
|
4038
3926
|
validationState: (formControlProps == null ? void 0 : formControlProps.isInvalid) ? "invalid" : "valid"
|
4039
3927
|
});
|
4040
|
-
const internalRef =
|
3928
|
+
const internalRef = React87.useRef(null);
|
4041
3929
|
const ref = externalRef ?? internalRef;
|
4042
3930
|
const {
|
4043
3931
|
groupProps,
|
@@ -4057,7 +3945,7 @@ var init_DatePicker = __esm({
|
|
4057
3945
|
const onFieldClick = () => {
|
4058
3946
|
state2.setOpen(true);
|
4059
3947
|
};
|
4060
|
-
const popoverContent = /* @__PURE__ */
|
3948
|
+
const popoverContent = /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React87__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
4061
3949
|
Calendar,
|
4062
3950
|
{
|
4063
3951
|
...calendarProps,
|
@@ -4065,7 +3953,7 @@ var init_DatePicker = __esm({
|
|
4065
3953
|
showYearNavigation
|
4066
3954
|
}
|
4067
3955
|
))));
|
4068
|
-
return /* @__PURE__ */
|
3956
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React87__namespace.default.createElement(
|
4069
3957
|
react.Box,
|
4070
3958
|
{
|
4071
3959
|
position: "relative",
|
@@ -4073,7 +3961,7 @@ var init_DatePicker = __esm({
|
|
4073
3961
|
flexDirection: "column",
|
4074
3962
|
width
|
4075
3963
|
},
|
4076
|
-
/* @__PURE__ */
|
3964
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4077
3965
|
react.Popover,
|
4078
3966
|
{
|
4079
3967
|
...dialogProps,
|
@@ -4082,7 +3970,7 @@ var init_DatePicker = __esm({
|
|
4082
3970
|
onClose: state2.close,
|
4083
3971
|
flip: false
|
4084
3972
|
},
|
4085
|
-
/* @__PURE__ */
|
3973
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.InputGroup, { ...groupProps, display: "inline-flex" }, /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
4086
3974
|
StyledField,
|
4087
3975
|
{
|
4088
3976
|
variant,
|
@@ -4090,7 +3978,7 @@ var init_DatePicker = __esm({
|
|
4090
3978
|
paddingX: 3,
|
4091
3979
|
minHeight
|
4092
3980
|
},
|
4093
|
-
/* @__PURE__ */
|
3981
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
4094
3982
|
CalendarTriggerButton,
|
4095
3983
|
{
|
4096
3984
|
variant,
|
@@ -4098,7 +3986,7 @@ var init_DatePicker = __esm({
|
|
4098
3986
|
...buttonProps
|
4099
3987
|
}
|
4100
3988
|
)),
|
4101
|
-
/* @__PURE__ */
|
3989
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4102
3990
|
DateField,
|
4103
3991
|
{
|
4104
3992
|
label: props.label,
|
@@ -4108,8 +3996,8 @@ var init_DatePicker = __esm({
|
|
4108
3996
|
}
|
4109
3997
|
)
|
4110
3998
|
))),
|
4111
|
-
/* @__PURE__ */
|
4112
|
-
state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */
|
3999
|
+
/* @__PURE__ */ React87__namespace.default.createElement(exports.FormErrorMessage, { ...errorMessageProps }, errorMessage),
|
4000
|
+
state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React87__namespace.default.createElement(react.Portal, null, popoverContent),
|
4113
4001
|
state2.isOpen && !props.isDisabled && !withPortal && popoverContent
|
4114
4002
|
)
|
4115
4003
|
));
|
@@ -4125,9 +4013,9 @@ function RangeCalendar(props) {
|
|
4125
4013
|
locale,
|
4126
4014
|
createCalendar: date.createCalendar
|
4127
4015
|
});
|
4128
|
-
const ref =
|
4016
|
+
const ref = React87.useRef(null);
|
4129
4017
|
const { calendarProps, title } = reactAria.useRangeCalendar(props, state2, ref);
|
4130
|
-
return /* @__PURE__ */
|
4018
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...calendarProps, ref }, /* @__PURE__ */ React87__namespace.default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React87__namespace.default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React87__namespace.default.createElement(
|
4131
4019
|
CalendarGrid,
|
4132
4020
|
{
|
4133
4021
|
variant: props.variant,
|
@@ -4158,7 +4046,7 @@ function DateRangePicker({
|
|
4158
4046
|
isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
|
4159
4047
|
validationState: formControlProps.isInvalid ? "invalid" : "valid"
|
4160
4048
|
});
|
4161
|
-
const ref =
|
4049
|
+
const ref = React87.useRef(null);
|
4162
4050
|
const {
|
4163
4051
|
groupProps,
|
4164
4052
|
labelProps,
|
@@ -4179,8 +4067,8 @@ function DateRangePicker({
|
|
4179
4067
|
const onFieldClick = () => {
|
4180
4068
|
state2.setOpen(true);
|
4181
4069
|
};
|
4182
|
-
const popoverContent = /* @__PURE__ */
|
4183
|
-
return /* @__PURE__ */
|
4070
|
+
const popoverContent = /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React87__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React87__namespace.default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
|
4071
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React87__namespace.default.createElement(react.FormLabel, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React87__namespace.default.createElement(
|
4184
4072
|
react.Popover,
|
4185
4073
|
{
|
4186
4074
|
...dialogProps,
|
@@ -4189,7 +4077,7 @@ function DateRangePicker({
|
|
4189
4077
|
onClose: state2.close,
|
4190
4078
|
flip: false
|
4191
4079
|
},
|
4192
|
-
/* @__PURE__ */
|
4080
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
4193
4081
|
StyledField,
|
4194
4082
|
{
|
4195
4083
|
alignItems: "center",
|
@@ -4199,7 +4087,7 @@ function DateRangePicker({
|
|
4199
4087
|
onKeyPress: handleEnterClick,
|
4200
4088
|
minHeight
|
4201
4089
|
},
|
4202
|
-
variant && /* @__PURE__ */
|
4090
|
+
variant && /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
4203
4091
|
CalendarTriggerButton,
|
4204
4092
|
{
|
4205
4093
|
paddingLeft: 1,
|
@@ -4209,7 +4097,7 @@ function DateRangePicker({
|
|
4209
4097
|
...buttonProps
|
4210
4098
|
}
|
4211
4099
|
)),
|
4212
|
-
/* @__PURE__ */
|
4100
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4213
4101
|
DateField,
|
4214
4102
|
{
|
4215
4103
|
...startFieldProps,
|
@@ -4218,8 +4106,8 @@ function DateRangePicker({
|
|
4218
4106
|
labelProps
|
4219
4107
|
}
|
4220
4108
|
),
|
4221
|
-
/* @__PURE__ */
|
4222
|
-
/* @__PURE__ */
|
4109
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
|
4110
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4223
4111
|
DateField,
|
4224
4112
|
{
|
4225
4113
|
...endFieldProps,
|
@@ -4229,7 +4117,7 @@ function DateRangePicker({
|
|
4229
4117
|
}
|
4230
4118
|
)
|
4231
4119
|
))),
|
4232
|
-
state2.isOpen && withPortal && /* @__PURE__ */
|
4120
|
+
state2.isOpen && withPortal && /* @__PURE__ */ React87__namespace.default.createElement(react.Portal, null, popoverContent),
|
4233
4121
|
state2.isOpen && !withPortal && popoverContent
|
4234
4122
|
)));
|
4235
4123
|
}
|
@@ -4249,9 +4137,9 @@ var init_TimeField = __esm({
|
|
4249
4137
|
init_DateTimeSegment();
|
4250
4138
|
init_utils();
|
4251
4139
|
TimeField = ({ state: state2, ...props }) => {
|
4252
|
-
const ref =
|
4140
|
+
const ref = React87.useRef(null);
|
4253
4141
|
const { labelProps, fieldProps } = reactAria.useTimeField(props, state2, ref);
|
4254
|
-
return /* @__PURE__ */
|
4142
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
4255
4143
|
exports.FormLabel,
|
4256
4144
|
{
|
4257
4145
|
...labelProps,
|
@@ -4263,7 +4151,7 @@ var init_TimeField = __esm({
|
|
4263
4151
|
paddingTop: "2px"
|
4264
4152
|
},
|
4265
4153
|
props.label
|
4266
|
-
), /* @__PURE__ */
|
4154
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React87__namespace.default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React87__namespace.default.createElement(
|
4267
4155
|
"input",
|
4268
4156
|
{
|
4269
4157
|
type: "hidden",
|
@@ -4339,7 +4227,7 @@ var init_TimePicker = __esm({
|
|
4339
4227
|
const ariaLabel = `${inputLabel} \u2013 ${t2(
|
4340
4228
|
texts16.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
|
4341
4229
|
)}`;
|
4342
|
-
return /* @__PURE__ */
|
4230
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
4343
4231
|
StyledField,
|
4344
4232
|
{
|
4345
4233
|
variant: "base",
|
@@ -4355,7 +4243,7 @@ var init_TimePicker = __esm({
|
|
4355
4243
|
"aria-label": ariaLabel,
|
4356
4244
|
...boxProps
|
4357
4245
|
},
|
4358
|
-
/* @__PURE__ */
|
4246
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4359
4247
|
exports.IconButton,
|
4360
4248
|
{
|
4361
4249
|
variant: "ghost",
|
@@ -4363,14 +4251,14 @@ var init_TimePicker = __esm({
|
|
4363
4251
|
borderRadius: "xs",
|
4364
4252
|
"aria-label": backwardsLabel,
|
4365
4253
|
title: backwardsLabel,
|
4366
|
-
icon: /* @__PURE__ */
|
4254
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, null),
|
4367
4255
|
onClick: handleBackwardsClick,
|
4368
4256
|
isDisabled,
|
4369
4257
|
style: isDisabled ? { backgroundColor: "transparent" } : {}
|
4370
4258
|
}
|
4371
4259
|
),
|
4372
|
-
/* @__PURE__ */
|
4373
|
-
/* @__PURE__ */
|
4260
|
+
/* @__PURE__ */ React87__namespace.default.createElement(TimeField, { label, state: state2, name }),
|
4261
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4374
4262
|
exports.IconButton,
|
4375
4263
|
{
|
4376
4264
|
variant: "ghost",
|
@@ -4378,7 +4266,7 @@ var init_TimePicker = __esm({
|
|
4378
4266
|
borderRadius: "xs",
|
4379
4267
|
"aria-label": forwardsLabel,
|
4380
4268
|
title: forwardsLabel,
|
4381
|
-
icon: /* @__PURE__ */
|
4269
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, null),
|
4382
4270
|
onClick: handleForwardClick,
|
4383
4271
|
isDisabled,
|
4384
4272
|
style: isDisabled ? { backgroundColor: "transparent" } : {}
|
@@ -4500,7 +4388,7 @@ var init_LineIcon = __esm({
|
|
4500
4388
|
if (!Icon) {
|
4501
4389
|
return null;
|
4502
4390
|
}
|
4503
|
-
return /* @__PURE__ */
|
4391
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React87__namespace.default.createElement(Icon, { sx: styles3.icon }));
|
4504
4392
|
};
|
4505
4393
|
}
|
4506
4394
|
});
|
@@ -4520,7 +4408,7 @@ var init_InfoTag = __esm({
|
|
4520
4408
|
size: size2,
|
4521
4409
|
...customProps
|
4522
4410
|
});
|
4523
|
-
return /* @__PURE__ */
|
4411
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React87__namespace.default.createElement(
|
4524
4412
|
exports.LineIcon,
|
4525
4413
|
{
|
4526
4414
|
variant,
|
@@ -4528,7 +4416,7 @@ var init_InfoTag = __esm({
|
|
4528
4416
|
sx: styles3.iconContainer,
|
4529
4417
|
...customProps
|
4530
4418
|
}
|
4531
|
-
), /* @__PURE__ */
|
4419
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "span", sx: styles3.description }, description)));
|
4532
4420
|
};
|
4533
4421
|
}
|
4534
4422
|
});
|
@@ -4554,7 +4442,7 @@ var init_TravelTag = __esm({
|
|
4554
4442
|
backgroundColor: variant === "custom" ? rest.backgroundColor : void 0
|
4555
4443
|
});
|
4556
4444
|
const DeviationLevelIcon = getDeviationLevelIcon({ deviationLevel, size: size2 });
|
4557
|
-
return /* @__PURE__ */
|
4445
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React87__namespace.default.createElement(
|
4558
4446
|
exports.LineIcon,
|
4559
4447
|
{
|
4560
4448
|
variant,
|
@@ -4562,7 +4450,7 @@ var init_TravelTag = __esm({
|
|
4562
4450
|
sx: styles3.iconContainer,
|
4563
4451
|
...rest
|
4564
4452
|
}
|
4565
|
-
), /* @__PURE__ */
|
4453
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React87__namespace.default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
|
4566
4454
|
}
|
4567
4455
|
);
|
4568
4456
|
getDeviationLevelIcon = ({
|
@@ -4601,7 +4489,7 @@ var init_TextLink = __esm({
|
|
4601
4489
|
var _a6;
|
4602
4490
|
const { t: t2 } = useTranslation();
|
4603
4491
|
const isExternal = props.isExternal !== void 0 ? props.isExternal : Boolean((_a6 = props.href) == null ? void 0 : _a6.match(/^https?:\/\//));
|
4604
|
-
return /* @__PURE__ */
|
4492
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React87__namespace.default.createElement(
|
4605
4493
|
sporIconReact.LinkOutOutline24Icon,
|
4606
4494
|
{
|
4607
4495
|
marginLeft: 0.5,
|
@@ -4631,6 +4519,117 @@ var init_list = __esm({
|
|
4631
4519
|
"src/list/index.tsx"() {
|
4632
4520
|
}
|
4633
4521
|
});
|
4522
|
+
exports.VyLogo = void 0;
|
4523
|
+
var init_VyLogo = __esm({
|
4524
|
+
"src/logo/VyLogo.tsx"() {
|
4525
|
+
exports.VyLogo = ({ colorScheme, ...boxProps }) => {
|
4526
|
+
const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
|
4527
|
+
const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
|
4528
|
+
const id = React87.useId();
|
4529
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React87__namespace.default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React87__namespace.default.createElement(
|
4530
|
+
"path",
|
4531
|
+
{
|
4532
|
+
fillRule: "evenodd",
|
4533
|
+
clipRule: "evenodd",
|
4534
|
+
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",
|
4535
|
+
fill: mainColor
|
4536
|
+
}
|
4537
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4538
|
+
"mask",
|
4539
|
+
{
|
4540
|
+
id: `${id}-a`,
|
4541
|
+
style: { maskType: "alpha" },
|
4542
|
+
maskUnits: "userSpaceOnUse",
|
4543
|
+
x: "0",
|
4544
|
+
y: "0",
|
4545
|
+
width: "94",
|
4546
|
+
height: "54"
|
4547
|
+
},
|
4548
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4549
|
+
"path",
|
4550
|
+
{
|
4551
|
+
fillRule: "evenodd",
|
4552
|
+
clipRule: "evenodd",
|
4553
|
+
d: "M0 .03h93.26v53.65H0V.03Z",
|
4554
|
+
fill: mainColor
|
4555
|
+
}
|
4556
|
+
)
|
4557
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4558
|
+
"g",
|
4559
|
+
{
|
4560
|
+
mask: `url(#${id}-a)`,
|
4561
|
+
fillRule: "evenodd",
|
4562
|
+
clipRule: "evenodd",
|
4563
|
+
fill: mainColor
|
4564
|
+
},
|
4565
|
+
/* @__PURE__ */ React87__namespace.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" }),
|
4566
|
+
/* @__PURE__ */ React87__namespace.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" })
|
4567
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4568
|
+
"path",
|
4569
|
+
{
|
4570
|
+
fillRule: "evenodd",
|
4571
|
+
clipRule: "evenodd",
|
4572
|
+
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",
|
4573
|
+
fill: accentColor
|
4574
|
+
}
|
4575
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4576
|
+
"path",
|
4577
|
+
{
|
4578
|
+
fillRule: "evenodd",
|
4579
|
+
clipRule: "evenodd",
|
4580
|
+
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",
|
4581
|
+
fill: mainColor
|
4582
|
+
}
|
4583
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4584
|
+
"mask",
|
4585
|
+
{
|
4586
|
+
id: `${id}-b`,
|
4587
|
+
style: { maskType: "alpha" },
|
4588
|
+
maskUnits: "userSpaceOnUse",
|
4589
|
+
x: "29",
|
4590
|
+
y: "0",
|
4591
|
+
width: "78",
|
4592
|
+
height: "54"
|
4593
|
+
},
|
4594
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4595
|
+
"path",
|
4596
|
+
{
|
4597
|
+
fillRule: "evenodd",
|
4598
|
+
clipRule: "evenodd",
|
4599
|
+
d: "M29.55.04H106v53.64H29.55V.04Z",
|
4600
|
+
fill: mainColor
|
4601
|
+
}
|
4602
|
+
)
|
4603
|
+
), /* @__PURE__ */ React87__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React87__namespace.default.createElement(
|
4604
|
+
"path",
|
4605
|
+
{
|
4606
|
+
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",
|
4607
|
+
fill: mainColor
|
4608
|
+
}
|
4609
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4610
|
+
"path",
|
4611
|
+
{
|
4612
|
+
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",
|
4613
|
+
fill: mainColor
|
4614
|
+
}
|
4615
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4616
|
+
"path",
|
4617
|
+
{
|
4618
|
+
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",
|
4619
|
+
fill: accentColor
|
4620
|
+
}
|
4621
|
+
)), /* @__PURE__ */ React87__namespace.default.createElement(
|
4622
|
+
"path",
|
4623
|
+
{
|
4624
|
+
fillRule: "evenodd",
|
4625
|
+
clipRule: "evenodd",
|
4626
|
+
d: "M26.55 50.33a9.09 9.09 0 0 1-1.24-2.7c-.44-1.54-12.46-42.5-12.46-42.5C11.82 1.56 10.2.07 7.22.07H5.4a.04.04 0 0 0 0 .08C7.67.5 9 2.04 9.9 5.13l12.46 42.5c.65 2.28 1.53 3.74 2.5 4.65.7-.4 1.29-1.05 1.69-1.95Z",
|
4627
|
+
fill: mainColor
|
4628
|
+
}
|
4629
|
+
));
|
4630
|
+
};
|
4631
|
+
}
|
4632
|
+
});
|
4634
4633
|
exports.VyLogoPride = void 0;
|
4635
4634
|
var init_VyLogoPride = __esm({
|
4636
4635
|
"src/logo/VyLogoPride.tsx"() {
|
@@ -4644,8 +4643,8 @@ var init_VyLogoPride = __esm({
|
|
4644
4643
|
const redColor = colorScheme === "light" ? "#EA3323" : "#ffffff";
|
4645
4644
|
const orangeColor = colorScheme === "light" ? "#F09436" : "#ffffff";
|
4646
4645
|
const yellowColor = colorScheme === "light" ? "#FFFF54" : "#ffffff";
|
4647
|
-
const id =
|
4648
|
-
return /* @__PURE__ */
|
4646
|
+
const id = React87.useId();
|
4647
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React87__namespace.default.createElement("title", null, "Vy logo pride"), /* @__PURE__ */ React87__namespace.default.createElement(
|
4649
4648
|
"svg",
|
4650
4649
|
{
|
4651
4650
|
width: "108",
|
@@ -4654,7 +4653,7 @@ var init_VyLogoPride = __esm({
|
|
4654
4653
|
fill: "none",
|
4655
4654
|
xmlns: "http://www.w3.org/2000/svg"
|
4656
4655
|
},
|
4657
|
-
/* @__PURE__ */
|
4656
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4658
4657
|
"path",
|
4659
4658
|
{
|
4660
4659
|
fillRule: "evenodd",
|
@@ -4663,7 +4662,7 @@ var init_VyLogoPride = __esm({
|
|
4663
4662
|
fill: pinkColor
|
4664
4663
|
}
|
4665
4664
|
),
|
4666
|
-
/* @__PURE__ */
|
4665
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4667
4666
|
"mask",
|
4668
4667
|
{
|
4669
4668
|
id: `${id}-a-pride`,
|
@@ -4674,7 +4673,7 @@ var init_VyLogoPride = __esm({
|
|
4674
4673
|
width: "95",
|
4675
4674
|
height: "55"
|
4676
4675
|
},
|
4677
|
-
/* @__PURE__ */
|
4676
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4678
4677
|
"path",
|
4679
4678
|
{
|
4680
4679
|
fillRule: "evenodd",
|
@@ -4684,7 +4683,7 @@ var init_VyLogoPride = __esm({
|
|
4684
4683
|
}
|
4685
4684
|
)
|
4686
4685
|
),
|
4687
|
-
/* @__PURE__ */
|
4686
|
+
/* @__PURE__ */ React87__namespace.default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React87__namespace.default.createElement(
|
4688
4687
|
"path",
|
4689
4688
|
{
|
4690
4689
|
fillRule: "evenodd",
|
@@ -4692,7 +4691,7 @@ var init_VyLogoPride = __esm({
|
|
4692
4691
|
d: "M86.1392 34.0577C86.1622 34.0577 86.1809 34.0389 86.1809 34.0158C86.1809 33.9951 86.1658 33.9779 86.146 33.9747V33.9745C83.7657 33.6665 82.2265 30.3247 81.3764 27.4799C80.4843 24.4948 77.2629 13.5951 75.3455 7.29056C73.4194 0.957342 67.4267 0.0485861 64.7129 0.0441895H64.7137C64.6906 0.0441895 64.6719 0.0629034 64.6719 0.0859014C64.6719 0.106645 64.6869 0.123893 64.7068 0.127162L64.7067 0.127388C67.2413 0.468862 70.8417 2.00375 72.3953 7.29056C73.7591 11.9308 78.0927 26.6723 78.2592 27.1656C79.2998 30.2466 80.5197 32.1068 82.0639 33.1046C83.1032 33.776 84.2891 34.0577 85.6664 34.0577H86.1392",
|
4693
4692
|
fill: purpleColor
|
4694
4693
|
}
|
4695
|
-
), /* @__PURE__ */
|
4694
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4696
4695
|
"path",
|
4697
4696
|
{
|
4698
4697
|
fillRule: "evenodd",
|
@@ -4700,7 +4699,7 @@ var init_VyLogoPride = __esm({
|
|
4700
4699
|
d: "M23.7089 54.6763C23.4058 54.6763 23.1352 54.6763 22.9803 54.6763C20.8144 54.6763 18.2099 53.5754 16.7766 48.5188L3.8641 4.45414C3.09965 1.80939 1.96226 0.481143 0.0347223 0.151506C0.014881 0.148237 0 0.131101 0 0.110245C0 0.0871344 0.018714 0.0684204 0.0418246 0.0684204H1.98402C4.56565 0.0684204 5.96987 1.36104 6.86386 4.45414C6.86386 4.45414 18.8019 44.9686 19.8869 48.7964C20.6896 51.628 21.628 53.5542 23.0795 54.3328C23.3142 54.4587 23.5119 54.5409 23.7154 54.5932C23.7352 54.5965 23.7506 54.6138 23.7506 54.6345C23.7506 54.6576 23.7319 54.6763 23.7089 54.6763Z",
|
4701
4700
|
fill: darkPurpleColor
|
4702
4701
|
}
|
4703
|
-
), /* @__PURE__ */
|
4702
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4704
4703
|
"path",
|
4705
4704
|
{
|
4706
4705
|
fillRule: "evenodd",
|
@@ -4708,7 +4707,7 @@ var init_VyLogoPride = __esm({
|
|
4708
4707
|
d: "M19.3365 6.09794C18.1013 1.82472 16.1613 0.0390015 12.5947 0.0390015H10.8543C10.8312 0.0390015 10.8125 0.0577155 10.8125 0.0808261C10.8125 0.101569 10.8277 0.118818 10.8476 0.122087V0.121974C13.6341 0.517899 15.2582 2.35232 16.341 6.09794C16.341 6.09794 27.027 42.4871 28.4146 47.2512C28.7189 46.2219 29.2327 44.4828 29.8791 42.2935C28.6038 37.9117 19.3365 6.09794 19.3365 6.09794",
|
4709
4708
|
fill: greenColor
|
4710
4709
|
}
|
4711
|
-
), /* @__PURE__ */
|
4710
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4712
4711
|
"path",
|
4713
4712
|
{
|
4714
4713
|
fillRule: "evenodd",
|
@@ -4716,7 +4715,7 @@ var init_VyLogoPride = __esm({
|
|
4716
4715
|
d: "M24.7059 54.6763H25.9753C27.5661 54.6763 28.7056 54.2553 29.5596 53.5597C30.9494 52.4272 31.5822 50.5663 32.1676 48.6028C32.2552 48.309 43.5646 9.95201 43.9629 8.45455C45.3098 3.39196 48.3208 1.18687 51.5334 0.404941C52.0668 0.275183 52.6055 0.184995 53.1431 0.127162H53.1439C53.1638 0.123893 53.1789 0.106645 53.1789 0.0859014C53.1789 0.0629034 53.1602 0.0441895 53.1371 0.0441895H51.7232C47.4872 0.0441895 42.7565 1.72507 40.9662 8.45455C40.3206 10.8814 29.2585 48.309 29.1709 48.6028C28.5854 50.5663 27.9202 52.6362 26.5303 53.7687C25.9647 54.2295 25.4469 54.4781 24.6995 54.5933H24.699C24.6792 54.5966 24.6641 54.614 24.6641 54.6346C24.6641 54.6577 24.6828 54.6764 24.7059 54.6764V54.6763",
|
4717
4716
|
fill: darkGreenColor
|
4718
4717
|
}
|
4719
|
-
), /* @__PURE__ */
|
4718
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4720
4719
|
"path",
|
4721
4720
|
{
|
4722
4721
|
fillRule: "evenodd",
|
@@ -4725,7 +4724,7 @@ var init_VyLogoPride = __esm({
|
|
4725
4724
|
fill: darkPurpleColor
|
4726
4725
|
}
|
4727
4726
|
)),
|
4728
|
-
/* @__PURE__ */
|
4727
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4729
4728
|
"path",
|
4730
4729
|
{
|
4731
4730
|
fillRule: "evenodd",
|
@@ -4734,7 +4733,7 @@ var init_VyLogoPride = __esm({
|
|
4734
4733
|
fill: blueColor
|
4735
4734
|
}
|
4736
4735
|
),
|
4737
|
-
/* @__PURE__ */
|
4736
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4738
4737
|
"path",
|
4739
4738
|
{
|
4740
4739
|
fillRule: "evenodd",
|
@@ -4743,7 +4742,7 @@ var init_VyLogoPride = __esm({
|
|
4743
4742
|
fill: blueColor
|
4744
4743
|
}
|
4745
4744
|
),
|
4746
|
-
/* @__PURE__ */
|
4745
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4747
4746
|
"path",
|
4748
4747
|
{
|
4749
4748
|
fillRule: "evenodd",
|
@@ -4752,7 +4751,7 @@ var init_VyLogoPride = __esm({
|
|
4752
4751
|
fill: greenColor
|
4753
4752
|
}
|
4754
4753
|
),
|
4755
|
-
/* @__PURE__ */
|
4754
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4756
4755
|
"mask",
|
4757
4756
|
{
|
4758
4757
|
id: `${id}-b-pride`,
|
@@ -4763,7 +4762,7 @@ var init_VyLogoPride = __esm({
|
|
4763
4762
|
width: "78",
|
4764
4763
|
height: "55"
|
4765
4764
|
},
|
4766
|
-
/* @__PURE__ */
|
4765
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4767
4766
|
"path",
|
4768
4767
|
{
|
4769
4768
|
fillRule: "evenodd",
|
@@ -4773,7 +4772,7 @@ var init_VyLogoPride = __esm({
|
|
4773
4772
|
}
|
4774
4773
|
)
|
4775
4774
|
),
|
4776
|
-
/* @__PURE__ */
|
4775
|
+
/* @__PURE__ */ React87__namespace.default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React87__namespace.default.createElement(
|
4777
4776
|
"path",
|
4778
4777
|
{
|
4779
4778
|
fillRule: "evenodd",
|
@@ -4781,7 +4780,7 @@ var init_VyLogoPride = __esm({
|
|
4781
4780
|
d: "M89.8289 35.0891C88.7828 38.6493 85.8015 48.8015 85.8015 48.8015C84.2266 54.076 86.7112 54.6188 87.6599 54.6188H89.9623C89.9855 54.6188 90.0042 54.6001 90.0042 54.577C90.0042 54.5571 89.9903 54.5403 89.9717 54.5362V54.5363C88.8916 54.2553 87.4798 53.0991 88.7632 48.8015C88.7632 48.8015 92.0286 37.7282 93.2719 33.5031C92.561 34.2226 91.3615 34.8917 89.8289 35.0891",
|
4782
4781
|
fill: greenColor
|
4783
4782
|
}
|
4784
|
-
), /* @__PURE__ */
|
4783
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4785
4784
|
"path",
|
4786
4785
|
{
|
4787
4786
|
fillRule: "evenodd",
|
@@ -4789,7 +4788,7 @@ var init_VyLogoPride = __esm({
|
|
4789
4788
|
d: "M95.4467 54.6188C95.4698 54.6188 95.4885 54.6001 95.4885 54.577C95.4885 54.557 95.4747 54.5403 95.4561 54.5362H95.4558C94.5434 54.2765 93.3986 53.2655 94.4728 49.6684C94.4728 49.6684 107.101 6.68958 107.804 4.25563C108.507 1.82169 106.809 0.298979 105.28 0.0692254C105.269 0.0676471 105.219 0.0537807 105.209 0.0862483C105.199 0.118716 105.241 0.138557 105.249 0.143179C105.553 0.303376 105.894 0.672244 105.708 1.30469C105.522 1.93713 91.499 49.6684 91.499 49.6684C90.1586 54.1569 92.273 54.6188 93.0802 54.6188H95.4467",
|
4790
4789
|
fill: darkGreenColor
|
4791
4790
|
}
|
4792
|
-
), /* @__PURE__ */
|
4791
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4793
4792
|
"path",
|
4794
4793
|
{
|
4795
4794
|
fillRule: "evenodd",
|
@@ -4797,7 +4796,7 @@ var init_VyLogoPride = __esm({
|
|
4797
4796
|
d: "M75.4659 34.0577C75.4889 34.0577 75.5076 34.0389 75.5076 34.0158C75.5076 33.9951 75.4925 33.9778 75.4726 33.9746H75.4723C74.6146 33.8501 73.8387 33.5807 73.1306 33.1321C71.4607 32.0744 70.1687 30.0201 69.0737 26.521C68.9798 26.2215 63.6049 7.92165 63.4194 7.29056C62.2821 3.42105 60.4546 1.5616 58.6517 0.708874C57.557 0.191083 56.4715 0.0441895 55.5553 0.0441895C54.9539 0.0441895 54.4151 0.0441895 53.9784 0.0441895H53.9715C53.9484 0.0441895 53.9297 0.0629034 53.9297 0.0859014C53.9297 0.106645 53.9448 0.123893 53.9646 0.127162V0.127275C54.26 0.171918 58.362 0.298745 60.4275 7.29056C62.493 14.2825 64.9683 22.6405 65.8045 25.5908C67.6133 31.9722 69.9469 34.0577 73.6985 34.0577H75.4659",
|
4798
4797
|
fill: redColor
|
4799
4798
|
}
|
4800
|
-
), /* @__PURE__ */
|
4799
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4801
4800
|
"path",
|
4802
4801
|
{
|
4803
4802
|
fillRule: "evenodd",
|
@@ -4805,7 +4804,7 @@ var init_VyLogoPride = __esm({
|
|
4805
4804
|
d: "M56.4576 2.44421C56.4559 2.44568 56.4541 2.44703 56.4524 2.4485C54.944 3.74292 53.6961 5.66449 52.9539 8.45445C52.8754 8.74959 41.6662 46.889 41.4206 47.7167C40.4784 50.8926 39.6893 54.0469 36.1209 54.5932C36.101 54.5965 36.0859 54.6138 36.0859 54.6345C36.0859 54.6576 36.1047 54.6763 36.1278 54.6763H36.8373C36.8373 54.6763 37.3489 54.6683 37.4515 54.6642C41.0756 54.5179 42.8818 52.978 44.4271 47.7167C45.5556 43.8746 55.8691 8.75883 55.9604 8.45445C56.4006 6.98517 56.9293 5.3123 57.6882 3.84641C57.53 3.59208 56.9713 2.87385 56.4576 2.44421",
|
4806
4805
|
fill: orangeColor
|
4807
4806
|
}
|
4808
|
-
), /* @__PURE__ */
|
4807
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4809
4808
|
"path",
|
4810
4809
|
{
|
4811
4810
|
fillRule: "evenodd",
|
@@ -4814,7 +4813,7 @@ var init_VyLogoPride = __esm({
|
|
4814
4813
|
fill: yellowColor
|
4815
4814
|
}
|
4816
4815
|
)),
|
4817
|
-
/* @__PURE__ */
|
4816
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4818
4817
|
"path",
|
4819
4818
|
{
|
4820
4819
|
fillRule: "evenodd",
|
@@ -4827,135 +4826,6 @@ var init_VyLogoPride = __esm({
|
|
4827
4826
|
};
|
4828
4827
|
}
|
4829
4828
|
});
|
4830
|
-
exports.VyLogoDefault = void 0;
|
4831
|
-
var init_VyLogoDefault = __esm({
|
4832
|
-
"src/logo/VyLogoDefault.tsx"() {
|
4833
|
-
exports.VyLogoDefault = ({
|
4834
|
-
colorScheme,
|
4835
|
-
...boxProps
|
4836
|
-
}) => {
|
4837
|
-
const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
|
4838
|
-
const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
|
4839
|
-
const id = React88.useId();
|
4840
|
-
return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React88__namespace.default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React88__namespace.default.createElement(
|
4841
|
-
"path",
|
4842
|
-
{
|
4843
|
-
fillRule: "evenodd",
|
4844
|
-
clipRule: "evenodd",
|
4845
|
-
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",
|
4846
|
-
fill: mainColor
|
4847
|
-
}
|
4848
|
-
), /* @__PURE__ */ React88__namespace.default.createElement(
|
4849
|
-
"mask",
|
4850
|
-
{
|
4851
|
-
id: `${id}-a`,
|
4852
|
-
style: { maskType: "alpha" },
|
4853
|
-
maskUnits: "userSpaceOnUse",
|
4854
|
-
x: "0",
|
4855
|
-
y: "0",
|
4856
|
-
width: "94",
|
4857
|
-
height: "54"
|
4858
|
-
},
|
4859
|
-
/* @__PURE__ */ React88__namespace.default.createElement(
|
4860
|
-
"path",
|
4861
|
-
{
|
4862
|
-
fillRule: "evenodd",
|
4863
|
-
clipRule: "evenodd",
|
4864
|
-
d: "M0 .03h93.26v53.65H0V.03Z",
|
4865
|
-
fill: mainColor
|
4866
|
-
}
|
4867
|
-
)
|
4868
|
-
), /* @__PURE__ */ React88__namespace.default.createElement(
|
4869
|
-
"g",
|
4870
|
-
{
|
4871
|
-
mask: `url(#${id}-a)`,
|
4872
|
-
fillRule: "evenodd",
|
4873
|
-
clipRule: "evenodd",
|
4874
|
-
fill: mainColor
|
4875
|
-
},
|
4876
|
-
/* @__PURE__ */ React88__namespace.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" }),
|
4877
|
-
/* @__PURE__ */ React88__namespace.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" })
|
4878
|
-
), /* @__PURE__ */ React88__namespace.default.createElement(
|
4879
|
-
"path",
|
4880
|
-
{
|
4881
|
-
fillRule: "evenodd",
|
4882
|
-
clipRule: "evenodd",
|
4883
|
-
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",
|
4884
|
-
fill: accentColor
|
4885
|
-
}
|
4886
|
-
), /* @__PURE__ */ React88__namespace.default.createElement(
|
4887
|
-
"path",
|
4888
|
-
{
|
4889
|
-
fillRule: "evenodd",
|
4890
|
-
clipRule: "evenodd",
|
4891
|
-
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",
|
4892
|
-
fill: mainColor
|
4893
|
-
}
|
4894
|
-
), /* @__PURE__ */ React88__namespace.default.createElement(
|
4895
|
-
"mask",
|
4896
|
-
{
|
4897
|
-
id: `${id}-b`,
|
4898
|
-
style: { maskType: "alpha" },
|
4899
|
-
maskUnits: "userSpaceOnUse",
|
4900
|
-
x: "29",
|
4901
|
-
y: "0",
|
4902
|
-
width: "78",
|
4903
|
-
height: "54"
|
4904
|
-
},
|
4905
|
-
/* @__PURE__ */ React88__namespace.default.createElement(
|
4906
|
-
"path",
|
4907
|
-
{
|
4908
|
-
fillRule: "evenodd",
|
4909
|
-
clipRule: "evenodd",
|
4910
|
-
d: "M29.55.04H106v53.64H29.55V.04Z",
|
4911
|
-
fill: mainColor
|
4912
|
-
}
|
4913
|
-
)
|
4914
|
-
), /* @__PURE__ */ React88__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React88__namespace.default.createElement(
|
4915
|
-
"path",
|
4916
|
-
{
|
4917
|
-
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",
|
4918
|
-
fill: mainColor
|
4919
|
-
}
|
4920
|
-
), /* @__PURE__ */ React88__namespace.default.createElement(
|
4921
|
-
"path",
|
4922
|
-
{
|
4923
|
-
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",
|
4924
|
-
fill: mainColor
|
4925
|
-
}
|
4926
|
-
), /* @__PURE__ */ React88__namespace.default.createElement(
|
4927
|
-
"path",
|
4928
|
-
{
|
4929
|
-
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",
|
4930
|
-
fill: accentColor
|
4931
|
-
}
|
4932
|
-
)), /* @__PURE__ */ React88__namespace.default.createElement(
|
4933
|
-
"path",
|
4934
|
-
{
|
4935
|
-
fillRule: "evenodd",
|
4936
|
-
clipRule: "evenodd",
|
4937
|
-
d: "M26.55 50.33a9.09 9.09 0 0 1-1.24-2.7c-.44-1.54-12.46-42.5-12.46-42.5C11.82 1.56 10.2.07 7.22.07H5.4a.04.04 0 0 0 0 .08C7.67.5 9 2.04 9.9 5.13l12.46 42.5c.65 2.28 1.53 3.74 2.5 4.65.7-.4 1.29-1.05 1.69-1.95Z",
|
4938
|
-
fill: mainColor
|
4939
|
-
}
|
4940
|
-
));
|
4941
|
-
};
|
4942
|
-
}
|
4943
|
-
});
|
4944
|
-
exports.VyLogo = void 0;
|
4945
|
-
var init_VyLogo = __esm({
|
4946
|
-
"src/logo/VyLogo.tsx"() {
|
4947
|
-
init_pride();
|
4948
|
-
init_VyLogoPride();
|
4949
|
-
init_VyLogoDefault();
|
4950
|
-
exports.VyLogo = ({ colorScheme, ...boxProps }) => {
|
4951
|
-
const { isPride } = exports.usePride();
|
4952
|
-
if (isPride) {
|
4953
|
-
return /* @__PURE__ */ React88__namespace.default.createElement(exports.VyLogoPride, { colorScheme, ...boxProps });
|
4954
|
-
}
|
4955
|
-
return /* @__PURE__ */ React88__namespace.default.createElement(exports.VyLogoDefault, { colorScheme, ...boxProps });
|
4956
|
-
};
|
4957
|
-
}
|
4958
|
-
});
|
4959
4829
|
exports.CargonetLogo = void 0;
|
4960
4830
|
var init_CargonetLogo = __esm({
|
4961
4831
|
"src/logo/CargonetLogo.tsx"() {
|
@@ -4965,109 +4835,109 @@ var init_CargonetLogo = __esm({
|
|
4965
4835
|
}) => {
|
4966
4836
|
const mainColor = "#DF8200";
|
4967
4837
|
const accentColor = colorScheme === "light" ? "#383E42" : "#ffffff";
|
4968
|
-
return /* @__PURE__ */
|
4838
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 251 52", ...boxProps }, /* @__PURE__ */ React87__namespace.default.createElement("title", null, "Cargonet logo"), /* @__PURE__ */ React87__namespace.default.createElement(
|
4969
4839
|
"path",
|
4970
4840
|
{
|
4971
4841
|
d: "M87.9222 14.602L84.3862 18.7417C81.1953 15.9821 79.1685 15.2914 76.5379 15.2914C70.933 15.2914 67.4398 19.5609 67.4398 26.029C67.4398 32.5834 71.0186 36.8523 76.4089 36.8523C79.6855 36.8523 81.6694 35.6447 84.9038 32.9285L88.3969 36.982C84.645 40.5608 81.1524 42.1134 76.4951 42.1134C66.9651 42.1134 61.2733 35.214 61.2733 25.9856C61.2733 16.9732 66.7492 10.0309 76.5379 10.0309C81.2387 10.0309 84.3 11.4533 87.9222 14.602Z",
|
4972
4842
|
fill: accentColor
|
4973
4843
|
}
|
4974
|
-
), /* @__PURE__ */
|
4844
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4975
4845
|
"path",
|
4976
4846
|
{
|
4977
4847
|
d: "M106.461 41.3802C106.159 40.5604 105.986 39.5259 105.857 38.4046C104.693 40.6038 102.408 42.1131 98.6988 42.1131C94.4299 42.1131 90.8511 40.216 90.8511 35.774C90.8511 30.9013 95.1628 29.1333 100.812 28.1417L105.598 27.3225V26.7187C105.598 24.3903 103.917 23.1399 101.416 23.1399C98.4829 23.1399 96.5858 24.476 94.4734 26.6759L91.0231 23.5712C93.9124 20.2934 97.1468 18.6117 101.373 18.6117C107.754 18.6117 110.946 21.846 110.946 26.5028V35.9037C110.946 38.448 111.118 40.216 111.506 41.3802H106.461ZM105.598 32.6265V31.1607L101.373 31.9364C98.0093 32.5836 96.2414 33.4022 96.2414 35.3861C96.2414 36.9388 97.5346 37.9299 99.8202 37.9299C102.666 37.9299 105.598 36.4647 105.598 32.6265Z",
|
4978
4848
|
fill: accentColor
|
4979
4849
|
}
|
4980
|
-
), /* @__PURE__ */
|
4850
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4981
4851
|
"path",
|
4982
4852
|
{
|
4983
4853
|
d: "M130.65 19.6469L129.572 24.5625C128.537 24.2614 127.373 24.0455 126.295 24.0455C123.233 24.0455 121.422 26.4601 121.422 30.5565V41.3803H115.816V25.8563C115.816 22.8813 115.644 20.8111 115.385 19.3448H120.603C120.818 20.1645 120.991 21.4578 121.034 23.0967C122.112 20.5524 123.88 18.9569 126.812 18.9569C128.192 18.9569 129.529 19.2157 130.65 19.6469Z",
|
4984
4854
|
fill: accentColor
|
4985
4855
|
}
|
4986
|
-
), /* @__PURE__ */
|
4856
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4987
4857
|
"path",
|
4988
4858
|
{
|
4989
4859
|
d: "M152.813 19.3447V40.6896C152.813 46.9859 148.156 50.1768 142.075 50.1768C138.669 50.1768 135.219 49.3142 132.028 47.4172L134.745 43.3202C137.289 44.8729 139.532 45.692 141.99 45.692C145.008 45.692 147.336 44.269 147.336 40.3018V37.4993C146.043 39.5255 143.93 40.8199 140.911 40.8199C135.349 40.8199 131.209 36.3779 131.209 29.7373C131.209 23.0966 135.349 18.6118 140.911 18.6118C144.188 18.6118 146.345 20.0782 147.639 22.3631V19.3447H152.813ZM147.509 29.7373C147.509 25.9425 145.267 23.3988 142.162 23.3988C138.971 23.3988 136.858 25.9425 136.858 29.7373C136.858 33.5314 138.971 36.0763 142.162 36.0763C145.267 36.0763 147.509 33.5314 147.509 29.7373Z",
|
4990
4860
|
fill: accentColor
|
4991
4861
|
}
|
4992
|
-
), /* @__PURE__ */
|
4862
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4993
4863
|
"path",
|
4994
4864
|
{
|
4995
4865
|
d: "M178.72 30.341C178.72 37.3267 173.976 42.0702 167.292 42.0702C160.609 42.0702 155.866 37.3267 155.866 30.341C155.866 23.3553 160.609 18.6117 167.292 18.6117C173.976 18.6117 178.72 23.3553 178.72 30.341ZM161.557 30.341C161.557 34.6967 163.886 37.4992 167.292 37.4992C170.699 37.4992 173.028 34.6967 173.028 30.341C173.028 26.0721 170.699 23.1828 167.292 23.1828C163.886 23.1828 161.557 26.0721 161.557 30.341Z",
|
4996
4866
|
fill: accentColor
|
4997
4867
|
}
|
4998
|
-
), /* @__PURE__ */
|
4868
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4999
4869
|
"path",
|
5000
4870
|
{
|
5001
4871
|
d: "M208.903 10.7638V41.38H202.478L194.673 28.9612C192.516 25.5115 190.403 22.1046 188.635 18.8274C188.851 22.4497 188.937 26.4598 188.937 30.8155V41.38H183.029V10.7638H189.585L197.82 23.9589C199.717 26.9773 201.616 29.9529 203.21 32.8851C203.081 29.6507 203.038 26.0719 203.038 21.8893V10.7638H208.903Z",
|
5002
4872
|
fill: mainColor
|
5003
4873
|
}
|
5004
|
-
), /* @__PURE__ */
|
4874
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5005
4875
|
"path",
|
5006
4876
|
{
|
5007
4877
|
d: "M233.663 37.7578C230.386 41.035 227.324 42.0707 223.788 42.0707C216.672 42.0707 212.231 37.499 212.231 30.4705C212.231 23.6573 216.371 18.6116 223.313 18.6116C230.041 18.6116 233.619 22.8376 233.619 29.6079C233.619 30.2546 233.577 31.2897 233.534 31.6781H217.578C218.009 35.0844 220.08 37.499 223.917 37.499C226.505 37.499 228.144 36.5936 230.6 34.4378L233.663 37.7578ZM217.708 27.9262H228.359C228.144 24.8644 226.376 22.881 223.227 22.881C220.123 22.881 218.311 24.8644 217.708 27.9262Z",
|
5008
4878
|
fill: mainColor
|
5009
4879
|
}
|
5010
|
-
), /* @__PURE__ */
|
4880
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5011
4881
|
"path",
|
5012
4882
|
{
|
5013
4883
|
d: "M250.41 41.0785C248.556 41.6817 246.789 41.8976 245.538 41.8976C240.88 41.8976 239.198 39.8709 239.198 35.7739V23.4415H235.275V19.3445H239.198V12.6182H244.805V19.3445H250.066V23.4415H244.805V34.8257C244.805 36.5937 245.624 37.0244 247.047 37.0244C247.651 37.0244 248.47 36.9387 249.721 36.6365L250.41 41.0785Z",
|
5014
4884
|
fill: mainColor
|
5015
4885
|
}
|
5016
|
-
), /* @__PURE__ */
|
4886
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5017
4887
|
"path",
|
5018
4888
|
{
|
5019
4889
|
d: "M21.4911 10.2565H31.1579V0.589175H21.4911V10.2565Z",
|
5020
4890
|
fill: mainColor
|
5021
4891
|
}
|
5022
|
-
), /* @__PURE__ */
|
4892
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5023
4893
|
"path",
|
5024
4894
|
{
|
5025
4895
|
d: "M41.3861 10.8855H31.7757V20.5528H41.3861V10.8855Z",
|
5026
4896
|
fill: mainColor
|
5027
4897
|
}
|
5028
|
-
), /* @__PURE__ */
|
4898
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5029
4899
|
"path",
|
5030
4900
|
{
|
5031
4901
|
d: "M42.0022 10.2547H51.6126V0.587402H42.0022V10.2547Z",
|
5032
4902
|
fill: mainColor
|
5033
4903
|
}
|
5034
|
-
), /* @__PURE__ */
|
4904
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5035
4905
|
"path",
|
5036
4906
|
{
|
5037
4907
|
d: "M21.477 30.7758H31.1431V21.1654H21.477V30.7758Z",
|
5038
4908
|
fill: mainColor
|
5039
4909
|
}
|
5040
|
-
), /* @__PURE__ */
|
4910
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5041
4911
|
"path",
|
5042
4912
|
{
|
5043
4913
|
d: "M11.2124 20.5493H20.8791V10.8826H11.2124V20.5493Z",
|
5044
4914
|
fill: mainColor
|
5045
4915
|
}
|
5046
|
-
), /* @__PURE__ */
|
4916
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5047
4917
|
"path",
|
5048
4918
|
{
|
5049
4919
|
d: "M0.910156 30.7911H10.5775V21.1801H0.910156V30.7911Z",
|
5050
4920
|
fill: mainColor
|
5051
4921
|
}
|
5052
|
-
), /* @__PURE__ */
|
4922
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5053
4923
|
"path",
|
5054
4924
|
{
|
5055
4925
|
d: "M11.1948 41.0258H20.8615V31.4154H11.1948V41.0258Z",
|
5056
4926
|
fill: mainColor
|
5057
4927
|
}
|
5058
|
-
), /* @__PURE__ */
|
4928
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5059
4929
|
"path",
|
5060
4930
|
{
|
5061
4931
|
d: "M31.7669 41.0581H41.4336V31.3908H31.7669V41.0581Z",
|
5062
4932
|
fill: mainColor
|
5063
4933
|
}
|
5064
|
-
), /* @__PURE__ */
|
4934
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5065
4935
|
"path",
|
5066
4936
|
{
|
5067
4937
|
d: "M21.4776 51.2277H31.1443V41.656H21.4776V51.2277Z",
|
5068
4938
|
fill: mainColor
|
5069
4939
|
}
|
5070
|
-
), /* @__PURE__ */
|
4940
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5071
4941
|
"path",
|
5072
4942
|
{
|
5073
4943
|
d: "M42.0615 51.2283H51.7282V41.6989H42.0615V51.2283Z",
|
@@ -5083,7 +4953,6 @@ var init_logo = __esm({
|
|
5083
4953
|
"src/logo/index.tsx"() {
|
5084
4954
|
init_VyLogo();
|
5085
4955
|
init_VyLogoPride();
|
5086
|
-
init_VyLogoDefault();
|
5087
4956
|
init_CargonetLogo();
|
5088
4957
|
}
|
5089
4958
|
});
|
@@ -5102,7 +4971,7 @@ var init_JumpButton = __esm({
|
|
5102
4971
|
variant: "jumpSkip",
|
5103
4972
|
size: size2
|
5104
4973
|
});
|
5105
|
-
return /* @__PURE__ */
|
4974
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5106
4975
|
react.Center,
|
5107
4976
|
{
|
5108
4977
|
as: "button",
|
@@ -5111,7 +4980,7 @@ var init_JumpButton = __esm({
|
|
5111
4980
|
disabled: isDisabled,
|
5112
4981
|
...props
|
5113
4982
|
},
|
5114
|
-
direction2 === "forward" ? /* @__PURE__ */
|
4983
|
+
direction2 === "forward" ? /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.Backward15MediaControllerFill30Icon, { sx: styles3.icon })
|
5115
4984
|
);
|
5116
4985
|
};
|
5117
4986
|
texts18 = createTexts({
|
@@ -5145,7 +5014,7 @@ var init_PlayPauseButton = __esm({
|
|
5145
5014
|
variant: "play",
|
5146
5015
|
size: size2
|
5147
5016
|
});
|
5148
|
-
return /* @__PURE__ */
|
5017
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5149
5018
|
react.Center,
|
5150
5019
|
{
|
5151
5020
|
as: "button",
|
@@ -5154,7 +5023,7 @@ var init_PlayPauseButton = __esm({
|
|
5154
5023
|
disabled: isDisabled,
|
5155
5024
|
...props
|
5156
5025
|
},
|
5157
|
-
isPlaying ? /* @__PURE__ */
|
5026
|
+
isPlaying ? /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.PlayMediaControllerFill24Icon, { sx: styles3.icon })
|
5158
5027
|
);
|
5159
5028
|
};
|
5160
5029
|
texts19 = createTexts({
|
@@ -5188,7 +5057,7 @@ var init_SkipButton = __esm({
|
|
5188
5057
|
variant: "jumpSkip",
|
5189
5058
|
size: size2
|
5190
5059
|
});
|
5191
|
-
return /* @__PURE__ */
|
5060
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5192
5061
|
react.Center,
|
5193
5062
|
{
|
5194
5063
|
as: "button",
|
@@ -5197,7 +5066,7 @@ var init_SkipButton = __esm({
|
|
5197
5066
|
disabled: isDisabled,
|
5198
5067
|
...props
|
5199
5068
|
},
|
5200
|
-
direction2 === "forward" ? /* @__PURE__ */
|
5069
|
+
direction2 === "forward" ? /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.PreviousMediaControllerFill30Icon, { sx: styles3.icon })
|
5201
5070
|
);
|
5202
5071
|
};
|
5203
5072
|
texts20 = createTexts({
|
@@ -5234,7 +5103,7 @@ var init_ModalHeader = __esm({
|
|
5234
5103
|
fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
|
5235
5104
|
textAlign: size2 === "lg" ? "center" : "left"
|
5236
5105
|
};
|
5237
|
-
return /* @__PURE__ */
|
5106
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.ModalHeader, { ...props, ref, ...styles3 });
|
5238
5107
|
}
|
5239
5108
|
);
|
5240
5109
|
}
|
@@ -5244,7 +5113,7 @@ var init_Drawer = __esm({
|
|
5244
5113
|
"src/modal/Drawer.tsx"() {
|
5245
5114
|
init_ModalHeader();
|
5246
5115
|
exports.Drawer = (props) => {
|
5247
|
-
return /* @__PURE__ */
|
5116
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React87__namespace.default.createElement(react.Drawer, { ...props }));
|
5248
5117
|
};
|
5249
5118
|
exports.DrawerContent = react.forwardRef(
|
5250
5119
|
({ children, ...props }, ref) => {
|
@@ -5261,7 +5130,7 @@ var init_Drawer = __esm({
|
|
5261
5130
|
});
|
5262
5131
|
const isTopOrBottom = placement === "top" || placement === "bottom";
|
5263
5132
|
const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
|
5264
|
-
return /* @__PURE__ */
|
5133
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React87__namespace.default.createElement(
|
5265
5134
|
react.DrawerContent,
|
5266
5135
|
{
|
5267
5136
|
...widthConstraits,
|
@@ -5270,13 +5139,13 @@ var init_Drawer = __esm({
|
|
5270
5139
|
...props,
|
5271
5140
|
ref
|
5272
5141
|
},
|
5273
|
-
/* @__PURE__ */
|
5142
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { position: "relative" }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React87__namespace.default.createElement(Notch, null), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, null, children)))
|
5274
5143
|
));
|
5275
5144
|
}
|
5276
5145
|
);
|
5277
5146
|
Notch = react.forwardRef((props, ref) => {
|
5278
5147
|
const placement = useDrawerContext();
|
5279
|
-
return /* @__PURE__ */
|
5148
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5280
5149
|
react.Box,
|
5281
5150
|
{
|
5282
5151
|
position: "absolute",
|
@@ -5288,14 +5157,14 @@ var init_Drawer = __esm({
|
|
5288
5157
|
...props,
|
5289
5158
|
ref
|
5290
5159
|
},
|
5291
|
-
/* @__PURE__ */
|
5160
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
5292
5161
|
react.Center,
|
5293
5162
|
{
|
5294
5163
|
background: placement === "bottom" ? "bottom" : "top",
|
5295
5164
|
padding: 2,
|
5296
5165
|
borderRadius: "md"
|
5297
5166
|
},
|
5298
|
-
/* @__PURE__ */
|
5167
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
5299
5168
|
react.Box,
|
5300
5169
|
{
|
5301
5170
|
width: "2.265rem",
|
@@ -5307,10 +5176,10 @@ var init_Drawer = __esm({
|
|
5307
5176
|
)
|
5308
5177
|
);
|
5309
5178
|
});
|
5310
|
-
DrawerContext =
|
5311
|
-
DrawerProvider = (props) => /* @__PURE__ */
|
5179
|
+
DrawerContext = React87__namespace.default.createContext(void 0);
|
5180
|
+
DrawerProvider = (props) => /* @__PURE__ */ React87__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
|
5312
5181
|
useDrawerContext = () => {
|
5313
|
-
return
|
5182
|
+
return React87__namespace.default.useContext(DrawerContext);
|
5314
5183
|
};
|
5315
5184
|
}
|
5316
5185
|
});
|
@@ -5324,13 +5193,13 @@ var init_FullScreenDrawer = __esm({
|
|
5324
5193
|
children,
|
5325
5194
|
title,
|
5326
5195
|
placement = "bottom",
|
5327
|
-
leftButton = /* @__PURE__ */
|
5328
|
-
rightButton = /* @__PURE__ */
|
5196
|
+
leftButton = /* @__PURE__ */ React87__namespace.default.createElement(DrawerBackButton, null),
|
5197
|
+
rightButton = /* @__PURE__ */ React87__namespace.default.createElement(DrawerCloseButton2, null),
|
5329
5198
|
isOpen,
|
5330
5199
|
onClose,
|
5331
5200
|
body
|
5332
5201
|
}) => {
|
5333
|
-
const [isContentBoxScrolled, setContentBoxScrolled] =
|
5202
|
+
const [isContentBoxScrolled, setContentBoxScrolled] = React87.useState(false);
|
5334
5203
|
const onContentScroll = (e) => {
|
5335
5204
|
const target = e.target;
|
5336
5205
|
if (target.scrollTop <= 0) {
|
@@ -5339,10 +5208,10 @@ var init_FullScreenDrawer = __esm({
|
|
5339
5208
|
}
|
5340
5209
|
setContentBoxScrolled(true);
|
5341
5210
|
};
|
5342
|
-
|
5211
|
+
React87.useEffect(() => {
|
5343
5212
|
setContentBoxScrolled(false);
|
5344
5213
|
}, [isOpen]);
|
5345
|
-
return /* @__PURE__ */
|
5214
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(exports.Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React87__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React87__namespace.default.createElement(
|
5346
5215
|
react.DrawerContent,
|
5347
5216
|
{
|
5348
5217
|
height: "100vh",
|
@@ -5350,7 +5219,7 @@ var init_FullScreenDrawer = __esm({
|
|
5350
5219
|
backgroundPosition: "top",
|
5351
5220
|
backgroundRepeat: "no-repeat"
|
5352
5221
|
},
|
5353
|
-
/* @__PURE__ */
|
5222
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
5354
5223
|
DrawerTopMenu,
|
5355
5224
|
{
|
5356
5225
|
isScrolled: isContentBoxScrolled,
|
@@ -5359,7 +5228,7 @@ var init_FullScreenDrawer = __esm({
|
|
5359
5228
|
rightButton
|
5360
5229
|
}
|
5361
5230
|
),
|
5362
|
-
/* @__PURE__ */
|
5231
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
|
5363
5232
|
));
|
5364
5233
|
};
|
5365
5234
|
DrawerTopMenu = ({
|
@@ -5372,7 +5241,7 @@ var init_FullScreenDrawer = __esm({
|
|
5372
5241
|
"bg.default.light",
|
5373
5242
|
"bg.default.dark"
|
5374
5243
|
);
|
5375
|
-
return /* @__PURE__ */
|
5244
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5376
5245
|
react.Flex,
|
5377
5246
|
{
|
5378
5247
|
width: "100%",
|
@@ -5385,8 +5254,8 @@ var init_FullScreenDrawer = __esm({
|
|
5385
5254
|
transition: "box-shadow 0.2s",
|
5386
5255
|
boxShadow: isScrolled ? "md" : void 0
|
5387
5256
|
},
|
5388
|
-
/* @__PURE__ */
|
5389
|
-
/* @__PURE__ */
|
5257
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width: "fit-content" }, leftButton)),
|
5258
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
5390
5259
|
react.DrawerHeader,
|
5391
5260
|
{
|
5392
5261
|
as: "h2",
|
@@ -5399,7 +5268,7 @@ var init_FullScreenDrawer = __esm({
|
|
5399
5268
|
},
|
5400
5269
|
title
|
5401
5270
|
),
|
5402
|
-
/* @__PURE__ */
|
5271
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
|
5403
5272
|
);
|
5404
5273
|
};
|
5405
5274
|
DrawerCloseButton2 = () => {
|
@@ -5409,11 +5278,11 @@ var init_FullScreenDrawer = __esm({
|
|
5409
5278
|
`(min-width: ${tokens11__namespace.default.size.breakpoint.sm})`
|
5410
5279
|
);
|
5411
5280
|
if (isScreenSizeMinSm) {
|
5412
|
-
return /* @__PURE__ */
|
5281
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5413
5282
|
exports.Button,
|
5414
5283
|
{
|
5415
5284
|
variant: "ghost",
|
5416
|
-
leftIcon: /* @__PURE__ */
|
5285
|
+
leftIcon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill24Icon, null),
|
5417
5286
|
onClick: onClose,
|
5418
5287
|
"aria-label": t2(texts21.close),
|
5419
5288
|
width: "fit-content",
|
@@ -5422,11 +5291,11 @@ var init_FullScreenDrawer = __esm({
|
|
5422
5291
|
t2(texts21.close)
|
5423
5292
|
);
|
5424
5293
|
}
|
5425
|
-
return /* @__PURE__ */
|
5294
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5426
5295
|
exports.IconButton,
|
5427
5296
|
{
|
5428
5297
|
variant: "ghost",
|
5429
|
-
icon: /* @__PURE__ */
|
5298
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill30Icon, null),
|
5430
5299
|
onClick: onClose,
|
5431
5300
|
"aria-label": t2(texts21.close)
|
5432
5301
|
}
|
@@ -5439,11 +5308,11 @@ var init_FullScreenDrawer = __esm({
|
|
5439
5308
|
`(min-width: ${tokens11__namespace.default.size.breakpoint.sm})`
|
5440
5309
|
);
|
5441
5310
|
if (isScreenSizeMinSm) {
|
5442
|
-
return /* @__PURE__ */
|
5311
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5443
5312
|
exports.Button,
|
5444
5313
|
{
|
5445
5314
|
variant: "ghost",
|
5446
|
-
leftIcon: /* @__PURE__ */
|
5315
|
+
leftIcon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
|
5447
5316
|
onClick: onClose,
|
5448
5317
|
"aria-label": t2(texts21.backAriaLabel),
|
5449
5318
|
width: "fit-content",
|
@@ -5452,11 +5321,11 @@ var init_FullScreenDrawer = __esm({
|
|
5452
5321
|
t2(texts21.back)
|
5453
5322
|
);
|
5454
5323
|
}
|
5455
|
-
return /* @__PURE__ */
|
5324
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5456
5325
|
exports.IconButton,
|
5457
5326
|
{
|
5458
5327
|
variant: "ghost",
|
5459
|
-
icon: /* @__PURE__ */
|
5328
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowLeftFill30Icon, null),
|
5460
5329
|
onClick: onClose,
|
5461
5330
|
"aria-label": t2(texts21.close)
|
5462
5331
|
}
|
@@ -5505,7 +5374,7 @@ var init_SimpleDrawer = __esm({
|
|
5505
5374
|
body,
|
5506
5375
|
...props
|
5507
5376
|
}) => {
|
5508
|
-
return /* @__PURE__ */
|
5377
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(exports.Drawer, { placement, ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React87__namespace.default.createElement(exports.DrawerContent, null, /* @__PURE__ */ React87__namespace.default.createElement(react.DrawerCloseButton, null), title && /* @__PURE__ */ React87__namespace.default.createElement(exports.ModalHeader, null, title), /* @__PURE__ */ React87__namespace.default.createElement(react.DrawerBody, { ...body }, children)));
|
5509
5378
|
};
|
5510
5379
|
}
|
5511
5380
|
});
|
@@ -5544,7 +5413,7 @@ var init_Nudge = __esm({
|
|
5544
5413
|
}
|
5545
5414
|
return null;
|
5546
5415
|
}
|
5547
|
-
return /* @__PURE__ */
|
5416
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5548
5417
|
react.Popover,
|
5549
5418
|
{
|
5550
5419
|
arrowSize: 12,
|
@@ -5552,8 +5421,8 @@ var init_Nudge = __esm({
|
|
5552
5421
|
defaultIsOpen: true,
|
5553
5422
|
...props
|
5554
5423
|
},
|
5555
|
-
/* @__PURE__ */
|
5556
|
-
/* @__PURE__ */
|
5424
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.PopoverAnchor, null, children),
|
5425
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React87__namespace.default.createElement(react.DarkMode, null, /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverArrow, null), /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverBody, { margin: 1 }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { marginRight: 4 }, content), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React87__namespace.default.createElement(exports.ButtonGroup, null, /* @__PURE__ */ React87__namespace.default.createElement(exports.Button, { variant: "tertiary", size: "xs" }, t2(texts22.close)), /* @__PURE__ */ React87__namespace.default.createElement(exports.Button, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts22.showMe)))))))
|
5557
5426
|
);
|
5558
5427
|
};
|
5559
5428
|
texts22 = createTexts({
|
@@ -5583,23 +5452,23 @@ var init_WizardNudge = __esm({
|
|
5583
5452
|
content,
|
5584
5453
|
...props
|
5585
5454
|
}) => {
|
5586
|
-
const [currentStep, setCurrentStep] =
|
5455
|
+
const [currentStep, setCurrentStep] = React87.useState(1);
|
5587
5456
|
const totalSteps = content.length;
|
5588
5457
|
const isLastStep = totalSteps === currentStep;
|
5589
5458
|
const onNext = () => setCurrentStep((prev) => prev + 1);
|
5590
|
-
return /* @__PURE__ */
|
5459
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5591
5460
|
exports.Nudge,
|
5592
5461
|
{
|
5593
5462
|
onClose,
|
5594
5463
|
name,
|
5595
5464
|
content: content[currentStep - 1],
|
5596
|
-
actions: /* @__PURE__ */
|
5465
|
+
actions: /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React87__namespace.default.createElement(
|
5597
5466
|
exports.ProgressIndicator,
|
5598
5467
|
{
|
5599
5468
|
activeStep: currentStep,
|
5600
5469
|
numberOfSteps: totalSteps
|
5601
5470
|
}
|
5602
|
-
), /* @__PURE__ */
|
5471
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React87__namespace.default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
|
5603
5472
|
...props
|
5604
5473
|
},
|
5605
5474
|
children
|
@@ -5608,12 +5477,12 @@ var init_WizardNudge = __esm({
|
|
5608
5477
|
NextOrCloseButton = ({ isLastStep, onNext }) => {
|
5609
5478
|
const { onClose } = react.usePopoverContext();
|
5610
5479
|
const { t: t2 } = useTranslation();
|
5611
|
-
return /* @__PURE__ */
|
5480
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5612
5481
|
exports.Button,
|
5613
5482
|
{
|
5614
5483
|
variant: "tertiary",
|
5615
5484
|
size: "xs",
|
5616
|
-
leftIcon: isLastStep ? void 0 : /* @__PURE__ */
|
5485
|
+
leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowRightFill18Icon, null),
|
5617
5486
|
onClick: isLastStep ? onClose : onNext,
|
5618
5487
|
width: "fit-content"
|
5619
5488
|
},
|
@@ -5691,7 +5560,7 @@ var init_Pagination = __esm({
|
|
5691
5560
|
}
|
5692
5561
|
}
|
5693
5562
|
return displayPageNumbers.map(
|
5694
|
-
(pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */
|
5563
|
+
(pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React87__namespace.default.createElement(react.ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React87__namespace.default.createElement(react.Center, null, "...")) : /* @__PURE__ */ React87__namespace.default.createElement(
|
5695
5564
|
react.Link,
|
5696
5565
|
{
|
5697
5566
|
key: index,
|
@@ -5708,7 +5577,7 @@ var init_Pagination = __esm({
|
|
5708
5577
|
)
|
5709
5578
|
);
|
5710
5579
|
};
|
5711
|
-
return /* @__PURE__ */
|
5580
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React87__namespace.default.createElement(
|
5712
5581
|
react.UnorderedList,
|
5713
5582
|
{
|
5714
5583
|
display: "flex",
|
@@ -5717,22 +5586,22 @@ var init_Pagination = __esm({
|
|
5717
5586
|
padding: 0,
|
5718
5587
|
margin: 0
|
5719
5588
|
},
|
5720
|
-
/* @__PURE__ */
|
5589
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts24.previousPage) }, /* @__PURE__ */ React87__namespace.default.createElement(
|
5721
5590
|
exports.TextLink,
|
5722
5591
|
{
|
5723
5592
|
onClick: () => onPageChange(selectedPage - 1),
|
5724
5593
|
sx: hasPreviousPage ? style.link : style.disabled
|
5725
5594
|
},
|
5726
|
-
/* @__PURE__ */
|
5595
|
+
/* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, { sx: style.icon })
|
5727
5596
|
)),
|
5728
5597
|
renderPaginationButtons(),
|
5729
|
-
/* @__PURE__ */
|
5598
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts24.nextPage) }, /* @__PURE__ */ React87__namespace.default.createElement(
|
5730
5599
|
exports.TextLink,
|
5731
5600
|
{
|
5732
5601
|
onClick: () => onPageChange(selectedPage + 1),
|
5733
5602
|
sx: hasNextPage ? style.link : style.disabled
|
5734
5603
|
},
|
5735
|
-
/* @__PURE__ */
|
5604
|
+
/* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { sx: style.icon })
|
5736
5605
|
))
|
5737
5606
|
));
|
5738
5607
|
};
|
@@ -5765,7 +5634,7 @@ var init_ProgressDot = __esm({
|
|
5765
5634
|
init_src();
|
5766
5635
|
ProgressDot = ({ isActive }) => {
|
5767
5636
|
const style = react.useMultiStyleConfig("ProgressIndicator");
|
5768
|
-
return /* @__PURE__ */
|
5637
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5769
5638
|
react.Box,
|
5770
5639
|
{
|
5771
5640
|
as: "svg",
|
@@ -5775,7 +5644,7 @@ var init_ProgressDot = __esm({
|
|
5775
5644
|
viewBox: "0 0 100 100",
|
5776
5645
|
"aria-current": isActive ? "step" : void 0
|
5777
5646
|
},
|
5778
|
-
/* @__PURE__ */
|
5647
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "circle", cx: "50", cy: "50", r: "50" })
|
5779
5648
|
);
|
5780
5649
|
};
|
5781
5650
|
}
|
@@ -5791,7 +5660,7 @@ var init_ProgressIndicator = __esm({
|
|
5791
5660
|
}) => {
|
5792
5661
|
const { t: t2 } = useTranslation();
|
5793
5662
|
const style = react.useMultiStyleConfig("ProgressIndicator");
|
5794
|
-
return /* @__PURE__ */
|
5663
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5795
5664
|
react.Box,
|
5796
5665
|
{
|
5797
5666
|
__css: style.root,
|
@@ -5801,7 +5670,7 @@ var init_ProgressIndicator = __esm({
|
|
5801
5670
|
"aria-valuenow": activeStep,
|
5802
5671
|
"aria-valuetext": t2(texts25.stepsOf(activeStep, numberOfSteps))
|
5803
5672
|
},
|
5804
|
-
/* @__PURE__ */
|
5673
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React87__namespace.default.createElement(
|
5805
5674
|
ProgressDot,
|
5806
5675
|
{
|
5807
5676
|
key: i,
|
@@ -5833,7 +5702,6 @@ var init_SporProvider = __esm({
|
|
5833
5702
|
"src/provider/SporProvider.tsx"() {
|
5834
5703
|
init_src();
|
5835
5704
|
init_src();
|
5836
|
-
init_PrideProvider();
|
5837
5705
|
exports.SporProvider = ({
|
5838
5706
|
theme: theme3 = exports.theme,
|
5839
5707
|
language = "nb" /* NorwegianBokmal */,
|
@@ -5843,7 +5711,7 @@ var init_SporProvider = __esm({
|
|
5843
5711
|
}) => {
|
5844
5712
|
const brandCustomizations = exports.brandTheme[brand] ?? {};
|
5845
5713
|
const extendedTheme = deepmerge__default.default(theme3, brandCustomizations);
|
5846
|
-
return /* @__PURE__ */
|
5714
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React87__namespace.default.createElement(react.ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react$1.Global, { styles: exports.fontFaces }), children));
|
5847
5715
|
};
|
5848
5716
|
}
|
5849
5717
|
});
|
@@ -5852,13 +5720,12 @@ var init_SporProvider = __esm({
|
|
5852
5720
|
var init_provider = __esm({
|
5853
5721
|
"src/provider/index.tsx"() {
|
5854
5722
|
init_SporProvider();
|
5855
|
-
init_PrideProvider();
|
5856
5723
|
}
|
5857
5724
|
});
|
5858
5725
|
var StepperContext, StepperProvider, useStepper;
|
5859
5726
|
var init_StepperContext = __esm({
|
5860
5727
|
"src/stepper/StepperContext.tsx"() {
|
5861
|
-
StepperContext =
|
5728
|
+
StepperContext = React87__namespace.default.createContext(null);
|
5862
5729
|
StepperProvider = ({
|
5863
5730
|
activeStep,
|
5864
5731
|
children,
|
@@ -5866,7 +5733,7 @@ var init_StepperContext = __esm({
|
|
5866
5733
|
numberOfSteps,
|
5867
5734
|
variant
|
5868
5735
|
}) => {
|
5869
|
-
return /* @__PURE__ */
|
5736
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5870
5737
|
StepperContext.Provider,
|
5871
5738
|
{
|
5872
5739
|
value: { activeStep, onClick, numberOfSteps, variant }
|
@@ -5875,7 +5742,7 @@ var init_StepperContext = __esm({
|
|
5875
5742
|
);
|
5876
5743
|
};
|
5877
5744
|
useStepper = () => {
|
5878
|
-
const context =
|
5745
|
+
const context = React87__namespace.default.useContext(StepperContext);
|
5879
5746
|
if (!context) {
|
5880
5747
|
throw new Error(
|
5881
5748
|
"useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
|
@@ -5909,7 +5776,7 @@ var init_Stepper = __esm({
|
|
5909
5776
|
const { t: t2 } = useTranslation();
|
5910
5777
|
const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
|
5911
5778
|
const shownHeading = heading || title;
|
5912
|
-
return /* @__PURE__ */
|
5779
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: style.root }, /* @__PURE__ */ React87__namespace.default.createElement(
|
5913
5780
|
StepperProvider,
|
5914
5781
|
{
|
5915
5782
|
onClick,
|
@@ -5917,7 +5784,7 @@ var init_Stepper = __esm({
|
|
5917
5784
|
variant,
|
5918
5785
|
numberOfSteps
|
5919
5786
|
},
|
5920
|
-
/* @__PURE__ */
|
5787
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: style.container }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: style.innerContainer }, /* @__PURE__ */ React87__namespace.default.createElement(
|
5921
5788
|
react.Flex,
|
5922
5789
|
{
|
5923
5790
|
justifyContent: "space-between",
|
@@ -5925,11 +5792,11 @@ var init_Stepper = __esm({
|
|
5925
5792
|
gap: 2,
|
5926
5793
|
flex: 1
|
5927
5794
|
},
|
5928
|
-
/* @__PURE__ */
|
5795
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
5929
5796
|
exports.IconButton,
|
5930
5797
|
{
|
5931
5798
|
"aria-label": t2(texts26.back),
|
5932
|
-
icon: /* @__PURE__ */
|
5799
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
|
5933
5800
|
variant: "ghost",
|
5934
5801
|
size: "sm",
|
5935
5802
|
visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
|
@@ -5942,9 +5809,9 @@ var init_Stepper = __esm({
|
|
5942
5809
|
}
|
5943
5810
|
}
|
5944
5811
|
),
|
5945
|
-
shownHeading && /* @__PURE__ */
|
5946
|
-
/* @__PURE__ */
|
5947
|
-
)), /* @__PURE__ */
|
5812
|
+
shownHeading && /* @__PURE__ */ React87__namespace.default.createElement(exports.Text, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
|
5813
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: style.stepCounter }, t2(texts26.stepsOf(activeStep, numberOfSteps)))
|
5814
|
+
)), /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React87__namespace.default.createElement(
|
5948
5815
|
exports.StepperStep,
|
5949
5816
|
{
|
5950
5817
|
key: index,
|
@@ -5996,14 +5863,14 @@ var init_StepperStep = __esm({
|
|
5996
5863
|
);
|
5997
5864
|
const iconColor = react.useColorModeValue("blackAlpha.200", "whiteAlpha.200");
|
5998
5865
|
const isDisabled = state2 !== "active" && isDisabledOverride || state2 === "disabled";
|
5999
|
-
return /* @__PURE__ */
|
5866
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React87__namespace.default.createElement(
|
6000
5867
|
sporIconReact.DropdownRightFill18Icon,
|
6001
5868
|
{
|
6002
5869
|
marginX: 5,
|
6003
5870
|
display: ["none", null, "block"],
|
6004
5871
|
color: iconColor
|
6005
5872
|
}
|
6006
|
-
), isDisabled ? /* @__PURE__ */
|
5873
|
+
), isDisabled ? /* @__PURE__ */ React87__namespace.default.createElement(
|
6007
5874
|
exports.Text,
|
6008
5875
|
{
|
6009
5876
|
variant: "xs",
|
@@ -6013,7 +5880,7 @@ var init_StepperStep = __esm({
|
|
6013
5880
|
paddingX: 2
|
6014
5881
|
},
|
6015
5882
|
children
|
6016
|
-
) : /* @__PURE__ */
|
5883
|
+
) : /* @__PURE__ */ React87__namespace.default.createElement(
|
6017
5884
|
exports.Button,
|
6018
5885
|
{
|
6019
5886
|
size: "xs",
|
@@ -6049,7 +5916,7 @@ exports.Tabs = void 0;
|
|
6049
5916
|
var init_Tabs = __esm({
|
6050
5917
|
"src/tab/Tabs.tsx"() {
|
6051
5918
|
exports.Tabs = react.forwardRef((props, ref) => {
|
6052
|
-
return /* @__PURE__ */
|
5919
|
+
return /* @__PURE__ */ React87__namespace.createElement(react.Tabs, { ...props, ref });
|
6053
5920
|
});
|
6054
5921
|
}
|
6055
5922
|
});
|
@@ -6071,7 +5938,7 @@ var init_Table = __esm({
|
|
6071
5938
|
"src/table/Table.tsx"() {
|
6072
5939
|
exports.Table = react.forwardRef((props, ref) => {
|
6073
5940
|
const { variant, size: size2, colorScheme, children, ...rest } = props;
|
6074
|
-
return /* @__PURE__ */
|
5941
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React87__namespace.default.createElement(
|
6075
5942
|
react.Table,
|
6076
5943
|
{
|
6077
5944
|
variant,
|
@@ -16422,12 +16289,12 @@ var init_BaseToast = __esm({
|
|
16422
16289
|
init_src();
|
16423
16290
|
BaseToast = ({ children, variant, id }) => {
|
16424
16291
|
const styles3 = react.useStyleConfig("Toast", { variant });
|
16425
|
-
return /* @__PURE__ */
|
16292
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { sx: styles3, id }, /* @__PURE__ */ React87__namespace.default.createElement(ToastIcon, { variant }), children);
|
16426
16293
|
};
|
16427
16294
|
ToastIcon = ({ variant }) => {
|
16428
16295
|
const Icon = getIcon3(variant);
|
16429
16296
|
const { t: t2 } = useTranslation();
|
16430
|
-
return /* @__PURE__ */
|
16297
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
16431
16298
|
Icon,
|
16432
16299
|
{
|
16433
16300
|
flexShrink: 0,
|
@@ -16482,7 +16349,7 @@ var init_ActionToast = __esm({
|
|
16482
16349
|
buttonText,
|
16483
16350
|
id
|
16484
16351
|
}) => {
|
16485
|
-
return /* @__PURE__ */
|
16352
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React87__namespace.default.createElement(exports.Button, { variant: "tertiary", size: "sm", onClick }, buttonText));
|
16486
16353
|
};
|
16487
16354
|
}
|
16488
16355
|
});
|
@@ -16499,13 +16366,13 @@ var init_ClosableToast = __esm({
|
|
16499
16366
|
}) => {
|
16500
16367
|
const styles3 = react.useMultiStyleConfig("Toast", { variant });
|
16501
16368
|
const { t: t2 } = useTranslation();
|
16502
|
-
return /* @__PURE__ */
|
16369
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { flexGrow: "1" }, children), /* @__PURE__ */ React87__namespace.default.createElement(
|
16503
16370
|
exports.IconButton,
|
16504
16371
|
{
|
16505
16372
|
sx: styles3.dismissButton,
|
16506
16373
|
variant: "ghost",
|
16507
16374
|
"aria-label": t2(texts28.dismiss),
|
16508
|
-
icon: /* @__PURE__ */
|
16375
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
|
16509
16376
|
onClick: onClose
|
16510
16377
|
}
|
16511
16378
|
));
|
@@ -16528,7 +16395,7 @@ var init_useToast = __esm({
|
|
16528
16395
|
init_ClosableToast();
|
16529
16396
|
exports.useToast = () => {
|
16530
16397
|
const toast = react.useToast();
|
16531
|
-
const wrappedToast =
|
16398
|
+
const wrappedToast = React87.useCallback((opts) => {
|
16532
16399
|
const Toast = getToastComponent(opts);
|
16533
16400
|
toast({
|
16534
16401
|
...opts,
|
@@ -16539,7 +16406,7 @@ var init_useToast = __esm({
|
|
16539
16406
|
};
|
16540
16407
|
getToastComponent = (opts) => {
|
16541
16408
|
if ("isClosable" in opts && opts.isClosable) {
|
16542
|
-
return ({ onClose, id }) => /* @__PURE__ */
|
16409
|
+
return ({ onClose, id }) => /* @__PURE__ */ React87__namespace.default.createElement(
|
16543
16410
|
ClosableToast,
|
16544
16411
|
{
|
16545
16412
|
id,
|
@@ -16555,7 +16422,7 @@ var init_useToast = __esm({
|
|
16555
16422
|
);
|
16556
16423
|
}
|
16557
16424
|
if ("buttonText" in opts) {
|
16558
|
-
return ({ id }) => /* @__PURE__ */
|
16425
|
+
return ({ id }) => /* @__PURE__ */ React87__namespace.default.createElement(
|
16559
16426
|
ActionToast,
|
16560
16427
|
{
|
16561
16428
|
id,
|
@@ -16566,7 +16433,7 @@ var init_useToast = __esm({
|
|
16566
16433
|
opts.text
|
16567
16434
|
);
|
16568
16435
|
}
|
16569
|
-
return ({ id }) => /* @__PURE__ */
|
16436
|
+
return ({ id }) => /* @__PURE__ */ React87__namespace.default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
|
16570
16437
|
};
|
16571
16438
|
}
|
16572
16439
|
});
|
@@ -16591,7 +16458,7 @@ var init_Tooltip = __esm({
|
|
16591
16458
|
withCloseButton = false,
|
16592
16459
|
...props
|
16593
16460
|
}) => {
|
16594
|
-
return /* @__PURE__ */
|
16461
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
16595
16462
|
react.Popover,
|
16596
16463
|
{
|
16597
16464
|
onClose,
|
@@ -16603,8 +16470,8 @@ var init_Tooltip = __esm({
|
|
16603
16470
|
arrowShadowColor: "none",
|
16604
16471
|
...props
|
16605
16472
|
},
|
16606
|
-
/* @__PURE__ */
|
16607
|
-
/* @__PURE__ */
|
16473
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.PopoverTrigger, null, children),
|
16474
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.PopoverContent, null, /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverArrow, null), withCloseButton && /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverBody, null, content))
|
16608
16475
|
);
|
16609
16476
|
};
|
16610
16477
|
}
|
@@ -16677,8 +16544,8 @@ function useSizes({
|
|
16677
16544
|
getNodes,
|
16678
16545
|
observeMutation = true
|
16679
16546
|
}) {
|
16680
|
-
const [sizes26, setSizes] =
|
16681
|
-
const [count, setCount] =
|
16547
|
+
const [sizes26, setSizes] = React87.useState([]);
|
16548
|
+
const [count, setCount] = React87.useState(0);
|
16682
16549
|
useSafeLayoutEffect(() => {
|
16683
16550
|
const elements = getNodes();
|
16684
16551
|
const cleanups = elements.map(
|
@@ -16726,7 +16593,7 @@ var init_dist9 = __esm({
|
|
16726
16593
|
"../../node_modules/@chakra-ui/react-use-size/dist/index.mjs"() {
|
16727
16594
|
"use client";
|
16728
16595
|
init_dist8();
|
16729
|
-
useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ?
|
16596
|
+
useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React87.useLayoutEffect : React87.useEffect;
|
16730
16597
|
}
|
16731
16598
|
});
|
16732
16599
|
var init_externals = __esm({
|
@@ -16781,7 +16648,6 @@ var init_src = __esm({
|
|
16781
16648
|
init_modal();
|
16782
16649
|
init_nudge();
|
16783
16650
|
init_pagination();
|
16784
|
-
init_pride();
|
16785
16651
|
init_progress_indicator();
|
16786
16652
|
init_provider();
|
16787
16653
|
init_stepper();
|