@vygruppen/spor-react 9.14.1 → 9.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +10 -10
- package/CHANGELOG.md +12 -0
- package/dist/{CountryCodeSelect-JADNUR4X.mjs → CountryCodeSelect-2DASZ3PQ.mjs} +1 -1
- package/dist/{chunk-HKTFZRTD.mjs → chunk-MDMLROK2.mjs} +474 -561
- package/dist/index.d.mts +4 -26
- package/dist/index.d.ts +4 -26
- package/dist/index.js +541 -663
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/index.tsx +0 -1
- package/src/input/Combobox.tsx +11 -4
- package/src/input/Input.tsx +1 -0
- package/src/input/ListBox.tsx +4 -0
- package/src/loader/ColorInlineLoader.tsx +1 -10
- package/src/loader/ColorSpinner.tsx +2 -11
- package/src/loader/ContentLoader.tsx +2 -13
- package/src/loader/DarkInlineLoader.tsx +2 -13
- package/src/loader/LightFullScreenLoader.tsx +1 -10
- package/src/loader/LightInlineLoader.tsx +2 -13
- package/src/logo/VyLogo.tsx +90 -11
- package/src/logo/index.tsx +0 -1
- package/src/provider/SporProvider.tsx +4 -7
- package/src/provider/index.tsx +0 -1
- package/src/theme/components/listbox.ts +4 -3
- package/src/logo/VyLogoDefault.tsx +0 -104
- package/src/pride/PrideProvider.tsx +0 -58
- package/src/pride/TogglePride.tsx +0 -23
- package/src/pride/index.tsx +0 -2
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,16 +1143,16 @@ 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
|
+
const listboxId = `${React87.useId()}-listbox`;
|
1150
1151
|
const inputWidth = useInputWidth(inputRef);
|
1151
1152
|
const state2 = reactStately.useComboBoxState({
|
1152
1153
|
allowsEmptyCollection: Boolean(emptyContent),
|
1153
1154
|
defaultFilter: contains2,
|
1154
1155
|
shouldCloseOnBlur: true,
|
1155
|
-
label,
|
1156
1156
|
...rest
|
1157
1157
|
});
|
1158
1158
|
const comboBoxProps = {
|
@@ -1180,21 +1180,26 @@ function Combobox({
|
|
1180
1180
|
...rest,
|
1181
1181
|
inputRef,
|
1182
1182
|
listBoxRef,
|
1183
|
-
popoverRef
|
1183
|
+
popoverRef,
|
1184
|
+
label
|
1184
1185
|
},
|
1185
1186
|
state2
|
1186
1187
|
);
|
1187
|
-
return /* @__PURE__ */
|
1188
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
1188
1189
|
exports.Input,
|
1189
1190
|
{
|
1190
1191
|
...styleProps(comboBoxProps),
|
1191
1192
|
"aria-haspopup": "listbox",
|
1192
1193
|
ref: inputRef,
|
1194
|
+
role: "combobox",
|
1193
1195
|
label,
|
1196
|
+
"aria-expanded": state2.isOpen,
|
1197
|
+
"aria-autocomplete": "list",
|
1198
|
+
"aria-controls": listboxId,
|
1194
1199
|
borderBottomLeftRadius: state2.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
|
1195
1200
|
borderBottomRightRadius: state2.isOpen && !isLoading ? 0 : borderBottomRightRadius,
|
1196
1201
|
...inputProps,
|
1197
|
-
rightIcon: isLoading ? /* @__PURE__ */
|
1202
|
+
rightIcon: isLoading ? /* @__PURE__ */ React87__namespace.default.createElement(
|
1198
1203
|
exports.ColorSpinner,
|
1199
1204
|
{
|
1200
1205
|
width: "1.5rem",
|
@@ -1209,7 +1214,7 @@ function Combobox({
|
|
1209
1214
|
}
|
1210
1215
|
) : rightIcon
|
1211
1216
|
}
|
1212
|
-
), state2.isOpen && !isLoading && /* @__PURE__ */
|
1217
|
+
), /* @__PURE__ */ React87__namespace.default.createElement("span", { "aria-hidden": "true", "data-trigger": "multiselect" }), state2.isOpen && !isLoading && /* @__PURE__ */ React87__namespace.default.createElement(
|
1213
1218
|
Popover,
|
1214
1219
|
{
|
1215
1220
|
state: state2,
|
@@ -1221,11 +1226,12 @@ function Combobox({
|
|
1221
1226
|
hasBackdrop: false,
|
1222
1227
|
containerPadding: 0
|
1223
1228
|
},
|
1224
|
-
/* @__PURE__ */
|
1229
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
1225
1230
|
ListBox,
|
1226
1231
|
{
|
1227
1232
|
...listBoxProps,
|
1228
1233
|
state: state2,
|
1234
|
+
id: listboxId,
|
1229
1235
|
listBoxRef,
|
1230
1236
|
emptyContent,
|
1231
1237
|
maxWidth: inputWidth
|
@@ -1245,8 +1251,8 @@ var init_Combobox = __esm({
|
|
1245
1251
|
init_src();
|
1246
1252
|
init_Popover();
|
1247
1253
|
useInputWidth = (inputRef) => {
|
1248
|
-
const [inputWidth, setInputWidth] =
|
1249
|
-
|
1254
|
+
const [inputWidth, setInputWidth] = React87.useState("auto");
|
1255
|
+
React87.useEffect(() => {
|
1250
1256
|
const onResize = debounce(() => {
|
1251
1257
|
if (inputRef.current) {
|
1252
1258
|
setInputWidth(`${inputRef.current.offsetWidth}px`);
|
@@ -1273,7 +1279,7 @@ exports.FormControl = void 0;
|
|
1273
1279
|
var init_FormControl = __esm({
|
1274
1280
|
"src/input/FormControl.tsx"() {
|
1275
1281
|
exports.FormControl = react.forwardRef((props, ref) => {
|
1276
|
-
return /* @__PURE__ */
|
1282
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.FormControl, { ...props, ref });
|
1277
1283
|
});
|
1278
1284
|
}
|
1279
1285
|
});
|
@@ -1294,7 +1300,7 @@ var init_FormErrorMessage = __esm({
|
|
1294
1300
|
return null;
|
1295
1301
|
}
|
1296
1302
|
const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
|
1297
|
-
return /* @__PURE__ */
|
1303
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { position: "relative", ref }, /* @__PURE__ */ React87__namespace.default.createElement(
|
1298
1304
|
react.Box,
|
1299
1305
|
{
|
1300
1306
|
borderRadius: "xs",
|
@@ -1312,12 +1318,12 @@ var init_FormErrorMessage = __esm({
|
|
1312
1318
|
...errorMessageProps,
|
1313
1319
|
...boxProps
|
1314
1320
|
},
|
1315
|
-
/* @__PURE__ */
|
1321
|
+
/* @__PURE__ */ React87__namespace.default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
|
1316
1322
|
children
|
1317
1323
|
));
|
1318
1324
|
};
|
1319
1325
|
Arrow = (props) => {
|
1320
|
-
return /* @__PURE__ */
|
1326
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
1321
1327
|
react.Box,
|
1322
1328
|
{
|
1323
1329
|
...props,
|
@@ -1328,7 +1334,7 @@ var init_FormErrorMessage = __esm({
|
|
1328
1334
|
fill: "none",
|
1329
1335
|
transform: "rotate(45deg)"
|
1330
1336
|
},
|
1331
|
-
/* @__PURE__ */
|
1337
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
1332
1338
|
react.Box,
|
1333
1339
|
{
|
1334
1340
|
as: "path",
|
@@ -1344,7 +1350,7 @@ exports.FormLabel = void 0;
|
|
1344
1350
|
var init_FormLabel = __esm({
|
1345
1351
|
"src/input/FormLabel.tsx"() {
|
1346
1352
|
exports.FormLabel = react.forwardRef((props, ref) => {
|
1347
|
-
return /* @__PURE__ */
|
1353
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.FormLabel, { ...props, ref });
|
1348
1354
|
});
|
1349
1355
|
}
|
1350
1356
|
});
|
@@ -1357,7 +1363,7 @@ function ListBox({
|
|
1357
1363
|
}) {
|
1358
1364
|
const { listBoxProps } = reactAria.useListBox(props, state2, listBoxRef);
|
1359
1365
|
const styles3 = react.useMultiStyleConfig("ListBox", {});
|
1360
|
-
return /* @__PURE__ */
|
1366
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
1361
1367
|
react.List,
|
1362
1368
|
{
|
1363
1369
|
...listBoxProps,
|
@@ -1368,26 +1374,27 @@ function ListBox({
|
|
1368
1374
|
},
|
1369
1375
|
state2.collection.size === 0 && props.emptyContent,
|
1370
1376
|
Array.from(state2.collection).map(
|
1371
|
-
(item) => item.type === "section" ? /* @__PURE__ */
|
1377
|
+
(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
1378
|
)
|
1373
1379
|
);
|
1374
1380
|
}
|
1375
1381
|
function ItemLabel({ children }) {
|
1376
1382
|
let { labelProps } = useOptionContext();
|
1377
1383
|
const styles3 = react.useMultiStyleConfig("ListBox", {});
|
1378
|
-
return /* @__PURE__ */
|
1384
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...labelProps, sx: styles3.label }, children);
|
1379
1385
|
}
|
1380
1386
|
function ItemDescription({ children }) {
|
1381
1387
|
let { descriptionProps } = useOptionContext();
|
1382
1388
|
const styles3 = react.useMultiStyleConfig("ListBox", {});
|
1383
|
-
return /* @__PURE__ */
|
1389
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...descriptionProps, sx: styles3.description }, children);
|
1384
1390
|
}
|
1385
1391
|
function Option({ item, state: state2 }) {
|
1386
|
-
const ref =
|
1392
|
+
const ref = React87.useRef(null);
|
1387
1393
|
const {
|
1388
1394
|
optionProps,
|
1389
1395
|
isSelected,
|
1390
1396
|
isDisabled,
|
1397
|
+
isFocusVisible,
|
1391
1398
|
isFocused,
|
1392
1399
|
labelProps,
|
1393
1400
|
descriptionProps
|
@@ -1403,7 +1410,10 @@ function Option({ item, state: state2 }) {
|
|
1403
1410
|
if (isFocused) {
|
1404
1411
|
dataFields["data-focus"] = true;
|
1405
1412
|
}
|
1406
|
-
|
1413
|
+
if (isFocusVisible) {
|
1414
|
+
dataFields["data-focus-visible"] = true;
|
1415
|
+
}
|
1416
|
+
React87.useEffect(() => {
|
1407
1417
|
var _a6;
|
1408
1418
|
(_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
|
1409
1419
|
"touchend",
|
@@ -1413,7 +1423,7 @@ function Option({ item, state: state2 }) {
|
|
1413
1423
|
{ passive: false, once: true }
|
1414
1424
|
);
|
1415
1425
|
}, []);
|
1416
|
-
return /* @__PURE__ */
|
1426
|
+
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
1427
|
}
|
1418
1428
|
function ListBoxSection({ section, state: state2 }) {
|
1419
1429
|
const { itemProps, headingProps, groupProps } = reactAria.useListBoxSection({
|
@@ -1422,7 +1432,7 @@ function ListBoxSection({ section, state: state2 }) {
|
|
1422
1432
|
});
|
1423
1433
|
const isFirstSection = section.key === state2.collection.getFirstKey();
|
1424
1434
|
const titleColor = react.useColorModeValue("darkGrey", "white");
|
1425
|
-
return /* @__PURE__ */
|
1435
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React87__namespace.default.createElement(
|
1426
1436
|
react.Box,
|
1427
1437
|
{
|
1428
1438
|
fontSize: "mobile.xs",
|
@@ -1435,19 +1445,19 @@ function ListBoxSection({ section, state: state2 }) {
|
|
1435
1445
|
...headingProps
|
1436
1446
|
},
|
1437
1447
|
section.rendered
|
1438
|
-
), /* @__PURE__ */
|
1439
|
-
(item) => /* @__PURE__ */
|
1448
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(react.List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
|
1449
|
+
(item) => /* @__PURE__ */ React87__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
|
1440
1450
|
)));
|
1441
1451
|
}
|
1442
1452
|
var OptionContext, useOptionContext;
|
1443
1453
|
var init_ListBox = __esm({
|
1444
1454
|
"src/input/ListBox.tsx"() {
|
1445
|
-
OptionContext =
|
1455
|
+
OptionContext = React87__namespace.default.createContext({
|
1446
1456
|
labelProps: {},
|
1447
1457
|
descriptionProps: {}
|
1448
1458
|
});
|
1449
1459
|
useOptionContext = () => {
|
1450
|
-
return
|
1460
|
+
return React87.useContext(OptionContext);
|
1451
1461
|
};
|
1452
1462
|
}
|
1453
1463
|
});
|
@@ -1467,8 +1477,8 @@ function InfoSelect({
|
|
1467
1477
|
...props
|
1468
1478
|
};
|
1469
1479
|
const state2 = reactStately.useSelectState(renamedProps);
|
1470
|
-
const triggerRef =
|
1471
|
-
const listboxRef =
|
1480
|
+
const triggerRef = React87.useRef(null);
|
1481
|
+
const listboxRef = React87.useRef(null);
|
1472
1482
|
const { labelProps, triggerProps, valueProps, menuProps } = reactAria.useSelect(
|
1473
1483
|
renamedProps,
|
1474
1484
|
state2,
|
@@ -1485,7 +1495,7 @@ function InfoSelect({
|
|
1485
1495
|
const { t: t2 } = useTranslation();
|
1486
1496
|
const formControl = react.useFormControlProps(props);
|
1487
1497
|
const hasChosenValue = state2.selectedItem !== null;
|
1488
|
-
return /* @__PURE__ */
|
1498
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React87__namespace.default.createElement(
|
1489
1499
|
reactAria.HiddenSelect,
|
1490
1500
|
{
|
1491
1501
|
state: state2,
|
@@ -1493,7 +1503,7 @@ function InfoSelect({
|
|
1493
1503
|
label: props.label,
|
1494
1504
|
name: props.name
|
1495
1505
|
}
|
1496
|
-
), /* @__PURE__ */
|
1506
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
1497
1507
|
react.chakra.button,
|
1498
1508
|
{
|
1499
1509
|
type: "button",
|
@@ -1504,7 +1514,7 @@ function InfoSelect({
|
|
1504
1514
|
"aria-invalid": formControl.isInvalid,
|
1505
1515
|
"aria-describedby": formControl["aria-describedby"]
|
1506
1516
|
},
|
1507
|
-
/* @__PURE__ */
|
1517
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React87__namespace.default.createElement(
|
1508
1518
|
react.chakra.div,
|
1509
1519
|
{
|
1510
1520
|
...labelProps,
|
@@ -1518,7 +1528,7 @@ function InfoSelect({
|
|
1518
1528
|
}
|
1519
1529
|
},
|
1520
1530
|
props.label
|
1521
|
-
), /* @__PURE__ */
|
1531
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
1522
1532
|
react.Box,
|
1523
1533
|
{
|
1524
1534
|
...valueProps,
|
@@ -1530,15 +1540,15 @@ function InfoSelect({
|
|
1530
1540
|
},
|
1531
1541
|
state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts.selectAnOption)
|
1532
1542
|
)),
|
1533
|
-
/* @__PURE__ */
|
1534
|
-
), state2.isOpen && /* @__PURE__ */
|
1543
|
+
/* @__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))
|
1544
|
+
), state2.isOpen && /* @__PURE__ */ React87__namespace.default.createElement(
|
1535
1545
|
Popover,
|
1536
1546
|
{
|
1537
1547
|
state: state2,
|
1538
1548
|
triggerRef,
|
1539
1549
|
containerPadding: 0
|
1540
1550
|
},
|
1541
|
-
/* @__PURE__ */
|
1551
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
1542
1552
|
ListBox,
|
1543
1553
|
{
|
1544
1554
|
...menuProps,
|
@@ -1572,9 +1582,9 @@ var init_Input = __esm({
|
|
1572
1582
|
exports.Input = react.forwardRef(
|
1573
1583
|
({ label, leftIcon, rightIcon, id, size: size2, ...props }, ref) => {
|
1574
1584
|
const formControlProps = react.useFormControlContext();
|
1575
|
-
const fallbackId = `input-${
|
1585
|
+
const fallbackId = `input-${React87.useId()}`;
|
1576
1586
|
const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
|
1577
|
-
return /* @__PURE__ */
|
1587
|
+
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
1588
|
react.Input,
|
1579
1589
|
{
|
1580
1590
|
"data-attachable": true,
|
@@ -1582,10 +1592,11 @@ var init_Input = __esm({
|
|
1582
1592
|
paddingRight: rightIcon ? 7 : void 0,
|
1583
1593
|
...props,
|
1584
1594
|
id: inputId,
|
1595
|
+
"aria-labelledby": inputId,
|
1585
1596
|
ref,
|
1586
1597
|
placeholder: " "
|
1587
1598
|
}
|
1588
|
-
), /* @__PURE__ */
|
1599
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(react.FormLabel, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React87__namespace.default.createElement(react.InputRightElement, { pointerEvents: "none" }, rightIcon));
|
1589
1600
|
}
|
1590
1601
|
);
|
1591
1602
|
}
|
@@ -1594,10 +1605,10 @@ exports.InputLeftElement = void 0; exports.InputRightElement = void 0;
|
|
1594
1605
|
var init_InputElement = __esm({
|
1595
1606
|
"src/input/InputElement.tsx"() {
|
1596
1607
|
exports.InputLeftElement = react.forwardRef(
|
1597
|
-
(props, ref) => /* @__PURE__ */
|
1608
|
+
(props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.InputLeftElement, { ...props, ref })
|
1598
1609
|
);
|
1599
1610
|
exports.InputRightElement = react.forwardRef(
|
1600
|
-
(props, ref) => /* @__PURE__ */
|
1611
|
+
(props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.InputRightElement, { ...props, ref })
|
1601
1612
|
);
|
1602
1613
|
}
|
1603
1614
|
});
|
@@ -1608,7 +1619,7 @@ var init_NativeSelect = __esm({
|
|
1608
1619
|
exports.NativeSelect = react.forwardRef(
|
1609
1620
|
({ label, ...props }, ref) => {
|
1610
1621
|
const styles3 = react.useMultiStyleConfig("Select", props);
|
1611
|
-
return /* @__PURE__ */
|
1622
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(exports.FormControl, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
1612
1623
|
react.Select,
|
1613
1624
|
{
|
1614
1625
|
"data-attachable": true,
|
@@ -1616,7 +1627,7 @@ var init_NativeSelect = __esm({
|
|
1616
1627
|
rootProps: { __css: styles3.root },
|
1617
1628
|
ref
|
1618
1629
|
}
|
1619
|
-
), label && /* @__PURE__ */
|
1630
|
+
), label && /* @__PURE__ */ React87__namespace.default.createElement(exports.FormLabel, null, label));
|
1620
1631
|
}
|
1621
1632
|
);
|
1622
1633
|
}
|
@@ -1644,17 +1655,17 @@ function NumericStepper({
|
|
1644
1655
|
});
|
1645
1656
|
const formControlProps = react.useFormControl({ id: idProp, isDisabled });
|
1646
1657
|
const clampedStepSize = Math.max(Math.min(stepSize, 10), 1);
|
1647
|
-
return /* @__PURE__ */
|
1658
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React87__namespace.default.createElement(
|
1648
1659
|
VerySmallButton,
|
1649
1660
|
{
|
1650
|
-
icon: /* @__PURE__ */
|
1661
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
|
1651
1662
|
"aria-label": t2(texts2.decrementButtonAriaLabel(clampedStepSize)),
|
1652
1663
|
onClick: () => onChange(Math.max(value - clampedStepSize, minValue)),
|
1653
1664
|
visibility: value <= minValue ? "hidden" : "visible",
|
1654
1665
|
isDisabled: formControlProps.disabled,
|
1655
1666
|
id: value <= minValue ? void 0 : formControlProps.id
|
1656
1667
|
}
|
1657
|
-
), withInput ? /* @__PURE__ */
|
1668
|
+
), withInput ? /* @__PURE__ */ React87__namespace.default.createElement(
|
1658
1669
|
react.chakra.input,
|
1659
1670
|
{
|
1660
1671
|
type: "number",
|
@@ -1677,7 +1688,7 @@ function NumericStepper({
|
|
1677
1688
|
onChange(Math.max(Math.min(numericInput, maxValue), minValue));
|
1678
1689
|
}
|
1679
1690
|
}
|
1680
|
-
) : /* @__PURE__ */
|
1691
|
+
) : /* @__PURE__ */ React87__namespace.default.createElement(
|
1681
1692
|
react.chakra.text,
|
1682
1693
|
{
|
1683
1694
|
sx: styles3.text,
|
@@ -1685,10 +1696,10 @@ function NumericStepper({
|
|
1685
1696
|
"aria-label": value.toString()
|
1686
1697
|
},
|
1687
1698
|
value
|
1688
|
-
), /* @__PURE__ */
|
1699
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
1689
1700
|
VerySmallButton,
|
1690
1701
|
{
|
1691
|
-
icon: /* @__PURE__ */
|
1702
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(AddIcon, { stepLabel: clampedStepSize }),
|
1692
1703
|
"aria-label": t2(texts2.incrementButtonAriaLabel(clampedStepSize)),
|
1693
1704
|
onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
|
1694
1705
|
visibility: value >= maxValue ? "hidden" : "visible",
|
@@ -1703,9 +1714,9 @@ var init_NumericStepper = __esm({
|
|
1703
1714
|
init_src();
|
1704
1715
|
VerySmallButton = (props) => {
|
1705
1716
|
const styles3 = react.useMultiStyleConfig("NumericStepper", {});
|
1706
|
-
return /* @__PURE__ */
|
1717
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(exports.IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
|
1707
1718
|
};
|
1708
|
-
SubtractIcon = (props) => /* @__PURE__ */
|
1719
|
+
SubtractIcon = (props) => /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
1709
1720
|
react.Box,
|
1710
1721
|
{
|
1711
1722
|
as: "svg",
|
@@ -1715,7 +1726,7 @@ var init_NumericStepper = __esm({
|
|
1715
1726
|
stroke: "currentColor",
|
1716
1727
|
...props
|
1717
1728
|
},
|
1718
|
-
/* @__PURE__ */
|
1729
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
1719
1730
|
"line",
|
1720
1731
|
{
|
1721
1732
|
x1: "9",
|
@@ -1726,8 +1737,8 @@ var init_NumericStepper = __esm({
|
|
1726
1737
|
strokeLinecap: "round"
|
1727
1738
|
}
|
1728
1739
|
)
|
1729
|
-
), props.stepLabel > 1 && /* @__PURE__ */
|
1730
|
-
AddIcon = (props) => /* @__PURE__ */
|
1740
|
+
), props.stepLabel > 1 && /* @__PURE__ */ React87__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
|
1741
|
+
AddIcon = (props) => /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
1731
1742
|
react.Box,
|
1732
1743
|
{
|
1733
1744
|
as: "svg",
|
@@ -1737,7 +1748,7 @@ var init_NumericStepper = __esm({
|
|
1737
1748
|
stroke: "currentColor",
|
1738
1749
|
...props
|
1739
1750
|
},
|
1740
|
-
/* @__PURE__ */
|
1751
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
1741
1752
|
"line",
|
1742
1753
|
{
|
1743
1754
|
x1: "9",
|
@@ -1748,7 +1759,7 @@ var init_NumericStepper = __esm({
|
|
1748
1759
|
strokeLinecap: "round"
|
1749
1760
|
}
|
1750
1761
|
),
|
1751
|
-
/* @__PURE__ */
|
1762
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
1752
1763
|
"line",
|
1753
1764
|
{
|
1754
1765
|
x1: "15",
|
@@ -1759,7 +1770,7 @@ var init_NumericStepper = __esm({
|
|
1759
1770
|
strokeLinecap: "round"
|
1760
1771
|
}
|
1761
1772
|
)
|
1762
|
-
), props.stepLabel > 1 && /* @__PURE__ */
|
1773
|
+
), props.stepLabel > 1 && /* @__PURE__ */ React87__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
|
1763
1774
|
texts2 = createTexts({
|
1764
1775
|
decrementButtonAriaLabel(stepSize) {
|
1765
1776
|
return {
|
@@ -1790,9 +1801,9 @@ var init_PasswordInput = __esm({
|
|
1790
1801
|
const { isOpen: isShowingPassword, onToggle } = react.useDisclosure();
|
1791
1802
|
const { t: t2 } = useTranslation();
|
1792
1803
|
const formControlProps = react.useFormControlContext();
|
1793
|
-
const autoGeneratedId = `password-input-${
|
1804
|
+
const autoGeneratedId = `password-input-${React87.useId()}`;
|
1794
1805
|
const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
|
1795
|
-
return /* @__PURE__ */
|
1806
|
+
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
1807
|
react.Input,
|
1797
1808
|
{
|
1798
1809
|
...props,
|
@@ -1804,7 +1815,7 @@ var init_PasswordInput = __esm({
|
|
1804
1815
|
ref,
|
1805
1816
|
"data-attachable": true
|
1806
1817
|
}
|
1807
|
-
), /* @__PURE__ */
|
1818
|
+
), /* @__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
1819
|
react.Button,
|
1809
1820
|
{
|
1810
1821
|
variant: "ghost",
|
@@ -1861,7 +1872,7 @@ var init_CountryCodeSelect = __esm({
|
|
1861
1872
|
callingCodes = [...prioritizedCountryCodes, ...sortedCallingCodes];
|
1862
1873
|
CountryCodeSelect = (props) => {
|
1863
1874
|
const { t: t2 } = useTranslation();
|
1864
|
-
return /* @__PURE__ */
|
1875
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
1865
1876
|
InfoSelect,
|
1866
1877
|
{
|
1867
1878
|
label: t2(texts4.countryCode),
|
@@ -1869,7 +1880,7 @@ var init_CountryCodeSelect = __esm({
|
|
1869
1880
|
items: callingCodes,
|
1870
1881
|
...props
|
1871
1882
|
},
|
1872
|
-
(item) => /* @__PURE__ */
|
1883
|
+
(item) => /* @__PURE__ */ React87__namespace.default.createElement(reactStately.Item, { key: item.key }, item.key)
|
1873
1884
|
);
|
1874
1885
|
};
|
1875
1886
|
CountryCodeSelect_default = CountryCodeSelect;
|
@@ -1906,10 +1917,10 @@ var init_PhoneNumberInput = __esm({
|
|
1906
1917
|
nationalNumber: ""
|
1907
1918
|
}
|
1908
1919
|
});
|
1909
|
-
return /* @__PURE__ */
|
1910
|
-
|
1920
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React87__namespace.default.createElement(
|
1921
|
+
React87.Suspense,
|
1911
1922
|
{
|
1912
|
-
fallback: /* @__PURE__ */
|
1923
|
+
fallback: /* @__PURE__ */ React87__namespace.default.createElement(
|
1913
1924
|
InfoSelect,
|
1914
1925
|
{
|
1915
1926
|
isLabelSrOnly: true,
|
@@ -1918,10 +1929,10 @@ var init_PhoneNumberInput = __esm({
|
|
1918
1929
|
height: "100%",
|
1919
1930
|
value: "+47"
|
1920
1931
|
},
|
1921
|
-
/* @__PURE__ */
|
1932
|
+
/* @__PURE__ */ React87__namespace.default.createElement(reactStately.Item, { key: "+47" }, "+47")
|
1922
1933
|
)
|
1923
1934
|
},
|
1924
|
-
/* @__PURE__ */
|
1935
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
1925
1936
|
LazyCountryCodeSelect,
|
1926
1937
|
{
|
1927
1938
|
value: value.countryCode,
|
@@ -1934,7 +1945,7 @@ var init_PhoneNumberInput = __esm({
|
|
1934
1945
|
width: "6.25rem"
|
1935
1946
|
}
|
1936
1947
|
)
|
1937
|
-
), /* @__PURE__ */
|
1948
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
1938
1949
|
exports.Input,
|
1939
1950
|
{
|
1940
1951
|
ref,
|
@@ -1969,14 +1980,14 @@ var init_PhoneNumberInput = __esm({
|
|
1969
1980
|
sv: "Landskod"
|
1970
1981
|
}
|
1971
1982
|
});
|
1972
|
-
LazyCountryCodeSelect =
|
1983
|
+
LazyCountryCodeSelect = React87__namespace.default.lazy(() => Promise.resolve().then(() => (init_CountryCodeSelect(), CountryCodeSelect_exports)));
|
1973
1984
|
}
|
1974
1985
|
});
|
1975
1986
|
exports.Radio = void 0;
|
1976
1987
|
var init_Radio = __esm({
|
1977
1988
|
"src/input/Radio.tsx"() {
|
1978
1989
|
exports.Radio = react.forwardRef((props, ref) => {
|
1979
|
-
return /* @__PURE__ */
|
1990
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Radio, { ...props, ref });
|
1980
1991
|
});
|
1981
1992
|
}
|
1982
1993
|
});
|
@@ -1985,7 +1996,7 @@ var init_RadioGroup = __esm({
|
|
1985
1996
|
"src/input/RadioGroup.tsx"() {
|
1986
1997
|
exports.RadioGroup = react.forwardRef(
|
1987
1998
|
({ children, direction: direction2 = "row", ...rest }, ref) => {
|
1988
|
-
return /* @__PURE__ */
|
1999
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.RadioGroup, { ...rest, ref }, /* @__PURE__ */ React87__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
|
1989
2000
|
}
|
1990
2001
|
);
|
1991
2002
|
}
|
@@ -2000,9 +2011,9 @@ var init_SearchInput = __esm({
|
|
2000
2011
|
const { t: t2 } = useTranslation();
|
2001
2012
|
const showClearButton = onReset && Boolean(props.value);
|
2002
2013
|
const formControlProps = react.useFormControlContext();
|
2003
|
-
const autoGeneratedId =
|
2014
|
+
const autoGeneratedId = React87.useId();
|
2004
2015
|
const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
|
2005
|
-
return /* @__PURE__ */
|
2016
|
+
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
2017
|
react.Input,
|
2007
2018
|
{
|
2008
2019
|
paddingLeft: 7,
|
@@ -2019,7 +2030,7 @@ var init_SearchInput = __esm({
|
|
2019
2030
|
placeholder: " ",
|
2020
2031
|
"data-attachable": true
|
2021
2032
|
}
|
2022
|
-
), /* @__PURE__ */
|
2033
|
+
), /* @__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
2034
|
react.IconButton,
|
2024
2035
|
{
|
2025
2036
|
variant: "ghost",
|
@@ -2027,7 +2038,7 @@ var init_SearchInput = __esm({
|
|
2027
2038
|
size: "sm",
|
2028
2039
|
marginRight: 1,
|
2029
2040
|
"aria-label": t2(texts6.reset),
|
2030
|
-
icon: /* @__PURE__ */
|
2041
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
|
2031
2042
|
onClick: onReset
|
2032
2043
|
}
|
2033
2044
|
)));
|
@@ -2054,7 +2065,7 @@ var init_Switch = __esm({
|
|
2054
2065
|
"src/input/Switch.tsx"() {
|
2055
2066
|
exports.Switch = react.forwardRef(
|
2056
2067
|
({ size: size2 = "md", ...props }, ref) => {
|
2057
|
-
return /* @__PURE__ */
|
2068
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Switch, { size: size2, ...props, ref });
|
2058
2069
|
}
|
2059
2070
|
);
|
2060
2071
|
}
|
@@ -2126,9 +2137,9 @@ var init_Textarea = __esm({
|
|
2126
2137
|
remainingProps: { label, ...rest }
|
2127
2138
|
} = getSpacingProps(props);
|
2128
2139
|
const formControlProps = react.useFormControlContext();
|
2129
|
-
const fallbackId = `textarea-${
|
2140
|
+
const fallbackId = `textarea-${React87.useId()}`;
|
2130
2141
|
const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
|
2131
|
-
return /* @__PURE__ */
|
2142
|
+
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
2143
|
});
|
2133
2144
|
}
|
2134
2145
|
});
|
@@ -2162,7 +2173,7 @@ exports.RadioCardGroupContext = void 0; exports.RadioCardGroup = void 0;
|
|
2162
2173
|
var init_RadioCardGroup = __esm({
|
2163
2174
|
"src/layout/RadioCardGroup.tsx"() {
|
2164
2175
|
init_input();
|
2165
|
-
exports.RadioCardGroupContext =
|
2176
|
+
exports.RadioCardGroupContext = React87__namespace.default.createContext(null);
|
2166
2177
|
exports.RadioCardGroup = ({
|
2167
2178
|
children,
|
2168
2179
|
name,
|
@@ -2173,14 +2184,14 @@ var init_RadioCardGroup = __esm({
|
|
2173
2184
|
onChange,
|
2174
2185
|
...props
|
2175
2186
|
}) => {
|
2176
|
-
const [selectedValue, setSelectedValue] =
|
2187
|
+
const [selectedValue, setSelectedValue] = React87.useState(
|
2177
2188
|
defaultValue || ""
|
2178
2189
|
);
|
2179
2190
|
const handleChange = (value) => {
|
2180
2191
|
setSelectedValue(value);
|
2181
2192
|
onChange && onChange(value);
|
2182
2193
|
};
|
2183
|
-
return /* @__PURE__ */
|
2194
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
2184
2195
|
exports.RadioCardGroupContext.Provider,
|
2185
2196
|
{
|
2186
2197
|
value: {
|
@@ -2191,7 +2202,7 @@ var init_RadioCardGroup = __esm({
|
|
2191
2202
|
defaultValue: defaultValue || ""
|
2192
2203
|
}
|
2193
2204
|
},
|
2194
|
-
/* @__PURE__ */
|
2205
|
+
/* @__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
2206
|
);
|
2196
2207
|
};
|
2197
2208
|
}
|
@@ -2202,7 +2213,7 @@ var init_RadioCard = __esm({
|
|
2202
2213
|
init_RadioCardGroup();
|
2203
2214
|
exports.RadioCard = react.forwardRef(
|
2204
2215
|
({ children, value, isDisabled, ...props }, ref) => {
|
2205
|
-
const context =
|
2216
|
+
const context = React87.useContext(exports.RadioCardGroupContext);
|
2206
2217
|
if (!context) {
|
2207
2218
|
throw new Error(
|
2208
2219
|
"RadioCard components must be wrapped in a RadioCardGroup component"
|
@@ -2210,10 +2221,10 @@ var init_RadioCard = __esm({
|
|
2210
2221
|
}
|
2211
2222
|
const { name, selectedValue, onChange, variant } = context;
|
2212
2223
|
const styles3 = react.useMultiStyleConfig("RadioCard", { variant });
|
2213
|
-
const [isKeyboardUser, setKeyboardUser] =
|
2214
|
-
const [isFocused, setFocus] =
|
2224
|
+
const [isKeyboardUser, setKeyboardUser] = React87.useState(false);
|
2225
|
+
const [isFocused, setFocus] = React87.useState(false);
|
2215
2226
|
const isChecked = selectedValue === value;
|
2216
|
-
|
2227
|
+
React87.useEffect(() => {
|
2217
2228
|
const handleMouseDown = () => setKeyboardUser(false);
|
2218
2229
|
const handleKeyDown = (event) => {
|
2219
2230
|
if (event.key === " ") {
|
@@ -2229,21 +2240,21 @@ var init_RadioCard = __esm({
|
|
2229
2240
|
window.removeEventListener("keydown", handleKeyDown);
|
2230
2241
|
};
|
2231
2242
|
}, []);
|
2232
|
-
|
2243
|
+
React87.useEffect(() => {
|
2233
2244
|
if (isKeyboardUser && isChecked) {
|
2234
2245
|
setFocus(true);
|
2235
2246
|
} else {
|
2236
2247
|
setFocus(false);
|
2237
2248
|
}
|
2238
2249
|
}, [isKeyboardUser, isChecked]);
|
2239
|
-
const inputId = `radio-card-${
|
2240
|
-
return /* @__PURE__ */
|
2250
|
+
const inputId = `radio-card-${React87.useId()}`;
|
2251
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
2241
2252
|
react.Box,
|
2242
2253
|
{
|
2243
2254
|
onFocus: () => isKeyboardUser && setFocus(true),
|
2244
2255
|
onBlur: () => setFocus(false)
|
2245
2256
|
},
|
2246
|
-
/* @__PURE__ */
|
2257
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
2247
2258
|
react.chakra.input,
|
2248
2259
|
{
|
2249
2260
|
type: "radio",
|
@@ -2256,7 +2267,7 @@ var init_RadioCard = __esm({
|
|
2256
2267
|
__css: styles3.radioInput
|
2257
2268
|
}
|
2258
2269
|
),
|
2259
|
-
/* @__PURE__ */
|
2270
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
2260
2271
|
react.Box,
|
2261
2272
|
{
|
2262
2273
|
as: "label",
|
@@ -2288,7 +2299,7 @@ var init_StaticCard = __esm({
|
|
2288
2299
|
const styles3 = react.useStyleConfig("StaticCard", {
|
2289
2300
|
colorScheme
|
2290
2301
|
});
|
2291
|
-
return /* @__PURE__ */
|
2302
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
|
2292
2303
|
}
|
2293
2304
|
);
|
2294
2305
|
}
|
@@ -2301,7 +2312,7 @@ var init_PressableCard = __esm({
|
|
2301
2312
|
const styles3 = react.useStyleConfig("PressableCard", {
|
2302
2313
|
variant
|
2303
2314
|
});
|
2304
|
-
return /* @__PURE__ */
|
2315
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
|
2305
2316
|
}
|
2306
2317
|
);
|
2307
2318
|
}
|
@@ -2319,15 +2330,15 @@ var init_layout = __esm({
|
|
2319
2330
|
var AccordionContext, AccordionProvider, useAccordionContext;
|
2320
2331
|
var init_AccordionContext = __esm({
|
2321
2332
|
"src/accordion/AccordionContext.tsx"() {
|
2322
|
-
AccordionContext =
|
2333
|
+
AccordionContext = React87__namespace.default.createContext(null);
|
2323
2334
|
AccordionProvider = ({
|
2324
2335
|
size: size2,
|
2325
2336
|
...props
|
2326
2337
|
}) => {
|
2327
|
-
return /* @__PURE__ */
|
2338
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
|
2328
2339
|
};
|
2329
2340
|
useAccordionContext = () => {
|
2330
|
-
const context =
|
2341
|
+
const context = React87__namespace.default.useContext(AccordionContext);
|
2331
2342
|
if (context === null) {
|
2332
2343
|
throw new Error(
|
2333
2344
|
"useAccordionContext must be used within AccordionProvider"
|
@@ -2345,14 +2356,14 @@ var init_Accordion = __esm({
|
|
2345
2356
|
exports.Accordion = react.forwardRef(
|
2346
2357
|
({ children, spacing: spacing3 = 2, ...props }, ref) => {
|
2347
2358
|
const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
|
2348
|
-
return /* @__PURE__ */
|
2359
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React87__namespace.default.createElement(
|
2349
2360
|
react.Accordion,
|
2350
2361
|
{
|
2351
2362
|
...props,
|
2352
2363
|
ref,
|
2353
2364
|
defaultIndex
|
2354
2365
|
},
|
2355
|
-
/* @__PURE__ */
|
2366
|
+
/* @__PURE__ */ React87__namespace.default.createElement(exports.Stack, { spacing: spacing3 }, children)
|
2356
2367
|
));
|
2357
2368
|
}
|
2358
2369
|
);
|
@@ -2375,7 +2386,7 @@ var init_Expandable = __esm({
|
|
2375
2386
|
},
|
2376
2387
|
...rest
|
2377
2388
|
}) => {
|
2378
|
-
return /* @__PURE__ */
|
2389
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
2379
2390
|
exports.Accordion,
|
2380
2391
|
{
|
2381
2392
|
...rest,
|
@@ -2385,7 +2396,7 @@ var init_Expandable = __esm({
|
|
2385
2396
|
size: size2,
|
2386
2397
|
onChange: (expandedIndex) => onChange(expandedIndex === 0)
|
2387
2398
|
},
|
2388
|
-
/* @__PURE__ */
|
2399
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
2389
2400
|
exports.ExpandableItem,
|
2390
2401
|
{
|
2391
2402
|
headingLevel,
|
@@ -2405,7 +2416,7 @@ var init_Expandable = __esm({
|
|
2405
2416
|
}) => {
|
2406
2417
|
const { size: size2 } = useAccordionContext();
|
2407
2418
|
warnAboutMismatchingIcon({ icon: leftIcon, size: size2 });
|
2408
|
-
return /* @__PURE__ */
|
2419
|
+
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
2420
|
};
|
2410
2421
|
warnAboutMismatchingIcon = ({ icon, size: size2 }) => {
|
2411
2422
|
var _a6, _b5;
|
@@ -2456,10 +2467,10 @@ function LanguageProvider({
|
|
2456
2467
|
language,
|
2457
2468
|
children
|
2458
2469
|
}) {
|
2459
|
-
return /* @__PURE__ */
|
2470
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(LanguageContext.Provider, { value: language }, children);
|
2460
2471
|
}
|
2461
2472
|
function useLanguage() {
|
2462
|
-
const language =
|
2473
|
+
const language = React87.useContext(LanguageContext);
|
2463
2474
|
if (!language) {
|
2464
2475
|
throw new Error("Please wrap your application in a LanguageProvider");
|
2465
2476
|
}
|
@@ -2485,12 +2496,12 @@ var init_i18n = __esm({
|
|
2485
2496
|
Language3["English"] = "en";
|
2486
2497
|
return Language3;
|
2487
2498
|
})(exports.Language || {});
|
2488
|
-
LanguageContext =
|
2499
|
+
LanguageContext = React87.createContext(void 0);
|
2489
2500
|
}
|
2490
2501
|
});
|
2491
2502
|
function useHydrated() {
|
2492
|
-
let [hydrated, setHydrated] =
|
2493
|
-
|
2503
|
+
let [hydrated, setHydrated] = React87.useState(() => !hydrating);
|
2504
|
+
React87.useEffect(function hydrate() {
|
2494
2505
|
hydrating = false;
|
2495
2506
|
setHydrated(true);
|
2496
2507
|
}, []);
|
@@ -2508,106 +2519,29 @@ var init_ClientOnly = __esm({
|
|
2508
2519
|
init_useHydrated();
|
2509
2520
|
ClientOnly = ({ children, fallback = null }) => {
|
2510
2521
|
const isHydrated = useHydrated();
|
2511
|
-
return /* @__PURE__ */
|
2522
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, isHydrated ? children() : fallback);
|
2512
2523
|
};
|
2513
2524
|
}
|
2514
2525
|
});
|
2515
2526
|
function Lottie({ animationData }) {
|
2516
2527
|
const { View } = lottieReact.useLottie({ animationData, loop: true });
|
2517
|
-
return /* @__PURE__ */
|
2528
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, View);
|
2518
2529
|
}
|
2519
2530
|
var init_Lottie = __esm({
|
2520
2531
|
"src/loader/Lottie.tsx"() {
|
2521
2532
|
}
|
2522
2533
|
});
|
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
2534
|
exports.ColorInlineLoader = void 0;
|
2594
2535
|
var init_ColorInlineLoader = __esm({
|
2595
2536
|
"src/loader/ColorInlineLoader.tsx"() {
|
2596
2537
|
init_ClientOnly();
|
2597
2538
|
init_Lottie();
|
2598
|
-
init_pride();
|
2599
2539
|
exports.ColorInlineLoader = ({
|
2600
2540
|
width,
|
2601
2541
|
maxWidth,
|
2602
2542
|
...props
|
2603
2543
|
}) => {
|
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
|
-
))));
|
2544
|
+
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
2545
|
};
|
2612
2546
|
}
|
2613
2547
|
});
|
@@ -2616,20 +2550,13 @@ var init_ColorSpinner = __esm({
|
|
2616
2550
|
"src/loader/ColorSpinner.tsx"() {
|
2617
2551
|
init_ClientOnly();
|
2618
2552
|
init_Lottie();
|
2619
|
-
init_PrideProvider();
|
2620
2553
|
exports.ColorSpinner = ({
|
2621
2554
|
children,
|
2622
2555
|
width,
|
2623
2556
|
maxWidth,
|
2624
2557
|
...props
|
2625
2558
|
}) => {
|
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));
|
2559
|
+
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
2560
|
};
|
2634
2561
|
}
|
2635
2562
|
});
|
@@ -2638,15 +2565,8 @@ var init_ContentLoader = __esm({
|
|
2638
2565
|
"src/loader/ContentLoader.tsx"() {
|
2639
2566
|
init_ClientOnly();
|
2640
2567
|
init_Lottie();
|
2641
|
-
init_PrideProvider();
|
2642
2568
|
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));
|
2569
|
+
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
2570
|
};
|
2651
2571
|
}
|
2652
2572
|
});
|
@@ -2660,7 +2580,7 @@ var init_DarkFullScreenLoader = __esm({
|
|
2660
2580
|
maxWidth,
|
2661
2581
|
...props
|
2662
2582
|
}) => {
|
2663
|
-
return /* @__PURE__ */
|
2583
|
+
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
2584
|
};
|
2665
2585
|
}
|
2666
2586
|
});
|
@@ -2669,19 +2589,12 @@ var init_DarkInlineLoader = __esm({
|
|
2669
2589
|
"src/loader/DarkInlineLoader.tsx"() {
|
2670
2590
|
init_ClientOnly();
|
2671
2591
|
init_Lottie();
|
2672
|
-
init_PrideProvider();
|
2673
2592
|
exports.DarkInlineLoader = ({
|
2674
2593
|
width,
|
2675
2594
|
maxWidth,
|
2676
2595
|
...props
|
2677
2596
|
}) => {
|
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
|
-
))));
|
2597
|
+
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
2598
|
};
|
2686
2599
|
}
|
2687
2600
|
});
|
@@ -2699,7 +2612,7 @@ var init_DarkSpinner = __esm({
|
|
2699
2612
|
}) => {
|
2700
2613
|
const { colorMode } = react.useColorMode();
|
2701
2614
|
const spinnerData = colorMode === "dark" ? sporLoader.spinnerLightData : sporLoader.spinnerDarkData;
|
2702
|
-
return /* @__PURE__ */
|
2615
|
+
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
2616
|
};
|
2704
2617
|
}
|
2705
2618
|
});
|
@@ -2708,19 +2621,12 @@ var init_LightFullScreenLoader = __esm({
|
|
2708
2621
|
"src/loader/LightFullScreenLoader.tsx"() {
|
2709
2622
|
init_ClientOnly();
|
2710
2623
|
init_Lottie();
|
2711
|
-
init_pride();
|
2712
2624
|
exports.LightFullScreenLoader = ({
|
2713
2625
|
width,
|
2714
2626
|
maxWidth,
|
2715
2627
|
...props
|
2716
2628
|
}) => {
|
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
|
-
))));
|
2629
|
+
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
2630
|
};
|
2725
2631
|
}
|
2726
2632
|
});
|
@@ -2729,19 +2635,12 @@ var init_LightInlineLoader = __esm({
|
|
2729
2635
|
"src/loader/LightInlineLoader.tsx"() {
|
2730
2636
|
init_ClientOnly();
|
2731
2637
|
init_Lottie();
|
2732
|
-
init_PrideProvider();
|
2733
2638
|
exports.LightInlineLoader = ({
|
2734
2639
|
width,
|
2735
2640
|
maxWidth,
|
2736
2641
|
...props
|
2737
2642
|
}) => {
|
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
|
-
))));
|
2643
|
+
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
2644
|
};
|
2746
2645
|
}
|
2747
2646
|
});
|
@@ -2756,7 +2655,7 @@ var init_LightSpinner = __esm({
|
|
2756
2655
|
maxWidth,
|
2757
2656
|
...props
|
2758
2657
|
}) => {
|
2759
|
-
return /* @__PURE__ */
|
2658
|
+
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
2659
|
};
|
2761
2660
|
}
|
2762
2661
|
});
|
@@ -2764,11 +2663,11 @@ var useRotatingLabel;
|
|
2764
2663
|
var init_useRotatingLabel = __esm({
|
2765
2664
|
"src/loader/useRotatingLabel.tsx"() {
|
2766
2665
|
useRotatingLabel = ({ label, delay }) => {
|
2767
|
-
const loadingTextArray =
|
2666
|
+
const loadingTextArray = React87.useMemo(
|
2768
2667
|
() => Array.isArray(label) ? label : [label],
|
2769
2668
|
[label]
|
2770
2669
|
);
|
2771
|
-
const [currentLoadingTextIndex, setCurrentLoadingTextIndex] =
|
2670
|
+
const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React87.useState(0);
|
2772
2671
|
react.useInterval(() => {
|
2773
2672
|
setCurrentLoadingTextIndex(
|
2774
2673
|
(prevIndex) => (prevIndex + 1) % loadingTextArray.length
|
@@ -2803,7 +2702,7 @@ var init_ProgressBar = __esm({
|
|
2803
2702
|
"aria-label": ariaLabel || t2(texts7.label(value))
|
2804
2703
|
});
|
2805
2704
|
const styles3 = react.useMultiStyleConfig("ProgressBar", {});
|
2806
|
-
return /* @__PURE__ */
|
2705
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
2807
2706
|
react.Box,
|
2808
2707
|
{
|
2809
2708
|
...progressBarProps,
|
@@ -2811,8 +2710,8 @@ var init_ProgressBar = __esm({
|
|
2811
2710
|
__css: styles3.container,
|
2812
2711
|
...rest
|
2813
2712
|
},
|
2814
|
-
/* @__PURE__ */
|
2815
|
-
currentLoadingText && /* @__PURE__ */
|
2713
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, __css: styles3.background }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3.progress, height, width: `${value}%` })),
|
2714
|
+
currentLoadingText && /* @__PURE__ */ React87__namespace.default.createElement(react.Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
|
2816
2715
|
));
|
2817
2716
|
};
|
2818
2717
|
texts7 = createTexts({
|
@@ -2849,11 +2748,11 @@ var init_ProgressLoader = __esm({
|
|
2849
2748
|
value,
|
2850
2749
|
"aria-label": ariaLabel ?? t2(texts8.fallbackLabel(value ?? "?"))
|
2851
2750
|
});
|
2852
|
-
const pathRef =
|
2751
|
+
const pathRef = React87.useRef(null);
|
2853
2752
|
const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
|
2854
2753
|
const progress = (value - 100) / 100 * progressPathLength;
|
2855
|
-
const id =
|
2856
|
-
return /* @__PURE__ */
|
2754
|
+
const id = React87.useId();
|
2755
|
+
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
2756
|
react.Box,
|
2858
2757
|
{
|
2859
2758
|
as: "path",
|
@@ -2861,7 +2760,7 @@ var init_ProgressLoader = __esm({
|
|
2861
2760
|
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
2761
|
fill: "#FFB466"
|
2863
2762
|
}
|
2864
|
-
), /* @__PURE__ */
|
2763
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
2865
2764
|
react.Box,
|
2866
2765
|
{
|
2867
2766
|
as: "path",
|
@@ -2872,7 +2771,7 @@ var init_ProgressLoader = __esm({
|
|
2872
2771
|
strokeLinecap: "round",
|
2873
2772
|
strokeLinejoin: "round"
|
2874
2773
|
}
|
2875
|
-
), /* @__PURE__ */
|
2774
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
2876
2775
|
react.Box,
|
2877
2776
|
{
|
2878
2777
|
as: "path",
|
@@ -2887,7 +2786,7 @@ var init_ProgressLoader = __esm({
|
|
2887
2786
|
transition: "stroke-dashoffset .2s ease-out",
|
2888
2787
|
ref: pathRef
|
2889
2788
|
}
|
2890
|
-
), /* @__PURE__ */
|
2789
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
2891
2790
|
react.Box,
|
2892
2791
|
{
|
2893
2792
|
as: "path",
|
@@ -2895,7 +2794,7 @@ var init_ProgressLoader = __esm({
|
|
2895
2794
|
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
2795
|
fill: "#688CBA"
|
2897
2796
|
}
|
2898
|
-
)), currentLoadingText && /* @__PURE__ */
|
2797
|
+
)), currentLoadingText && /* @__PURE__ */ React87__namespace.default.createElement(
|
2899
2798
|
react.Text,
|
2900
2799
|
{
|
2901
2800
|
textAlign: "center",
|
@@ -2919,19 +2818,19 @@ var init_ProgressLoader = __esm({
|
|
2919
2818
|
exports.Skeleton = void 0;
|
2920
2819
|
var init_Skeleton = __esm({
|
2921
2820
|
"src/loader/Skeleton.tsx"() {
|
2922
|
-
exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */
|
2821
|
+
exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.Skeleton, { ...props, ref }));
|
2923
2822
|
}
|
2924
2823
|
});
|
2925
2824
|
exports.SkeletonCircle = void 0;
|
2926
2825
|
var init_SkeletonCircle = __esm({
|
2927
2826
|
"src/loader/SkeletonCircle.tsx"() {
|
2928
|
-
exports.SkeletonCircle = (props) => /* @__PURE__ */
|
2827
|
+
exports.SkeletonCircle = (props) => /* @__PURE__ */ React87__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
|
2929
2828
|
}
|
2930
2829
|
});
|
2931
2830
|
exports.SkeletonText = void 0;
|
2932
2831
|
var init_SkeletonText = __esm({
|
2933
2832
|
"src/loader/SkeletonText.tsx"() {
|
2934
|
-
exports.SkeletonText = (props) => /* @__PURE__ */
|
2833
|
+
exports.SkeletonText = (props) => /* @__PURE__ */ React87__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
|
2935
2834
|
}
|
2936
2835
|
});
|
2937
2836
|
|
@@ -3006,7 +2905,7 @@ var init_Button = __esm({
|
|
3006
2905
|
if (fontWeight) {
|
3007
2906
|
styles3.fontWeight = fontWeight;
|
3008
2907
|
}
|
3009
|
-
return /* @__PURE__ */
|
2908
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3010
2909
|
react.Box,
|
3011
2910
|
{
|
3012
2911
|
...rest,
|
@@ -3020,7 +2919,7 @@ var init_Button = __esm({
|
|
3020
2919
|
position: "relative",
|
3021
2920
|
fontFamily: "Vy Sans"
|
3022
2921
|
},
|
3023
|
-
isLoading && /* @__PURE__ */
|
2922
|
+
isLoading && /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React87__namespace.default.createElement(
|
3024
2923
|
exports.ColorInlineLoader,
|
3025
2924
|
{
|
3026
2925
|
maxWidth: getLoaderWidth(finalSize),
|
@@ -3029,7 +2928,7 @@ var init_Button = __esm({
|
|
3029
2928
|
marginY: 2
|
3030
2929
|
}
|
3031
2930
|
)),
|
3032
|
-
/* @__PURE__ */
|
2931
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
3033
2932
|
react.Flex,
|
3034
2933
|
{
|
3035
2934
|
gap: 1,
|
@@ -3039,7 +2938,7 @@ var init_Button = __esm({
|
|
3039
2938
|
visibility: isLoading ? "hidden" : "visible",
|
3040
2939
|
"aria-hidden": isLoading
|
3041
2940
|
},
|
3042
|
-
/* @__PURE__ */
|
2941
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React87__namespace.default.createElement(
|
3043
2942
|
react.Box,
|
3044
2943
|
{
|
3045
2944
|
visibility: isLoading ? "hidden" : "visible",
|
@@ -3065,7 +2964,7 @@ var init_Button = __esm({
|
|
3065
2964
|
exports.ButtonGroup = void 0;
|
3066
2965
|
var init_ButtonGroup = __esm({
|
3067
2966
|
"src/button/ButtonGroup.tsx"() {
|
3068
|
-
exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */
|
2967
|
+
exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
|
3069
2968
|
}
|
3070
2969
|
});
|
3071
2970
|
exports.IconButton = void 0;
|
@@ -3073,12 +2972,12 @@ var init_IconButton = __esm({
|
|
3073
2972
|
"src/button/IconButton.tsx"() {
|
3074
2973
|
init_src();
|
3075
2974
|
exports.IconButton = react.forwardRef(
|
3076
|
-
({ ...props }, ref) => /* @__PURE__ */
|
2975
|
+
({ ...props }, ref) => /* @__PURE__ */ React87__namespace.default.createElement(
|
3077
2976
|
react.IconButton,
|
3078
2977
|
{
|
3079
2978
|
title: props["aria-label"],
|
3080
2979
|
...props,
|
3081
|
-
spinner: /* @__PURE__ */
|
2980
|
+
spinner: /* @__PURE__ */ React87__namespace.default.createElement(exports.ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
|
3082
2981
|
ref
|
3083
2982
|
}
|
3084
2983
|
)
|
@@ -3093,7 +2992,7 @@ var init_CloseButton = __esm({
|
|
3093
2992
|
exports.CloseButton = react.forwardRef(
|
3094
2993
|
({ size: size2 = "sm", ...props }, ref) => {
|
3095
2994
|
const { t: t2 } = useTranslation();
|
3096
|
-
return /* @__PURE__ */
|
2995
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3097
2996
|
exports.IconButton,
|
3098
2997
|
{
|
3099
2998
|
ref,
|
@@ -3110,11 +3009,11 @@ var init_CloseButton = __esm({
|
|
3110
3009
|
switch (size2) {
|
3111
3010
|
case "xs":
|
3112
3011
|
case "sm":
|
3113
|
-
return /* @__PURE__ */
|
3012
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
|
3114
3013
|
case "md":
|
3115
|
-
return /* @__PURE__ */
|
3014
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
|
3116
3015
|
case "lg":
|
3117
|
-
return /* @__PURE__ */
|
3016
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
|
3118
3017
|
}
|
3119
3018
|
};
|
3120
3019
|
texts10 = createTexts({
|
@@ -3141,11 +3040,11 @@ var init_FloatingActionButton = __esm({
|
|
3141
3040
|
placement = "bottom right",
|
3142
3041
|
...props
|
3143
3042
|
}, ref) => {
|
3144
|
-
const [isTextVisible, setIsTextVisible] =
|
3043
|
+
const [isTextVisible, setIsTextVisible] = React87__namespace.default.useState(
|
3145
3044
|
externalIsTextVisible !== void 0 ? externalIsTextVisible : false
|
3146
3045
|
);
|
3147
3046
|
const scrollDirection = useScrollDirection();
|
3148
|
-
|
3047
|
+
React87.useEffect(() => {
|
3149
3048
|
if (externalIsTextVisible !== void 0) {
|
3150
3049
|
return;
|
3151
3050
|
}
|
@@ -3155,7 +3054,7 @@ var init_FloatingActionButton = __esm({
|
|
3155
3054
|
);
|
3156
3055
|
return () => window.clearTimeout(id);
|
3157
3056
|
}, [scrollDirection, externalIsTextVisible]);
|
3158
|
-
|
3057
|
+
React87.useEffect(() => {
|
3159
3058
|
setIsTextVisible(!!externalIsTextVisible);
|
3160
3059
|
}, [externalIsTextVisible]);
|
3161
3060
|
const style = react.useMultiStyleConfig("FloatingActionButton", {
|
@@ -3163,7 +3062,7 @@ var init_FloatingActionButton = __esm({
|
|
3163
3062
|
isTextVisible,
|
3164
3063
|
placement
|
3165
3064
|
});
|
3166
|
-
return /* @__PURE__ */
|
3065
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3167
3066
|
MotionBox,
|
3168
3067
|
{
|
3169
3068
|
__css: style.container,
|
@@ -3171,8 +3070,8 @@ var init_FloatingActionButton = __esm({
|
|
3171
3070
|
ref,
|
3172
3071
|
...props
|
3173
3072
|
},
|
3174
|
-
/* @__PURE__ */
|
3175
|
-
/* @__PURE__ */
|
3073
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
|
3074
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
3176
3075
|
MotionBox,
|
3177
3076
|
{
|
3178
3077
|
animate: isTextVisible ? "show" : "hide",
|
@@ -3197,11 +3096,11 @@ var init_FloatingActionButton = __esm({
|
|
3197
3096
|
}
|
3198
3097
|
);
|
3199
3098
|
useScrollDirection = () => {
|
3200
|
-
const [scrollDirection, setScrollDirection] =
|
3201
|
-
const lastScrollPosition =
|
3099
|
+
const [scrollDirection, setScrollDirection] = React87__namespace.default.useState(null);
|
3100
|
+
const lastScrollPosition = React87__namespace.default.useRef(
|
3202
3101
|
typeof window !== "undefined" ? window.scrollY : 0
|
3203
3102
|
);
|
3204
|
-
|
3103
|
+
React87__namespace.default.useEffect(() => {
|
3205
3104
|
const onScroll = () => {
|
3206
3105
|
const delta = window.scrollY - lastScrollPosition.current;
|
3207
3106
|
if (delta === 0) {
|
@@ -3237,7 +3136,7 @@ var init_AlertIcon = __esm({
|
|
3237
3136
|
AlertIcon = ({ variant }) => {
|
3238
3137
|
const Icon = getIcon2(variant);
|
3239
3138
|
const { t: t2 } = useTranslation();
|
3240
|
-
return /* @__PURE__ */
|
3139
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3241
3140
|
Icon,
|
3242
3141
|
{
|
3243
3142
|
flexShrink: 0,
|
@@ -3304,7 +3203,7 @@ var init_BaseAlert = __esm({
|
|
3304
3203
|
...boxProps
|
3305
3204
|
}) => {
|
3306
3205
|
const styles3 = react.useMultiStyleConfig("Alert", { variant });
|
3307
|
-
return /* @__PURE__ */
|
3206
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3.container, ...boxProps }, children);
|
3308
3207
|
};
|
3309
3208
|
}
|
3310
3209
|
});
|
@@ -3332,17 +3231,17 @@ var init_ClosableAlert = __esm({
|
|
3332
3231
|
externalOnClose();
|
3333
3232
|
onClose();
|
3334
3233
|
};
|
3335
|
-
return /* @__PURE__ */
|
3234
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React87__namespace.default.createElement(
|
3336
3235
|
exports.IconButton,
|
3337
3236
|
{
|
3338
3237
|
variant: "ghost",
|
3339
3238
|
size: "sm",
|
3340
3239
|
onClick: handleClose,
|
3341
|
-
icon: /* @__PURE__ */
|
3240
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
|
3342
3241
|
"aria-label": t2(texts12.close),
|
3343
3242
|
sx: styles3.closeButton
|
3344
3243
|
}
|
3345
|
-
), /* @__PURE__ */
|
3244
|
+
), /* @__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
3245
|
};
|
3347
3246
|
texts12 = createTexts({
|
3348
3247
|
close: {
|
@@ -3370,7 +3269,7 @@ var init_ExpandableAlert = __esm({
|
|
3370
3269
|
...boxProps
|
3371
3270
|
}) => {
|
3372
3271
|
const styles3 = react.useMultiStyleConfig("AlertExpandable", { variant });
|
3373
|
-
return /* @__PURE__ */
|
3272
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React87__namespace.default.createElement(
|
3374
3273
|
react.Accordion,
|
3375
3274
|
{
|
3376
3275
|
onChange: (expandedIndex) => onToggle(expandedIndex === 0),
|
@@ -3378,14 +3277,14 @@ var init_ExpandableAlert = __esm({
|
|
3378
3277
|
allowToggle: true,
|
3379
3278
|
flexGrow: "1"
|
3380
3279
|
},
|
3381
|
-
/* @__PURE__ */
|
3280
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React87__namespace.default.createElement(
|
3382
3281
|
react.Flex,
|
3383
3282
|
{
|
3384
3283
|
justifyContent: "space-between",
|
3385
3284
|
alignItems: "center",
|
3386
3285
|
flexGrow: "1"
|
3387
3286
|
},
|
3388
|
-
/* @__PURE__ */
|
3287
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React87__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React87__namespace.default.createElement(
|
3389
3288
|
react.Box,
|
3390
3289
|
{
|
3391
3290
|
as: "span",
|
@@ -3400,8 +3299,8 @@ var init_ExpandableAlert = __esm({
|
|
3400
3299
|
},
|
3401
3300
|
title
|
3402
3301
|
)),
|
3403
|
-
/* @__PURE__ */
|
3404
|
-
)), /* @__PURE__ */
|
3302
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.AccordionIcon, { color: "darkGrey" })
|
3303
|
+
)), /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionPanel, null, children))
|
3405
3304
|
));
|
3406
3305
|
};
|
3407
3306
|
}
|
@@ -3416,7 +3315,7 @@ var init_StaticAlert = __esm({
|
|
3416
3315
|
title,
|
3417
3316
|
...props
|
3418
3317
|
}) => {
|
3419
|
-
return /* @__PURE__ */
|
3318
|
+
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
3319
|
};
|
3421
3320
|
}
|
3422
3321
|
});
|
@@ -3434,10 +3333,10 @@ var init_Breadcrumb = __esm({
|
|
3434
3333
|
"src/breadcrumb/Breadcrumb.tsx"() {
|
3435
3334
|
exports.Breadcrumb = (props) => {
|
3436
3335
|
const iconColor = react.useColorModeValue("blackAlpha.400", "whiteAlpha.400");
|
3437
|
-
return /* @__PURE__ */
|
3336
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3438
3337
|
react.Breadcrumb,
|
3439
3338
|
{
|
3440
|
-
separator: /* @__PURE__ */
|
3339
|
+
separator: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { color: iconColor }),
|
3441
3340
|
...props
|
3442
3341
|
}
|
3443
3342
|
);
|
@@ -3465,7 +3364,7 @@ var init_Card = __esm({
|
|
3465
3364
|
colorScheme,
|
3466
3365
|
size: size2
|
3467
3366
|
});
|
3468
|
-
return /* @__PURE__ */
|
3367
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
|
3469
3368
|
}
|
3470
3369
|
);
|
3471
3370
|
}
|
@@ -3482,7 +3381,7 @@ var init_Badge = __esm({
|
|
3482
3381
|
"src/typography/Badge.tsx"() {
|
3483
3382
|
exports.Badge = react.forwardRef(
|
3484
3383
|
({ icon, colorScheme = "grey", children, ...props }, ref) => {
|
3485
|
-
return /* @__PURE__ */
|
3384
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3486
3385
|
react.Badge,
|
3487
3386
|
{
|
3488
3387
|
colorScheme,
|
@@ -3490,7 +3389,7 @@ var init_Badge = __esm({
|
|
3490
3389
|
paddingLeft: icon ? 1 : void 0,
|
3491
3390
|
ref
|
3492
3391
|
},
|
3493
|
-
icon &&
|
3392
|
+
icon && React87__namespace.default.cloneElement(icon, { marginRight: 1 }),
|
3494
3393
|
children
|
3495
3394
|
);
|
3496
3395
|
}
|
@@ -3500,7 +3399,7 @@ var init_Badge = __esm({
|
|
3500
3399
|
exports.Code = void 0;
|
3501
3400
|
var init_Code = __esm({
|
3502
3401
|
"src/typography/Code.tsx"() {
|
3503
|
-
exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */
|
3402
|
+
exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.Code, { ...props, ref }));
|
3504
3403
|
}
|
3505
3404
|
});
|
3506
3405
|
exports.Heading = void 0;
|
@@ -3516,7 +3415,7 @@ var init_Heading = __esm({
|
|
3516
3415
|
}) => {
|
3517
3416
|
const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
|
3518
3417
|
const color2 = react.useColorModeValue("text.primary.light", "text.primary.dark");
|
3519
|
-
return /* @__PURE__ */
|
3418
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Text, { as, textStyle: variant, id, color: color2, ...props });
|
3520
3419
|
};
|
3521
3420
|
}
|
3522
3421
|
});
|
@@ -3525,7 +3424,7 @@ var init_Text = __esm({
|
|
3525
3424
|
"src/typography/Text.tsx"() {
|
3526
3425
|
exports.Text = react.forwardRef(
|
3527
3426
|
({ variant = "sm", ...props }, ref) => {
|
3528
|
-
return /* @__PURE__ */
|
3427
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
|
3529
3428
|
}
|
3530
3429
|
);
|
3531
3430
|
}
|
@@ -3546,7 +3445,7 @@ function CalendarCell({
|
|
3546
3445
|
currentMonth,
|
3547
3446
|
variant
|
3548
3447
|
}) {
|
3549
|
-
const ref =
|
3448
|
+
const ref = React87.useRef(null);
|
3550
3449
|
const {
|
3551
3450
|
cellProps,
|
3552
3451
|
buttonProps,
|
@@ -3570,7 +3469,7 @@ function CalendarCell({
|
|
3570
3469
|
if (isOutsideMonth) {
|
3571
3470
|
stateProps["data-unavailable"] = true;
|
3572
3471
|
}
|
3573
|
-
|
3472
|
+
React87.useEffect(() => {
|
3574
3473
|
var _a6;
|
3575
3474
|
(_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
|
3576
3475
|
"touchend",
|
@@ -3580,7 +3479,7 @@ function CalendarCell({
|
|
3580
3479
|
{ passive: false, once: true }
|
3581
3480
|
);
|
3582
3481
|
}, []);
|
3583
|
-
return /* @__PURE__ */
|
3482
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React87__namespace.default.createElement(
|
3584
3483
|
react.Box,
|
3585
3484
|
{
|
3586
3485
|
as: "button",
|
@@ -3646,8 +3545,8 @@ function CalendarGrid({
|
|
3646
3545
|
const weeksInMonth = date.getWeeksInMonth(state2.visibleRange.start, locale);
|
3647
3546
|
const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
|
3648
3547
|
const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
|
3649
|
-
return /* @__PURE__ */
|
3650
|
-
return /* @__PURE__ */
|
3548
|
+
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) => {
|
3549
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3651
3550
|
exports.Text,
|
3652
3551
|
{
|
3653
3552
|
as: "th",
|
@@ -3657,8 +3556,8 @@ function CalendarGrid({
|
|
3657
3556
|
},
|
3658
3557
|
day
|
3659
3558
|
);
|
3660
|
-
}))), /* @__PURE__ */
|
3661
|
-
(date, dayIndex) => date ? /* @__PURE__ */
|
3559
|
+
}))), /* @__PURE__ */ React87__namespace.default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React87__namespace.default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
|
3560
|
+
(date, dayIndex) => date ? /* @__PURE__ */ React87__namespace.default.createElement(
|
3662
3561
|
CalendarCell,
|
3663
3562
|
{
|
3664
3563
|
variant,
|
@@ -3667,7 +3566,7 @@ function CalendarGrid({
|
|
3667
3566
|
date,
|
3668
3567
|
currentMonth: startDate
|
3669
3568
|
}
|
3670
|
-
) : /* @__PURE__ */
|
3569
|
+
) : /* @__PURE__ */ React87__namespace.default.createElement("td", { key: dayIndex })
|
3671
3570
|
)))));
|
3672
3571
|
}
|
3673
3572
|
var weekDays;
|
@@ -3690,9 +3589,9 @@ function CalendarNavigationButton({
|
|
3690
3589
|
"aria-label": ariaLabel,
|
3691
3590
|
...rest
|
3692
3591
|
}) {
|
3693
|
-
const ref =
|
3592
|
+
const ref = React87.useRef(null);
|
3694
3593
|
const { buttonProps } = reactAria.useButton(rest, ref);
|
3695
|
-
return /* @__PURE__ */
|
3594
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3696
3595
|
exports.IconButton,
|
3697
3596
|
{
|
3698
3597
|
...buttonProps,
|
@@ -3729,7 +3628,7 @@ function CalendarHeader({
|
|
3729
3628
|
);
|
3730
3629
|
const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
|
3731
3630
|
const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
|
3732
|
-
return /* @__PURE__ */
|
3631
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React87__namespace.default.createElement(
|
3733
3632
|
CalendarNavigator,
|
3734
3633
|
{
|
3735
3634
|
title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
|
@@ -3739,7 +3638,7 @@ function CalendarHeader({
|
|
3739
3638
|
isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
|
3740
3639
|
isPreviousDisabled: !state2.isNextVisibleRangeInvalid
|
3741
3640
|
}
|
3742
|
-
), isYearPickerVisible && /* @__PURE__ */
|
3641
|
+
), isYearPickerVisible && /* @__PURE__ */ React87__namespace.default.createElement(
|
3743
3642
|
CalendarNavigator,
|
3744
3643
|
{
|
3745
3644
|
title: jsDate.getFullYear().toString(),
|
@@ -3767,15 +3666,15 @@ var init_CalendarHeader = __esm({
|
|
3767
3666
|
isNextDisabled
|
3768
3667
|
}) => {
|
3769
3668
|
const { t: t2 } = useTranslation();
|
3770
|
-
return /* @__PURE__ */
|
3669
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React87__namespace.default.createElement(
|
3771
3670
|
CalendarNavigationButton,
|
3772
3671
|
{
|
3773
3672
|
onPress: onPrevious,
|
3774
3673
|
isDisabled: isPreviousDisabled,
|
3775
|
-
icon: /* @__PURE__ */
|
3674
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
|
3776
3675
|
"aria-label": `${t2(texts13.previous)} ${t2(texts13[unit])}`
|
3777
3676
|
}
|
3778
|
-
), /* @__PURE__ */
|
3677
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
3779
3678
|
react.Box,
|
3780
3679
|
{
|
3781
3680
|
role: "heading",
|
@@ -3785,12 +3684,12 @@ var init_CalendarHeader = __esm({
|
|
3785
3684
|
textAlign: "center"
|
3786
3685
|
},
|
3787
3686
|
capitalize(title)
|
3788
|
-
), /* @__PURE__ */
|
3687
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
3789
3688
|
CalendarNavigationButton,
|
3790
3689
|
{
|
3791
3690
|
onPress: onNext,
|
3792
3691
|
isDisabled: isNextDisabled,
|
3793
|
-
icon: /* @__PURE__ */
|
3692
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
|
3794
3693
|
"aria-label": `${t2(texts13.next)} ${t2(texts13[unit])}`
|
3795
3694
|
}
|
3796
3695
|
));
|
@@ -3838,7 +3737,7 @@ function Calendar({
|
|
3838
3737
|
const { calendarProps } = reactAria.useCalendar(props, state2);
|
3839
3738
|
const calendarAriaLabel = calendarProps["aria-label"];
|
3840
3739
|
const ariaLabel = t2(texts14.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
|
3841
|
-
return /* @__PURE__ */
|
3740
|
+
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
3741
|
}
|
3843
3742
|
var texts14;
|
3844
3743
|
var init_Calendar = __esm({
|
@@ -3872,7 +3771,7 @@ var init_CalendarTriggerButton = __esm({
|
|
3872
3771
|
onPress(event);
|
3873
3772
|
}
|
3874
3773
|
};
|
3875
|
-
return /* @__PURE__ */
|
3774
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
3876
3775
|
react.Box,
|
3877
3776
|
{
|
3878
3777
|
ref,
|
@@ -3883,7 +3782,7 @@ var init_CalendarTriggerButton = __esm({
|
|
3883
3782
|
...filteredButtonProps,
|
3884
3783
|
onKeyUp: handleOnPress
|
3885
3784
|
},
|
3886
|
-
/* @__PURE__ */
|
3785
|
+
/* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null)
|
3887
3786
|
));
|
3888
3787
|
}
|
3889
3788
|
);
|
@@ -3900,9 +3799,9 @@ var init_CalendarTriggerButton = __esm({
|
|
3900
3799
|
var DateTimeSegment, isPaddable;
|
3901
3800
|
var init_DateTimeSegment = __esm({
|
3902
3801
|
"src/datepicker/DateTimeSegment.tsx"() {
|
3903
|
-
DateTimeSegment =
|
3802
|
+
DateTimeSegment = React87.forwardRef(
|
3904
3803
|
({ segment, state: state2 }, externalRef) => {
|
3905
|
-
const internalRef =
|
3804
|
+
const internalRef = React87.useRef(null);
|
3906
3805
|
const ref = externalRef ?? internalRef;
|
3907
3806
|
const { segmentProps } = reactAria.useDateSegment(
|
3908
3807
|
segment,
|
@@ -3913,7 +3812,7 @@ var init_DateTimeSegment = __esm({
|
|
3913
3812
|
isPlaceholder: segment.isPlaceholder,
|
3914
3813
|
isEditable: segment.isEditable
|
3915
3814
|
});
|
3916
|
-
return /* @__PURE__ */
|
3815
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
3917
3816
|
react.Box,
|
3918
3817
|
{
|
3919
3818
|
...segmentProps,
|
@@ -3948,7 +3847,7 @@ var init_DateField = __esm({
|
|
3948
3847
|
"src/datepicker/DateField.tsx"() {
|
3949
3848
|
init_DateTimeSegment();
|
3950
3849
|
init_utils();
|
3951
|
-
DateField =
|
3850
|
+
DateField = React87.forwardRef(
|
3952
3851
|
(props, externalRef) => {
|
3953
3852
|
var _a6;
|
3954
3853
|
const locale = useCurrentLocale();
|
@@ -3958,14 +3857,14 @@ var init_DateField = __esm({
|
|
3958
3857
|
locale,
|
3959
3858
|
createCalendar: createCalendar2
|
3960
3859
|
});
|
3961
|
-
const internalRef =
|
3860
|
+
const internalRef = React87.useRef(null);
|
3962
3861
|
const ref = externalRef ?? internalRef;
|
3963
3862
|
const { fieldProps, labelProps } = reactAria.useDateField(
|
3964
3863
|
props,
|
3965
3864
|
state2,
|
3966
3865
|
ref
|
3967
3866
|
);
|
3968
|
-
return /* @__PURE__ */
|
3867
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React87__namespace.default.createElement(
|
3969
3868
|
react.FormLabel,
|
3970
3869
|
{
|
3971
3870
|
...props.labelProps,
|
@@ -3975,7 +3874,7 @@ var init_DateField = __esm({
|
|
3975
3874
|
paddingTop: "2px"
|
3976
3875
|
},
|
3977
3876
|
props.label
|
3978
|
-
), /* @__PURE__ */
|
3877
|
+
), /* @__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
3878
|
"input",
|
3980
3879
|
{
|
3981
3880
|
type: "hidden",
|
@@ -3996,7 +3895,7 @@ var init_StyledField = __esm({
|
|
3996
3895
|
isInvalid: false
|
3997
3896
|
};
|
3998
3897
|
const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
|
3999
|
-
return /* @__PURE__ */
|
3898
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
4000
3899
|
react.Box,
|
4001
3900
|
{
|
4002
3901
|
...otherProps,
|
@@ -4019,7 +3918,7 @@ var init_DatePicker = __esm({
|
|
4019
3918
|
init_DateField();
|
4020
3919
|
init_StyledField();
|
4021
3920
|
init_utils();
|
4022
|
-
exports.DatePicker =
|
3921
|
+
exports.DatePicker = React87.forwardRef(
|
4023
3922
|
({
|
4024
3923
|
variant,
|
4025
3924
|
errorMessage,
|
@@ -4037,7 +3936,7 @@ var init_DatePicker = __esm({
|
|
4037
3936
|
isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
|
4038
3937
|
validationState: (formControlProps == null ? void 0 : formControlProps.isInvalid) ? "invalid" : "valid"
|
4039
3938
|
});
|
4040
|
-
const internalRef =
|
3939
|
+
const internalRef = React87.useRef(null);
|
4041
3940
|
const ref = externalRef ?? internalRef;
|
4042
3941
|
const {
|
4043
3942
|
groupProps,
|
@@ -4057,7 +3956,7 @@ var init_DatePicker = __esm({
|
|
4057
3956
|
const onFieldClick = () => {
|
4058
3957
|
state2.setOpen(true);
|
4059
3958
|
};
|
4060
|
-
const popoverContent = /* @__PURE__ */
|
3959
|
+
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
3960
|
Calendar,
|
4062
3961
|
{
|
4063
3962
|
...calendarProps,
|
@@ -4065,7 +3964,7 @@ var init_DatePicker = __esm({
|
|
4065
3964
|
showYearNavigation
|
4066
3965
|
}
|
4067
3966
|
))));
|
4068
|
-
return /* @__PURE__ */
|
3967
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React87__namespace.default.createElement(
|
4069
3968
|
react.Box,
|
4070
3969
|
{
|
4071
3970
|
position: "relative",
|
@@ -4073,7 +3972,7 @@ var init_DatePicker = __esm({
|
|
4073
3972
|
flexDirection: "column",
|
4074
3973
|
width
|
4075
3974
|
},
|
4076
|
-
/* @__PURE__ */
|
3975
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4077
3976
|
react.Popover,
|
4078
3977
|
{
|
4079
3978
|
...dialogProps,
|
@@ -4082,7 +3981,7 @@ var init_DatePicker = __esm({
|
|
4082
3981
|
onClose: state2.close,
|
4083
3982
|
flip: false
|
4084
3983
|
},
|
4085
|
-
/* @__PURE__ */
|
3984
|
+
/* @__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
3985
|
StyledField,
|
4087
3986
|
{
|
4088
3987
|
variant,
|
@@ -4090,7 +3989,7 @@ var init_DatePicker = __esm({
|
|
4090
3989
|
paddingX: 3,
|
4091
3990
|
minHeight
|
4092
3991
|
},
|
4093
|
-
/* @__PURE__ */
|
3992
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
4094
3993
|
CalendarTriggerButton,
|
4095
3994
|
{
|
4096
3995
|
variant,
|
@@ -4098,7 +3997,7 @@ var init_DatePicker = __esm({
|
|
4098
3997
|
...buttonProps
|
4099
3998
|
}
|
4100
3999
|
)),
|
4101
|
-
/* @__PURE__ */
|
4000
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4102
4001
|
DateField,
|
4103
4002
|
{
|
4104
4003
|
label: props.label,
|
@@ -4108,8 +4007,8 @@ var init_DatePicker = __esm({
|
|
4108
4007
|
}
|
4109
4008
|
)
|
4110
4009
|
))),
|
4111
|
-
/* @__PURE__ */
|
4112
|
-
state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */
|
4010
|
+
/* @__PURE__ */ React87__namespace.default.createElement(exports.FormErrorMessage, { ...errorMessageProps }, errorMessage),
|
4011
|
+
state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React87__namespace.default.createElement(react.Portal, null, popoverContent),
|
4113
4012
|
state2.isOpen && !props.isDisabled && !withPortal && popoverContent
|
4114
4013
|
)
|
4115
4014
|
));
|
@@ -4125,9 +4024,9 @@ function RangeCalendar(props) {
|
|
4125
4024
|
locale,
|
4126
4025
|
createCalendar: date.createCalendar
|
4127
4026
|
});
|
4128
|
-
const ref =
|
4027
|
+
const ref = React87.useRef(null);
|
4129
4028
|
const { calendarProps, title } = reactAria.useRangeCalendar(props, state2, ref);
|
4130
|
-
return /* @__PURE__ */
|
4029
|
+
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
4030
|
CalendarGrid,
|
4132
4031
|
{
|
4133
4032
|
variant: props.variant,
|
@@ -4158,7 +4057,7 @@ function DateRangePicker({
|
|
4158
4057
|
isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
|
4159
4058
|
validationState: formControlProps.isInvalid ? "invalid" : "valid"
|
4160
4059
|
});
|
4161
|
-
const ref =
|
4060
|
+
const ref = React87.useRef(null);
|
4162
4061
|
const {
|
4163
4062
|
groupProps,
|
4164
4063
|
labelProps,
|
@@ -4179,8 +4078,8 @@ function DateRangePicker({
|
|
4179
4078
|
const onFieldClick = () => {
|
4180
4079
|
state2.setOpen(true);
|
4181
4080
|
};
|
4182
|
-
const popoverContent = /* @__PURE__ */
|
4183
|
-
return /* @__PURE__ */
|
4081
|
+
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 }))));
|
4082
|
+
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
4083
|
react.Popover,
|
4185
4084
|
{
|
4186
4085
|
...dialogProps,
|
@@ -4189,7 +4088,7 @@ function DateRangePicker({
|
|
4189
4088
|
onClose: state2.close,
|
4190
4089
|
flip: false
|
4191
4090
|
},
|
4192
|
-
/* @__PURE__ */
|
4091
|
+
/* @__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
4092
|
StyledField,
|
4194
4093
|
{
|
4195
4094
|
alignItems: "center",
|
@@ -4199,7 +4098,7 @@ function DateRangePicker({
|
|
4199
4098
|
onKeyPress: handleEnterClick,
|
4200
4099
|
minHeight
|
4201
4100
|
},
|
4202
|
-
variant && /* @__PURE__ */
|
4101
|
+
variant && /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
4203
4102
|
CalendarTriggerButton,
|
4204
4103
|
{
|
4205
4104
|
paddingLeft: 1,
|
@@ -4209,7 +4108,7 @@ function DateRangePicker({
|
|
4209
4108
|
...buttonProps
|
4210
4109
|
}
|
4211
4110
|
)),
|
4212
|
-
/* @__PURE__ */
|
4111
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4213
4112
|
DateField,
|
4214
4113
|
{
|
4215
4114
|
...startFieldProps,
|
@@ -4218,8 +4117,8 @@ function DateRangePicker({
|
|
4218
4117
|
labelProps
|
4219
4118
|
}
|
4220
4119
|
),
|
4221
|
-
/* @__PURE__ */
|
4222
|
-
/* @__PURE__ */
|
4120
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
|
4121
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4223
4122
|
DateField,
|
4224
4123
|
{
|
4225
4124
|
...endFieldProps,
|
@@ -4229,7 +4128,7 @@ function DateRangePicker({
|
|
4229
4128
|
}
|
4230
4129
|
)
|
4231
4130
|
))),
|
4232
|
-
state2.isOpen && withPortal && /* @__PURE__ */
|
4131
|
+
state2.isOpen && withPortal && /* @__PURE__ */ React87__namespace.default.createElement(react.Portal, null, popoverContent),
|
4233
4132
|
state2.isOpen && !withPortal && popoverContent
|
4234
4133
|
)));
|
4235
4134
|
}
|
@@ -4249,9 +4148,9 @@ var init_TimeField = __esm({
|
|
4249
4148
|
init_DateTimeSegment();
|
4250
4149
|
init_utils();
|
4251
4150
|
TimeField = ({ state: state2, ...props }) => {
|
4252
|
-
const ref =
|
4151
|
+
const ref = React87.useRef(null);
|
4253
4152
|
const { labelProps, fieldProps } = reactAria.useTimeField(props, state2, ref);
|
4254
|
-
return /* @__PURE__ */
|
4153
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React87__namespace.default.createElement(
|
4255
4154
|
exports.FormLabel,
|
4256
4155
|
{
|
4257
4156
|
...labelProps,
|
@@ -4263,7 +4162,7 @@ var init_TimeField = __esm({
|
|
4263
4162
|
paddingTop: "2px"
|
4264
4163
|
},
|
4265
4164
|
props.label
|
4266
|
-
), /* @__PURE__ */
|
4165
|
+
), /* @__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
4166
|
"input",
|
4268
4167
|
{
|
4269
4168
|
type: "hidden",
|
@@ -4339,7 +4238,7 @@ var init_TimePicker = __esm({
|
|
4339
4238
|
const ariaLabel = `${inputLabel} \u2013 ${t2(
|
4340
4239
|
texts16.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
|
4341
4240
|
)}`;
|
4342
|
-
return /* @__PURE__ */
|
4241
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
4343
4242
|
StyledField,
|
4344
4243
|
{
|
4345
4244
|
variant: "base",
|
@@ -4355,7 +4254,7 @@ var init_TimePicker = __esm({
|
|
4355
4254
|
"aria-label": ariaLabel,
|
4356
4255
|
...boxProps
|
4357
4256
|
},
|
4358
|
-
/* @__PURE__ */
|
4257
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4359
4258
|
exports.IconButton,
|
4360
4259
|
{
|
4361
4260
|
variant: "ghost",
|
@@ -4363,14 +4262,14 @@ var init_TimePicker = __esm({
|
|
4363
4262
|
borderRadius: "xs",
|
4364
4263
|
"aria-label": backwardsLabel,
|
4365
4264
|
title: backwardsLabel,
|
4366
|
-
icon: /* @__PURE__ */
|
4265
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, null),
|
4367
4266
|
onClick: handleBackwardsClick,
|
4368
4267
|
isDisabled,
|
4369
4268
|
style: isDisabled ? { backgroundColor: "transparent" } : {}
|
4370
4269
|
}
|
4371
4270
|
),
|
4372
|
-
/* @__PURE__ */
|
4373
|
-
/* @__PURE__ */
|
4271
|
+
/* @__PURE__ */ React87__namespace.default.createElement(TimeField, { label, state: state2, name }),
|
4272
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4374
4273
|
exports.IconButton,
|
4375
4274
|
{
|
4376
4275
|
variant: "ghost",
|
@@ -4378,7 +4277,7 @@ var init_TimePicker = __esm({
|
|
4378
4277
|
borderRadius: "xs",
|
4379
4278
|
"aria-label": forwardsLabel,
|
4380
4279
|
title: forwardsLabel,
|
4381
|
-
icon: /* @__PURE__ */
|
4280
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, null),
|
4382
4281
|
onClick: handleForwardClick,
|
4383
4282
|
isDisabled,
|
4384
4283
|
style: isDisabled ? { backgroundColor: "transparent" } : {}
|
@@ -4500,7 +4399,7 @@ var init_LineIcon = __esm({
|
|
4500
4399
|
if (!Icon) {
|
4501
4400
|
return null;
|
4502
4401
|
}
|
4503
|
-
return /* @__PURE__ */
|
4402
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React87__namespace.default.createElement(Icon, { sx: styles3.icon }));
|
4504
4403
|
};
|
4505
4404
|
}
|
4506
4405
|
});
|
@@ -4520,7 +4419,7 @@ var init_InfoTag = __esm({
|
|
4520
4419
|
size: size2,
|
4521
4420
|
...customProps
|
4522
4421
|
});
|
4523
|
-
return /* @__PURE__ */
|
4422
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React87__namespace.default.createElement(
|
4524
4423
|
exports.LineIcon,
|
4525
4424
|
{
|
4526
4425
|
variant,
|
@@ -4528,7 +4427,7 @@ var init_InfoTag = __esm({
|
|
4528
4427
|
sx: styles3.iconContainer,
|
4529
4428
|
...customProps
|
4530
4429
|
}
|
4531
|
-
), /* @__PURE__ */
|
4430
|
+
), /* @__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
4431
|
};
|
4533
4432
|
}
|
4534
4433
|
});
|
@@ -4554,7 +4453,7 @@ var init_TravelTag = __esm({
|
|
4554
4453
|
backgroundColor: variant === "custom" ? rest.backgroundColor : void 0
|
4555
4454
|
});
|
4556
4455
|
const DeviationLevelIcon = getDeviationLevelIcon({ deviationLevel, size: size2 });
|
4557
|
-
return /* @__PURE__ */
|
4456
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React87__namespace.default.createElement(
|
4558
4457
|
exports.LineIcon,
|
4559
4458
|
{
|
4560
4459
|
variant,
|
@@ -4562,7 +4461,7 @@ var init_TravelTag = __esm({
|
|
4562
4461
|
sx: styles3.iconContainer,
|
4563
4462
|
...rest
|
4564
4463
|
}
|
4565
|
-
), /* @__PURE__ */
|
4464
|
+
), /* @__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
4465
|
}
|
4567
4466
|
);
|
4568
4467
|
getDeviationLevelIcon = ({
|
@@ -4601,7 +4500,7 @@ var init_TextLink = __esm({
|
|
4601
4500
|
var _a6;
|
4602
4501
|
const { t: t2 } = useTranslation();
|
4603
4502
|
const isExternal = props.isExternal !== void 0 ? props.isExternal : Boolean((_a6 = props.href) == null ? void 0 : _a6.match(/^https?:\/\//));
|
4604
|
-
return /* @__PURE__ */
|
4503
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React87__namespace.default.createElement(
|
4605
4504
|
sporIconReact.LinkOutOutline24Icon,
|
4606
4505
|
{
|
4607
4506
|
marginLeft: 0.5,
|
@@ -4631,6 +4530,117 @@ var init_list = __esm({
|
|
4631
4530
|
"src/list/index.tsx"() {
|
4632
4531
|
}
|
4633
4532
|
});
|
4533
|
+
exports.VyLogo = void 0;
|
4534
|
+
var init_VyLogo = __esm({
|
4535
|
+
"src/logo/VyLogo.tsx"() {
|
4536
|
+
exports.VyLogo = ({ colorScheme, ...boxProps }) => {
|
4537
|
+
const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
|
4538
|
+
const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
|
4539
|
+
const id = React87.useId();
|
4540
|
+
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(
|
4541
|
+
"path",
|
4542
|
+
{
|
4543
|
+
fillRule: "evenodd",
|
4544
|
+
clipRule: "evenodd",
|
4545
|
+
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",
|
4546
|
+
fill: mainColor
|
4547
|
+
}
|
4548
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4549
|
+
"mask",
|
4550
|
+
{
|
4551
|
+
id: `${id}-a`,
|
4552
|
+
style: { maskType: "alpha" },
|
4553
|
+
maskUnits: "userSpaceOnUse",
|
4554
|
+
x: "0",
|
4555
|
+
y: "0",
|
4556
|
+
width: "94",
|
4557
|
+
height: "54"
|
4558
|
+
},
|
4559
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4560
|
+
"path",
|
4561
|
+
{
|
4562
|
+
fillRule: "evenodd",
|
4563
|
+
clipRule: "evenodd",
|
4564
|
+
d: "M0 .03h93.26v53.65H0V.03Z",
|
4565
|
+
fill: mainColor
|
4566
|
+
}
|
4567
|
+
)
|
4568
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4569
|
+
"g",
|
4570
|
+
{
|
4571
|
+
mask: `url(#${id}-a)`,
|
4572
|
+
fillRule: "evenodd",
|
4573
|
+
clipRule: "evenodd",
|
4574
|
+
fill: mainColor
|
4575
|
+
},
|
4576
|
+
/* @__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" }),
|
4577
|
+
/* @__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" })
|
4578
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4579
|
+
"path",
|
4580
|
+
{
|
4581
|
+
fillRule: "evenodd",
|
4582
|
+
clipRule: "evenodd",
|
4583
|
+
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",
|
4584
|
+
fill: accentColor
|
4585
|
+
}
|
4586
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4587
|
+
"path",
|
4588
|
+
{
|
4589
|
+
fillRule: "evenodd",
|
4590
|
+
clipRule: "evenodd",
|
4591
|
+
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",
|
4592
|
+
fill: mainColor
|
4593
|
+
}
|
4594
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4595
|
+
"mask",
|
4596
|
+
{
|
4597
|
+
id: `${id}-b`,
|
4598
|
+
style: { maskType: "alpha" },
|
4599
|
+
maskUnits: "userSpaceOnUse",
|
4600
|
+
x: "29",
|
4601
|
+
y: "0",
|
4602
|
+
width: "78",
|
4603
|
+
height: "54"
|
4604
|
+
},
|
4605
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4606
|
+
"path",
|
4607
|
+
{
|
4608
|
+
fillRule: "evenodd",
|
4609
|
+
clipRule: "evenodd",
|
4610
|
+
d: "M29.55.04H106v53.64H29.55V.04Z",
|
4611
|
+
fill: mainColor
|
4612
|
+
}
|
4613
|
+
)
|
4614
|
+
), /* @__PURE__ */ React87__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React87__namespace.default.createElement(
|
4615
|
+
"path",
|
4616
|
+
{
|
4617
|
+
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",
|
4618
|
+
fill: mainColor
|
4619
|
+
}
|
4620
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4621
|
+
"path",
|
4622
|
+
{
|
4623
|
+
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",
|
4624
|
+
fill: mainColor
|
4625
|
+
}
|
4626
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4627
|
+
"path",
|
4628
|
+
{
|
4629
|
+
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",
|
4630
|
+
fill: accentColor
|
4631
|
+
}
|
4632
|
+
)), /* @__PURE__ */ React87__namespace.default.createElement(
|
4633
|
+
"path",
|
4634
|
+
{
|
4635
|
+
fillRule: "evenodd",
|
4636
|
+
clipRule: "evenodd",
|
4637
|
+
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",
|
4638
|
+
fill: mainColor
|
4639
|
+
}
|
4640
|
+
));
|
4641
|
+
};
|
4642
|
+
}
|
4643
|
+
});
|
4634
4644
|
exports.VyLogoPride = void 0;
|
4635
4645
|
var init_VyLogoPride = __esm({
|
4636
4646
|
"src/logo/VyLogoPride.tsx"() {
|
@@ -4644,8 +4654,8 @@ var init_VyLogoPride = __esm({
|
|
4644
4654
|
const redColor = colorScheme === "light" ? "#EA3323" : "#ffffff";
|
4645
4655
|
const orangeColor = colorScheme === "light" ? "#F09436" : "#ffffff";
|
4646
4656
|
const yellowColor = colorScheme === "light" ? "#FFFF54" : "#ffffff";
|
4647
|
-
const id =
|
4648
|
-
return /* @__PURE__ */
|
4657
|
+
const id = React87.useId();
|
4658
|
+
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
4659
|
"svg",
|
4650
4660
|
{
|
4651
4661
|
width: "108",
|
@@ -4654,7 +4664,7 @@ var init_VyLogoPride = __esm({
|
|
4654
4664
|
fill: "none",
|
4655
4665
|
xmlns: "http://www.w3.org/2000/svg"
|
4656
4666
|
},
|
4657
|
-
/* @__PURE__ */
|
4667
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4658
4668
|
"path",
|
4659
4669
|
{
|
4660
4670
|
fillRule: "evenodd",
|
@@ -4663,7 +4673,7 @@ var init_VyLogoPride = __esm({
|
|
4663
4673
|
fill: pinkColor
|
4664
4674
|
}
|
4665
4675
|
),
|
4666
|
-
/* @__PURE__ */
|
4676
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4667
4677
|
"mask",
|
4668
4678
|
{
|
4669
4679
|
id: `${id}-a-pride`,
|
@@ -4674,7 +4684,7 @@ var init_VyLogoPride = __esm({
|
|
4674
4684
|
width: "95",
|
4675
4685
|
height: "55"
|
4676
4686
|
},
|
4677
|
-
/* @__PURE__ */
|
4687
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4678
4688
|
"path",
|
4679
4689
|
{
|
4680
4690
|
fillRule: "evenodd",
|
@@ -4684,7 +4694,7 @@ var init_VyLogoPride = __esm({
|
|
4684
4694
|
}
|
4685
4695
|
)
|
4686
4696
|
),
|
4687
|
-
/* @__PURE__ */
|
4697
|
+
/* @__PURE__ */ React87__namespace.default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React87__namespace.default.createElement(
|
4688
4698
|
"path",
|
4689
4699
|
{
|
4690
4700
|
fillRule: "evenodd",
|
@@ -4692,7 +4702,7 @@ var init_VyLogoPride = __esm({
|
|
4692
4702
|
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
4703
|
fill: purpleColor
|
4694
4704
|
}
|
4695
|
-
), /* @__PURE__ */
|
4705
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4696
4706
|
"path",
|
4697
4707
|
{
|
4698
4708
|
fillRule: "evenodd",
|
@@ -4700,7 +4710,7 @@ var init_VyLogoPride = __esm({
|
|
4700
4710
|
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
4711
|
fill: darkPurpleColor
|
4702
4712
|
}
|
4703
|
-
), /* @__PURE__ */
|
4713
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4704
4714
|
"path",
|
4705
4715
|
{
|
4706
4716
|
fillRule: "evenodd",
|
@@ -4708,7 +4718,7 @@ var init_VyLogoPride = __esm({
|
|
4708
4718
|
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
4719
|
fill: greenColor
|
4710
4720
|
}
|
4711
|
-
), /* @__PURE__ */
|
4721
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4712
4722
|
"path",
|
4713
4723
|
{
|
4714
4724
|
fillRule: "evenodd",
|
@@ -4716,7 +4726,7 @@ var init_VyLogoPride = __esm({
|
|
4716
4726
|
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
4727
|
fill: darkGreenColor
|
4718
4728
|
}
|
4719
|
-
), /* @__PURE__ */
|
4729
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4720
4730
|
"path",
|
4721
4731
|
{
|
4722
4732
|
fillRule: "evenodd",
|
@@ -4725,7 +4735,7 @@ var init_VyLogoPride = __esm({
|
|
4725
4735
|
fill: darkPurpleColor
|
4726
4736
|
}
|
4727
4737
|
)),
|
4728
|
-
/* @__PURE__ */
|
4738
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4729
4739
|
"path",
|
4730
4740
|
{
|
4731
4741
|
fillRule: "evenodd",
|
@@ -4734,7 +4744,7 @@ var init_VyLogoPride = __esm({
|
|
4734
4744
|
fill: blueColor
|
4735
4745
|
}
|
4736
4746
|
),
|
4737
|
-
/* @__PURE__ */
|
4747
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4738
4748
|
"path",
|
4739
4749
|
{
|
4740
4750
|
fillRule: "evenodd",
|
@@ -4743,7 +4753,7 @@ var init_VyLogoPride = __esm({
|
|
4743
4753
|
fill: blueColor
|
4744
4754
|
}
|
4745
4755
|
),
|
4746
|
-
/* @__PURE__ */
|
4756
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4747
4757
|
"path",
|
4748
4758
|
{
|
4749
4759
|
fillRule: "evenodd",
|
@@ -4752,7 +4762,7 @@ var init_VyLogoPride = __esm({
|
|
4752
4762
|
fill: greenColor
|
4753
4763
|
}
|
4754
4764
|
),
|
4755
|
-
/* @__PURE__ */
|
4765
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4756
4766
|
"mask",
|
4757
4767
|
{
|
4758
4768
|
id: `${id}-b-pride`,
|
@@ -4763,7 +4773,7 @@ var init_VyLogoPride = __esm({
|
|
4763
4773
|
width: "78",
|
4764
4774
|
height: "55"
|
4765
4775
|
},
|
4766
|
-
/* @__PURE__ */
|
4776
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4767
4777
|
"path",
|
4768
4778
|
{
|
4769
4779
|
fillRule: "evenodd",
|
@@ -4773,7 +4783,7 @@ var init_VyLogoPride = __esm({
|
|
4773
4783
|
}
|
4774
4784
|
)
|
4775
4785
|
),
|
4776
|
-
/* @__PURE__ */
|
4786
|
+
/* @__PURE__ */ React87__namespace.default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React87__namespace.default.createElement(
|
4777
4787
|
"path",
|
4778
4788
|
{
|
4779
4789
|
fillRule: "evenodd",
|
@@ -4781,7 +4791,7 @@ var init_VyLogoPride = __esm({
|
|
4781
4791
|
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
4792
|
fill: greenColor
|
4783
4793
|
}
|
4784
|
-
), /* @__PURE__ */
|
4794
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4785
4795
|
"path",
|
4786
4796
|
{
|
4787
4797
|
fillRule: "evenodd",
|
@@ -4789,7 +4799,7 @@ var init_VyLogoPride = __esm({
|
|
4789
4799
|
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
4800
|
fill: darkGreenColor
|
4791
4801
|
}
|
4792
|
-
), /* @__PURE__ */
|
4802
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4793
4803
|
"path",
|
4794
4804
|
{
|
4795
4805
|
fillRule: "evenodd",
|
@@ -4797,7 +4807,7 @@ var init_VyLogoPride = __esm({
|
|
4797
4807
|
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
4808
|
fill: redColor
|
4799
4809
|
}
|
4800
|
-
), /* @__PURE__ */
|
4810
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4801
4811
|
"path",
|
4802
4812
|
{
|
4803
4813
|
fillRule: "evenodd",
|
@@ -4805,7 +4815,7 @@ var init_VyLogoPride = __esm({
|
|
4805
4815
|
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
4816
|
fill: orangeColor
|
4807
4817
|
}
|
4808
|
-
), /* @__PURE__ */
|
4818
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4809
4819
|
"path",
|
4810
4820
|
{
|
4811
4821
|
fillRule: "evenodd",
|
@@ -4814,7 +4824,7 @@ var init_VyLogoPride = __esm({
|
|
4814
4824
|
fill: yellowColor
|
4815
4825
|
}
|
4816
4826
|
)),
|
4817
|
-
/* @__PURE__ */
|
4827
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
4818
4828
|
"path",
|
4819
4829
|
{
|
4820
4830
|
fillRule: "evenodd",
|
@@ -4827,135 +4837,6 @@ var init_VyLogoPride = __esm({
|
|
4827
4837
|
};
|
4828
4838
|
}
|
4829
4839
|
});
|
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
4840
|
exports.CargonetLogo = void 0;
|
4960
4841
|
var init_CargonetLogo = __esm({
|
4961
4842
|
"src/logo/CargonetLogo.tsx"() {
|
@@ -4965,109 +4846,109 @@ var init_CargonetLogo = __esm({
|
|
4965
4846
|
}) => {
|
4966
4847
|
const mainColor = "#DF8200";
|
4967
4848
|
const accentColor = colorScheme === "light" ? "#383E42" : "#ffffff";
|
4968
|
-
return /* @__PURE__ */
|
4849
|
+
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
4850
|
"path",
|
4970
4851
|
{
|
4971
4852
|
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
4853
|
fill: accentColor
|
4973
4854
|
}
|
4974
|
-
), /* @__PURE__ */
|
4855
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4975
4856
|
"path",
|
4976
4857
|
{
|
4977
4858
|
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
4859
|
fill: accentColor
|
4979
4860
|
}
|
4980
|
-
), /* @__PURE__ */
|
4861
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4981
4862
|
"path",
|
4982
4863
|
{
|
4983
4864
|
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
4865
|
fill: accentColor
|
4985
4866
|
}
|
4986
|
-
), /* @__PURE__ */
|
4867
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4987
4868
|
"path",
|
4988
4869
|
{
|
4989
4870
|
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
4871
|
fill: accentColor
|
4991
4872
|
}
|
4992
|
-
), /* @__PURE__ */
|
4873
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4993
4874
|
"path",
|
4994
4875
|
{
|
4995
4876
|
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
4877
|
fill: accentColor
|
4997
4878
|
}
|
4998
|
-
), /* @__PURE__ */
|
4879
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
4999
4880
|
"path",
|
5000
4881
|
{
|
5001
4882
|
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
4883
|
fill: mainColor
|
5003
4884
|
}
|
5004
|
-
), /* @__PURE__ */
|
4885
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5005
4886
|
"path",
|
5006
4887
|
{
|
5007
4888
|
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
4889
|
fill: mainColor
|
5009
4890
|
}
|
5010
|
-
), /* @__PURE__ */
|
4891
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5011
4892
|
"path",
|
5012
4893
|
{
|
5013
4894
|
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
4895
|
fill: mainColor
|
5015
4896
|
}
|
5016
|
-
), /* @__PURE__ */
|
4897
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5017
4898
|
"path",
|
5018
4899
|
{
|
5019
4900
|
d: "M21.4911 10.2565H31.1579V0.589175H21.4911V10.2565Z",
|
5020
4901
|
fill: mainColor
|
5021
4902
|
}
|
5022
|
-
), /* @__PURE__ */
|
4903
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5023
4904
|
"path",
|
5024
4905
|
{
|
5025
4906
|
d: "M41.3861 10.8855H31.7757V20.5528H41.3861V10.8855Z",
|
5026
4907
|
fill: mainColor
|
5027
4908
|
}
|
5028
|
-
), /* @__PURE__ */
|
4909
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5029
4910
|
"path",
|
5030
4911
|
{
|
5031
4912
|
d: "M42.0022 10.2547H51.6126V0.587402H42.0022V10.2547Z",
|
5032
4913
|
fill: mainColor
|
5033
4914
|
}
|
5034
|
-
), /* @__PURE__ */
|
4915
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5035
4916
|
"path",
|
5036
4917
|
{
|
5037
4918
|
d: "M21.477 30.7758H31.1431V21.1654H21.477V30.7758Z",
|
5038
4919
|
fill: mainColor
|
5039
4920
|
}
|
5040
|
-
), /* @__PURE__ */
|
4921
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5041
4922
|
"path",
|
5042
4923
|
{
|
5043
4924
|
d: "M11.2124 20.5493H20.8791V10.8826H11.2124V20.5493Z",
|
5044
4925
|
fill: mainColor
|
5045
4926
|
}
|
5046
|
-
), /* @__PURE__ */
|
4927
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5047
4928
|
"path",
|
5048
4929
|
{
|
5049
4930
|
d: "M0.910156 30.7911H10.5775V21.1801H0.910156V30.7911Z",
|
5050
4931
|
fill: mainColor
|
5051
4932
|
}
|
5052
|
-
), /* @__PURE__ */
|
4933
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5053
4934
|
"path",
|
5054
4935
|
{
|
5055
4936
|
d: "M11.1948 41.0258H20.8615V31.4154H11.1948V41.0258Z",
|
5056
4937
|
fill: mainColor
|
5057
4938
|
}
|
5058
|
-
), /* @__PURE__ */
|
4939
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5059
4940
|
"path",
|
5060
4941
|
{
|
5061
4942
|
d: "M31.7669 41.0581H41.4336V31.3908H31.7669V41.0581Z",
|
5062
4943
|
fill: mainColor
|
5063
4944
|
}
|
5064
|
-
), /* @__PURE__ */
|
4945
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5065
4946
|
"path",
|
5066
4947
|
{
|
5067
4948
|
d: "M21.4776 51.2277H31.1443V41.656H21.4776V51.2277Z",
|
5068
4949
|
fill: mainColor
|
5069
4950
|
}
|
5070
|
-
), /* @__PURE__ */
|
4951
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(
|
5071
4952
|
"path",
|
5072
4953
|
{
|
5073
4954
|
d: "M42.0615 51.2283H51.7282V41.6989H42.0615V51.2283Z",
|
@@ -5083,7 +4964,6 @@ var init_logo = __esm({
|
|
5083
4964
|
"src/logo/index.tsx"() {
|
5084
4965
|
init_VyLogo();
|
5085
4966
|
init_VyLogoPride();
|
5086
|
-
init_VyLogoDefault();
|
5087
4967
|
init_CargonetLogo();
|
5088
4968
|
}
|
5089
4969
|
});
|
@@ -5102,7 +4982,7 @@ var init_JumpButton = __esm({
|
|
5102
4982
|
variant: "jumpSkip",
|
5103
4983
|
size: size2
|
5104
4984
|
});
|
5105
|
-
return /* @__PURE__ */
|
4985
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5106
4986
|
react.Center,
|
5107
4987
|
{
|
5108
4988
|
as: "button",
|
@@ -5111,7 +4991,7 @@ var init_JumpButton = __esm({
|
|
5111
4991
|
disabled: isDisabled,
|
5112
4992
|
...props
|
5113
4993
|
},
|
5114
|
-
direction2 === "forward" ? /* @__PURE__ */
|
4994
|
+
direction2 === "forward" ? /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.Backward15MediaControllerFill30Icon, { sx: styles3.icon })
|
5115
4995
|
);
|
5116
4996
|
};
|
5117
4997
|
texts18 = createTexts({
|
@@ -5145,7 +5025,7 @@ var init_PlayPauseButton = __esm({
|
|
5145
5025
|
variant: "play",
|
5146
5026
|
size: size2
|
5147
5027
|
});
|
5148
|
-
return /* @__PURE__ */
|
5028
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5149
5029
|
react.Center,
|
5150
5030
|
{
|
5151
5031
|
as: "button",
|
@@ -5154,7 +5034,7 @@ var init_PlayPauseButton = __esm({
|
|
5154
5034
|
disabled: isDisabled,
|
5155
5035
|
...props
|
5156
5036
|
},
|
5157
|
-
isPlaying ? /* @__PURE__ */
|
5037
|
+
isPlaying ? /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.PlayMediaControllerFill24Icon, { sx: styles3.icon })
|
5158
5038
|
);
|
5159
5039
|
};
|
5160
5040
|
texts19 = createTexts({
|
@@ -5188,7 +5068,7 @@ var init_SkipButton = __esm({
|
|
5188
5068
|
variant: "jumpSkip",
|
5189
5069
|
size: size2
|
5190
5070
|
});
|
5191
|
-
return /* @__PURE__ */
|
5071
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5192
5072
|
react.Center,
|
5193
5073
|
{
|
5194
5074
|
as: "button",
|
@@ -5197,7 +5077,7 @@ var init_SkipButton = __esm({
|
|
5197
5077
|
disabled: isDisabled,
|
5198
5078
|
...props
|
5199
5079
|
},
|
5200
|
-
direction2 === "forward" ? /* @__PURE__ */
|
5080
|
+
direction2 === "forward" ? /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.PreviousMediaControllerFill30Icon, { sx: styles3.icon })
|
5201
5081
|
);
|
5202
5082
|
};
|
5203
5083
|
texts20 = createTexts({
|
@@ -5234,7 +5114,7 @@ var init_ModalHeader = __esm({
|
|
5234
5114
|
fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
|
5235
5115
|
textAlign: size2 === "lg" ? "center" : "left"
|
5236
5116
|
};
|
5237
|
-
return /* @__PURE__ */
|
5117
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.ModalHeader, { ...props, ref, ...styles3 });
|
5238
5118
|
}
|
5239
5119
|
);
|
5240
5120
|
}
|
@@ -5244,7 +5124,7 @@ var init_Drawer = __esm({
|
|
5244
5124
|
"src/modal/Drawer.tsx"() {
|
5245
5125
|
init_ModalHeader();
|
5246
5126
|
exports.Drawer = (props) => {
|
5247
|
-
return /* @__PURE__ */
|
5127
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React87__namespace.default.createElement(react.Drawer, { ...props }));
|
5248
5128
|
};
|
5249
5129
|
exports.DrawerContent = react.forwardRef(
|
5250
5130
|
({ children, ...props }, ref) => {
|
@@ -5261,7 +5141,7 @@ var init_Drawer = __esm({
|
|
5261
5141
|
});
|
5262
5142
|
const isTopOrBottom = placement === "top" || placement === "bottom";
|
5263
5143
|
const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
|
5264
|
-
return /* @__PURE__ */
|
5144
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React87__namespace.default.createElement(
|
5265
5145
|
react.DrawerContent,
|
5266
5146
|
{
|
5267
5147
|
...widthConstraits,
|
@@ -5270,13 +5150,13 @@ var init_Drawer = __esm({
|
|
5270
5150
|
...props,
|
5271
5151
|
ref
|
5272
5152
|
},
|
5273
|
-
/* @__PURE__ */
|
5153
|
+
/* @__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
5154
|
));
|
5275
5155
|
}
|
5276
5156
|
);
|
5277
5157
|
Notch = react.forwardRef((props, ref) => {
|
5278
5158
|
const placement = useDrawerContext();
|
5279
|
-
return /* @__PURE__ */
|
5159
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5280
5160
|
react.Box,
|
5281
5161
|
{
|
5282
5162
|
position: "absolute",
|
@@ -5288,14 +5168,14 @@ var init_Drawer = __esm({
|
|
5288
5168
|
...props,
|
5289
5169
|
ref
|
5290
5170
|
},
|
5291
|
-
/* @__PURE__ */
|
5171
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
5292
5172
|
react.Center,
|
5293
5173
|
{
|
5294
5174
|
background: placement === "bottom" ? "bottom" : "top",
|
5295
5175
|
padding: 2,
|
5296
5176
|
borderRadius: "md"
|
5297
5177
|
},
|
5298
|
-
/* @__PURE__ */
|
5178
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
5299
5179
|
react.Box,
|
5300
5180
|
{
|
5301
5181
|
width: "2.265rem",
|
@@ -5307,10 +5187,10 @@ var init_Drawer = __esm({
|
|
5307
5187
|
)
|
5308
5188
|
);
|
5309
5189
|
});
|
5310
|
-
DrawerContext =
|
5311
|
-
DrawerProvider = (props) => /* @__PURE__ */
|
5190
|
+
DrawerContext = React87__namespace.default.createContext(void 0);
|
5191
|
+
DrawerProvider = (props) => /* @__PURE__ */ React87__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
|
5312
5192
|
useDrawerContext = () => {
|
5313
|
-
return
|
5193
|
+
return React87__namespace.default.useContext(DrawerContext);
|
5314
5194
|
};
|
5315
5195
|
}
|
5316
5196
|
});
|
@@ -5324,13 +5204,13 @@ var init_FullScreenDrawer = __esm({
|
|
5324
5204
|
children,
|
5325
5205
|
title,
|
5326
5206
|
placement = "bottom",
|
5327
|
-
leftButton = /* @__PURE__ */
|
5328
|
-
rightButton = /* @__PURE__ */
|
5207
|
+
leftButton = /* @__PURE__ */ React87__namespace.default.createElement(DrawerBackButton, null),
|
5208
|
+
rightButton = /* @__PURE__ */ React87__namespace.default.createElement(DrawerCloseButton2, null),
|
5329
5209
|
isOpen,
|
5330
5210
|
onClose,
|
5331
5211
|
body
|
5332
5212
|
}) => {
|
5333
|
-
const [isContentBoxScrolled, setContentBoxScrolled] =
|
5213
|
+
const [isContentBoxScrolled, setContentBoxScrolled] = React87.useState(false);
|
5334
5214
|
const onContentScroll = (e) => {
|
5335
5215
|
const target = e.target;
|
5336
5216
|
if (target.scrollTop <= 0) {
|
@@ -5339,10 +5219,10 @@ var init_FullScreenDrawer = __esm({
|
|
5339
5219
|
}
|
5340
5220
|
setContentBoxScrolled(true);
|
5341
5221
|
};
|
5342
|
-
|
5222
|
+
React87.useEffect(() => {
|
5343
5223
|
setContentBoxScrolled(false);
|
5344
5224
|
}, [isOpen]);
|
5345
|
-
return /* @__PURE__ */
|
5225
|
+
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
5226
|
react.DrawerContent,
|
5347
5227
|
{
|
5348
5228
|
height: "100vh",
|
@@ -5350,7 +5230,7 @@ var init_FullScreenDrawer = __esm({
|
|
5350
5230
|
backgroundPosition: "top",
|
5351
5231
|
backgroundRepeat: "no-repeat"
|
5352
5232
|
},
|
5353
|
-
/* @__PURE__ */
|
5233
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
5354
5234
|
DrawerTopMenu,
|
5355
5235
|
{
|
5356
5236
|
isScrolled: isContentBoxScrolled,
|
@@ -5359,7 +5239,7 @@ var init_FullScreenDrawer = __esm({
|
|
5359
5239
|
rightButton
|
5360
5240
|
}
|
5361
5241
|
),
|
5362
|
-
/* @__PURE__ */
|
5242
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
|
5363
5243
|
));
|
5364
5244
|
};
|
5365
5245
|
DrawerTopMenu = ({
|
@@ -5372,7 +5252,7 @@ var init_FullScreenDrawer = __esm({
|
|
5372
5252
|
"bg.default.light",
|
5373
5253
|
"bg.default.dark"
|
5374
5254
|
);
|
5375
|
-
return /* @__PURE__ */
|
5255
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5376
5256
|
react.Flex,
|
5377
5257
|
{
|
5378
5258
|
width: "100%",
|
@@ -5385,8 +5265,8 @@ var init_FullScreenDrawer = __esm({
|
|
5385
5265
|
transition: "box-shadow 0.2s",
|
5386
5266
|
boxShadow: isScrolled ? "md" : void 0
|
5387
5267
|
},
|
5388
|
-
/* @__PURE__ */
|
5389
|
-
/* @__PURE__ */
|
5268
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width: "fit-content" }, leftButton)),
|
5269
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
5390
5270
|
react.DrawerHeader,
|
5391
5271
|
{
|
5392
5272
|
as: "h2",
|
@@ -5399,7 +5279,7 @@ var init_FullScreenDrawer = __esm({
|
|
5399
5279
|
},
|
5400
5280
|
title
|
5401
5281
|
),
|
5402
|
-
/* @__PURE__ */
|
5282
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
|
5403
5283
|
);
|
5404
5284
|
};
|
5405
5285
|
DrawerCloseButton2 = () => {
|
@@ -5409,11 +5289,11 @@ var init_FullScreenDrawer = __esm({
|
|
5409
5289
|
`(min-width: ${tokens11__namespace.default.size.breakpoint.sm})`
|
5410
5290
|
);
|
5411
5291
|
if (isScreenSizeMinSm) {
|
5412
|
-
return /* @__PURE__ */
|
5292
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5413
5293
|
exports.Button,
|
5414
5294
|
{
|
5415
5295
|
variant: "ghost",
|
5416
|
-
leftIcon: /* @__PURE__ */
|
5296
|
+
leftIcon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill24Icon, null),
|
5417
5297
|
onClick: onClose,
|
5418
5298
|
"aria-label": t2(texts21.close),
|
5419
5299
|
width: "fit-content",
|
@@ -5422,11 +5302,11 @@ var init_FullScreenDrawer = __esm({
|
|
5422
5302
|
t2(texts21.close)
|
5423
5303
|
);
|
5424
5304
|
}
|
5425
|
-
return /* @__PURE__ */
|
5305
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5426
5306
|
exports.IconButton,
|
5427
5307
|
{
|
5428
5308
|
variant: "ghost",
|
5429
|
-
icon: /* @__PURE__ */
|
5309
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill30Icon, null),
|
5430
5310
|
onClick: onClose,
|
5431
5311
|
"aria-label": t2(texts21.close)
|
5432
5312
|
}
|
@@ -5439,11 +5319,11 @@ var init_FullScreenDrawer = __esm({
|
|
5439
5319
|
`(min-width: ${tokens11__namespace.default.size.breakpoint.sm})`
|
5440
5320
|
);
|
5441
5321
|
if (isScreenSizeMinSm) {
|
5442
|
-
return /* @__PURE__ */
|
5322
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5443
5323
|
exports.Button,
|
5444
5324
|
{
|
5445
5325
|
variant: "ghost",
|
5446
|
-
leftIcon: /* @__PURE__ */
|
5326
|
+
leftIcon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
|
5447
5327
|
onClick: onClose,
|
5448
5328
|
"aria-label": t2(texts21.backAriaLabel),
|
5449
5329
|
width: "fit-content",
|
@@ -5452,11 +5332,11 @@ var init_FullScreenDrawer = __esm({
|
|
5452
5332
|
t2(texts21.back)
|
5453
5333
|
);
|
5454
5334
|
}
|
5455
|
-
return /* @__PURE__ */
|
5335
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5456
5336
|
exports.IconButton,
|
5457
5337
|
{
|
5458
5338
|
variant: "ghost",
|
5459
|
-
icon: /* @__PURE__ */
|
5339
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowLeftFill30Icon, null),
|
5460
5340
|
onClick: onClose,
|
5461
5341
|
"aria-label": t2(texts21.close)
|
5462
5342
|
}
|
@@ -5505,7 +5385,7 @@ var init_SimpleDrawer = __esm({
|
|
5505
5385
|
body,
|
5506
5386
|
...props
|
5507
5387
|
}) => {
|
5508
|
-
return /* @__PURE__ */
|
5388
|
+
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
5389
|
};
|
5510
5390
|
}
|
5511
5391
|
});
|
@@ -5544,7 +5424,7 @@ var init_Nudge = __esm({
|
|
5544
5424
|
}
|
5545
5425
|
return null;
|
5546
5426
|
}
|
5547
|
-
return /* @__PURE__ */
|
5427
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5548
5428
|
react.Popover,
|
5549
5429
|
{
|
5550
5430
|
arrowSize: 12,
|
@@ -5552,8 +5432,8 @@ var init_Nudge = __esm({
|
|
5552
5432
|
defaultIsOpen: true,
|
5553
5433
|
...props
|
5554
5434
|
},
|
5555
|
-
/* @__PURE__ */
|
5556
|
-
/* @__PURE__ */
|
5435
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.PopoverAnchor, null, children),
|
5436
|
+
/* @__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
5437
|
);
|
5558
5438
|
};
|
5559
5439
|
texts22 = createTexts({
|
@@ -5583,23 +5463,23 @@ var init_WizardNudge = __esm({
|
|
5583
5463
|
content,
|
5584
5464
|
...props
|
5585
5465
|
}) => {
|
5586
|
-
const [currentStep, setCurrentStep] =
|
5466
|
+
const [currentStep, setCurrentStep] = React87.useState(1);
|
5587
5467
|
const totalSteps = content.length;
|
5588
5468
|
const isLastStep = totalSteps === currentStep;
|
5589
5469
|
const onNext = () => setCurrentStep((prev) => prev + 1);
|
5590
|
-
return /* @__PURE__ */
|
5470
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5591
5471
|
exports.Nudge,
|
5592
5472
|
{
|
5593
5473
|
onClose,
|
5594
5474
|
name,
|
5595
5475
|
content: content[currentStep - 1],
|
5596
|
-
actions: /* @__PURE__ */
|
5476
|
+
actions: /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React87__namespace.default.createElement(
|
5597
5477
|
exports.ProgressIndicator,
|
5598
5478
|
{
|
5599
5479
|
activeStep: currentStep,
|
5600
5480
|
numberOfSteps: totalSteps
|
5601
5481
|
}
|
5602
|
-
), /* @__PURE__ */
|
5482
|
+
), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React87__namespace.default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
|
5603
5483
|
...props
|
5604
5484
|
},
|
5605
5485
|
children
|
@@ -5608,12 +5488,12 @@ var init_WizardNudge = __esm({
|
|
5608
5488
|
NextOrCloseButton = ({ isLastStep, onNext }) => {
|
5609
5489
|
const { onClose } = react.usePopoverContext();
|
5610
5490
|
const { t: t2 } = useTranslation();
|
5611
|
-
return /* @__PURE__ */
|
5491
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5612
5492
|
exports.Button,
|
5613
5493
|
{
|
5614
5494
|
variant: "tertiary",
|
5615
5495
|
size: "xs",
|
5616
|
-
leftIcon: isLastStep ? void 0 : /* @__PURE__ */
|
5496
|
+
leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowRightFill18Icon, null),
|
5617
5497
|
onClick: isLastStep ? onClose : onNext,
|
5618
5498
|
width: "fit-content"
|
5619
5499
|
},
|
@@ -5691,7 +5571,7 @@ var init_Pagination = __esm({
|
|
5691
5571
|
}
|
5692
5572
|
}
|
5693
5573
|
return displayPageNumbers.map(
|
5694
|
-
(pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */
|
5574
|
+
(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
5575
|
react.Link,
|
5696
5576
|
{
|
5697
5577
|
key: index,
|
@@ -5708,7 +5588,7 @@ var init_Pagination = __esm({
|
|
5708
5588
|
)
|
5709
5589
|
);
|
5710
5590
|
};
|
5711
|
-
return /* @__PURE__ */
|
5591
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React87__namespace.default.createElement(
|
5712
5592
|
react.UnorderedList,
|
5713
5593
|
{
|
5714
5594
|
display: "flex",
|
@@ -5717,22 +5597,22 @@ var init_Pagination = __esm({
|
|
5717
5597
|
padding: 0,
|
5718
5598
|
margin: 0
|
5719
5599
|
},
|
5720
|
-
/* @__PURE__ */
|
5600
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts24.previousPage) }, /* @__PURE__ */ React87__namespace.default.createElement(
|
5721
5601
|
exports.TextLink,
|
5722
5602
|
{
|
5723
5603
|
onClick: () => onPageChange(selectedPage - 1),
|
5724
5604
|
sx: hasPreviousPage ? style.link : style.disabled
|
5725
5605
|
},
|
5726
|
-
/* @__PURE__ */
|
5606
|
+
/* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, { sx: style.icon })
|
5727
5607
|
)),
|
5728
5608
|
renderPaginationButtons(),
|
5729
|
-
/* @__PURE__ */
|
5609
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts24.nextPage) }, /* @__PURE__ */ React87__namespace.default.createElement(
|
5730
5610
|
exports.TextLink,
|
5731
5611
|
{
|
5732
5612
|
onClick: () => onPageChange(selectedPage + 1),
|
5733
5613
|
sx: hasNextPage ? style.link : style.disabled
|
5734
5614
|
},
|
5735
|
-
/* @__PURE__ */
|
5615
|
+
/* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { sx: style.icon })
|
5736
5616
|
))
|
5737
5617
|
));
|
5738
5618
|
};
|
@@ -5765,7 +5645,7 @@ var init_ProgressDot = __esm({
|
|
5765
5645
|
init_src();
|
5766
5646
|
ProgressDot = ({ isActive }) => {
|
5767
5647
|
const style = react.useMultiStyleConfig("ProgressIndicator");
|
5768
|
-
return /* @__PURE__ */
|
5648
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5769
5649
|
react.Box,
|
5770
5650
|
{
|
5771
5651
|
as: "svg",
|
@@ -5775,7 +5655,7 @@ var init_ProgressDot = __esm({
|
|
5775
5655
|
viewBox: "0 0 100 100",
|
5776
5656
|
"aria-current": isActive ? "step" : void 0
|
5777
5657
|
},
|
5778
|
-
/* @__PURE__ */
|
5658
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "circle", cx: "50", cy: "50", r: "50" })
|
5779
5659
|
);
|
5780
5660
|
};
|
5781
5661
|
}
|
@@ -5791,7 +5671,7 @@ var init_ProgressIndicator = __esm({
|
|
5791
5671
|
}) => {
|
5792
5672
|
const { t: t2 } = useTranslation();
|
5793
5673
|
const style = react.useMultiStyleConfig("ProgressIndicator");
|
5794
|
-
return /* @__PURE__ */
|
5674
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5795
5675
|
react.Box,
|
5796
5676
|
{
|
5797
5677
|
__css: style.root,
|
@@ -5801,7 +5681,7 @@ var init_ProgressIndicator = __esm({
|
|
5801
5681
|
"aria-valuenow": activeStep,
|
5802
5682
|
"aria-valuetext": t2(texts25.stepsOf(activeStep, numberOfSteps))
|
5803
5683
|
},
|
5804
|
-
/* @__PURE__ */
|
5684
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React87__namespace.default.createElement(
|
5805
5685
|
ProgressDot,
|
5806
5686
|
{
|
5807
5687
|
key: i,
|
@@ -5833,7 +5713,6 @@ var init_SporProvider = __esm({
|
|
5833
5713
|
"src/provider/SporProvider.tsx"() {
|
5834
5714
|
init_src();
|
5835
5715
|
init_src();
|
5836
|
-
init_PrideProvider();
|
5837
5716
|
exports.SporProvider = ({
|
5838
5717
|
theme: theme3 = exports.theme,
|
5839
5718
|
language = "nb" /* NorwegianBokmal */,
|
@@ -5843,7 +5722,7 @@ var init_SporProvider = __esm({
|
|
5843
5722
|
}) => {
|
5844
5723
|
const brandCustomizations = exports.brandTheme[brand] ?? {};
|
5845
5724
|
const extendedTheme = deepmerge__default.default(theme3, brandCustomizations);
|
5846
|
-
return /* @__PURE__ */
|
5725
|
+
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
5726
|
};
|
5848
5727
|
}
|
5849
5728
|
});
|
@@ -5852,13 +5731,12 @@ var init_SporProvider = __esm({
|
|
5852
5731
|
var init_provider = __esm({
|
5853
5732
|
"src/provider/index.tsx"() {
|
5854
5733
|
init_SporProvider();
|
5855
|
-
init_PrideProvider();
|
5856
5734
|
}
|
5857
5735
|
});
|
5858
5736
|
var StepperContext, StepperProvider, useStepper;
|
5859
5737
|
var init_StepperContext = __esm({
|
5860
5738
|
"src/stepper/StepperContext.tsx"() {
|
5861
|
-
StepperContext =
|
5739
|
+
StepperContext = React87__namespace.default.createContext(null);
|
5862
5740
|
StepperProvider = ({
|
5863
5741
|
activeStep,
|
5864
5742
|
children,
|
@@ -5866,7 +5744,7 @@ var init_StepperContext = __esm({
|
|
5866
5744
|
numberOfSteps,
|
5867
5745
|
variant
|
5868
5746
|
}) => {
|
5869
|
-
return /* @__PURE__ */
|
5747
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
5870
5748
|
StepperContext.Provider,
|
5871
5749
|
{
|
5872
5750
|
value: { activeStep, onClick, numberOfSteps, variant }
|
@@ -5875,7 +5753,7 @@ var init_StepperContext = __esm({
|
|
5875
5753
|
);
|
5876
5754
|
};
|
5877
5755
|
useStepper = () => {
|
5878
|
-
const context =
|
5756
|
+
const context = React87__namespace.default.useContext(StepperContext);
|
5879
5757
|
if (!context) {
|
5880
5758
|
throw new Error(
|
5881
5759
|
"useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
|
@@ -5909,7 +5787,7 @@ var init_Stepper = __esm({
|
|
5909
5787
|
const { t: t2 } = useTranslation();
|
5910
5788
|
const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
|
5911
5789
|
const shownHeading = heading || title;
|
5912
|
-
return /* @__PURE__ */
|
5790
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: style.root }, /* @__PURE__ */ React87__namespace.default.createElement(
|
5913
5791
|
StepperProvider,
|
5914
5792
|
{
|
5915
5793
|
onClick,
|
@@ -5917,7 +5795,7 @@ var init_Stepper = __esm({
|
|
5917
5795
|
variant,
|
5918
5796
|
numberOfSteps
|
5919
5797
|
},
|
5920
|
-
/* @__PURE__ */
|
5798
|
+
/* @__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
5799
|
react.Flex,
|
5922
5800
|
{
|
5923
5801
|
justifyContent: "space-between",
|
@@ -5925,11 +5803,11 @@ var init_Stepper = __esm({
|
|
5925
5803
|
gap: 2,
|
5926
5804
|
flex: 1
|
5927
5805
|
},
|
5928
|
-
/* @__PURE__ */
|
5806
|
+
/* @__PURE__ */ React87__namespace.default.createElement(
|
5929
5807
|
exports.IconButton,
|
5930
5808
|
{
|
5931
5809
|
"aria-label": t2(texts26.back),
|
5932
|
-
icon: /* @__PURE__ */
|
5810
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
|
5933
5811
|
variant: "ghost",
|
5934
5812
|
size: "sm",
|
5935
5813
|
visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
|
@@ -5942,9 +5820,9 @@ var init_Stepper = __esm({
|
|
5942
5820
|
}
|
5943
5821
|
}
|
5944
5822
|
),
|
5945
|
-
shownHeading && /* @__PURE__ */
|
5946
|
-
/* @__PURE__ */
|
5947
|
-
)), /* @__PURE__ */
|
5823
|
+
shownHeading && /* @__PURE__ */ React87__namespace.default.createElement(exports.Text, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
|
5824
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: style.stepCounter }, t2(texts26.stepsOf(activeStep, numberOfSteps)))
|
5825
|
+
)), /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React87__namespace.default.createElement(
|
5948
5826
|
exports.StepperStep,
|
5949
5827
|
{
|
5950
5828
|
key: index,
|
@@ -5996,14 +5874,14 @@ var init_StepperStep = __esm({
|
|
5996
5874
|
);
|
5997
5875
|
const iconColor = react.useColorModeValue("blackAlpha.200", "whiteAlpha.200");
|
5998
5876
|
const isDisabled = state2 !== "active" && isDisabledOverride || state2 === "disabled";
|
5999
|
-
return /* @__PURE__ */
|
5877
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React87__namespace.default.createElement(
|
6000
5878
|
sporIconReact.DropdownRightFill18Icon,
|
6001
5879
|
{
|
6002
5880
|
marginX: 5,
|
6003
5881
|
display: ["none", null, "block"],
|
6004
5882
|
color: iconColor
|
6005
5883
|
}
|
6006
|
-
), isDisabled ? /* @__PURE__ */
|
5884
|
+
), isDisabled ? /* @__PURE__ */ React87__namespace.default.createElement(
|
6007
5885
|
exports.Text,
|
6008
5886
|
{
|
6009
5887
|
variant: "xs",
|
@@ -6013,7 +5891,7 @@ var init_StepperStep = __esm({
|
|
6013
5891
|
paddingX: 2
|
6014
5892
|
},
|
6015
5893
|
children
|
6016
|
-
) : /* @__PURE__ */
|
5894
|
+
) : /* @__PURE__ */ React87__namespace.default.createElement(
|
6017
5895
|
exports.Button,
|
6018
5896
|
{
|
6019
5897
|
size: "xs",
|
@@ -6049,7 +5927,7 @@ exports.Tabs = void 0;
|
|
6049
5927
|
var init_Tabs = __esm({
|
6050
5928
|
"src/tab/Tabs.tsx"() {
|
6051
5929
|
exports.Tabs = react.forwardRef((props, ref) => {
|
6052
|
-
return /* @__PURE__ */
|
5930
|
+
return /* @__PURE__ */ React87__namespace.createElement(react.Tabs, { ...props, ref });
|
6053
5931
|
});
|
6054
5932
|
}
|
6055
5933
|
});
|
@@ -6071,7 +5949,7 @@ var init_Table = __esm({
|
|
6071
5949
|
"src/table/Table.tsx"() {
|
6072
5950
|
exports.Table = react.forwardRef((props, ref) => {
|
6073
5951
|
const { variant, size: size2, colorScheme, children, ...rest } = props;
|
6074
|
-
return /* @__PURE__ */
|
5952
|
+
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
5953
|
react.Table,
|
6076
5954
|
{
|
6077
5955
|
variant,
|
@@ -14653,6 +14531,29 @@ var init_list2 = __esm({
|
|
14653
14531
|
});
|
14654
14532
|
}
|
14655
14533
|
});
|
14534
|
+
function outlineBorder(state2, props) {
|
14535
|
+
switch (state2) {
|
14536
|
+
case "error":
|
14537
|
+
return {
|
14538
|
+
outlineColor: themeTools.mode("outline.error.light", "outline.error.dark")(props)
|
14539
|
+
};
|
14540
|
+
case "focus":
|
14541
|
+
return {
|
14542
|
+
outlineColor: themeTools.mode("outline.focus.light", "outline.focus.dark")(props)
|
14543
|
+
};
|
14544
|
+
default:
|
14545
|
+
return {
|
14546
|
+
outlineColor: themeTools.mode(
|
14547
|
+
"outline.default.light",
|
14548
|
+
"outline.default.dark"
|
14549
|
+
)(props)
|
14550
|
+
};
|
14551
|
+
}
|
14552
|
+
}
|
14553
|
+
var init_outline_utils = __esm({
|
14554
|
+
"src/theme/utils/outline-utils.ts"() {
|
14555
|
+
}
|
14556
|
+
});
|
14656
14557
|
var parts11, helpers16, config25, listbox_default;
|
14657
14558
|
var init_listbox = __esm({
|
14658
14559
|
"src/theme/components/listbox.ts"() {
|
@@ -14660,6 +14561,7 @@ var init_listbox = __esm({
|
|
14660
14561
|
init_base_utils();
|
14661
14562
|
init_ghost_utils();
|
14662
14563
|
init_surface_utils();
|
14564
|
+
init_outline_utils();
|
14663
14565
|
parts11 = anatomy("ListBox").parts(
|
14664
14566
|
"container",
|
14665
14567
|
"item",
|
@@ -14691,12 +14593,12 @@ var init_listbox = __esm({
|
|
14691
14593
|
_active: {
|
14692
14594
|
...ghostBackground("active", props)
|
14693
14595
|
},
|
14596
|
+
_focusVisible: {
|
14597
|
+
...outlineBorder("focus", props)
|
14598
|
+
},
|
14694
14599
|
_hover: {
|
14695
14600
|
...ghostBackground("hover", props)
|
14696
14601
|
},
|
14697
|
-
_focus: {
|
14698
|
-
...ghostBackground("selected", props)
|
14699
|
-
},
|
14700
14602
|
_selected: {
|
14701
14603
|
...ghostBackground("active", props)
|
14702
14604
|
}
|
@@ -15190,29 +15092,6 @@ var init_progress_indicator2 = __esm({
|
|
15190
15092
|
progress_indicator_default = config32;
|
15191
15093
|
}
|
15192
15094
|
});
|
15193
|
-
function outlineBorder(state2, props) {
|
15194
|
-
switch (state2) {
|
15195
|
-
case "error":
|
15196
|
-
return {
|
15197
|
-
outlineColor: themeTools.mode("outline.error.light", "outline.error.dark")(props)
|
15198
|
-
};
|
15199
|
-
case "focus":
|
15200
|
-
return {
|
15201
|
-
outlineColor: themeTools.mode("outline.focus.light", "outline.focus.dark")(props)
|
15202
|
-
};
|
15203
|
-
default:
|
15204
|
-
return {
|
15205
|
-
outlineColor: themeTools.mode(
|
15206
|
-
"outline.default.light",
|
15207
|
-
"outline.default.dark"
|
15208
|
-
)(props)
|
15209
|
-
};
|
15210
|
-
}
|
15211
|
-
}
|
15212
|
-
var init_outline_utils = __esm({
|
15213
|
-
"src/theme/utils/outline-utils.ts"() {
|
15214
|
-
}
|
15215
|
-
});
|
15216
15095
|
var parts17, helpers24, config33, radio_card_default;
|
15217
15096
|
var init_radio_card = __esm({
|
15218
15097
|
"src/theme/components/radio-card.ts"() {
|
@@ -16422,12 +16301,12 @@ var init_BaseToast = __esm({
|
|
16422
16301
|
init_src();
|
16423
16302
|
BaseToast = ({ children, variant, id }) => {
|
16424
16303
|
const styles3 = react.useStyleConfig("Toast", { variant });
|
16425
|
-
return /* @__PURE__ */
|
16304
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { sx: styles3, id }, /* @__PURE__ */ React87__namespace.default.createElement(ToastIcon, { variant }), children);
|
16426
16305
|
};
|
16427
16306
|
ToastIcon = ({ variant }) => {
|
16428
16307
|
const Icon = getIcon3(variant);
|
16429
16308
|
const { t: t2 } = useTranslation();
|
16430
|
-
return /* @__PURE__ */
|
16309
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
16431
16310
|
Icon,
|
16432
16311
|
{
|
16433
16312
|
flexShrink: 0,
|
@@ -16482,7 +16361,7 @@ var init_ActionToast = __esm({
|
|
16482
16361
|
buttonText,
|
16483
16362
|
id
|
16484
16363
|
}) => {
|
16485
|
-
return /* @__PURE__ */
|
16364
|
+
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
16365
|
};
|
16487
16366
|
}
|
16488
16367
|
});
|
@@ -16499,13 +16378,13 @@ var init_ClosableToast = __esm({
|
|
16499
16378
|
}) => {
|
16500
16379
|
const styles3 = react.useMultiStyleConfig("Toast", { variant });
|
16501
16380
|
const { t: t2 } = useTranslation();
|
16502
|
-
return /* @__PURE__ */
|
16381
|
+
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
16382
|
exports.IconButton,
|
16504
16383
|
{
|
16505
16384
|
sx: styles3.dismissButton,
|
16506
16385
|
variant: "ghost",
|
16507
16386
|
"aria-label": t2(texts28.dismiss),
|
16508
|
-
icon: /* @__PURE__ */
|
16387
|
+
icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
|
16509
16388
|
onClick: onClose
|
16510
16389
|
}
|
16511
16390
|
));
|
@@ -16528,7 +16407,7 @@ var init_useToast = __esm({
|
|
16528
16407
|
init_ClosableToast();
|
16529
16408
|
exports.useToast = () => {
|
16530
16409
|
const toast = react.useToast();
|
16531
|
-
const wrappedToast =
|
16410
|
+
const wrappedToast = React87.useCallback((opts) => {
|
16532
16411
|
const Toast = getToastComponent(opts);
|
16533
16412
|
toast({
|
16534
16413
|
...opts,
|
@@ -16539,7 +16418,7 @@ var init_useToast = __esm({
|
|
16539
16418
|
};
|
16540
16419
|
getToastComponent = (opts) => {
|
16541
16420
|
if ("isClosable" in opts && opts.isClosable) {
|
16542
|
-
return ({ onClose, id }) => /* @__PURE__ */
|
16421
|
+
return ({ onClose, id }) => /* @__PURE__ */ React87__namespace.default.createElement(
|
16543
16422
|
ClosableToast,
|
16544
16423
|
{
|
16545
16424
|
id,
|
@@ -16555,7 +16434,7 @@ var init_useToast = __esm({
|
|
16555
16434
|
);
|
16556
16435
|
}
|
16557
16436
|
if ("buttonText" in opts) {
|
16558
|
-
return ({ id }) => /* @__PURE__ */
|
16437
|
+
return ({ id }) => /* @__PURE__ */ React87__namespace.default.createElement(
|
16559
16438
|
ActionToast,
|
16560
16439
|
{
|
16561
16440
|
id,
|
@@ -16566,7 +16445,7 @@ var init_useToast = __esm({
|
|
16566
16445
|
opts.text
|
16567
16446
|
);
|
16568
16447
|
}
|
16569
|
-
return ({ id }) => /* @__PURE__ */
|
16448
|
+
return ({ id }) => /* @__PURE__ */ React87__namespace.default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
|
16570
16449
|
};
|
16571
16450
|
}
|
16572
16451
|
});
|
@@ -16591,7 +16470,7 @@ var init_Tooltip = __esm({
|
|
16591
16470
|
withCloseButton = false,
|
16592
16471
|
...props
|
16593
16472
|
}) => {
|
16594
|
-
return /* @__PURE__ */
|
16473
|
+
return /* @__PURE__ */ React87__namespace.default.createElement(
|
16595
16474
|
react.Popover,
|
16596
16475
|
{
|
16597
16476
|
onClose,
|
@@ -16603,8 +16482,8 @@ var init_Tooltip = __esm({
|
|
16603
16482
|
arrowShadowColor: "none",
|
16604
16483
|
...props
|
16605
16484
|
},
|
16606
|
-
/* @__PURE__ */
|
16607
|
-
/* @__PURE__ */
|
16485
|
+
/* @__PURE__ */ React87__namespace.default.createElement(react.PopoverTrigger, null, children),
|
16486
|
+
/* @__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
16487
|
);
|
16609
16488
|
};
|
16610
16489
|
}
|
@@ -16677,8 +16556,8 @@ function useSizes({
|
|
16677
16556
|
getNodes,
|
16678
16557
|
observeMutation = true
|
16679
16558
|
}) {
|
16680
|
-
const [sizes26, setSizes] =
|
16681
|
-
const [count, setCount] =
|
16559
|
+
const [sizes26, setSizes] = React87.useState([]);
|
16560
|
+
const [count, setCount] = React87.useState(0);
|
16682
16561
|
useSafeLayoutEffect(() => {
|
16683
16562
|
const elements = getNodes();
|
16684
16563
|
const cleanups = elements.map(
|
@@ -16726,7 +16605,7 @@ var init_dist9 = __esm({
|
|
16726
16605
|
"../../node_modules/@chakra-ui/react-use-size/dist/index.mjs"() {
|
16727
16606
|
"use client";
|
16728
16607
|
init_dist8();
|
16729
|
-
useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ?
|
16608
|
+
useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React87.useLayoutEffect : React87.useEffect;
|
16730
16609
|
}
|
16731
16610
|
});
|
16732
16611
|
var init_externals = __esm({
|
@@ -16781,7 +16660,6 @@ var init_src = __esm({
|
|
16781
16660
|
init_modal();
|
16782
16661
|
init_nudge();
|
16783
16662
|
init_pagination();
|
16784
|
-
init_pride();
|
16785
16663
|
init_progress_indicator();
|
16786
16664
|
init_provider();
|
16787
16665
|
init_stepper();
|