@szymonpiatek/designsystem 0.0.4 → 0.0.6

package/dist/index.js

@@ -1,16 +1,36 @@
 import { forwardRef, useId, useRef, useEffect, useState, useCallback, useMemo, Fragment as Fragment$1 } from 'react';
-import { styled, alpha, keyframes as keyframes$1, createTheme, useTheme, ThemeProvider } from '@mui/material/styles';
-import { keyframes } from '@emotion/react';
+import { styled, alpha, keyframes, createTheme, useTheme, ThemeProvider } from '@mui/material/styles';
+import CircularProgress from '@mui/material/CircularProgress';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import FileUploadIcon from '@mui/icons-material/FileUpload';
+import CloudUploadMuiIcon from '@mui/icons-material/CloudUpload';
+import InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';
+import DeleteOutlinedIcon from '@mui/icons-material/DeleteOutlined';
+import CloseIcon from '@mui/icons-material/Close';
+import CheckIcon from '@mui/icons-material/Check';
+import VisibilityIcon from '@mui/icons-material/Visibility';
+import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
+import SearchMuiIcon from '@mui/icons-material/Search';
 import { getCountryCallingCode } from 'libphonenumber-js';
+import CalendarMonthIcon from '@mui/icons-material/CalendarMonth';
+import AccessTimeIcon from '@mui/icons-material/AccessTime';
+import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
+import ChevronRightIcon from '@mui/icons-material/ChevronRight';
+import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';
+import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
+import { keyframes as keyframes$1 } from '@emotion/react';
+import ArticleIcon from '@mui/icons-material/Article';
+import CheckCircleOutlinedIcon from '@mui/icons-material/CheckCircleOutlined';
+import HighlightOffIcon from '@mui/icons-material/HighlightOff';
 import { createPortal } from 'react-dom';
+import KeyboardDoubleArrowLeftIcon from '@mui/icons-material/KeyboardDoubleArrowLeft';
+import KeyboardDoubleArrowRightIcon from '@mui/icons-material/KeyboardDoubleArrowRight';
+import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
+import MenuIcon from '@mui/icons-material/Menu';
 import CssBaseline from '@mui/material/CssBaseline';
 
 // src/components/atoms/buttons/Button/Button.tsx
