@szymonpiatek/designsystem 0.0.5 → 0.0.6

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var react = require('react');
 var styles = require('@mui/material/styles');
 var CircularProgress = require('@mui/material/CircularProgress');
 var jsxRuntime = require('react/jsx-runtime');
@@ -21,7 +21,7 @@ var ChevronLeftIcon = require('@mui/icons-material/ChevronLeft');
 var ChevronRightIcon = require('@mui/icons-material/ChevronRight');
 var KeyboardArrowUpIcon = require('@mui/icons-material/KeyboardArrowUp');
 var KeyboardArrowDownIcon = require('@mui/icons-material/KeyboardArrowDown');
-var react = require('@emotion/react');
+var react$1 = require('@emotion/react');
 var ArticleIcon = require('@mui/icons-material/Article');
 var CheckCircleOutlinedIcon = require('@mui/icons-material/CheckCircleOutlined');
 var HighlightOffIcon = require('@mui/icons-material/HighlightOff');
@@ -31,30 +31,9 @@ var KeyboardDoubleArrowRightIcon = require('@mui/icons-material/KeyboardDoubleAr
 var ArrowForwardIcon = require('@mui/icons-material/ArrowForward');
 var MenuIcon = require('@mui/icons-material/Menu');
 var CssBaseline = require('@mui/material/CssBaseline');
-var navigation = require('next/navigation');
-var createCache = require('@emotion/cache');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var CircularProgress__default = /*#__PURE__*/_interopDefault(CircularProgress);
 var ExpandMoreIcon__default = /*#__PURE__*/_interopDefault(ExpandMoreIcon);
 var FileUploadIcon__default = /*#__PURE__*/_interopDefault(FileUploadIcon);
@@ -80,7 +59,6 @@ var KeyboardDoubleArrowRightIcon__default = /*#__PURE__*/_interopDefault(Keyboar
 var ArrowForwardIcon__default = /*#__PURE__*/_interopDefault(ArrowForwardIcon);
 var MenuIcon__default = /*#__PURE__*/_interopDefault(MenuIcon);
 var CssBaseline__default = /*#__PURE__*/_interopDefault(CssBaseline);
-var createCache__default = /*#__PURE__*/_interopDefault(createCache);
 
 // src/components/atoms/buttons/Button/Button.tsx
 var sizeMap = {
@@ -153,7 +131,7 @@ var IconSlot = styles.styled("span")({
 var Spinner = styles.styled("span")({
   display: "inline-flex"
 });
-var Button = React.forwardRef(
+var Button = react.forwardRef(
   ({
     variant = "primary",
     size = "md",
@@ -297,7 +275,7 @@ var Adornment = styles.styled("span")(({ theme }) => ({
   color: theme.palette.text.secondary,
   flexShrink: 0
 }));
-var BaseInput = React.forwardRef(
+var BaseInput = react.forwardRef(
   ({
     label,
     helperText,
@@ -310,7 +288,7 @@ var BaseInput = React.forwardRef(
     id,
     ...rest
   }, ref) => {
-    const autoId = React.useId();
+    const autoId = react.useId();
     const inputId = id ?? autoId;
     return /* @__PURE__ */ jsxRuntime.jsxs(Root, { $fullWidth: fullWidth, children: [
       label && /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: inputId, error, size, children: label }),
@@ -421,7 +399,7 @@ var Root2 = styles.styled("span")(({ $disabled }) => ({
   flexDirection: "column",
   cursor: $disabled ? "not-allowed" : "pointer"
 }));
-var CheckboxInput = React.forwardRef(
+var CheckboxInput = react.forwardRef(
   ({
     label,
     helperText,
@@ -432,10 +410,10 @@ var CheckboxInput = React.forwardRef(
     id,
     ...rest
   }, ref) => {
-    const autoId = React.useId();
+    const autoId = react.useId();
     const inputId = id ?? autoId;
-    const innerRef = React.useRef(null);
-    React.useEffect(() => {
+    const innerRef = react.useRef(null);
+    react.useEffect(() => {
       if (innerRef.current) {
         innerRef.current.indeterminate = indeterminate;
       }
@@ -865,7 +843,7 @@ var FileActionBtn = styles.styled("button")(({
     "&:disabled": { opacity: 0.5, cursor: "not-allowed" }
   };
 });
-var FileInput = React.forwardRef(
+var FileInput = react.forwardRef(
   ({
     label,
     helperText,
@@ -893,11 +871,11 @@ var FileInput = React.forwardRef(
     onChange,
     ...rest
   }, ref) => {
-    const autoId = React.useId();
+    const autoId = react.useId();
     const inputId = id ?? autoId;
-    const innerRef = React.useRef(null);
-    const [files, setFiles] = React.useState([]);
-    const [isDragging, setIsDragging] = React.useState(false);
+    const innerRef = react.useRef(null);
+    const [files, setFiles] = react.useState([]);
+    const [isDragging, setIsDragging] = react.useState(false);
     const assignRef = (node) => {
       innerRef.current = node;
       if (typeof ref === "function") ref(node);
@@ -1154,7 +1132,7 @@ var filterEmailString = (value) => {
   const domain = value.slice(atIdx + 1).replace(/@/g, "").replace(/[^a-zA-Z0-9.-]/g, "");
   return `${local}@${domain}`;
 };
-var EmailInput = React.forwardRef(
+var EmailInput = react.forwardRef(
   ({ onKeyDown, onPaste, ...props }, ref) => {
     const handleKeyDown = (e) => {
       onKeyDown?.(e);
@@ -1296,13 +1274,13 @@ var BaseSelectInput = ({
   id
 }) => {
   const checkSelected = isSelected ?? ((option) => option.value === value);
-  const autoId = React.useId();
+  const autoId = react.useId();
   const inputId = id ?? autoId;
   const listboxId = `${inputId}-listbox`;
-  const [internalOpen, setInternalOpen] = React.useState(false);
+  const [internalOpen, setInternalOpen] = react.useState(false);
   const isOpen = controlledOpen ?? internalOpen;
-  const rootRef = React.useRef(null);
-  const close = React.useCallback(() => {
+  const rootRef = react.useRef(null);
+  const close = react.useCallback(() => {
     setInternalOpen(false);
     onOpenChange?.(false);
   }, [onOpenChange]);
@@ -1316,7 +1294,7 @@ var BaseSelectInput = ({
       onSelect?.(option, close);
     }
   };
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (!isOpen) return;
     const handleMouseDown = (e) => {
       if (rootRef.current && !rootRef.current.contains(e.target)) {
@@ -1370,7 +1348,7 @@ var BaseSelectInput = ({
   ] });
 };
 BaseSelectInput.displayName = "BaseSelectInput";
-var NumberInput = React.forwardRef(
+var NumberInput = react.forwardRef(
   (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(BaseInput, { ref, type: "number", ...props })
 );
 NumberInput.displayName = "NumberInput";
@@ -1474,9 +1452,9 @@ var ToggleButton = styles.styled("button")(({ theme }) => ({
 }));
 var EyeIcon = () => /* @__PURE__ */ jsxRuntime.jsx(VisibilityIcon__default.default, { "aria-hidden": true, sx: { fontSize: "1em" } });
 var EyeOffIcon = () => /* @__PURE__ */ jsxRuntime.jsx(VisibilityOffIcon__default.default, { "aria-hidden": true, sx: { fontSize: "1em" } });
-var PasswordInput = React.forwardRef(
+var PasswordInput = react.forwardRef(
   ({ disabled, showPasswordLabel = "Poka\u017C has\u0142o", hidePasswordLabel = "Ukryj has\u0142o", ...props }, ref) => {
-    const [show, setShow] = React.useState(false);
+    const [show, setShow] = react.useState(false);
     return /* @__PURE__ */ jsxRuntime.jsx(
       BaseInput,
       {
@@ -1516,10 +1494,10 @@ var ClearButton = styles.styled("button")(({ theme }) => ({
 }));
 var SearchIcon = () => /* @__PURE__ */ jsxRuntime.jsx(SearchMuiIcon__default.default, { "aria-hidden": true, sx: { fontSize: "1em" } });
 var XIcon2 = () => /* @__PURE__ */ jsxRuntime.jsx(CloseIcon__default.default, { "aria-hidden": true, sx: { fontSize: "1em" } });
-var SearchInput = React.forwardRef(
+var SearchInput = react.forwardRef(
   ({ value, onChange, onClear, clearAriaLabel = "Wyczy\u015B\u0107", ...props }, forwardedRef) => {
-    const innerRef = React.useRef(null);
-    const attachRef = React.useCallback(
+    const innerRef = react.useRef(null);
+    const attachRef = react.useCallback(
       (el) => {
         innerRef.current = el;
         if (typeof forwardedRef === "function") forwardedRef(el);
@@ -1529,7 +1507,7 @@ var SearchInput = React.forwardRef(
       [forwardedRef]
     );
     const isControlled = value !== void 0;
-    const [localValue, setLocalValue] = React.useState("");
+    const [localValue, setLocalValue] = react.useState("");
     const hasValue = isControlled ? !!value : !!localValue;
     const handleChange = (e) => {
       if (!isControlled) setLocalValue(e.target.value);
@@ -1635,7 +1613,7 @@ var StyledTextarea = styles.styled("textarea")(({ theme, $size, $fullWidth, $err
     color: theme.palette.text.disabled
   }
 }));
-var TextareaInput = React.forwardRef(
+var TextareaInput = react.forwardRef(
   ({
     label,
     helperText,
@@ -1647,7 +1625,7 @@ var TextareaInput = React.forwardRef(
     id,
     ...rest
   }, ref) => {
-    const autoId = React.useId();
+    const autoId = react.useId();
     const inputId = id ?? autoId;
     return /* @__PURE__ */ jsxRuntime.jsxs(Root5, { $fullWidth: fullWidth, children: [
       label && /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: inputId, error, size, children: label }),
@@ -3425,7 +3403,7 @@ var EmptyMessage = styles.styled("p")(({ theme }) => ({
   fontSize: "0.875rem",
   color: theme.palette.text.secondary
 }));
-var PhoneInput = React.forwardRef(
+var PhoneInput = react.forwardRef(
   ({
     value,
     defaultValue = "",
@@ -3447,30 +3425,30 @@ var PhoneInput = React.forwardRef(
     countrySearchAriaLabel = "Szukaj kraju",
     digitsLabel = "cyfr"
   }, ref) => {
-    const autoId = React.useId();
+    const autoId = react.useId();
     const inputId = id ?? autoId;
     const listboxId = `${inputId}-listbox`;
-    const initialCountry = React.useMemo(
+    const initialCountry = react.useMemo(
       () => COUNTRIES.find((c) => c.flagCode === defaultCountry) ?? DEFAULT_COUNTRY,
       [defaultCountry]
     );
-    const [selectedCountry, setSelectedCountry] = React.useState(initialCountry);
-    const [isOpen, setIsOpen] = React.useState(false);
-    const [searchQuery, setSearchQuery] = React.useState("");
-    const [focused, setFocused] = React.useState(false);
+    const [selectedCountry, setSelectedCountry] = react.useState(initialCountry);
+    const [isOpen, setIsOpen] = react.useState(false);
+    const [searchQuery, setSearchQuery] = react.useState("");
+    const [focused, setFocused] = react.useState(false);
     const isControlled = value !== void 0;
-    const [internalValue, setInternalValue] = React.useState(defaultValue);
+    const [internalValue, setInternalValue] = react.useState(defaultValue);
     const phoneValue = isControlled ? value : internalValue;
-    const rootRef = React.useRef(null);
-    const searchRef = React.useRef(null);
-    const filteredCountries = React.useMemo(() => {
+    const rootRef = react.useRef(null);
+    const searchRef = react.useRef(null);
+    const filteredCountries = react.useMemo(() => {
       const q = searchQuery.toLowerCase().trim();
       if (!q) return COUNTRIES;
       return COUNTRIES.filter(
         (c) => c.country.toLowerCase().includes(q) || c.flagCode.toLowerCase().includes(q) || c.dialCode.includes(q)
       );
     }, [searchQuery]);
-    const close = React.useCallback(() => {
+    const close = react.useCallback(() => {
       setIsOpen(false);
       setSearchQuery("");
     }, []);
@@ -3502,7 +3480,7 @@ var PhoneInput = React.forwardRef(
       if (e.ctrlKey || e.metaKey || e.altKey || e.key.length > 1) return;
       if (!/^\d$/.test(e.key)) e.preventDefault();
     };
-    React.useEffect(() => {
+    react.useEffect(() => {
       if (!isOpen) return;
       const handler = (e) => {
         if (rootRef.current && !rootRef.current.contains(e.target)) close();
@@ -3606,7 +3584,7 @@ var PhoneInput = React.forwardRef(
   }
 );
 PhoneInput.displayName = "PhoneInput";
-var TextInput = React.forwardRef(
+var TextInput = react.forwardRef(
   ({ type = "text", ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(BaseInput, { ref, type, ...rest })
 );
 TextInput.displayName = "TextInput";
@@ -3697,7 +3675,7 @@ var LabelText2 = styles.styled("span")(
     fontFamily: theme.typography.fontFamily
   })
 );
-var SwitchInput = React.forwardRef(
+var SwitchInput = react.forwardRef(
   ({
     label,
     helperText,
@@ -3709,7 +3687,7 @@ var SwitchInput = React.forwardRef(
     id,
     ...rest
   }, ref) => {
-    const autoId = React.useId();
+    const autoId = react.useId();
     const inputId = id ?? autoId;
     return /* @__PURE__ */ jsxRuntime.jsxs(Root7, { $disabled: disabled, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(Row2, { htmlFor: inputId, $placement: labelPlacement, children: [
@@ -3813,7 +3791,7 @@ function pct(value, min, max) {
 function clamp(v, min, max) {
   return Math.min(max, Math.max(min, v));
 }
-var RangeSlider = React.forwardRef(
+var RangeSlider = react.forwardRef(
   ({
     min = 0,
     max = 100,
@@ -3830,9 +3808,9 @@ var RangeSlider = React.forwardRef(
     id,
     ...props
   }, ref) => {
-    const autoId = React.useId();
+    const autoId = react.useId();
     const inputId = id ?? autoId;
-    const getInitial = React.useCallback(() => {
+    const getInitial = react.useCallback(() => {
       if (range) {
         const dv2 = defaultValue ?? controlledValue;
         return dv2 ?? [min, max];
@@ -3840,7 +3818,7 @@ var RangeSlider = React.forwardRef(
       const dv = defaultValue ?? controlledValue;
       return [dv ?? min, max];
     }, [range, defaultValue, controlledValue, min, max]);
-    const [internal, setInternal] = React.useState(getInitial);
+    const [internal, setInternal] = react.useState(getInitial);
     const [lo, hi] = controlledValue !== void 0 ? range ? controlledValue : [controlledValue, max] : internal;
     const emit = (next) => {
       setInternal(next);
@@ -4234,7 +4212,7 @@ function IconChevronDown() {
 function IconX() {
   return /* @__PURE__ */ jsxRuntime.jsx(CloseIcon__default.default, { "aria-hidden": "true", style: { fontSize: 14 } });
 }
-var DateTimePicker = React.forwardRef(
+var DateTimePicker = react.forwardRef(
   ({
     value,
     defaultValue,
@@ -4251,26 +4229,26 @@ var DateTimePicker = React.forwardRef(
     max,
     id
   }, ref) => {
-    const autoId = React.useId();
+    const autoId = react.useId();
     const inputId = id ?? autoId;
-    const rootRef = React.useRef(null);
+    const rootRef = react.useRef(null);
     const isControlled = value !== void 0;
-    const [internalDate, setInternalDate] = React.useState(defaultValue ?? null);
+    const [internalDate, setInternalDate] = react.useState(defaultValue ?? null);
     const selectedDate = isControlled ? value ?? null : internalDate;
-    const [open, setOpen] = React.useState(false);
+    const [open, setOpen] = react.useState(false);
     const today = /* @__PURE__ */ new Date();
-    const [viewYear, setViewYear] = React.useState(selectedDate?.getFullYear() ?? today.getFullYear());
-    const [viewMonth, setViewMonth] = React.useState(selectedDate?.getMonth() ?? today.getMonth());
-    const [hours, setHours] = React.useState(selectedDate?.getHours() ?? 12);
-    const [minutes, setMinutes] = React.useState(selectedDate?.getMinutes() ?? 0);
-    const [hourInput, setHourInput] = React.useState(
+    const [viewYear, setViewYear] = react.useState(selectedDate?.getFullYear() ?? today.getFullYear());
+    const [viewMonth, setViewMonth] = react.useState(selectedDate?.getMonth() ?? today.getMonth());
+    const [hours, setHours] = react.useState(selectedDate?.getHours() ?? 12);
+    const [minutes, setMinutes] = react.useState(selectedDate?.getMinutes() ?? 0);
+    const [hourInput, setHourInput] = react.useState(
       String(selectedDate?.getHours() ?? 12).padStart(2, "0")
     );
-    const [minInput, setMinInput] = React.useState(
+    const [minInput, setMinInput] = react.useState(
       String(selectedDate?.getMinutes() ?? 0).padStart(2, "0")
     );
-    const [draftDate, setDraftDate] = React.useState(null);
-    const calendarDays = React.useMemo(
+    const [draftDate, setDraftDate] = react.useState(null);
+    const calendarDays = react.useMemo(
       () => buildCalendarDays(viewYear, viewMonth),
       [viewYear, viewMonth]
     );
@@ -4289,7 +4267,7 @@ var DateTimePicker = React.forwardRef(
       }
       setOpen(true);
     };
-    const commit = React.useCallback(
+    const commit = react.useCallback(
       (d) => {
         if (!isControlled) setInternalDate(d);
         onChange?.(d);
@@ -4364,7 +4342,7 @@ var DateTimePicker = React.forwardRef(
       setMinutes(val);
       setMinInput(String(val).padStart(2, "0"));
     };
-    React.useEffect(() => {
+    react.useEffect(() => {
       if (!open) return;
       const handler = (e) => {
         if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
@@ -4372,7 +4350,7 @@ var DateTimePicker = React.forwardRef(
       document.addEventListener("mousedown", handler);
       return () => document.removeEventListener("mousedown", handler);
     }, [open]);
-    React.useEffect(() => {
+    react.useEffect(() => {
       if (!open) return;
       const handler = (e) => {
         if (e.key === "Escape") setOpen(false);
@@ -4701,7 +4679,7 @@ var StyledCard = styles.styled("div", {
   borderRadius: roundedMap[$rounded],
   ...getVariantStyles($variant, theme)
 }));
-var Card = React.forwardRef(
+var Card = react.forwardRef(
   ({ variant = "default", padding = "md", rounded = "lg", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(StyledCard, { ref, $variant: variant, $padding: padding, $rounded: rounded, ...props })
 );
 Card.displayName = "Card";
@@ -4890,7 +4868,7 @@ function SectionHeading({
   ] });
 }
 var sectionHeadingAligns = ["center", "left", "right"];
-var shimmer = react.keyframes`
+var shimmer = react$1.keyframes`
   0%   { background-position: -200% 0; }
   100% { background-position:  200% 0; }
 `;
@@ -4948,10 +4926,10 @@ var SIZE_MAP = {
   lg: "2rem",
   xl: "3rem"
 };
-var spin = react.keyframes`to { transform: rotate(360deg); }`;
-var fade = react.keyframes`0%,100%{opacity:.15} 50%{opacity:1}`;
-var scalePulse = react.keyframes`0%,100%{transform:scale(0.6);opacity:.4} 50%{transform:scale(1);opacity:1}`;
-var barAnim = react.keyframes`0%,100%{transform:scaleY(.4);opacity:.5} 50%{transform:scaleY(1);opacity:1}`;
+var spin = react$1.keyframes`to { transform: rotate(360deg); }`;
+var fade = react$1.keyframes`0%,100%{opacity:.15} 50%{opacity:1}`;
+var scalePulse = react$1.keyframes`0%,100%{transform:scale(0.6);opacity:.4} 50%{transform:scale(1);opacity:1}`;
+var barAnim = react$1.keyframes`0%,100%{transform:scaleY(.4);opacity:.5} 50%{transform:scaleY(1);opacity:1}`;
 var Root10 = styles.styled("span", {
   shouldForwardProp: (p) => !["$size", "$color"].includes(p)
 })(({ theme, $size, $color }) => {
@@ -5052,7 +5030,7 @@ var HEIGHT_MAP = {
   md: "0.75rem",
   lg: "1.25rem"
 };
-var stripeAnim = react.keyframes`from{background-position:1rem 0}to{background-position:0 0}`;
+var stripeAnim = react$1.keyframes`from{background-position:1rem 0}to{background-position:0 0}`;
 function getFillColor(variant, theme) {
   switch (variant) {
     case "success":
@@ -5210,7 +5188,7 @@ function ProgressCircle({
   children,
   ...props
 }) {
-  const gradientId = React.useId().replace(/:/g, "");
+  const gradientId = react.useId().replace(/:/g, "");
   const px = PX_MAP[size];
   const stroke = thickness ?? Math.max(3, px * 0.09);
   const r = (px - stroke) / 2;
@@ -5343,7 +5321,7 @@ var StyledBox = styles.styled("div")(
     return css;
   }
 );
-var Box2 = React.forwardRef(
+var Box2 = react.forwardRef(
   ({ direction = "row", wrap = "nowrap", gap = 0, cols, rows, children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     StyledBox,
     {
@@ -5380,7 +5358,7 @@ var StyledContainer = styles.styled("div")(({ theme, $maxWidth }) => ({
     paddingRight: "2rem"
   }
 }));
-var Container = React.forwardRef(
+var Container = react.forwardRef(
   ({ maxWidth = "xl", children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(StyledContainer, { ref, $maxWidth: maxWidth, ...rest, children })
 );
 Container.displayName = "Container";
@@ -5392,8 +5370,11 @@ var StyledSection = styles.styled("section")(({ theme }) => ({
     paddingBottom: "3rem"
   }
 }));
-var Section = React.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(StyledSection, { ref, ...rest, children }));
+var Section = react.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(StyledSection, { ref, ...rest, children }));
 Section.displayName = "Section";
+var StyledMain = styles.styled("main")({});
+var Main = react.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(StyledMain, { ref, ...rest, children }));
+Main.displayName = "Main";
 var getTypographyStyles = (theme) => ({
   fontFamily: theme.typography.fontFamily,
   "& h1": { fontSize: "2.25rem", fontWeight: 500, letterSpacing: "-0.025em" },
@@ -5549,16 +5530,11 @@ var getHeaderSpacingStyles = () => ({
 var spacingStyles = {
   "& > * + *": { marginTop: "1.5rem" }
 };
-var StyledMain = styles.styled("main")(({ theme }) => ({
-  ...getTypographyStyles(theme)
-}));
-var Main = React.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(StyledMain, { ref, ...rest, children }));
-Main.displayName = "Main";
 var StyledProse = styles.styled("div")(({ theme }) => ({
   ...getTypographyStyles(theme),
   ...spacingStyles
 }));
-var Prose = React.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(StyledProse, { ref, ...rest, children }));
+var Prose = react.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(StyledProse, { ref, ...rest, children }));
 Prose.displayName = "Prose";
 var StyledArticle = styles.styled("article")(({ theme }) => ({
   maxWidth: "56rem",
@@ -5568,7 +5544,7 @@ var StyledArticle = styles.styled("article")(({ theme }) => ({
   ...getHeaderSpacingStyles(),
   ...spacingStyles
 }));
-var Article = React.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(StyledArticle, { ref, ...rest, children }));
+var Article = react.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(StyledArticle, { ref, ...rest, children }));
 Article.displayName = "Article";
 var sizeMap4 = {
   sm: "1rem",
@@ -5606,7 +5582,7 @@ var Meta = styles.styled("span")(({ theme }) => ({
   fontSize: "0.875rem",
   color: theme.palette.text.secondary
 }));
-var Rating = React.forwardRef(
+var Rating = react.forwardRef(
   ({ value, max = 5, readonly = true, size = "md", label, count, onChange, ...props }, ref) => {
     const roundedValue = Math.round(value);
     const meta = label ?? (count !== void 0 ? `(${count})` : void 0);
@@ -5662,7 +5638,7 @@ var Root13 = styles.styled("div")({
     objectFit: "cover"
   }
 });
-var AspectRatio = React.forwardRef(
+var AspectRatio = react.forwardRef(
   ({ ratio = "16/9", children, style, ...props }, ref) => {
     const numericRatio = typeof ratio === "string" ? PRESET_MAP[ratio] ?? 16 / 9 : ratio;
     const paddingBottom = `${1 / numericRatio * 100}%`;
@@ -5744,7 +5720,7 @@ function formatPrice(amount, currency, locale) {
 function calcDiscount(price, original) {
   return Math.round((1 - price / original) * 100);
 }
-var Price = React.forwardRef(
+var Price = react.forwardRef(
   ({
     price,
     originalPrice,
@@ -5836,7 +5812,7 @@ var Footer = styles.styled("div")({
   marginTop: "auto",
   paddingTop: "1rem"
 });
-var ProductCard = React.forwardRef(
+var ProductCard = react.forwardRef(
   ({
     name,
     imageUrl,
@@ -5917,7 +5893,7 @@ var PostCardImage = ({
   className,
   style
 }) => {
-  const [imgError, setImgError] = React.useState(false);
+  const [imgError, setImgError] = react.useState(false);
   const showPlaceholder = !src || imgError;
   return /* @__PURE__ */ jsxRuntime.jsxs(ImageWrapper, { $ar: toAspectRatioCss(aspectRatio), className, style, children: [
     showPlaceholder ? /* @__PURE__ */ jsxRuntime.jsx(Placeholder2, { children: /* @__PURE__ */ jsxRuntime.jsx(FileTextIcon, {}) }) : /* @__PURE__ */ jsxRuntime.jsx(Img, { src, alt, onError: () => setImgError(true) }),
@@ -6080,7 +6056,7 @@ var FeaturedImageWrapper = styles.styled("div")({
     aspectRatio: "auto"
   }
 });
-var PostCard = React.forwardRef(
+var PostCard = react.forwardRef(
   ({
     title,
     excerpt,
@@ -6231,7 +6207,7 @@ function CheckIcon3() {
 function XIcon3() {
   return /* @__PURE__ */ jsxRuntime.jsx(HighlightOffIcon__default.default, { "aria-hidden": "true", style: { fontSize: 16, flexShrink: 0 } });
 }
-var PricingCard = React.forwardRef(
+var PricingCard = react.forwardRef(
   ({
     name,
     price,
@@ -6305,7 +6281,7 @@ var Description3 = styles.styled("p")(({ theme }) => ({
   color: theme.palette.text.secondary,
   lineHeight: 1.5
 }));
-var StatCard = React.forwardRef(
+var StatCard = react.forwardRef(
   ({ stat, cardVariant = "default", align = "center", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(Root17, { ref, variant: cardVariant, padding: "lg", rounded: "lg", $align: align, ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Value, { children: stat.value }),
     /* @__PURE__ */ jsxRuntime.jsx(Label3, { children: stat.label }),
@@ -6367,7 +6343,7 @@ var AuthorRole = styles.styled("p")(({ theme }) => ({
   fontSize: "0.8125rem",
   color: theme.palette.text.secondary
 }));
-var TestimonialCard = React.forwardRef(
+var TestimonialCard = react.forwardRef(
   ({ testimonial, cardVariant = "default", ...props }, ref) => {
     const initials = testimonial.authorInitials ?? testimonial.authorName.split(" ").filter(Boolean).slice(0, 2).map((p) => p[0]).join("").toUpperCase();
     return /* @__PURE__ */ jsxRuntime.jsxs(Root18, { ref, variant: cardVariant, padding: "lg", rounded: "lg", ...props, children: [
@@ -6427,7 +6403,7 @@ function getInitials(member) {
   }
   return member.name.split(" ").filter(Boolean).slice(0, 2).map((part) => part[0]).join("").toUpperCase();
 }
-var TeamMemberCard = React.forwardRef(
+var TeamMemberCard = react.forwardRef(
   ({ member, cardVariant = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(Root19, { ref, variant: cardVariant, padding: "lg", rounded: "lg", ...props, children: [
     member.avatarUrl ? /* @__PURE__ */ jsxRuntime.jsx(AvatarImage2, { src: member.avatarUrl, alt: member.avatarAlt ?? member.name }) : /* @__PURE__ */ jsxRuntime.jsx(Avatar, { initials: getInitials(member), size: "xl", color: member.avatarColor ?? "primary" }),
     /* @__PURE__ */ jsxRuntime.jsxs(Content, { children: [
@@ -6746,7 +6722,7 @@ function CouponInput({
   successMessage,
   className
 }) {
-  const id = React.useId();
+  const id = react.useId();
   const errorId = `${id}-error`;
   const successId = `${id}-success`;
   const isDisabled = disabled || loading;
@@ -6834,9 +6810,9 @@ var ThumbnailButton = styles.styled("button")(({ theme, $active }) => ({
 var ThumbnailImage = styles.styled("img")({
   objectFit: "cover"
 });
-var ProductGallery = React.forwardRef(
+var ProductGallery = react.forwardRef(
   ({ images, selectedIndex, onSelect, ...props }, ref) => {
-    const [internalIndex, setInternalIndex] = React.useState(0);
+    const [internalIndex, setInternalIndex] = react.useState(0);
     const activeIndex = selectedIndex ?? internalIndex;
     const activeImage = images[activeIndex] ?? images[0];
     const handleSelect = (index) => {
@@ -6883,7 +6859,7 @@ var Link = styles.styled("a")(({ theme }) => ({
   textDecoration: "underline",
   textUnderlineOffset: "0.2em"
 }));
-var PromoStrip = React.forwardRef(
+var PromoStrip = react.forwardRef(
   ({ message, actionLabel, href, variant = "info", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(Root22, { ref, $variant: variant, ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: message }),
     actionLabel && href && /* @__PURE__ */ jsxRuntime.jsx(Link, { href, children: actionLabel })
@@ -6923,7 +6899,7 @@ var Value2 = styles.styled("span")(({ theme }) => ({
   borderRight: `1px solid ${theme.palette.divider}`,
   fontWeight: 600
 }));
-var QuantitySelector = React.forwardRef(
+var QuantitySelector = react.forwardRef(
   ({ value, min = 1, max = 99, step = 1, disabled = false, onChange, ...props }, ref) => {
     const decrease = Math.max(min, value - step);
     const increase = Math.min(max, value + step);
@@ -7011,7 +6987,7 @@ var Dot2 = styles.styled("span", {
     flexShrink: 0
   };
 });
-var StockStatus = React.forwardRef(
+var StockStatus = react.forwardRef(
   ({ status, count, label, showIcon = true, size = "md", ...props }, ref) => {
     const color = COLOR_MAP[status];
     const text = label ?? getDefaultLabel(status, count);
@@ -7074,9 +7050,9 @@ var PanelInner = styles.styled("p")(({ theme }) => ({
   fontSize: "0.9375rem",
   lineHeight: 1.7
 }));
-var FaqItem = React.forwardRef(
+var FaqItem = react.forwardRef(
   ({ item, defaultOpen = false, ...props }, ref) => {
-    const [open, setOpen] = React.useState(defaultOpen);
+    const [open, setOpen] = react.useState(defaultOpen);
     return /* @__PURE__ */ jsxRuntime.jsxs(Root25, { ref, ...props, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(Trigger2, { type: "button", "aria-expanded": open, onClick: () => setOpen((prev) => !prev), children: [
         item.question,
@@ -7132,7 +7108,7 @@ var Description4 = styles.styled("p")(({ theme }) => ({
   color: theme.palette.text.secondary,
   lineHeight: 1.6
 }));
-var FeatureItem2 = React.forwardRef(
+var FeatureItem2 = react.forwardRef(
   ({ feature, cardVariant = "default", layout = "card", ...props }, ref) => {
     if (layout === "icon-left") {
       return /* @__PURE__ */ jsxRuntime.jsxs(IconLeftRoot, { ref, ...props, children: [
@@ -7200,7 +7176,7 @@ var Description5 = styles.styled("p")(({ theme }) => ({
   lineHeight: 1.6,
   maxWidth: "18rem"
 }));
-var ProcessStep = React.forwardRef(
+var ProcessStep = react.forwardRef(
   ({ step, title, description, icon, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(Root26, { ref, ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(StepBadge, { "aria-hidden": "true", children: icon ? /* @__PURE__ */ jsxRuntime.jsx(IconWrapper2, { children: icon }) : /* @__PURE__ */ jsxRuntime.jsx(StepNumber, { children: step }) }),
     /* @__PURE__ */ jsxRuntime.jsx(Title3, { children: title }),
@@ -7284,7 +7260,7 @@ function renderLogo(logo, monochrome, logoHeight) {
     }
   );
 }
-var LogoTile = React.forwardRef(
+var LogoTile = react.forwardRef(
   ({ logo, variant = "plain", monochrome = true, logoHeight = 40, ...props }, ref) => {
     const content = renderLogo(logo, monochrome, logoHeight);
     if (logo.href) {
@@ -7441,7 +7417,7 @@ function TimelineItemComponent({
     ] })
   ] });
 }
-var Timeline = React.forwardRef(
+var Timeline = react.forwardRef(
   ({ items, variant = "default", align: _align = "left", ...props }, ref) => {
     const compact = variant === "compact";
     return /* @__PURE__ */ jsxRuntime.jsx(List, { ref, "aria-label": "O\u015B czasu", ...props, children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -7547,23 +7523,23 @@ function Carousel({
   loop = true,
   className
 }) {
-  const [index, setIndex] = React.useState(0);
-  const timerRef = React.useRef(null);
+  const [index, setIndex] = react.useState(0);
+  const timerRef = react.useRef(null);
   const count = slides.length;
-  const prev = React.useCallback(() => {
+  const prev = react.useCallback(() => {
     setIndex((i) => loop ? (i - 1 + count) % count : Math.max(0, i - 1));
   }, [count, loop]);
-  const next = React.useCallback(() => {
+  const next = react.useCallback(() => {
     setIndex((i) => loop ? (i + 1) % count : Math.min(count - 1, i + 1));
   }, [count, loop]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (!autoPlay) return;
     timerRef.current = setInterval(next, autoPlayInterval);
     return () => {
       if (timerRef.current) clearInterval(timerRef.current);
     };
   }, [autoPlay, autoPlayInterval, next]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     const handleKey = (e) => {
       if (e.key === "ArrowLeft") prev();
       if (e.key === "ArrowRight") next();
@@ -7684,8 +7660,8 @@ function VideoPlayer({
     }
   ) }) });
 }
-var fadeIn = react.keyframes`from { opacity: 0; } to { opacity: 1; }`;
-var zoomIn = react.keyframes`from { opacity: 0; transform: scale(0.92); } to { opacity: 1; transform: scale(1); }`;
+var fadeIn = react$1.keyframes`from { opacity: 0; } to { opacity: 1; }`;
+var zoomIn = react$1.keyframes`from { opacity: 0; transform: scale(0.92); } to { opacity: 1; transform: scale(1); }`;
 var Grid = styles.styled("div", {
   shouldForwardProp: (prop) => !["$columns", "$gap"].includes(prop)
 })(({ $columns, $gap }) => ({
@@ -7828,19 +7804,19 @@ var Counter = styles.styled("span")({
   pointerEvents: "none"
 });
 function Lightbox({ images, columns = 3, gap = 8, className }) {
-  const [activeIndex, setActiveIndex] = React.useState(null);
+  const [activeIndex, setActiveIndex] = react.useState(null);
   const isOpen = activeIndex !== null;
   const count = images.length;
-  const close = React.useCallback(() => setActiveIndex(null), []);
-  const prev = React.useCallback(
+  const close = react.useCallback(() => setActiveIndex(null), []);
+  const prev = react.useCallback(
     () => setActiveIndex((i) => i === null ? null : (i - 1 + count) % count),
     [count]
   );
-  const next = React.useCallback(
+  const next = react.useCallback(
     () => setActiveIndex((i) => i === null ? null : (i + 1) % count),
     [count]
   );
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (!isOpen) return;
     const handler = (e) => {
       if (e.key === "Escape") close();
@@ -7944,7 +7920,7 @@ var Current2 = styles.styled("span")(({ theme }) => ({
 var Separator2 = styles.styled("span")(({ theme }) => ({
   color: theme.palette.text.disabled
 }));
-var Breadcrumbs = React.forwardRef(
+var Breadcrumbs = react.forwardRef(
   ({ items, separator = "/", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Nav, { ref, "aria-label": "\u015Acie\u017Cka nawigacji", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(List2, { children: items.map((item, index) => {
     const isLast = index === items.length - 1;
     return /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
@@ -7998,7 +7974,7 @@ var StyledButton2 = styles.styled("button")(({ theme, $isActive, $size }) => ({
     pointerEvents: "none"
   }
 }));
-var PaginationButton = React.forwardRef(
+var PaginationButton = react.forwardRef(
   ({ onClick, isActive = false, disabled = false, size = "md", children, "aria-label": ariaLabel }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     StyledButton2,
     {
@@ -8222,7 +8198,7 @@ var PanelContent = styles.styled("div")(({ theme }) => ({
   fontSize: "0.9375rem",
   lineHeight: 1.7
 }));
-var Accordion = React.forwardRef(
+var Accordion = react.forwardRef(
   ({
     items,
     defaultOpenKeys = [],
@@ -8232,7 +8208,7 @@ var Accordion = React.forwardRef(
     variant = "default",
     ...props
   }, ref) => {
-    const [internalKeys, setInternalKeys] = React.useState(defaultOpenKeys);
+    const [internalKeys, setInternalKeys] = react.useState(defaultOpenKeys);
     const openKeys = controlledKeys ?? internalKeys;
     const toggle = (key, disabled) => {
       if (disabled) return;
@@ -8275,8 +8251,8 @@ var Accordion = React.forwardRef(
 );
 Accordion.displayName = "Accordion";
 var accordionVariants = ["default", "bordered", "separated"];
-var fadeIn2 = react.keyframes`from{opacity:0;transform:translateY(0.5rem)}to{opacity:1;transform:translateY(0)}`;
-var fadeOut = react.keyframes`from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0.5rem)}`;
+var fadeIn2 = react$1.keyframes`from{opacity:0;transform:translateY(0.5rem)}to{opacity:1;transform:translateY(0)}`;
+var fadeOut = react$1.keyframes`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" },
@@ -8336,9 +8312,9 @@ function BackToTop({
   label = "Wr\xF3\u0107 na g\xF3r\u0119",
   scrollTarget
 }) {
-  const [visible, setVisible] = React.useState(false);
-  const getTarget = React.useCallback(() => scrollTarget ? scrollTarget() : window, [scrollTarget]);
-  React.useEffect(() => {
+  const [visible, setVisible] = react.useState(false);
+  const getTarget = react.useCallback(() => scrollTarget ? scrollTarget() : window, [scrollTarget]);
+  react.useEffect(() => {
     const target = getTarget();
     const onScroll = () => {
       const scrollY = target instanceof Window ? target.scrollY : target.scrollTop;
@@ -8436,12 +8412,12 @@ function clampToViewport(x, y, el) {
     y: Math.min(y, window.innerHeight - h - MENU_MARGIN)
   };
 }
-var ContextMenu = React.forwardRef(
+var ContextMenu = react.forwardRef(
   ({ items, children, disabled = false, ...props }, ref) => {
-    const [pos, setPos] = React.useState(null);
-    const menuRef = React.useRef(null);
-    const close = React.useCallback(() => setPos(null), []);
-    const handleContextMenu = React.useCallback(
+    const [pos, setPos] = react.useState(null);
+    const menuRef = react.useRef(null);
+    const close = react.useCallback(() => setPos(null), []);
+    const handleContextMenu = react.useCallback(
       (e) => {
         if (disabled) return;
         e.preventDefault();
@@ -8449,7 +8425,7 @@ var ContextMenu = React.forwardRef(
       },
       [disabled]
     );
-    React.useEffect(() => {
+    react.useEffect(() => {
       if (!pos) return;
       if (menuRef.current) {
         const clamped = clampToViewport(pos.x, pos.y, menuRef.current);
@@ -8616,7 +8592,7 @@ var SuffixWrap = styles.styled("span")({
   display: "flex",
   alignItems: "center"
 });
-var List3 = React.forwardRef(
+var List3 = react.forwardRef(
   ({ items, size = "md", variant = "default", dividers = true, ...props }, ref) => {
     const effectiveVariant = !dividers && variant === "default" ? "default" : variant;
     return /* @__PURE__ */ jsxRuntime.jsx(Root29, { ref, $variant: effectiveVariant, role: "list", ...props, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -8682,7 +8658,7 @@ var ItemWrap = styles.styled("div", {
   flexShrink: 0,
   gap: $gap
 }));
-var Marquee = React.forwardRef(
+var Marquee = react.forwardRef(
   ({ children, direction = "left", speed = "normal", pauseOnHover = true, gap = "2rem", ...props }, ref) => {
     const gapValue = typeof gap === "number" ? `${gap}px` : gap;
     const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -8695,8 +8671,8 @@ var Marquee = React.forwardRef(
 Marquee.displayName = "Marquee";
 var marqueeDirections = ["left", "right"];
 var marqueeSpeeds = ["slow", "normal", "fast"];
-var fadeIn3 = react.keyframes`from { opacity: 0; } to { opacity: 1; }`;
-var slideUp = react.keyframes`from { opacity: 0; transform: translateY(1rem) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); }`;
+var fadeIn3 = react$1.keyframes`from { opacity: 0; } to { opacity: 1; }`;
+var slideUp = react$1.keyframes`from { opacity: 0; transform: translateY(1rem) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); }`;
 var SIZE_MAP2 = {
   sm: "24rem",
   md: "32rem",
@@ -8799,8 +8775,8 @@ function Modal({
   closeOnBackdrop = true,
   hideCloseButton = false
 }) {
-  const dialogRef = React.useRef(null);
-  React.useEffect(() => {
+  const dialogRef = react.useRef(null);
+  react.useEffect(() => {
     if (!open) return;
     const prev = document.body.style.overflow;
     document.body.style.overflow = "hidden";
@@ -8808,7 +8784,7 @@ function Modal({
       document.body.style.overflow = prev;
     };
   }, [open]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (!open) return;
     const handleKey = (e) => {
       if (e.key === "Escape") onClose();
@@ -8816,7 +8792,7 @@ function Modal({
     document.addEventListener("keydown", handleKey);
     return () => document.removeEventListener("keydown", handleKey);
   }, [open, onClose]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (open) dialogRef.current?.focus();
   }, [open]);
   if (!open) return null;
@@ -8916,9 +8892,9 @@ var Panel2 = styles.styled("div")(({ theme }) => ({
   fontFamily: theme.typography.fontFamily,
   color: theme.palette.text.primary
 }));
-var Tabs = React.forwardRef(
+var Tabs = react.forwardRef(
   ({ tabs, defaultActiveKey, activeKey: controlledKey, onChange, variant = "underline", ...props }, ref) => {
-    const [internalKey, setInternalKey] = React.useState(defaultActiveKey ?? tabs[0]?.key ?? "");
+    const [internalKey, setInternalKey] = react.useState(defaultActiveKey ?? tabs[0]?.key ?? "");
     const activeKey = controlledKey ?? internalKey;
     const handleSelect = (key) => {
       if (controlledKey === void 0) setInternalKey(key);
@@ -9053,7 +9029,7 @@ var Footer4 = styles.styled("div")(({ theme }) => ({
   padding: "1rem 1.25rem",
   borderTop: `1px solid ${theme.palette.divider}`
 }));
-var CartDrawer = React.forwardRef(
+var CartDrawer = react.forwardRef(
   ({
     open,
     title = "Koszyk",
@@ -9178,7 +9154,7 @@ function renderOptions(options, selected, onToggle) {
     option.count !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { children: option.count })
   ] }, option.value));
 }
-var FilterSidebar = React.forwardRef(
+var FilterSidebar = react.forwardRef(
   ({
     categories = [],
     colors = [],
@@ -9322,7 +9298,7 @@ var TotalRow = styles.styled(Row5)(({ theme }) => ({
   fontSize: "1rem",
   fontWeight: 800
 }));
-var OrderSummary = React.forwardRef(
+var OrderSummary = react.forwardRef(
   ({
     title = "Podsumowanie zam\xF3wienia",
     items = [],
@@ -9391,7 +9367,7 @@ OrderSummary.displayName = "OrderSummary";
 var List4 = styles.styled("div")(({ $hasHeading }) => ({
   marginTop: $hasHeading ? "2.5rem" : 0
 }));
-var FaqSection = React.forwardRef(
+var FaqSection = react.forwardRef(
   ({
     title = "Najcz\u0119\u015Bciej zadawane pytania",
     description,
@@ -9430,7 +9406,7 @@ var Grid2 = styles.styled("div", {
     gridTemplateColumns: `repeat(${$columns}, minmax(0, 1fr))`
   }
 }));
-var FeatureGrid = React.forwardRef(
+var FeatureGrid = react.forwardRef(
   ({
     title,
     description,
@@ -9474,7 +9450,7 @@ var Grid3 = styles.styled("div", {
     gridTemplateColumns: `repeat(${$columns}, minmax(0, 1fr))`
   }
 }));
-var LogoCloud = React.forwardRef(
+var LogoCloud = react.forwardRef(
   ({
     title = "Zaufali nam",
     description,
@@ -9575,7 +9551,7 @@ var SuccessMessage = styles.styled("p")(({ theme }) => ({
   fontFamily: theme.typography.fontFamily,
   textAlign: "center"
 }));
-var NewsletterSection = React.forwardRef(
+var NewsletterSection = react.forwardRef(
   ({
     title = "B\u0105d\u017A na bie\u017C\u0105co",
     description = "Zapisz si\u0119 do newslettera i otrzymuj najnowsze informacje prosto na swoj\u0105 skrzynk\u0119.",
@@ -9590,8 +9566,8 @@ var NewsletterSection = React.forwardRef(
     onSubmit,
     ...rest
   }, ref) => {
-    const [email, setEmail] = React.useState("");
-    const [submitted, setSubmitted] = React.useState(false);
+    const [email, setEmail] = react.useState("");
+    const [submitted, setSubmitted] = react.useState(false);
     const handleSubmit = (e) => {
       e.preventDefault();
       if (!email) return;
@@ -9708,7 +9684,7 @@ function ArrowIcon() {
 function ProcessSection({ title, description, steps, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Section3, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(Inner2, { children: [
     (title || description) && /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { title: title ?? "", description, align: "center" }),
-    /* @__PURE__ */ jsxRuntime.jsx(StepsRow, { children: steps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(StepsRow, { children: steps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(StepWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
         ProcessStep,
         {
@@ -9736,7 +9712,7 @@ var Grid5 = styles.styled("div", {
     gridTemplateColumns: `repeat(${$columns}, minmax(0, 1fr))`
   }
 }));
-var StatsSection = React.forwardRef(
+var StatsSection = react.forwardRef(
   ({
     title,
     description,
@@ -9779,7 +9755,7 @@ var Grid6 = styles.styled("div", {
     gridTemplateColumns: `repeat(${$columns}, minmax(0, 1fr))`
   }
 }));
-var TeamSection = React.forwardRef(
+var TeamSection = react.forwardRef(
   ({
     title = "Nasz zesp\xF3\u0142",
     description,
@@ -9821,7 +9797,7 @@ var Grid7 = styles.styled("div", {
     gridTemplateColumns: `repeat(${$columns}, minmax(0, 1fr))`
   }
 }));
-var TestimonialsSection = React.forwardRef(
+var TestimonialsSection = react.forwardRef(
   ({
     title = "Co m\xF3wi\u0105 nasi klienci",
     description,
@@ -9848,11 +9824,11 @@ var TestimonialsSection = React.forwardRef(
 );
 TestimonialsSection.displayName = "TestimonialsSection";
 var testimonialsSectionColumns = [1, 2, 3];
-var fadeIn4 = react.keyframes`
+var fadeIn4 = react$1.keyframes`
   from { opacity: 0; }
   to   { opacity: 1; }
 `;
-var slideDown = react.keyframes`
+var slideDown = react$1.keyframes`
   from { opacity: 0; transform: translateY(-8px) scale(0.98); }
   to   { opacity: 1; transform: translateY(0) scale(1); }
 `;
@@ -10031,14 +10007,14 @@ function CommandPalette({
   emptyLabel = "Brak wynik\xF3w dla podanej frazy.",
   onSelect
 }) {
-  const id = React.useId();
-  const [query, setQuery] = React.useState("");
-  const [activeIndex, setActiveIndex] = React.useState(0);
-  const inputRef = React.useRef(null);
-  const activeItemRef = React.useRef(null);
+  const id = react.useId();
+  const [query, setQuery] = react.useState("");
+  const [activeIndex, setActiveIndex] = react.useState(0);
+  const inputRef = react.useRef(null);
+  const activeItemRef = react.useRef(null);
   const filtered = filterGroups(groups, query);
   const flat = flatItems(filtered);
-  const handleSelect = React.useCallback(
+  const handleSelect = react.useCallback(
     (item) => {
       item.onSelect?.();
       onSelect?.(item);
@@ -10046,20 +10022,20 @@ function CommandPalette({
     },
     [onSelect, onClose]
   );
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (open) {
       setQuery("");
       setActiveIndex(0);
       setTimeout(() => inputRef.current?.focus(), 0);
     }
   }, [open]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     setActiveIndex(0);
   }, [query]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     activeItemRef.current?.scrollIntoView?.({ block: "nearest" });
   }, [activeIndex]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     const handler = (e) => {
       if (!open) return;
       if (e.key === "Escape") {
@@ -10194,7 +10170,7 @@ var DEFAULT_CATEGORIES = [
     defaultEnabled: false
   }
 ];
-var slideUp2 = react.keyframes`
+var slideUp2 = react$1.keyframes`
   from { opacity: 0; transform: translateY(100%); }
   to   { opacity: 1; transform: translateY(0); }
 `;
@@ -10367,9 +10343,9 @@ function CookieConsent({
   privacyPolicyLabel,
   privacyPolicyHref
 }) {
-  const id = React.useId();
-  const [expanded, setExpanded] = React.useState(false);
-  const [prefs, setPrefs] = React.useState(
+  const id = react.useId();
+  const [expanded, setExpanded] = react.useState(false);
+  const [prefs, setPrefs] = react.useState(
     () => Object.fromEntries(categories.map((c) => [c.id, c.defaultEnabled ?? false]))
   );
   if (!open) return null;
@@ -10725,7 +10701,7 @@ function Navbar({
   sticky = false,
   variant = "filled"
 }) {
-  const [mobileOpen, setMobileOpen] = React.useState(false);
+  const [mobileOpen, setMobileOpen] = react.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(Root35, { $sticky: sticky, $variant: variant, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Inner5, { children: [
       logo && /* @__PURE__ */ jsxRuntime.jsx(LogoSlot, { children: logo }),
@@ -10834,7 +10810,7 @@ var MyThemeProvider = ({
   disableCssBaseline = false,
   children
 }) => {
-  const resolvedTheme = React.useMemo(() => {
+  const resolvedTheme = react.useMemo(() => {
     if (theme) return theme;
     switch (mode) {
       case "dark":
@@ -10851,41 +10827,6 @@ var MyThemeProvider = ({
     children
   ] });
 };
-function EmotionRegistry({ children }) {
-  const [{ cache, flush }] = React__namespace.useState(() => {
-    const c = createCache__default.default({ key: "css", prepend: true });
-    c.compat = true;
-    const prevInsert = c.insert.bind(c);
-    let inserted = [];
-    c.insert = (...args) => {
-      const serialized = args[1];
-      if (c.inserted[serialized.name] === void 0) {
-        inserted.push(serialized.name);
-      }
-      return prevInsert(...args);
-    };
-    return {
-      cache: c,
-      flush: () => {
-        const s = inserted;
-        inserted = [];
-        return s;
-      }
-    };
-  });
-  navigation.useServerInsertedHTML(() => {
-    const names = flush();
-    if (!names.length) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "style",
-      {
-        "data-emotion": `${cache.key} ${names.join(" ")}`,
-        dangerouslySetInnerHTML: { __html: names.map((n) => cache.inserted[n]).join("") }
-      }
-    );
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(react.CacheProvider, { value: cache, children });
-}
 
 exports.Accordion = Accordion;
 exports.Article = Article;
@@ -10911,7 +10852,6 @@ exports.CountryFlag = CountryFlag;
 exports.CouponInput = CouponInput;
 exports.DateTimePicker = DateTimePicker;
 exports.EmailInput = EmailInput;
-exports.EmotionRegistry = EmotionRegistry;
 exports.FaqItem = FaqItem;
 exports.FaqSection = FaqSection;
 exports.FeatureGrid = FeatureGrid;