@szymonpiatek/designsystem 0.0.4 → 0.0.5

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/dist/index.js CHANGED
@@ -1,16 +1,39 @@
1
+ import * as React from 'react';
1
2
  import { forwardRef, useId, useRef, useEffect, useState, useCallback, useMemo, Fragment as Fragment$1 } from 'react';
2
- import { styled, alpha, keyframes as keyframes$1, createTheme, useTheme, ThemeProvider } from '@mui/material/styles';
3
- import { keyframes } from '@emotion/react';
3
+ import { styled, alpha, keyframes, createTheme, useTheme, ThemeProvider } from '@mui/material/styles';
4
+ import CircularProgress from '@mui/material/CircularProgress';
4
5
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
6
+ import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
7
+ import FileUploadIcon from '@mui/icons-material/FileUpload';
8
+ import CloudUploadMuiIcon from '@mui/icons-material/CloudUpload';
9
+ import InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';
10
+ import DeleteOutlinedIcon from '@mui/icons-material/DeleteOutlined';
11
+ import CloseIcon from '@mui/icons-material/Close';
12
+ import CheckIcon from '@mui/icons-material/Check';
13
+ import VisibilityIcon from '@mui/icons-material/Visibility';
14
+ import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
15
+ import SearchMuiIcon from '@mui/icons-material/Search';
5
16
  import { getCountryCallingCode } from 'libphonenumber-js';
17
+ import CalendarMonthIcon from '@mui/icons-material/CalendarMonth';
18
+ import AccessTimeIcon from '@mui/icons-material/AccessTime';
19
+ import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
20
+ import ChevronRightIcon from '@mui/icons-material/ChevronRight';
21
+ import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';
22
+ import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
23
+ import { keyframes as keyframes$1, CacheProvider } from '@emotion/react';
24
+ import ArticleIcon from '@mui/icons-material/Article';
25
+ import CheckCircleOutlinedIcon from '@mui/icons-material/CheckCircleOutlined';
26
+ import HighlightOffIcon from '@mui/icons-material/HighlightOff';
6
27
  import { createPortal } from 'react-dom';
28
+ import KeyboardDoubleArrowLeftIcon from '@mui/icons-material/KeyboardDoubleArrowLeft';
29
+ import KeyboardDoubleArrowRightIcon from '@mui/icons-material/KeyboardDoubleArrowRight';
30
+ import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
31
+ import MenuIcon from '@mui/icons-material/Menu';
7
32
  import CssBaseline from '@mui/material/CssBaseline';
33
+ import { useServerInsertedHTML } from 'next/navigation';
34
+ import createCache from '@emotion/cache';
8
35
 
9
36
  // src/components/atoms/buttons/Button/Button.tsx