-var spin = keyframes`
-  from { transform: rotate(0deg); }
-  to   { transform: rotate(360deg); }
-`;
 var sizeMap = {
   sm: { padding: "0.25rem 0.75rem", fontSize: "0.75rem", gap: "0.25rem" },
   md: { padding: "0.5rem 1.25rem", fontSize: "0.875rem", gap: "0.375rem" },
@@ -79,8 +99,7 @@ var IconSlot = styled("span")({
   alignItems: "center"
 });
 var Spinner = styled("span")({
-  display: "inline-flex",
-  animation: `${spin} 700ms linear infinite`
+  display: "inline-flex"
 });
 var Button = forwardRef(
   ({
@@ -112,21 +131,7 @@ var Button = forwardRef(
       "aria-label": ariaLabel,
       "aria-current": ariaCurrent,
       children: [
-        loading ? /* @__PURE__ */ jsx(Spinner, { "aria-hidden": "true", children: /* @__PURE__ */ jsxs(
-          "svg",
-          {
-            width: "1em",
-            height: "1em",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            children: [
-              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", strokeOpacity: "0.25" }),
-              /* @__PURE__ */ jsx("path", { d: "M12 2a10 10 0 0 1 10 10" })
-            ]
-          }
-        ) }) : startIcon && /* @__PURE__ */ jsx(IconSlot, { children: startIcon }),
+        loading ? /* @__PURE__ */ jsx(Spinner, { "aria-hidden": "true", children: /* @__PURE__ */ jsx(CircularProgress, { size: "1em", color: "inherit", thickness: 5 }) }) : startIcon && /* @__PURE__ */ jsx(IconSlot, { children: startIcon }),
         /* @__PURE__ */ jsx("span", { children }),
         endIcon && /* @__PURE__ */ jsx(IconSlot, { children: endIcon })
       ]
@@ -179,21 +184,7 @@ var DropdownPanel = styled("div")(({ theme }) => ({
   borderRadius: theme.shape.borderRadius,
   boxShadow: theme.shadows[4]
 }));
-var Chevron = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": true,
-    children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
-  }
-);
+var Chevron = () => /* @__PURE__ */ jsx(ExpandMoreIcon, { "aria-hidden": true, sx: { fontSize: "1em" } });
 var inputColors = (theme, error) => ({
   borderColor: error ? theme.palette.error.main : theme.palette.divider,
   "&:hover:not(:focus-within):not([data-disabled])": {
@@ -426,99 +417,11 @@ var formatSize = (bytes) => {
   if (bytes < 1024 ** 2) return `${(bytes / 1024).toFixed(1)} KB`;
   return `${(bytes / 1024 ** 2).toFixed(1)} MB`;
 };
-var UploadArrowIcon = ({ size = 13 }) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 2.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": true,
-    children: [
-      /* @__PURE__ */ jsx("polyline", { points: "17 8 12 3 7 8" }),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" }),
-      /* @__PURE__ */ jsx("path", { d: "M4 15v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4" })
-    ]
-  }
-);
-var CloudUploadIcon = ({ size }) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 1.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": true,
-    children: [
-      /* @__PURE__ */ jsx("polyline", { points: "16 16 12 12 8 16" }),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "12", x2: "12", y2: "21" }),
-      /* @__PURE__ */ jsx("path", { d: "M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3" })
-    ]
-  }
-);
-var FileDocIcon = ({ size }) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 1.75,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": true,
-    children: [
-      /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-      /* @__PURE__ */ jsx("polyline", { points: "14 2 14 8 20 8" })
-    ]
-  }
-);
-var TrashIcon = ({ size = 12 }) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 2.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": true,
-    children: [
-      /* @__PURE__ */ jsx("polyline", { points: "3 6 5 6 21 6" }),
-      /* @__PURE__ */ jsx("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }),
-      /* @__PURE__ */ jsx("path", { d: "M10 11v6M14 11v6" }),
-      /* @__PURE__ */ jsx("path", { d: "M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2" })
-    ]
-  }
-);
-var XIcon = () => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: "11",
-    height: "11",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 2.5,
-    strokeLinecap: "round",
-    "aria-hidden": true,
-    children: [
-      /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-      /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-    ]
-  }
-);
+var UploadArrowIcon = ({ size = 13 }) => /* @__PURE__ */ jsx(FileUploadIcon, { "aria-hidden": true, style: { fontSize: size } });
+var CloudUploadIcon = ({ size }) => /* @__PURE__ */ jsx(CloudUploadMuiIcon, { "aria-hidden": true, style: { fontSize: size } });
+var FileDocIcon = ({ size }) => /* @__PURE__ */ jsx(InsertDriveFileIcon, { "aria-hidden": true, style: { fontSize: size } });
+var TrashIcon = ({ size = 12 }) => /* @__PURE__ */ jsx(DeleteOutlinedIcon, { "aria-hidden": true, style: { fontSize: size } });
+var XIcon = () => /* @__PURE__ */ jsx(CloseIcon, { "aria-hidden": true, style: { fontSize: 11 } });
 var Root3 = styled("div")(({ $fullWidth }) => ({
   display: $fullWidth ? "block" : "inline-block",
   width: $fullWidth ? "100%" : "auto"
@@ -1456,21 +1359,7 @@ var CheckboxBox = styled("span")(({ theme, $checked }) => ({
   flexShrink: 0,
   transition: "background-color 150ms ease, border-color 150ms ease"
 }));
-var CheckmarkIcon = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    viewBox: "0 0 24 24",
-    width: "0.65rem",
-    height: "0.65rem",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 3,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": true,
-    children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
-  }
-);
+var CheckmarkIcon = () => /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": true, style: { width: "0.65rem", height: "0.65rem" } });
 var renderTrigger = (value, options, placeholder) => {
   const MultiSelectTrigger = () => {
     if (value.length === 0) {
@@ -1531,42 +1420,8 @@ var ToggleButton = styled("button")(({ theme }) => ({
     cursor: "not-allowed"
   }
 }));
-var EyeIcon = () => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": true,
-    children: [
-      /* @__PURE__ */ jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" })
-    ]
-  }
-);
-var EyeOffIcon = () => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": true,
-    children: [
-      /* @__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" }),
-      /* @__PURE__ */ jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
-    ]
-  }
-);
+var EyeIcon = () => /* @__PURE__ */ jsx(VisibilityIcon, { "aria-hidden": true, sx: { fontSize: "1em" } });
+var EyeOffIcon = () => /* @__PURE__ */ jsx(VisibilityOffIcon, { "aria-hidden": true, sx: { fontSize: "1em" } });
 var PasswordInput = forwardRef(
   ({ disabled, showPasswordLabel = "Poka\u017C has\u0142o", hidePasswordLabel = "Ukryj has\u0142o", ...props }, ref) => {
     const [show, setShow] = useState(false);
@@ -1607,42 +1462,8 @@ var ClearButton = styled("button")(({ theme }) => ({
     color: theme.palette.text.primary
   }
 }));
-var SearchIcon = () => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": true,
-    children: [
-      /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
-      /* @__PURE__ */ jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
-    ]
-  }
-);
-var XIcon2 = () => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": true,
-    children: [
-      /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-      /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-    ]
-  }
-);
+var SearchIcon = () => /* @__PURE__ */ jsx(SearchMuiIcon, { "aria-hidden": true, sx: { fontSize: "1em" } });
+var XIcon2 = () => /* @__PURE__ */ jsx(CloseIcon, { "aria-hidden": true, sx: { fontSize: "1em" } });
 var SearchInput = forwardRef(
   ({ value, onChange, onClear, clearAriaLabel = "Wyczy\u015B\u0107", ...props }, forwardedRef) => {
     const innerRef = useRef(null);
@@ -1692,21 +1513,7 @@ var SearchInput = forwardRef(
   }
 );
 SearchInput.displayName = "SearchInput";
-var Checkmark = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 2.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": true,
-    children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
-  }
-);
+var Checkmark = () => /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": true, sx: { fontSize: "1em" } });
 var renderOption2 = (selected) => {
   const SelectOption = (option) => /* @__PURE__ */ jsxs(
     "span",
@@ -4191,7 +3998,7 @@ var AdornmentButton = styled("button")(({ theme }) => ({
   padding: 0,
   ...adornmentStyles({ theme })
 }));
-var popIn = keyframes$1`
+var popIn = keyframes`
   from { opacity: 0; transform: translateY(4px) scale(0.98); }
   to   { opacity: 1; transform: translateY(0)  scale(1); }
 `;
@@ -4355,133 +4162,25 @@ var ActionBtn = styled("button")(({ theme, $primary }) => ({
   "&:focus-visible": { outline: `2px solid ${theme.palette.primary.main}`, outlineOffset: "1px" }
 }));
 function IconCalendar() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 1.75,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
-        /* @__PURE__ */ jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
-        /* @__PURE__ */ jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
-        /* @__PURE__ */ jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsx(CalendarMonthIcon, { "aria-hidden": "true", style: { fontSize: 16 } });
 }
 function IconClock() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 1.75,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ jsx("polyline", { points: "12 6 12 12 16 14" })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsx(AccessTimeIcon, { "aria-hidden": "true", style: { fontSize: 16 } });
 }
 function IconChevronLeft() {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx("polyline", { points: "15 18 9 12 15 6" })
-    }
-  );
+  return /* @__PURE__ */ jsx(ChevronLeftIcon, { "aria-hidden": "true", style: { fontSize: 16 } });
 }
 function IconChevronRight() {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
-    }
-  );
+  return /* @__PURE__ */ jsx(ChevronRightIcon, { "aria-hidden": "true", style: { fontSize: 16 } });
 }
 function IconChevronUp() {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "12",
-      height: "12",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2.5,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx("polyline", { points: "18 15 12 9 6 15" })
-    }
-  );
+  return /* @__PURE__ */ jsx(KeyboardArrowUpIcon, { "aria-hidden": "true", style: { fontSize: 12 } });
 }
 function IconChevronDown() {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "12",
-      height: "12",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2.5,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
-    }
-  );
+  return /* @__PURE__ */ jsx(KeyboardArrowDownIcon, { "aria-hidden": "true", style: { fontSize: 12 } });
 }
 function IconX() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "14",
-      height: "14",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-        /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsx(CloseIcon, { "aria-hidden": "true", style: { fontSize: 14 } });
 }
 var DateTimePicker = forwardRef(
   ({
@@ -5139,7 +4838,7 @@ function SectionHeading({
   ] });
 }
 var sectionHeadingAligns = ["center", "left", "right"];
-var shimmer = keyframes`
+var shimmer = keyframes$1`
   0%   { background-position: -200% 0; }
   100% { background-position:  200% 0; }
 `;
@@ -5197,10 +4896,10 @@ var SIZE_MAP = {
   lg: "2rem",
   xl: "3rem"
 };
-var spin2 = keyframes`to { transform: rotate(360deg); }`;
-var fade = keyframes`0%,100%{opacity:.15} 50%{opacity:1}`;
-var scalePulse = keyframes`0%,100%{transform:scale(0.6);opacity:.4} 50%{transform:scale(1);opacity:1}`;
-var barAnim = keyframes`0%,100%{transform:scaleY(.4);opacity:.5} 50%{transform:scaleY(1);opacity:1}`;
+var spin = keyframes$1`to { transform: rotate(360deg); }`;
+var fade = keyframes$1`0%,100%{opacity:.15} 50%{opacity:1}`;
+var scalePulse = keyframes$1`0%,100%{transform:scale(0.6);opacity:.4} 50%{transform:scale(1);opacity:1}`;
+var barAnim = keyframes$1`0%,100%{transform:scaleY(.4);opacity:.5} 50%{transform:scaleY(1);opacity:1}`;
 var Root10 = styled("span", {
   shouldForwardProp: (p) => !["$size", "$color"].includes(p)
 })(({ theme, $size, $color }) => {
@@ -5220,7 +4919,7 @@ var Root10 = styled("span", {
     flexShrink: 0
   };
 });
-var RingSvg = styled("svg")({ animation: `${spin2} 700ms linear infinite` });
+var RingSvg = styled("svg")({ animation: `${spin} 700ms linear infinite` });
 function Ring() {
   return /* @__PURE__ */ jsxs(RingSvg, { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", strokeOpacity: "0.25" }),
@@ -5301,7 +5000,7 @@ var HEIGHT_MAP = {
   md: "0.75rem",
   lg: "1.25rem"
 };
-var stripeAnim = keyframes`from{background-position:1rem 0}to{background-position:0 0}`;
+var stripeAnim = keyframes$1`from{background-position:1rem 0}to{background-position:0 0}`;
 function getFillColor(variant, theme) {
   switch (variant) {
     case "success":
@@ -5643,6 +5342,9 @@ var StyledSection = styled("section")(({ theme }) => ({
 }));
 var Section = forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsx(StyledSection, { ref, ...rest, children }));
 Section.displayName = "Section";
+var StyledMain = styled("main")({});
+var Main = forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsx(StyledMain, { ref, ...rest, children }));
+Main.displayName = "Main";
 var getTypographyStyles = (theme) => ({
   fontFamily: theme.typography.fontFamily,
   "& h1": { fontSize: "2.25rem", fontWeight: 500, letterSpacing: "-0.025em" },
@@ -5798,11 +5500,6 @@ var getHeaderSpacingStyles = () => ({
 var spacingStyles = {
   "& > * + *": { marginTop: "1.5rem" }
 };
-var StyledMain = styled("main")(({ theme }) => ({
-  ...getTypographyStyles(theme)
-}));
-var Main = forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsx(StyledMain, { ref, ...rest, children }));
-Main.displayName = "Main";
 var StyledProse = styled("div")(({ theme }) => ({
   ...getTypographyStyles(theme),
   ...spacingStyles
@@ -6153,28 +5850,7 @@ var Overlay = styled("div")({
   background: "linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, transparent 50%)",
   pointerEvents: "none"
 });
-var FileTextIcon = () => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: "32",
-    height: "32",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true",
-    style: { opacity: 0.3 },
-    children: [
-      /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-      /* @__PURE__ */ jsx("polyline", { points: "14 2 14 8 20 8" }),
-      /* @__PURE__ */ jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
-      /* @__PURE__ */ jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
-      /* @__PURE__ */ jsx("polyline", { points: "10 9 9 9 8 9" })
-    ]
-  }
-);
+var FileTextIcon = () => /* @__PURE__ */ jsx(ArticleIcon, { "aria-hidden": "true", style: { fontSize: 32, opacity: 0.3 } });
 function toAspectRatioCss(ratio) {
   if (typeof ratio === "number") return String(ratio);
   return ratio.replace("/", " / ");
@@ -6495,48 +6171,11 @@ var CtaLink = styled("a", {
 var CtaWrapper = styled("div")({
   marginTop: "1.5rem"
 });
-function CheckIcon() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      "aria-hidden": "true",
-      style: { flexShrink: 0 },
-      children: [
-        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", fill: "currentColor", fillOpacity: "0.15" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M5 8l2 2 4-4",
-            stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    }
-  );
+function CheckIcon3() {
+  return /* @__PURE__ */ jsx(CheckCircleOutlinedIcon, { "aria-hidden": "true", style: { fontSize: 16, flexShrink: 0 } });
 }
 function XIcon3() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      "aria-hidden": "true",
-      style: { flexShrink: 0 },
-      children: [
-        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", fill: "currentColor", fillOpacity: "0.10" }),
-        /* @__PURE__ */ jsx("path", { d: "M6 6l4 4M10 6l-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsx(HighlightOffIcon, { "aria-hidden": "true", style: { fontSize: 16, flexShrink: 0 } });
 }
 var PricingCard = forwardRef(
   ({
@@ -6573,7 +6212,7 @@ var PricingCard = forwardRef(
         /* @__PURE__ */ jsx(FeatureList, { children: features.map((feature, i) => {
           const included = feature.included !== false;
           return /* @__PURE__ */ jsxs(FeatureItem, { $included: included, children: [
-            included ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(XIcon3, {}),
+            included ? /* @__PURE__ */ jsx(CheckIcon3, {}) : /* @__PURE__ */ jsx(XIcon3, {}),
             feature.text
           ] }, i);
         }) })
@@ -6855,7 +6494,7 @@ var ValueCell = styled("td", {
   fontWeight: $highlight ? 700 : 400,
   backgroundColor: $highlight ? theme.palette.mode === "dark" ? "rgba(99,102,241,0.08)" : "rgba(99,102,241,0.06)" : "transparent"
 }));
-var BoolIcon = ({ value }) => /* @__PURE__ */ jsx("span", { "aria-label": value ? "Tak" : "Nie", style: { fontSize: "1.125rem" }, children: value ? "\u2713" : "\u2717" });
+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, {}) });
 function formatValue(v) {
   if (typeof v === "boolean") return /* @__PURE__ */ jsx(BoolIcon, { value: v });
   return String(v);
@@ -6916,7 +6555,7 @@ function CompareTool({
     }) })
   ] }) });
 }
-var spin3 = keyframes$1`to { transform: rotate(360deg); }`;
+var spin2 = keyframes`to { transform: rotate(360deg); }`;
 var Root20 = styled("div")({
   display: "flex",
   flexDirection: "column",
@@ -6990,7 +6629,7 @@ var Spinner4 = styled("span")({
   border: "2px solid rgba(255,255,255,0.3)",
   borderTopColor: "#fff",
   borderRadius: "50%",
-  animation: `${spin3} 600ms linear infinite`,
+  animation: `${spin2} 600ms linear infinite`,
   verticalAlign: "middle"
 });
 var Message = styled("p", {
@@ -7175,7 +6814,8 @@ var Root22 = styled("div")(({ theme, $variant }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
-  gap: "1rem",
+  flexWrap: "wrap",
+  gap: "0 1rem",
   width: "100%",
   padding: "0.75rem 1rem",
   fontFamily: theme.typography.fontFamily,
@@ -7360,7 +7000,7 @@ var Trigger2 = styled("button")(({ theme }) => ({
     borderRadius: "2px"
   }
 }));
-var ChevronIcon2 = styled("svg", {
+var ChevronIcon2 = styled(ExpandMoreIcon, {
   shouldForwardProp: (prop) => prop !== "$open"
 })(({ $open }) => ({
   width: "1.25rem",
@@ -7386,18 +7026,7 @@ var FaqItem = forwardRef(
     return /* @__PURE__ */ jsxs(Root25, { ref, ...props, children: [
       /* @__PURE__ */ jsxs(Trigger2, { type: "button", "aria-expanded": open, onClick: () => setOpen((prev) => !prev), children: [
         item.question,
-        /* @__PURE__ */ jsx(
-          ChevronIcon2,
-          {
-            $open: open,
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: 2,
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" })
-          }
-        )
+        /* @__PURE__ */ jsx(ChevronIcon2, { $open: open, "aria-hidden": "true" })
       ] }),
       open && /* @__PURE__ */ jsx(Panel, { role: "region", children: /* @__PURE__ */ jsx(PanelInner, { children: item.answer }) })
     ] });
@@ -7736,23 +7365,7 @@ var Description6 = styled("div")(({ theme }) => ({
 }));
 function StatusIcon({ status }) {
   if (status === "error") {
-    return /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        width: "10",
-        height: "10",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 3,
-        strokeLinecap: "round",
-        "aria-hidden": "true",
-        children: [
-          /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-          /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsx(CloseIcon, { "aria-hidden": "true", style: { fontSize: 10 } });
   }
   return null;
 }
@@ -7925,20 +7538,7 @@ function Carousel({
             "aria-label": "Poprzedni slajd",
             onClick: prev,
             disabled: !loop && index === 0,
-            children: /* @__PURE__ */ jsx(
-              "svg",
-              {
-                width: "16",
-                height: "16",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: 2.5,
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: /* @__PURE__ */ jsx("polyline", { points: "15 18 9 12 15 6" })
-              }
-            )
+            children: /* @__PURE__ */ jsx(ChevronLeftIcon, { "aria-hidden": true, style: { fontSize: 16 } })
           }
         ),
         /* @__PURE__ */ jsx(
@@ -7948,20 +7548,7 @@ function Carousel({
             "aria-label": "Nast\u0119pny slajd",
             onClick: next,
             disabled: !loop && index === count - 1,
-            children: /* @__PURE__ */ jsx(
-              "svg",
-              {
-                width: "16",
-                height: "16",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: 2.5,
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
-              }
-            )
+            children: /* @__PURE__ */ jsx(ChevronRightIcon, { "aria-hidden": true, style: { fontSize: 16 } })
           }
         )
       ] })
@@ -8043,8 +7630,8 @@ function VideoPlayer({
     }
   ) }) });
 }
-var fadeIn = keyframes`from { opacity: 0; } to { opacity: 1; }`;
-var zoomIn = keyframes`from { opacity: 0; transform: scale(0.92); } to { opacity: 1; transform: scale(1); }`;
+var fadeIn = keyframes$1`from { opacity: 0; } to { opacity: 1; }`;
+var zoomIn = keyframes$1`from { opacity: 0; transform: scale(0.92); } to { opacity: 1; transform: scale(1); }`;
 var Grid = styled("div", {
   shouldForwardProp: (prop) => !["$columns", "$gap"].includes(prop)
 })(({ $columns, $gap }) => ({
@@ -8233,22 +7820,7 @@ function Lightbox({ images, columns = 3, gap = 8, className }) {
           " / ",
           count
         ] }),
-        /* @__PURE__ */ jsx(CloseButton, { "aria-label": "Zamknij", onClick: close, children: /* @__PURE__ */ jsxs(
-          "svg",
-          {
-            width: "18",
-            height: "18",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: 2.5,
-            strokeLinecap: "round",
-            children: [
-              /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-              /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-            ]
-          }
-        ) }),
+        /* @__PURE__ */ jsx(CloseButton, { "aria-label": "Zamknij", onClick: close, children: /* @__PURE__ */ jsx(CloseIcon, { "aria-hidden": true, style: { fontSize: 18 } }) }),
         /* @__PURE__ */ jsx(
           LightboxImage,
           {
@@ -8269,20 +7841,7 @@ function Lightbox({ images, columns = 3, gap = 8, className }) {
                 e.stopPropagation();
                 prev();
               },
-              children: /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  width: "20",
-                  height: "20",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: 2.5,
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  children: /* @__PURE__ */ jsx("polyline", { points: "15 18 9 12 15 6" })
-                }
-              )
+              children: /* @__PURE__ */ jsx(ChevronLeftIcon, { "aria-hidden": true, style: { fontSize: 20 } })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -8294,20 +7853,7 @@ function Lightbox({ images, columns = 3, gap = 8, className }) {
                 e.stopPropagation();
                 next();
               },
-              children: /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  width: "20",
-                  height: "20",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: 2.5,
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
-                }
-              )
+              children: /* @__PURE__ */ jsx(ChevronRightIcon, { "aria-hidden": true, style: { fontSize: 20 } })
             }
           )
         ] })
@@ -8462,72 +8008,10 @@ function buildPageItems(currentPage, totalPages, siblingCount) {
   );
   return [1, DOTS, ...middleRange, DOTS, totalPages];
 }
-var ChevronLeft = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx("polyline", { points: "15 18 9 12 15 6" })
-  }
-);
-var ChevronRight = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
-  }
-);
-var ChevronsLeft = () => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true",
-    children: [
-      /* @__PURE__ */ jsx("polyline", { points: "11 17 6 12 11 7" }),
-      /* @__PURE__ */ jsx("polyline", { points: "18 17 13 12 18 7" })
-    ]
-  }
-);
-var ChevronsRight = () => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true",
-    children: [
-      /* @__PURE__ */ jsx("polyline", { points: "13 17 18 12 13 7" }),
-      /* @__PURE__ */ jsx("polyline", { points: "6 17 11 12 6 7" })
-    ]
-  }
-);
+var ChevronLeft = () => /* @__PURE__ */ jsx(ChevronLeftIcon, { "aria-hidden": "true", sx: { fontSize: "1em" } });
+var ChevronRight = () => /* @__PURE__ */ jsx(ChevronRightIcon, { "aria-hidden": "true", sx: { fontSize: "1em" } });
+var ChevronsLeft = () => /* @__PURE__ */ jsx(KeyboardDoubleArrowLeftIcon, { "aria-hidden": "true", sx: { fontSize: "1em" } });
+var ChevronsRight = () => /* @__PURE__ */ jsx(KeyboardDoubleArrowRightIcon, { "aria-hidden": "true", sx: { fontSize: "1em" } });
 var PaginationBar = ({
   currentPage,
   totalPages,
@@ -8658,7 +8142,7 @@ var Trigger3 = styled("button", {
     outlineOffset: "-2px"
   }
 }));