10
- var spin = keyframes`
11
- from { transform: rotate(0deg); }
12
- to { transform: rotate(360deg); }
13
- `;
14
37
  var sizeMap = {
15
38
  sm: { padding: "0.25rem 0.75rem", fontSize: "0.75rem", gap: "0.25rem" },
16
39
  md: { padding: "0.5rem 1.25rem", fontSize: "0.875rem", gap: "0.375rem" },
@@ -79,8 +102,7 @@ var IconSlot = styled("span")({
79
102
  alignItems: "center"
80
103
  });
81
104
  var Spinner = styled("span")({
82
- display: "inline-flex",
83
- animation: `${spin} 700ms linear infinite`
105
+ display: "inline-flex"
84
106
  });
85
107
  var Button = forwardRef(
86
108
  ({
@@ -112,21 +134,7 @@ var Button = forwardRef(
112
134
  "aria-label": ariaLabel,
113
135
  "aria-current": ariaCurrent,
114
136
  children: [
115
- loading ? /* @__PURE__ */ jsx(Spinner, { "aria-hidden": "true", children: /* @__PURE__ */ jsxs(
116
- "svg",
117
- {
118
- width: "1em",
119
- height: "1em",
120
- viewBox: "0 0 24 24",
121
- fill: "none",
122
- stroke: "currentColor",
123
- strokeWidth: "2",
124
- children: [
125
- /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", strokeOpacity: "0.25" }),
126
- /* @__PURE__ */ jsx("path", { d: "M12 2a10 10 0 0 1 10 10" })
127
- ]
128
- }
129
- ) }) : startIcon && /* @__PURE__ */ jsx(IconSlot, { children: startIcon }),
137
+ loading ? /* @__PURE__ */ jsx(Spinner, { "aria-hidden": "true", children: /* @__PURE__ */ jsx(CircularProgress, { size: "1em", color: "inherit", thickness: 5 }) }) : startIcon && /* @__PURE__ */ jsx(IconSlot, { children: startIcon }),
130
138
  /* @__PURE__ */ jsx("span", { children }),
131
139
  endIcon && /* @__PURE__ */ jsx(IconSlot, { children: endIcon })
132
140
  ]
@@ -179,21 +187,7 @@ var DropdownPanel = styled("div")(({ theme }) => ({
179
187
  borderRadius: theme.shape.borderRadius,
180
188
  boxShadow: theme.shadows[4]
181
189
  }));
182
- var Chevron = () => /* @__PURE__ */ jsx(
183
- "svg",
184
- {
185
- viewBox: "0 0 24 24",
186
- width: "1em",
187
- height: "1em",
188
- fill: "none",
189
- stroke: "currentColor",
190
- strokeWidth: 2,
191
- strokeLinecap: "round",
192
- strokeLinejoin: "round",
193
- "aria-hidden": true,
194
- children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
195
- }
196
- );
190
+ var Chevron = () => /* @__PURE__ */ jsx(ExpandMoreIcon, { "aria-hidden": true, sx: { fontSize: "1em" } });
197
191
  var inputColors = (theme, error) => ({
198
192
  borderColor: error ? theme.palette.error.main : theme.palette.divider,
199
193
  "&:hover:not(:focus-within):not([data-disabled])": {
@@ -426,99 +420,11 @@ var formatSize = (bytes) => {
426
420
  if (bytes < 1024 ** 2) return `${(bytes / 1024).toFixed(1)} KB`;
427
421
  return `${(bytes / 1024 ** 2).toFixed(1)} MB`;
428
422
  };
429
- var UploadArrowIcon = ({ size = 13 }) => /* @__PURE__ */ jsxs(
430
- "svg",
431
- {
432
- width: size,
433
- height: size,
434
- viewBox: "0 0 24 24",
435
- fill: "none",
436
- stroke: "currentColor",
437
- strokeWidth: 2.5,
438
- strokeLinecap: "round",
439
- strokeLinejoin: "round",
440
- "aria-hidden": true,
441
- children: [
442
- /* @__PURE__ */ jsx("polyline", { points: "17 8 12 3 7 8" }),
443
- /* @__PURE__ */ jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" }),
444
- /* @__PURE__ */ jsx("path", { d: "M4 15v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4" })
445
- ]
446
- }
447
- );
448
- var CloudUploadIcon = ({ size }) => /* @__PURE__ */ jsxs(
449
- "svg",
450
- {
451
- width: size,
452
- height: size,
453
- viewBox: "0 0 24 24",
454
- fill: "none",
455
- stroke: "currentColor",
456
- strokeWidth: 1.5,
457
- strokeLinecap: "round",
458
- strokeLinejoin: "round",
459
- "aria-hidden": true,
460
- children: [
461
- /* @__PURE__ */ jsx("polyline", { points: "16 16 12 12 8 16" }),
462
- /* @__PURE__ */ jsx("line", { x1: "12", y1: "12", x2: "12", y2: "21" }),
463
- /* @__PURE__ */ jsx("path", { d: "M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3" })
464
- ]
465
- }
466
- );
467
- var FileDocIcon = ({ size }) => /* @__PURE__ */ jsxs(
468
- "svg",
469
- {
470
- width: size,
471
- height: size,
472
- viewBox: "0 0 24 24",
473
- fill: "none",
474
- stroke: "currentColor",
475
- strokeWidth: 1.75,
476
- strokeLinecap: "round",
477
- strokeLinejoin: "round",
478
- "aria-hidden": true,
479
- children: [
480
- /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
481
- /* @__PURE__ */ jsx("polyline", { points: "14 2 14 8 20 8" })
482
- ]
483
- }
484
- );
485
- var TrashIcon = ({ size = 12 }) => /* @__PURE__ */ jsxs(
486
- "svg",
487
- {
488
- width: size,
489
- height: size,
490
- viewBox: "0 0 24 24",
491
- fill: "none",
492
- stroke: "currentColor",
493
- strokeWidth: 2.5,
494
- strokeLinecap: "round",
495
- strokeLinejoin: "round",
496
- "aria-hidden": true,
497
- children: [
498
- /* @__PURE__ */ jsx("polyline", { points: "3 6 5 6 21 6" }),
499
- /* @__PURE__ */ jsx("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }),
500
- /* @__PURE__ */ jsx("path", { d: "M10 11v6M14 11v6" }),
501
- /* @__PURE__ */ jsx("path", { d: "M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2" })
502
- ]
503
- }
504
- );
505
- var XIcon = () => /* @__PURE__ */ jsxs(
506
- "svg",
507
- {
508
- width: "11",
509
- height: "11",
510
- viewBox: "0 0 24 24",
511
- fill: "none",
512
- stroke: "currentColor",
513
- strokeWidth: 2.5,
514
- strokeLinecap: "round",
515
- "aria-hidden": true,
516
- children: [
517
- /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
518
- /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
519
- ]
520
- }
521
- );
423
+ var UploadArrowIcon = ({ size = 13 }) => /* @__PURE__ */ jsx(FileUploadIcon, { "aria-hidden": true, style: { fontSize: size } });
424
+ var CloudUploadIcon = ({ size }) => /* @__PURE__ */ jsx(CloudUploadMuiIcon, { "aria-hidden": true, style: { fontSize: size } });
425
+ var FileDocIcon = ({ size }) => /* @__PURE__ */ jsx(InsertDriveFileIcon, { "aria-hidden": true, style: { fontSize: size } });
426
+ var TrashIcon = ({ size = 12 }) => /* @__PURE__ */ jsx(DeleteOutlinedIcon, { "aria-hidden": true, style: { fontSize: size } });
427
+ var XIcon = () => /* @__PURE__ */ jsx(CloseIcon, { "aria-hidden": true, style: { fontSize: 11 } });
522
428
  var Root3 = styled("div")(({ $fullWidth }) => ({
523
429
  display: $fullWidth ? "block" : "inline-block",
524
430
  width: $fullWidth ? "100%" : "auto"
@@ -1456,21 +1362,7 @@ var CheckboxBox = styled("span")(({ theme, $checked }) => ({
1456
1362
  flexShrink: 0,
1457
1363
  transition: "background-color 150ms ease, border-color 150ms ease"
1458
1364
  }));
1459
- var CheckmarkIcon = () => /* @__PURE__ */ jsx(
1460
- "svg",
1461
- {
1462
- viewBox: "0 0 24 24",
1463
- width: "0.65rem",
1464
- height: "0.65rem",
1465
- fill: "none",
1466
- stroke: "currentColor",
1467
- strokeWidth: 3,
1468
- strokeLinecap: "round",
1469
- strokeLinejoin: "round",
1470
- "aria-hidden": true,
1471
- children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
1472
- }
1473
- );
1365
+ var CheckmarkIcon = () => /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": true, style: { width: "0.65rem", height: "0.65rem" } });
1474
1366
  var renderTrigger = (value, options, placeholder) => {
1475
1367
  const MultiSelectTrigger = () => {
1476
1368
  if (value.length === 0) {
@@ -1531,42 +1423,8 @@ var ToggleButton = styled("button")(({ theme }) => ({
1531
1423
  cursor: "not-allowed"
1532
1424
  }
1533
1425
  }));
1534
- var EyeIcon = () => /* @__PURE__ */ jsxs(
1535
- "svg",
1536
- {
1537
- viewBox: "0 0 24 24",
1538
- width: "1em",
1539
- height: "1em",
1540
- fill: "none",
1541
- stroke: "currentColor",
1542
- strokeWidth: 2,
1543
- strokeLinecap: "round",
1544
- strokeLinejoin: "round",
1545
- "aria-hidden": true,
1546
- children: [
1547
- /* @__PURE__ */ jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
1548
- /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" })
1549
- ]
1550
- }
1551
- );
1552
- var EyeOffIcon = () => /* @__PURE__ */ jsxs(
1553
- "svg",
1554
- {
1555
- viewBox: "0 0 24 24",
1556
- width: "1em",
1557
- height: "1em",
1558
- fill: "none",
1559
- stroke: "currentColor",
1560
- strokeWidth: 2,
1561
- strokeLinecap: "round",
1562
- strokeLinejoin: "round",
1563
- "aria-hidden": true,
1564
- children: [
1565
- /* @__PURE__ */ jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
1566
- /* @__PURE__ */ jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
1567
- ]
1568
- }
1569
- );
1426
+ var EyeIcon = () => /* @__PURE__ */ jsx(VisibilityIcon, { "aria-hidden": true, sx: { fontSize: "1em" } });
1427
+ var EyeOffIcon = () => /* @__PURE__ */ jsx(VisibilityOffIcon, { "aria-hidden": true, sx: { fontSize: "1em" } });
1570
1428
  var PasswordInput = forwardRef(
1571
1429
  ({ disabled, showPasswordLabel = "Poka\u017C has\u0142o", hidePasswordLabel = "Ukryj has\u0142o", ...props }, ref) => {
1572
1430
  const [show, setShow] = useState(false);
@@ -1607,42 +1465,8 @@ var ClearButton = styled("button")(({ theme }) => ({
1607
1465
  color: theme.palette.text.primary
1608
1466
  }
1609
1467
  }));
1610
- var SearchIcon = () => /* @__PURE__ */ jsxs(
1611
- "svg",
1612
- {
1613
- viewBox: "0 0 24 24",
1614
- width: "1em",
1615
- height: "1em",
1616
- fill: "none",
1617
- stroke: "currentColor",
1618
- strokeWidth: 2,
1619
- strokeLinecap: "round",
1620
- strokeLinejoin: "round",
1621
- "aria-hidden": true,
1622
- children: [
1623
- /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
1624
- /* @__PURE__ */ jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
1625
- ]
1626
- }
1627
- );
1628
- var XIcon2 = () => /* @__PURE__ */ jsxs(
1629
- "svg",
1630
- {
1631
- viewBox: "0 0 24 24",
1632
- width: "1em",
1633
- height: "1em",
1634
- fill: "none",
1635
- stroke: "currentColor",
1636
- strokeWidth: 2,
1637
- strokeLinecap: "round",
1638
- strokeLinejoin: "round",
1639
- "aria-hidden": true,
1640
- children: [
1641
- /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
1642
- /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
1643
- ]
1644
- }
1645
- );
1468
+ var SearchIcon = () => /* @__PURE__ */ jsx(SearchMuiIcon, { "aria-hidden": true, sx: { fontSize: "1em" } });
1469
+ var XIcon2 = () => /* @__PURE__ */ jsx(CloseIcon, { "aria-hidden": true, sx: { fontSize: "1em" } });
1646
1470
  var SearchInput = forwardRef(
1647
1471
  ({ value, onChange, onClear, clearAriaLabel = "Wyczy\u015B\u0107", ...props }, forwardedRef) => {
1648
1472
  const innerRef = useRef(null);
@@ -1692,21 +1516,7 @@ var SearchInput = forwardRef(
1692
1516
  }
1693
1517
  );
1694
1518
  SearchInput.displayName = "SearchInput";
1695
- var Checkmark = () => /* @__PURE__ */ jsx(
1696
- "svg",
1697
- {
1698
- viewBox: "0 0 24 24",
1699
- width: "1em",
1700
- height: "1em",
1701
- fill: "none",
1702
- stroke: "currentColor",
1703
- strokeWidth: 2.5,
1704
- strokeLinecap: "round",
1705
- strokeLinejoin: "round",
1706
- "aria-hidden": true,
1707
- children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
1708
- }
1709
- );
1519
+ var Checkmark = () => /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": true, sx: { fontSize: "1em" } });
1710
1520
  var renderOption2 = (selected) => {
1711
1521
  const SelectOption = (option) => /* @__PURE__ */ jsxs(
1712
1522
  "span",
@@ -4191,7 +4001,7 @@ var AdornmentButton = styled("button")(({ theme }) => ({
4191
4001
  padding: 0,
4192
4002
  ...adornmentStyles({ theme })
4193
4003
  }));
4194
- var popIn = keyframes$1`
4004
+ var popIn = keyframes`
4195
4005
  from { opacity: 0; transform: translateY(4px) scale(0.98); }
4196
4006
  to { opacity: 1; transform: translateY(0) scale(1); }
4197
4007
  `;
@@ -4355,133 +4165,25 @@ var ActionBtn = styled("button")(({ theme, $primary }) => ({
4355
4165
  "&:focus-visible": { outline: `2px solid ${theme.palette.primary.main}`, outlineOffset: "1px" }
4356
4166
  }));
4357
4167
  function IconCalendar() {
4358
- return /* @__PURE__ */ jsxs(
4359
- "svg",
4360
- {
4361
- width: "16",
4362
- height: "16",
4363
- viewBox: "0 0 24 24",
4364
- fill: "none",
4365
- stroke: "currentColor",
4366
- strokeWidth: 1.75,
4367
- strokeLinecap: "round",
4368
- strokeLinejoin: "round",
4369
- "aria-hidden": "true",
4370
- children: [
4371
- /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
4372
- /* @__PURE__ */ jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
4373
- /* @__PURE__ */ jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
4374
- /* @__PURE__ */ jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
4375
- ]
4376
- }
4377
- );
4168
+ return /* @__PURE__ */ jsx(CalendarMonthIcon, { "aria-hidden": "true", style: { fontSize: 16 } });
4378
4169
  }
4379
4170
  function IconClock() {
4380
- return /* @__PURE__ */ jsxs(
4381
- "svg",
4382
- {
4383
- width: "16",
4384
- height: "16",
4385
- viewBox: "0 0 24 24",
4386
- fill: "none",
4387
- stroke: "currentColor",
4388
- strokeWidth: 1.75,
4389
- strokeLinecap: "round",
4390
- strokeLinejoin: "round",
4391
- "aria-hidden": "true",
4392
- children: [
4393
- /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
4394
- /* @__PURE__ */ jsx("polyline", { points: "12 6 12 12 16 14" })
4395
- ]
4396
- }
4397
- );
4171
+ return /* @__PURE__ */ jsx(AccessTimeIcon, { "aria-hidden": "true", style: { fontSize: 16 } });
4398
4172
  }
4399
4173
  function IconChevronLeft() {
4400
- return /* @__PURE__ */ jsx(
4401
- "svg",
4402
- {
4403
- width: "16",
4404
- height: "16",
4405
- viewBox: "0 0 24 24",
4406
- fill: "none",
4407
- stroke: "currentColor",
4408
- strokeWidth: 2,
4409
- strokeLinecap: "round",
4410
- strokeLinejoin: "round",
4411
- "aria-hidden": "true",
4412
- children: /* @__PURE__ */ jsx("polyline", { points: "15 18 9 12 15 6" })
4413
- }
4414
- );
4174
+ return /* @__PURE__ */ jsx(ChevronLeftIcon, { "aria-hidden": "true", style: { fontSize: 16 } });
4415
4175
  }
4416
4176
  function IconChevronRight() {
4417
- return /* @__PURE__ */ jsx(
4418
- "svg",
4419
- {
4420
- width: "16",
4421
- height: "16",
4422
- viewBox: "0 0 24 24",
4423
- fill: "none",
4424
- stroke: "currentColor",
4425
- strokeWidth: 2,
4426
- strokeLinecap: "round",
4427
- strokeLinejoin: "round",
4428
- "aria-hidden": "true",
4429
- children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
4430
- }
4431
- );
4177
+ return /* @__PURE__ */ jsx(ChevronRightIcon, { "aria-hidden": "true", style: { fontSize: 16 } });
4432
4178
  }
4433
4179
  function IconChevronUp() {
4434
- return /* @__PURE__ */ jsx(
4435
- "svg",
4436
- {
4437
- width: "12",
4438
- height: "12",
4439
- viewBox: "0 0 24 24",
4440
- fill: "none",
4441
- stroke: "currentColor",
4442
- strokeWidth: 2.5,
4443
- strokeLinecap: "round",
4444
- strokeLinejoin: "round",
4445
- "aria-hidden": "true",
4446
- children: /* @__PURE__ */ jsx("polyline", { points: "18 15 12 9 6 15" })
4447
- }
4448
- );
4180
+ return /* @__PURE__ */ jsx(KeyboardArrowUpIcon, { "aria-hidden": "true", style: { fontSize: 12 } });
4449
4181
  }
4450
4182
  function IconChevronDown() {
4451
- return /* @__PURE__ */ jsx(
4452
- "svg",
4453
- {
4454
- width: "12",
4455
- height: "12",
4456
- viewBox: "0 0 24 24",
4457
- fill: "none",
4458
- stroke: "currentColor",
4459
- strokeWidth: 2.5,
4460
- strokeLinecap: "round",
4461
- strokeLinejoin: "round",
4462
- "aria-hidden": "true",
4463
- children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
4464
- }
4465
- );
4183
+ return /* @__PURE__ */ jsx(KeyboardArrowDownIcon, { "aria-hidden": "true", style: { fontSize: 12 } });
4466
4184
  }
4467
4185
  function IconX() {
4468
- return /* @__PURE__ */ jsxs(
4469
- "svg",
4470
- {
4471
- width: "14",
4472
- height: "14",
4473
- viewBox: "0 0 24 24",
4474
- fill: "none",
4475
- stroke: "currentColor",
4476
- strokeWidth: 2,
4477
- strokeLinecap: "round",
4478
- "aria-hidden": "true",
4479
- children: [
4480
- /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
4481
- /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
4482
- ]
4483
- }
4484
- );
4186
+ return /* @__PURE__ */ jsx(CloseIcon, { "aria-hidden": "true", style: { fontSize: 14 } });
4485
4187
  }
4486
4188
  var DateTimePicker = forwardRef(
4487
4189
  ({
@@ -5139,7 +4841,7 @@ function SectionHeading({
5139
4841
  ] });
5140
4842
  }
5141
4843
  var sectionHeadingAligns = ["center", "left", "right"];
5142
- var shimmer = keyframes`
4844
+ var shimmer = keyframes$1`
5143
4845
  0% { background-position: -200% 0; }
5144
4846
  100% { background-position: 200% 0; }
5145
4847
  `;
@@ -5197,10 +4899,10 @@ var SIZE_MAP = {
5197
4899
  lg: "2rem",
5198
4900
  xl: "3rem"
5199
4901
  };
5200
- var spin2 = keyframes`to { transform: rotate(360deg); }`;
5201
- var fade = keyframes`0%,100%{opacity:.15} 50%{opacity:1}`;
5202
- var scalePulse = keyframes`0%,100%{transform:scale(0.6);opacity:.4} 50%{transform:scale(1);opacity:1}`;
5203
- var barAnim = keyframes`0%,100%{transform:scaleY(.4);opacity:.5} 50%{transform:scaleY(1);opacity:1}`;
4902
+ var spin = keyframes$1`to { transform: rotate(360deg); }`;
4903
+ var fade = keyframes$1`0%,100%{opacity:.15} 50%{opacity:1}`;
4904
+ var scalePulse = keyframes$1`0%,100%{transform:scale(0.6);opacity:.4} 50%{transform:scale(1);opacity:1}`;
4905
+ var barAnim = keyframes$1`0%,100%{transform:scaleY(.4);opacity:.5} 50%{transform:scaleY(1);opacity:1}`;
5204
4906
  var Root10 = styled("span", {
5205
4907
  shouldForwardProp: (p) => !["$size", "$color"].includes(p)
5206
4908
  })(({ theme, $size, $color }) => {
@@ -5220,7 +4922,7 @@ var Root10 = styled("span", {
5220
4922
  flexShrink: 0
5221
4923
  };
5222
4924
  });
5223
- var RingSvg = styled("svg")({ animation: `${spin2} 700ms linear infinite` });
4925
+ var RingSvg = styled("svg")({ animation: `${spin} 700ms linear infinite` });
5224
4926
  function Ring() {
5225
4927
  return /* @__PURE__ */ jsxs(RingSvg, { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
5226
4928
  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", strokeOpacity: "0.25" }),
@@ -5301,7 +5003,7 @@ var HEIGHT_MAP = {
5301
5003
  md: "0.75rem",
5302
5004
  lg: "1.25rem"
5303
5005
  };
5304
- var stripeAnim = keyframes`from{background-position:1rem 0}to{background-position:0 0}`;
5006
+ var stripeAnim = keyframes$1`from{background-position:1rem 0}to{background-position:0 0}`;
5305
5007
  function getFillColor(variant, theme) {
5306
5008
  switch (variant) {
5307
5009
  case "success":
@@ -6153,28 +5855,7 @@ var Overlay = styled("div")({
6153
5855
  background: "linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, transparent 50%)",
6154
5856
  pointerEvents: "none"
6155
5857
  });
6156
- var FileTextIcon = () => /* @__PURE__ */ jsxs(
6157
- "svg",
6158
- {
6159
- width: "32",
6160
- height: "32",
6161
- viewBox: "0 0 24 24",
6162
- fill: "none",
6163
- stroke: "currentColor",
6164
- strokeWidth: "1.5",
6165
- strokeLinecap: "round",
6166
- strokeLinejoin: "round",
6167
- "aria-hidden": "true",
6168
- style: { opacity: 0.3 },
6169
- children: [
6170
- /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
6171
- /* @__PURE__ */ jsx("polyline", { points: "14 2 14 8 20 8" }),
6172
- /* @__PURE__ */ jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
6173
- /* @__PURE__ */ jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
6174
- /* @__PURE__ */ jsx("polyline", { points: "10 9 9 9 8 9" })
6175
- ]
6176
- }
6177
- );
5858
+ var FileTextIcon = () => /* @__PURE__ */ jsx(ArticleIcon, { "aria-hidden": "true", style: { fontSize: 32, opacity: 0.3 } });
6178
5859
  function toAspectRatioCss(ratio) {
6179
5860
  if (typeof ratio === "number") return String(ratio);
6180
5861
  return ratio.replace("/", " / ");
@@ -6495,48 +6176,11 @@ var CtaLink = styled("a", {
6495
6176
  var CtaWrapper = styled("div")({
6496
6177
  marginTop: "1.5rem"
6497
6178
  });
6498
- function CheckIcon() {
6499
- return /* @__PURE__ */ jsxs(
6500
- "svg",
6501
- {
6502
- width: "16",
6503
- height: "16",
6504
- viewBox: "0 0 16 16",
6505
- fill: "none",
6506
- "aria-hidden": "true",
6507
- style: { flexShrink: 0 },
6508
- children: [
6509
- /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", fill: "currentColor", fillOpacity: "0.15" }),
6510
- /* @__PURE__ */ jsx(
6511
- "path",
6512
- {
6513
- d: "M5 8l2 2 4-4",
6514
- stroke: "currentColor",
6515
- strokeWidth: "1.5",
6516
- strokeLinecap: "round",
6517
- strokeLinejoin: "round"
6518
- }
6519
- )
6520
- ]
6521
- }
6522
- );
6179
+ function CheckIcon3() {
6180
+ return /* @__PURE__ */ jsx(CheckCircleOutlinedIcon, { "aria-hidden": "true", style: { fontSize: 16, flexShrink: 0 } });
6523
6181
  }
6524
6182
  function XIcon3() {
6525
- return /* @__PURE__ */ jsxs(
6526
- "svg",
6527
- {
6528
- width: "16",
6529
- height: "16",
6530
- viewBox: "0 0 16 16",
6531
- fill: "none",
6532
- "aria-hidden": "true",
6533
- style: { flexShrink: 0 },
6534
- children: [
6535
- /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", fill: "currentColor", fillOpacity: "0.10" }),
6536
- /* @__PURE__ */ jsx("path", { d: "M6 6l4 4M10 6l-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
6537
- ]
6538
- }
6539
- );
6183
+ return /* @__PURE__ */ jsx(HighlightOffIcon, { "aria-hidden": "true", style: { fontSize: 16, flexShrink: 0 } });
6540
6184
  }
6541
6185
  var PricingCard = forwardRef(
6542
6186
  ({
@@ -6573,7 +6217,7 @@ var PricingCard = forwardRef(
6573
6217
  /* @__PURE__ */ jsx(FeatureList, { children: features.map((feature, i) => {
6574
6218
  const included = feature.included !== false;
6575
6219
  return /* @__PURE__ */ jsxs(FeatureItem, { $included: included, children: [
6576
- included ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(XIcon3, {}),
6220
+ included ? /* @__PURE__ */ jsx(CheckIcon3, {}) : /* @__PURE__ */ jsx(XIcon3, {}),
6577
6221
  feature.text
6578
6222
  ] }, i);
6579
6223
  }) })
@@ -6855,7 +6499,7 @@ var ValueCell = styled("td", {
6855
6499
  fontWeight: $highlight ? 700 : 400,
6856
6500
  backgroundColor: $highlight ? theme.palette.mode === "dark" ? "rgba(99,102,241,0.08)" : "rgba(99,102,241,0.06)" : "transparent"
6857
6501
  }));
6858
- var BoolIcon = ({ value }) => /* @__PURE__ */ jsx("span", { "aria-label": value ? "Tak" : "Nie", style: { fontSize: "1.125rem" }, children: value ? "\u2713" : "\u2717" });
6502
+ var BoolIcon = ({ value }) => /* @__PURE__ */ jsx("span", { "aria-label": value ? "Tak" : "Nie", style: { display: "inline-flex", fontSize: "1.125rem" }, children: value ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CloseIcon, {}) });
6859
6503
  function formatValue(v) {
6860
6504
  if (typeof v === "boolean") return /* @__PURE__ */ jsx(BoolIcon, { value: v });
6861
6505
  return String(v);
@@ -6916,7 +6560,7 @@ function CompareTool({
6916
6560
  }) })
6917
6561
  ] }) });
6918
6562
  }
6919
- var spin3 = keyframes$1`to { transform: rotate(360deg); }`;
6563
+ var spin2 = keyframes`to { transform: rotate(360deg); }`;
6920
6564
  var Root20 = styled("div")({
6921
6565
  display: "flex",
6922
6566
  flexDirection: "column",
@@ -6990,7 +6634,7 @@ var Spinner4 = styled("span")({
6990
6634
  border: "2px solid rgba(255,255,255,0.3)",
6991
6635
  borderTopColor: "#fff",
6992
6636
  borderRadius: "50%",
6993
- animation: `${spin3} 600ms linear infinite`,
6637
+ animation: `${spin2} 600ms linear infinite`,
6994
6638
  verticalAlign: "middle"
6995
6639
  });
6996
6640
  var Message = styled("p", {
@@ -7175,7 +6819,8 @@ var Root22 = styled("div")(({ theme, $variant }) => ({
7175
6819
  display: "flex",
7176
6820
  alignItems: "center",
7177
6821
  justifyContent: "center",
7178
- gap: "1rem",
6822
+ flexWrap: "wrap",
6823
+ gap: "0 1rem",
7179
6824
  width: "100%",
7180
6825
  padding: "0.75rem 1rem",
7181
6826
  fontFamily: theme.typography.fontFamily,
@@ -7360,7 +7005,7 @@ var Trigger2 = styled("button")(({ theme }) => ({
7360
7005
  borderRadius: "2px"
7361
7006
  }
7362
7007
  }));
7363
- var ChevronIcon2 = styled("svg", {
7008
+ var ChevronIcon2 = styled(ExpandMoreIcon, {
7364
7009
  shouldForwardProp: (prop) => prop !== "$open"
7365
7010
  })(({ $open }) => ({
7366
7011
  width: "1.25rem",
@@ -7386,18 +7031,7 @@ var FaqItem = forwardRef(
7386
7031
  return /* @__PURE__ */ jsxs(Root25, { ref, ...props, children: [
7387
7032
  /* @__PURE__ */ jsxs(Trigger2, { type: "button", "aria-expanded": open, onClick: () => setOpen((prev) => !prev), children: [
7388
7033
  item.question,
7389
- /* @__PURE__ */ jsx(
7390
- ChevronIcon2,
7391
- {
7392
- $open: open,
7393
- viewBox: "0 0 24 24",
7394
- fill: "none",
7395
- stroke: "currentColor",
7396
- strokeWidth: 2,
7397
- "aria-hidden": "true",
7398
- children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" })
7399
- }
7400
- )
7034
+ /* @__PURE__ */ jsx(ChevronIcon2, { $open: open, "aria-hidden": "true" })
7401
7035
  ] }),
7402
7036
  open && /* @__PURE__ */ jsx(Panel, { role: "region", children: /* @__PURE__ */ jsx(PanelInner, { children: item.answer }) })
7403
7037
  ] });
@@ -7736,23 +7370,7 @@ var Description6 = styled("div")(({ theme }) => ({
7736
7370
  }));
7737
7371
  function StatusIcon({ status }) {
7738
7372
  if (status === "error") {
7739
- return /* @__PURE__ */ jsxs(
7740
- "svg",
7741
- {
7742
- width: "10",
7743
- height: "10",
7744
- viewBox: "0 0 24 24",
7745
- fill: "none",
7746
- stroke: "currentColor",
7747
- strokeWidth: 3,
7748
- strokeLinecap: "round",
7749
- "aria-hidden": "true",
7750
- children: [
7751
- /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
7752
- /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
7753
- ]
7754
- }
7755
- );
7373
+ return /* @__PURE__ */ jsx(CloseIcon, { "aria-hidden": "true", style: { fontSize: 10 } });
7756
7374
  }
7757
7375
  return null;
7758
7376
  }
@@ -7925,20 +7543,7 @@ function Carousel({
7925
7543
  "aria-label": "Poprzedni slajd",
7926
7544
  onClick: prev,
7927
7545
  disabled: !loop && index === 0,
7928
- children: /* @__PURE__ */ jsx(
7929
- "svg",
7930
- {
7931
- width: "16",
7932
- height: "16",
7933
- viewBox: "0 0 24 24",
7934
- fill: "none",
7935
- stroke: "currentColor",
7936
- strokeWidth: 2.5,
7937
- strokeLinecap: "round",
7938
- strokeLinejoin: "round",
7939
- children: /* @__PURE__ */ jsx("polyline", { points: "15 18 9 12 15 6" })
7940
- }
7941
- )
7546
+ children: /* @__PURE__ */ jsx(ChevronLeftIcon, { "aria-hidden": true, style: { fontSize: 16 } })
7942
7547
  }
7943
7548
  ),
7944
7549
  /* @__PURE__ */ jsx(
@@ -7948,20 +7553,7 @@ function Carousel({
7948
7553
  "aria-label": "Nast\u0119pny slajd",
7949
7554
  onClick: next,
7950
7555
  disabled: !loop && index === count - 1,
7951
- children: /* @__PURE__ */ jsx(
7952
- "svg",
7953
- {
7954
- width: "16",
7955
- height: "16",
7956
- viewBox: "0 0 24 24",
7957
- fill: "none",
7958
- stroke: "currentColor",
7959
- strokeWidth: 2.5,
7960
- strokeLinecap: "round",
7961
- strokeLinejoin: "round",
7962
- children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
7963
- }
7964
- )
7556
+ children: /* @__PURE__ */ jsx(ChevronRightIcon, { "aria-hidden": true, style: { fontSize: 16 } })
7965
7557
  }
7966
7558
  )
7967
7559
  ] })
@@ -8043,8 +7635,8 @@ function VideoPlayer({
8043
7635
  }
8044
7636
  ) }) });
8045
7637
  }
8046
- var fadeIn = keyframes`from { opacity: 0; } to { opacity: 1; }`;
8047
- var zoomIn = keyframes`from { opacity: 0; transform: scale(0.92); } to { opacity: 1; transform: scale(1); }`;
7638
+ var fadeIn = keyframes$1`from { opacity: 0; } to { opacity: 1; }`;
7639
+ var zoomIn = keyframes$1`from { opacity: 0; transform: scale(0.92); } to { opacity: 1; transform: scale(1); }`;
8048
7640
  var Grid = styled("div", {
8049
7641
  shouldForwardProp: (prop) => !["$columns", "$gap"].includes(prop)
8050
7642
  })(({ $columns, $gap }) => ({
@@ -8233,22 +7825,7 @@ function Lightbox({ images, columns = 3, gap = 8, className }) {
8233
7825
  " / ",
8234
7826
  count
8235
7827
  ] }),
8236
- /* @__PURE__ */ jsx(CloseButton, { "aria-label": "Zamknij", onClick: close, children: /* @__PURE__ */ jsxs(
8237
- "svg",
8238
- {
8239
- width: "18",
8240
- height: "18",
8241
- viewBox: "0 0 24 24",
8242
- fill: "none",
8243
- stroke: "currentColor",
8244
- strokeWidth: 2.5,
8245
- strokeLinecap: "round",
8246
- children: [
8247
- /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
8248
- /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
8249
- ]
8250
- }
8251
- ) }),
7828
+ /* @__PURE__ */ jsx(CloseButton, { "aria-label": "Zamknij", onClick: close, children: /* @__PURE__ */ jsx(CloseIcon, { "aria-hidden": true, style: { fontSize: 18 } }) }),
8252
7829
  /* @__PURE__ */ jsx(
8253
7830
  LightboxImage,
8254
7831
  {
@@ -8269,20 +7846,7 @@ function Lightbox({ images, columns = 3, gap = 8, className }) {
8269
7846
  e.stopPropagation();
8270
7847
  prev();
8271
7848
  },
8272
- children: /* @__PURE__ */ jsx(
8273
- "svg",
8274
- {
8275
- width: "20",
8276
- height: "20",
8277
- viewBox: "0 0 24 24",
8278
- fill: "none",
8279
- stroke: "currentColor",
8280
- strokeWidth: 2.5,
8281
- strokeLinecap: "round",
8282
- strokeLinejoin: "round",
8283
- children: /* @__PURE__ */ jsx("polyline", { points: "15 18 9 12 15 6" })
8284
- }
8285
- )
7849
+ children: /* @__PURE__ */ jsx(ChevronLeftIcon, { "aria-hidden": true, style: { fontSize: 20 } })
8286
7850
  }
8287
7851
  ),
8288
7852
  /* @__PURE__ */ jsx(
@@ -8294,20 +7858,7 @@ function Lightbox({ images, columns = 3, gap = 8, className }) {
8294
7858
  e.stopPropagation();
8295
7859
  next();
8296
7860
  },
8297
- children: /* @__PURE__ */ jsx(
8298
- "svg",
8299
- {
8300
- width: "20",
8301
- height: "20",
8302
- viewBox: "0 0 24 24",
8303
- fill: "none",
8304
- stroke: "currentColor",
8305
- strokeWidth: 2.5,
8306
- strokeLinecap: "round",
8307
- strokeLinejoin: "round",
8308
- children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
8309
- }
8310
- )
7861
+ children: /* @__PURE__ */ jsx(ChevronRightIcon, { "aria-hidden": true, style: { fontSize: 20 } })
8311
7862
  }
8312
7863
  )
8313
7864
  ] })
@@ -8462,72 +8013,10 @@ function buildPageItems(currentPage, totalPages, siblingCount) {
8462
8013
  );
8463
8014
  return [1, DOTS, ...middleRange, DOTS, totalPages];
8464
8015
  }
8465
- var ChevronLeft = () => /* @__PURE__ */ jsx(
8466
- "svg",
8467
- {
8468
- width: "1em",
8469
- height: "1em",
8470
- viewBox: "0 0 24 24",
8471
- fill: "none",
8472
- stroke: "currentColor",
8473
- strokeWidth: "2",
8474
- strokeLinecap: "round",
8475
- strokeLinejoin: "round",
8476
- "aria-hidden": "true",
8477
- children: /* @__PURE__ */ jsx("polyline", { points: "15 18 9 12 15 6" })
8478
- }
8479
- );
8480
- var ChevronRight = () => /* @__PURE__ */ jsx(
8481
- "svg",
8482
- {
8483
- width: "1em",
8484
- height: "1em",
8485
- viewBox: "0 0 24 24",
8486
- fill: "none",
8487
- stroke: "currentColor",
8488
- strokeWidth: "2",
8489
- strokeLinecap: "round",
8490
- strokeLinejoin: "round",
8491
- "aria-hidden": "true",
8492
- children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
8493
- }
8494
- );
8495
- var ChevronsLeft = () => /* @__PURE__ */ jsxs(
8496
- "svg",
8497
- {
8498
- width: "1em",
8499
- height: "1em",
8500
- viewBox: "0 0 24 24",
8501
- fill: "none",
8502
- stroke: "currentColor",
8503
- strokeWidth: "2",
8504
- strokeLinecap: "round",
8505
- strokeLinejoin: "round",
8506
- "aria-hidden": "true",
8507
- children: [
8508
- /* @__PURE__ */ jsx("polyline", { points: "11 17 6 12 11 7" }),
8509
- /* @__PURE__ */ jsx("polyline", { points: "18 17 13 12 18 7" })
8510
- ]
8511
- }
8512
- );
8513
- var ChevronsRight = () => /* @__PURE__ */ jsxs(
8514
- "svg",
8515
- {
8516
- width: "1em",
8517
- height: "1em",
8518
- viewBox: "0 0 24 24",
8519
- fill: "none",
8520
- stroke: "currentColor",
8521
- strokeWidth: "2",
8522
- strokeLinecap: "round",
8523
- strokeLinejoin: "round",
8524
- "aria-hidden": "true",
8525
- children: [
8526
- /* @__PURE__ */ jsx("polyline", { points: "13 17 18 12 13 7" }),
8527
- /* @__PURE__ */ jsx("polyline", { points: "6 17 11 12 6 7" })
8528
- ]
8529
- }
8530
- );
8016
+ var ChevronLeft = () => /* @__PURE__ */ jsx(ChevronLeftIcon, { "aria-hidden": "true", sx: { fontSize: "1em" } });
8017
+ var ChevronRight = () => /* @__PURE__ */ jsx(ChevronRightIcon, { "aria-hidden": "true", sx: { fontSize: "1em" } });
8018
+ var ChevronsLeft = () => /* @__PURE__ */ jsx(KeyboardDoubleArrowLeftIcon, { "aria-hidden": "true", sx: { fontSize: "1em" } });
8019
+ var ChevronsRight = () => /* @__PURE__ */ jsx(KeyboardDoubleArrowRightIcon, { "aria-hidden": "true", sx: { fontSize: "1em" } });
8531
8020
  var PaginationBar = ({
8532
8021
  currentPage,
8533
8022
  totalPages,
@@ -8658,7 +8147,7 @@ var Trigger3 = styled("button", {
8658
8147
  outlineOffset: "-2px"
8659
8148
  }
8660
8149
  }));
8661
- var ChevronIcon3 = styled("svg", {
8150
+ var ChevronIcon3 = styled(ExpandMoreIcon, {
8662
8151
  shouldForwardProp: (p) => p !== "$open"
8663
8152
  })(({ $open }) => ({
8664
8153
  width: "1.125rem",
@@ -8726,18 +8215,7 @@ var Accordion = forwardRef(
8726
8215
  onClick: () => toggle(item.key, item.disabled),
8727
8216
  children: [
8728
8217
  item.header,
8729
- /* @__PURE__ */ jsx(
8730
- ChevronIcon3,
8731
- {
8732
- $open: isOpen,
8733
- viewBox: "0 0 24 24",
8734
- fill: "none",
8735
- stroke: "currentColor",
8736
- strokeWidth: 2,
8737
- "aria-hidden": "true",
8738
- children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" })
8739
- }
8740
- )
8218
+ /* @__PURE__ */ jsx(ChevronIcon3, { $open: isOpen, "aria-hidden": "true" })
8741
8219
  ]
8742
8220
  }
8743
8221
  ),
@@ -8748,8 +8226,8 @@ var Accordion = forwardRef(
8748
8226
  );
8749
8227
  Accordion.displayName = "Accordion";
8750
8228
  var accordionVariants = ["default", "bordered", "separated"];
8751
- var fadeIn2 = keyframes`from{opacity:0;transform:translateY(0.5rem)}to{opacity:1;transform:translateY(0)}`;
8752
- var fadeOut = keyframes`from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0.5rem)}`;
8229
+ var fadeIn2 = keyframes$1`from{opacity:0;transform:translateY(0.5rem)}to{opacity:1;transform:translateY(0)}`;
8230
+ var fadeOut = keyframes$1`from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0.5rem)}`;
8753
8231
  var POSITION_MAP = {
8754
8232
  "bottom-right": { right: "1.5rem", bottom: "1.5rem" },
8755
8233
  "bottom-left": { left: "1.5rem", bottom: "1.5rem" },
@@ -8833,21 +8311,7 @@ function BackToTop({
8833
8311
  $visible: visible,
8834
8312
  $position: position,
8835
8313
  onClick: scrollToTop,
8836
- children: /* @__PURE__ */ jsx(
8837
- "svg",
8838
- {
8839
- width: "18",
8840
- height: "18",
8841
- viewBox: "0 0 24 24",
8842
- fill: "none",
8843
- stroke: "currentColor",
8844
- strokeWidth: 2.5,
8845
- strokeLinecap: "round",
8846
- strokeLinejoin: "round",
8847
- "aria-hidden": "true",
8848
- children: /* @__PURE__ */ jsx("polyline", { points: "18 15 12 9 6 15" })
8849
- }
8850
- )
8314
+ children: /* @__PURE__ */ jsx(KeyboardArrowUpIcon, { "aria-hidden": "true", style: { fontSize: 18 } })
8851
8315
  }
8852
8316
  );
8853
8317
  }
@@ -9132,11 +8596,11 @@ var List3 = forwardRef(
9132
8596
  List3.displayName = "List";
9133
8597
  var listVariants = ["default", "bordered", "separated"];
9134
8598
  var listSizes = ["sm", "md", "lg"];
9135
- var scrollLeft = keyframes$1`
8599
+ var scrollLeft = keyframes`
9136
8600
  from { transform: translateX(0); }
9137
8601
  to { transform: translateX(-50%); }
9138
8602
  `;
9139
- var scrollRight = keyframes$1`
8603
+ var scrollRight = keyframes`
9140
8604
  from { transform: translateX(-50%); }
9141
8605
  to { transform: translateX(0); }
9142
8606
  `;
@@ -9182,8 +8646,8 @@ var Marquee = forwardRef(
9182
8646
  Marquee.displayName = "Marquee";
9183
8647
  var marqueeDirections = ["left", "right"];
9184
8648
  var marqueeSpeeds = ["slow", "normal", "fast"];
9185
- var fadeIn3 = keyframes`from { opacity: 0; } to { opacity: 1; }`;
9186
- var slideUp = keyframes`from { opacity: 0; transform: translateY(1rem) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); }`;
8649
+ var fadeIn3 = keyframes$1`from { opacity: 0; } to { opacity: 1; }`;
8650
+ var slideUp = keyframes$1`from { opacity: 0; transform: translateY(1rem) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); }`;
9187
8651
  var SIZE_MAP2 = {
9188
8652
  sm: "24rem",
9189
8653
  md: "32rem",
@@ -9321,22 +8785,7 @@ function Modal({
9321
8785
  children: [
9322
8786
  (title || !hideCloseButton) && /* @__PURE__ */ jsxs(Header, { children: [
9323
8787
  title ? /* @__PURE__ */ jsx(Title5, { id: "modal-title", children: title }) : /* @__PURE__ */ jsx("span", {}),
9324
- !hideCloseButton && /* @__PURE__ */ jsx(CloseButton2, { "aria-label": "Zamknij", onClick: onClose, children: /* @__PURE__ */ jsxs(
9325
- "svg",
9326
- {
9327
- width: "16",
9328
- height: "16",
9329
- viewBox: "0 0 24 24",
9330
- fill: "none",
9331
- stroke: "currentColor",
9332
- strokeWidth: 2,
9333
- strokeLinecap: "round",
9334
- children: [
9335
- /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
9336
- /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
9337
- ]
9338
- }
9339
- ) })
8788
+ !hideCloseButton && /* @__PURE__ */ jsx(CloseButton2, { "aria-label": "Zamknij", onClick: onClose, children: /* @__PURE__ */ jsx(CloseIcon, { "aria-hidden": true, style: { fontSize: 16 } }) })
9340
8789
  ] }),
9341
8790
  children && /* @__PURE__ */ jsx(Body, { children }),
9342
8791
  footer && /* @__PURE__ */ jsx(Footer3, { children: footer })
@@ -10205,16 +9654,7 @@ var Connector = styled("div")(({ theme }) => ({
10205
9654
  }
10206
9655
  }));
10207
9656
  function ArrowIcon() {
10208
- return /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
10209
- "path",
10210
- {
10211
- d: "M5 12h14M13 6l6 6-6 6",
10212
- stroke: "currentColor",
10213
- strokeWidth: "1.5",
10214
- strokeLinecap: "round",
10215
- strokeLinejoin: "round"
10216
- }
10217
- ) });
9657
+ return /* @__PURE__ */ jsx(ArrowForwardIcon, { "aria-hidden": "true", style: { fontSize: 24 } });
10218
9658
  }
10219
9659
  function ProcessSection({ title, description, steps, ...props }) {
10220
9660
  return /* @__PURE__ */ jsx(Section3, { ...props, children: /* @__PURE__ */ jsxs(Inner2, { children: [
@@ -10359,11 +9799,11 @@ var TestimonialsSection = forwardRef(
10359
9799
  );
10360
9800
  TestimonialsSection.displayName = "TestimonialsSection";
10361
9801
  var testimonialsSectionColumns = [1, 2, 3];
10362
- var fadeIn4 = keyframes`
9802
+ var fadeIn4 = keyframes$1`
10363
9803
  from { opacity: 0; }
10364
9804
  to { opacity: 1; }
10365
9805
  `;
10366
- var slideDown = keyframes`
9806
+ var slideDown = keyframes$1`
10367
9807
  from { opacity: 0; transform: translateY(-8px) scale(0.98); }
10368
9808
  to { opacity: 1; transform: translateY(0) scale(1); }
10369
9809
  `;
@@ -10398,7 +9838,7 @@ var SearchRow = styled("div")(({ theme }) => ({
10398
9838
  borderBottom: `1px solid ${theme.palette.divider}`,
10399
9839
  flexShrink: 0
10400
9840
  }));
10401
- var SearchIcon2 = styled("div")(({ theme }) => ({
9841
+ var SearchIconWrap = styled("div")(({ theme }) => ({
10402
9842
  flexShrink: 0,
10403
9843
  color: theme.palette.text.secondary,
10404
9844
  display: "flex"
@@ -10614,23 +10054,7 @@ function CommandPalette({
10614
10054
  "aria-describedby": `${id}-hint`,
10615
10055
  children: [
10616
10056
  /* @__PURE__ */ jsxs(SearchRow, { children: [
10617
- /* @__PURE__ */ jsx(SearchIcon2, { "aria-hidden": "true", children: /* @__PURE__ */ jsxs(
10618
- "svg",
10619
- {
10620
- width: "18",
10621
- height: "18",
10622
- viewBox: "0 0 24 24",
10623
- fill: "none",
10624
- stroke: "currentColor",
10625
- strokeWidth: "2",
10626
- strokeLinecap: "round",
10627
- strokeLinejoin: "round",
10628
- children: [
10629
- /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
10630
- /* @__PURE__ */ jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
10631
- ]
10632
- }
10633
- ) }),
10057
+ /* @__PURE__ */ jsx(SearchIconWrap, { "aria-hidden": "true", children: /* @__PURE__ */ jsx(SearchMuiIcon, { style: { fontSize: 18 } }) }),
10634
10058
  /* @__PURE__ */ jsx(
10635
10059
  SearchInput3,
10636
10060
  {
@@ -10721,7 +10145,7 @@ var DEFAULT_CATEGORIES = [
10721
10145
  defaultEnabled: false
10722
10146
  }
10723
10147
  ];
10724
- var slideUp2 = keyframes`
10148
+ var slideUp2 = keyframes$1`
10725
10149
  from { opacity: 0; transform: translateY(100%); }
10726
10150
  to { opacity: 1; transform: translateY(0); }
10727
10151
  `;
@@ -11243,69 +10667,7 @@ var MobileNavLink = styled("a", {
11243
10667
  }
11244
10668
  }));
11245
10669
  function HamburgerIcon({ open }) {
11246
- return /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: open ? /* @__PURE__ */ jsxs(Fragment, { children: [
11247
- /* @__PURE__ */ jsx(
11248
- "line",
11249
- {
11250
- x1: "4",
11251
- y1: "4",
11252
- x2: "20",
11253
- y2: "20",
11254
- stroke: "currentColor",
11255
- strokeWidth: "2",
11256
- strokeLinecap: "round"
11257
- }
11258
- ),
11259
- /* @__PURE__ */ jsx(
11260
- "line",
11261
- {
11262
- x1: "20",
11263
- y1: "4",
11264
- x2: "4",
11265
- y2: "20",
11266
- stroke: "currentColor",
11267
- strokeWidth: "2",
11268
- strokeLinecap: "round"
11269
- }
11270
- )
11271
- ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
11272
- /* @__PURE__ */ jsx(
11273
- "line",
11274
- {
11275
- x1: "4",
11276
- y1: "7",
11277
- x2: "20",
11278
- y2: "7",
11279
- stroke: "currentColor",
11280
- strokeWidth: "2",
11281
- strokeLinecap: "round"
11282
- }
11283
- ),
11284
- /* @__PURE__ */ jsx(
11285
- "line",
11286
- {
11287
- x1: "4",
11288
- y1: "12",
11289
- x2: "20",
11290
- y2: "12",
11291
- stroke: "currentColor",
11292
- strokeWidth: "2",
11293
- strokeLinecap: "round"
11294
- }
11295
- ),
11296
- /* @__PURE__ */ jsx(
11297
- "line",
11298
- {
11299
- x1: "4",
11300
- y1: "17",
11301
- x2: "20",
11302
- y2: "17",
11303
- stroke: "currentColor",
11304
- strokeWidth: "2",
11305
- strokeLinecap: "round"
11306
- }
11307
- )
11308
- ] }) });
10670
+ return open ? /* @__PURE__ */ jsx(CloseIcon, { "aria-hidden": "true", style: { fontSize: 24 } }) : /* @__PURE__ */ jsx(MenuIcon, { "aria-hidden": "true", style: { fontSize: 24 } });
11309
10671
  }
11310
10672
  function Navbar({
11311
10673
  logo,
@@ -11440,7 +10802,42 @@ var MyThemeProvider = ({
11440
10802
  children
11441
10803
  ] });
11442
10804
  };
10805
+ function EmotionRegistry({ children }) {
10806
+ const [{ cache, flush }] = React.useState(() => {
10807
+ const c = createCache({ key: "css", prepend: true });
10808
+ c.compat = true;
10809
+ const prevInsert = c.insert.bind(c);
10810
+ let inserted = [];
10811
+ c.insert = (...args) => {
10812
+ const serialized = args[1];
10813
+ if (c.inserted[serialized.name] === void 0) {
10814
+ inserted.push(serialized.name);
10815
+ }
10816
+ return prevInsert(...args);
10817
+ };
10818
+ return {
10819
+ cache: c,
10820
+ flush: () => {
10821
+ const s = inserted;
10822
+ inserted = [];
10823
+ return s;
10824
+ }
10825
+ };
10826
+ });
10827
+ useServerInsertedHTML(() => {
10828
+ const names = flush();
10829
+ if (!names.length) return null;
10830
+ return /* @__PURE__ */ jsx(
10831
+ "style",
10832
+ {
10833
+ "data-emotion": `${cache.key} ${names.join(" ")}`,
10834
+ dangerouslySetInnerHTML: { __html: names.map((n) => cache.inserted[n]).join("") }
10835
+ }
10836
+ );
10837
+ });
10838
+ return /* @__PURE__ */ jsx(CacheProvider, { value: cache, children });
10839
+ }
11443
10840
 
11444
- export { Accordion, Article, AspectRatio, Avatar, BackToTop, Badge, BaseInput, BaseSelectInput, Box2 as Box, Breadcrumbs, Button, Card, Carousel, CartDrawer, CheckboxInput, CommandPalette, CompareTool, Container, ContextMenu, CookieConsent, CountryFlag, CouponInput, DateTimePicker, EmailInput, FaqItem, FaqSection, FeatureGrid, FeatureItem2 as FeatureItem, FileInput, FilterSidebar, Footer6 as Footer, Lightbox, List3 as List, LogoCloud, LogoTile, Main, Marquee, Modal, MultiSelectInput, MyThemeProvider, Navbar, NewsletterSection, NumberInput, OrderSummary, PaginationBar, PaginationButton, PaginationEllipsis, Partners, PasswordInput, PhoneInput, PostCard, PostCardImage, PostCardMeta, Price, PricingCard, PricingSection, ProcessSection, ProcessStep, ProductCard, ProductGallery, ProgressBar, ProgressCircle, PromoStrip, Prose, QuantitySelector, RangeSlider, Rating, SearchInput, Section, SectionHeading, SelectInput, Skeleton, Spinner3 as Spinner, StatCard, StatsSection, StockStatus, SwitchInput, Tabs, TeamMemberCard, TeamSection, TestimonialCard, TestimonialsSection, TextInput, TextareaInput, Timeline, VideoPlayer, accordionVariants, aspectRatioPresets, avatarColors, avatarSizes, backToTopPositions, backToTopVariants, badgeVariants, cardPaddings, cardRoundeds, cardVariants, createMyTheme, dateTimePickerModes, defaultCookieCategories, featureGridColumns, listSizes, listVariants, logoCloudColumns, logoCloudVariants, logoTileVariants, marqueeDirections, marqueeSpeeds, modalSizes, myTheme, newsletterLayouts, postCardVariants, priceSizes, progressBarSizes, progressBarVariants, progressCircleSizes, progressCircleVariants, promoStripVariants, rangeSliderSizes, sectionHeadingAligns, skeletonVariants, spinnerColors, spinnerSizes, spinnerVariants, statsSectionColumns, stockStatusValues, switchColors, tabsVariants, teamSectionColumns, testimonialsSectionColumns, themeDark, themeHighContrast, themeLight, timelineItemStatuses, timelineVariants };
10841
+ export { Accordion, Article, AspectRatio, Avatar, BackToTop, Badge, BaseInput, BaseSelectInput, Box2 as Box, Breadcrumbs, Button, Card, Carousel, CartDrawer, CheckboxInput, CommandPalette, CompareTool, Container, ContextMenu, CookieConsent, CountryFlag, CouponInput, DateTimePicker, EmailInput, EmotionRegistry, FaqItem, FaqSection, FeatureGrid, FeatureItem2 as FeatureItem, FileInput, FilterSidebar, Footer6 as Footer, Lightbox, List3 as List, LogoCloud, LogoTile, Main, Marquee, Modal, MultiSelectInput, MyThemeProvider, Navbar, NewsletterSection, NumberInput, OrderSummary, PaginationBar, PaginationButton, PaginationEllipsis, Partners, PasswordInput, PhoneInput, PostCard, PostCardImage, PostCardMeta, Price, PricingCard, PricingSection, ProcessSection, ProcessStep, ProductCard, ProductGallery, ProgressBar, ProgressCircle, PromoStrip, Prose, QuantitySelector, RangeSlider, Rating, SearchInput, Section, SectionHeading, SelectInput, Skeleton, Spinner3 as Spinner, StatCard, StatsSection, StockStatus, SwitchInput, Tabs, TeamMemberCard, TeamSection, TestimonialCard, TestimonialsSection, TextInput, TextareaInput, Timeline, VideoPlayer, accordionVariants, aspectRatioPresets, avatarColors, avatarSizes, backToTopPositions, backToTopVariants, badgeVariants, cardPaddings, cardRoundeds, cardVariants, createMyTheme, dateTimePickerModes, defaultCookieCategories, featureGridColumns, listSizes, listVariants, logoCloudColumns, logoCloudVariants, logoTileVariants, marqueeDirections, marqueeSpeeds, modalSizes, myTheme, newsletterLayouts, postCardVariants, priceSizes, progressBarSizes, progressBarVariants, progressCircleSizes, progressCircleVariants, promoStripVariants, rangeSliderSizes, sectionHeadingAligns, skeletonVariants, spinnerColors, spinnerSizes, spinnerVariants, statsSectionColumns, stockStatusValues, switchColors, tabsVariants, teamSectionColumns, testimonialsSectionColumns, themeDark, themeHighContrast, themeLight, timelineItemStatuses, timelineVariants };
11445
10842
  //# sourceMappingURL=index.js.map
11446
10843
  //# sourceMappingURL=index.js.map