-var ChevronIcon3 = styled("svg", {
+var ChevronIcon3 = styled(ExpandMoreIcon, {
   shouldForwardProp: (p) => p !== "$open"
 })(({ $open }) => ({
   width: "1.125rem",
@@ -8726,18 +8210,7 @@ var Accordion = forwardRef(
             onClick: () => toggle(item.key, item.disabled),
             children: [
               item.header,
-              /* @__PURE__ */ jsx(
-                ChevronIcon3,
-                {
-                  $open: isOpen,
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: 2,
-                  "aria-hidden": "true",
-                  children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" })
-                }
-              )
+              /* @__PURE__ */ jsx(ChevronIcon3, { $open: isOpen, "aria-hidden": "true" })
             ]
           }
         ),
@@ -8748,8 +8221,8 @@ var Accordion = forwardRef(
 );
 Accordion.displayName = "Accordion";
 var accordionVariants = ["default", "bordered", "separated"];
-var fadeIn2 = keyframes`from{opacity:0;transform:translateY(0.5rem)}to{opacity:1;transform:translateY(0)}`;
-var fadeOut = keyframes`from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0.5rem)}`;
+var fadeIn2 = keyframes$1`from{opacity:0;transform:translateY(0.5rem)}to{opacity:1;transform:translateY(0)}`;
+var fadeOut = keyframes$1`from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0.5rem)}`;
 var POSITION_MAP = {
   "bottom-right": { right: "1.5rem", bottom: "1.5rem" },
   "bottom-left": { left: "1.5rem", bottom: "1.5rem" },
@@ -8833,21 +8306,7 @@ function BackToTop({
       $visible: visible,
       $position: position,
       onClick: scrollToTop,
-      children: /* @__PURE__ */ jsx(
-        "svg",
-        {
-          width: "18",
-          height: "18",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: 2.5,
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          "aria-hidden": "true",
-          children: /* @__PURE__ */ jsx("polyline", { points: "18 15 12 9 6 15" })
-        }
-      )
+      children: /* @__PURE__ */ jsx(KeyboardArrowUpIcon, { "aria-hidden": "true", style: { fontSize: 18 } })
     }
   );
 }
@@ -9132,11 +8591,11 @@ var List3 = forwardRef(
 List3.displayName = "List";
 var listVariants = ["default", "bordered", "separated"];
 var listSizes = ["sm", "md", "lg"];
-var scrollLeft = keyframes$1`
+var scrollLeft = keyframes`
   from { transform: translateX(0); }
   to   { transform: translateX(-50%); }
 `;
-var scrollRight = keyframes$1`
+var scrollRight = keyframes`
   from { transform: translateX(-50%); }
   to   { transform: translateX(0); }
 `;
@@ -9182,8 +8641,8 @@ var Marquee = forwardRef(
 Marquee.displayName = "Marquee";
 var marqueeDirections = ["left", "right"];
 var marqueeSpeeds = ["slow", "normal", "fast"];
-var fadeIn3 = keyframes`from { opacity: 0; } to { opacity: 1; }`;
-var slideUp = keyframes`from { opacity: 0; transform: translateY(1rem) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); }`;
+var fadeIn3 = keyframes$1`from { opacity: 0; } to { opacity: 1; }`;
+var slideUp = keyframes$1`from { opacity: 0; transform: translateY(1rem) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); }`;
 var SIZE_MAP2 = {
   sm: "24rem",
   md: "32rem",
@@ -9321,22 +8780,7 @@ function Modal({
         children: [
           (title || !hideCloseButton) && /* @__PURE__ */ jsxs(Header, { children: [
             title ? /* @__PURE__ */ jsx(Title5, { id: "modal-title", children: title }) : /* @__PURE__ */ jsx("span", {}),
-            !hideCloseButton && /* @__PURE__ */ jsx(CloseButton2, { "aria-label": "Zamknij", onClick: onClose, children: /* @__PURE__ */ jsxs(
-              "svg",
-              {
-                width: "16",
-                height: "16",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: 2,
-                strokeLinecap: "round",
-                children: [
-                  /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                  /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-                ]
-              }
-            ) })
+            !hideCloseButton && /* @__PURE__ */ jsx(CloseButton2, { "aria-label": "Zamknij", onClick: onClose, children: /* @__PURE__ */ jsx(CloseIcon, { "aria-hidden": true, style: { fontSize: 16 } }) })
           ] }),
           children && /* @__PURE__ */ jsx(Body, { children }),
           footer && /* @__PURE__ */ jsx(Footer3, { children: footer })
@@ -10205,16 +9649,7 @@ var Connector = styled("div")(({ theme }) => ({
   }
 }));
 function ArrowIcon() {
-  return /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M5 12h14M13 6l6 6-6 6",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
+  return /* @__PURE__ */ jsx(ArrowForwardIcon, { "aria-hidden": "true", style: { fontSize: 24 } });
 }
 function ProcessSection({ title, description, steps, ...props }) {
   return /* @__PURE__ */ jsx(Section3, { ...props, children: /* @__PURE__ */ jsxs(Inner2, { children: [
@@ -10359,11 +9794,11 @@ var TestimonialsSection = forwardRef(
 );
 TestimonialsSection.displayName = "TestimonialsSection";
 var testimonialsSectionColumns = [1, 2, 3];
-var fadeIn4 = keyframes`
+var fadeIn4 = keyframes$1`
   from { opacity: 0; }
   to   { opacity: 1; }
 `;
-var slideDown = keyframes`
+var slideDown = keyframes$1`
   from { opacity: 0; transform: translateY(-8px) scale(0.98); }
   to   { opacity: 1; transform: translateY(0) scale(1); }
 `;
@@ -10398,7 +9833,7 @@ var SearchRow = styled("div")(({ theme }) => ({
   borderBottom: `1px solid ${theme.palette.divider}`,
   flexShrink: 0
 }));
-var SearchIcon2 = styled("div")(({ theme }) => ({
+var SearchIconWrap = styled("div")(({ theme }) => ({
   flexShrink: 0,
   color: theme.palette.text.secondary,
   display: "flex"
@@ -10614,23 +10049,7 @@ function CommandPalette({
             "aria-describedby": `${id}-hint`,
             children: [
               /* @__PURE__ */ jsxs(SearchRow, { children: [
-                /* @__PURE__ */ jsx(SearchIcon2, { "aria-hidden": "true", children: /* @__PURE__ */ jsxs(
-                  "svg",
-                  {
-                    width: "18",
-                    height: "18",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    children: [
-                      /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
-                      /* @__PURE__ */ jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
-                    ]
-                  }
-                ) }),
+                /* @__PURE__ */ jsx(SearchIconWrap, { "aria-hidden": "true", children: /* @__PURE__ */ jsx(SearchMuiIcon, { style: { fontSize: 18 } }) }),
                 /* @__PURE__ */ jsx(
                   SearchInput3,
                   {
@@ -10721,7 +10140,7 @@ var DEFAULT_CATEGORIES = [
     defaultEnabled: false
   }
 ];
-var slideUp2 = keyframes`
+var slideUp2 = keyframes$1`
   from { opacity: 0; transform: translateY(100%); }
   to   { opacity: 1; transform: translateY(0); }
 `;
@@ -11243,69 +10662,7 @@ var MobileNavLink = styled("a", {
   }
 }));
 function HamburgerIcon({ open }) {
-  return /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: open ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "line",
-      {
-        x1: "4",
-        y1: "4",
-        x2: "20",
-        y2: "20",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "line",
-      {
-        x1: "20",
-        y1: "4",
-        x2: "4",
-        y2: "20",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round"
-      }
-    )
-  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "line",
-      {
-        x1: "4",
-        y1: "7",
-        x2: "20",
-        y2: "7",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "line",
-      {
-        x1: "4",
-        y1: "12",
-        x2: "20",
-        y2: "12",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "line",
-      {
-        x1: "4",
-        y1: "17",
-        x2: "20",
-        y2: "17",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round"
-      }
-    )
-  ] }) });
+  return open ? /* @__PURE__ */ jsx(CloseIcon, { "aria-hidden": "true", style: { fontSize: 24 } }) : /* @__PURE__ */ jsx(MenuIcon, { "aria-hidden": "true", style: { fontSize: 24 } });
 }
 function Navbar({
   logo,