@szymonpiatek/designsystem 0.0.2 → 0.0.3

package/dist/index.cjs

@@ -4,6 +4,7 @@ var react$1 = require('react');
 var styles = require('@mui/material/styles');
 var react = require('@emotion/react');
 var jsxRuntime = require('react/jsx-runtime');
+var libphonenumberJs = require('libphonenumber-js');
 var CssBaseline = require('@mui/material/CssBaseline');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -20,40 +21,32 @@ var sizeMap = {
   md: { padding: "0.5rem 1.25rem", fontSize: "0.875rem", gap: "0.375rem" },
   lg: { padding: "0.75rem 1.75rem", fontSize: "1rem", gap: "0.5rem" }
 };
-var variantStyles = (theme, variant) => {
-  switch (variant) {
-    case "primary":
-      return {
-        backgroundColor: theme.palette.primary.main,
-        color: theme.palette.primary.contrastText,
-        "&:hover:not(:disabled)": { backgroundColor: theme.palette.primary.dark },
-        "&:active:not(:disabled)": { filter: "brightness(0.92)" }
-      };
-    case "secondary":
-      return {
-        backgroundColor: theme.palette.secondary.main,
-        color: theme.palette.secondary.contrastText,
-        "&:hover:not(:disabled)": { backgroundColor: theme.palette.secondary.dark },
-        "&:active:not(:disabled)": { filter: "brightness(0.92)" }
-      };
-    case "ghost":
-      return {
-        backgroundColor: "transparent",
-        color: theme.palette.primary.main,
-        border: `1px solid ${theme.palette.primary.main}`,
-        "&:hover:not(:disabled)": { backgroundColor: styles.alpha(theme.palette.primary.main, 0.08) },
-        "&:active:not(:disabled)": { backgroundColor: styles.alpha(theme.palette.primary.main, 0.16) }
-      };
-    case "danger":
-      return {
-        backgroundColor: theme.palette.error.main,
-        color: theme.palette.error.contrastText,
-        "&:hover:not(:disabled)": { backgroundColor: theme.palette.error.dark },
-        "&:active:not(:disabled)": { filter: "brightness(0.92)" }
-      };
-    default:
-      return {};
-  }
+var variantStyles = {
+  primary: (theme) => ({
+    backgroundColor: theme.palette.primary.main,
+    color: theme.palette.primary.contrastText,
+    "&:hover:not(:disabled)": { backgroundColor: theme.palette.primary.dark },
+    "&:active:not(:disabled)": { filter: "brightness(0.92)" }
+  }),
+  secondary: (theme) => ({
+    backgroundColor: theme.palette.secondary.main,
+    color: theme.palette.secondary.contrastText,
+    "&:hover:not(:disabled)": { backgroundColor: theme.palette.secondary.dark },
+    "&:active:not(:disabled)": { filter: "brightness(0.92)" }
+  }),
+  ghost: (theme) => ({
+    backgroundColor: "transparent",
+    color: theme.palette.primary.main,
+    border: `1px solid ${theme.palette.primary.main}`,
+    "&:hover:not(:disabled)": { backgroundColor: styles.alpha(theme.palette.primary.main, 0.08) },
+    "&:active:not(:disabled)": { backgroundColor: styles.alpha(theme.palette.primary.main, 0.16) }
+  }),
+  danger: (theme) => ({
+    backgroundColor: theme.palette.error.main,
+    color: theme.palette.error.contrastText,
+    "&:hover:not(:disabled)": { backgroundColor: theme.palette.error.dark },
+    "&:active:not(:disabled)": { filter: "brightness(0.92)" }
+  })
 };
 var StyledButton = styles.styled("button")(
   ({ theme, $variant, $size, $fullWidth }) => ({
@@ -72,7 +65,7 @@ var StyledButton = styles.styled("button")(
     transition: "background-color 150ms ease, box-shadow 150ms ease, border-color 150ms ease",
     width: $fullWidth ? "100%" : "auto",
     ...sizeMap[$size],
-    ...variantStyles(theme, $variant),
+    ...variantStyles[$variant](theme),
     "&:focus-visible": {
       outline: `3px solid ${theme.palette.primary.main}`,
       outlineOffset: "2px"
@@ -105,7 +98,10 @@ var Button = react$1.forwardRef(
     endIcon,
     onClick,
     type = "button",
-    children
+    children,
+    className,
+    "aria-label": ariaLabel,
+    "aria-current": ariaCurrent
   }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     StyledButton,
     {
@@ -117,6 +113,9 @@ var Button = react$1.forwardRef(
       $size: size,
       $fullWidth: fullWidth,
       "aria-busy": loading || void 0,
+      className,
+      "aria-label": ariaLabel,
+      "aria-current": ariaCurrent,
       children: [
         loading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, { "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsxs(
           "svg",
@@ -140,6 +139,4074 @@ var Button = react$1.forwardRef(
   )
 );
 Button.displayName = "Button";
+var StyledHelperText = styles.styled("p")(({ theme, $error }) => ({
+  margin: "0.25rem 0 0",
+  fontSize: "0.75rem",
+  fontFamily: theme.typography.fontFamily,
+  color: $error ? theme.palette.error.main : theme.palette.text.secondary
+}));
+var HelperText = ({ error = false, children, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(StyledHelperText, { $error: error, ...rest, children });
+HelperText.displayName = "HelperText";
+var labelSizeMap = {
+  sm: "0.625rem",
+  md: "0.75rem",
+  lg: "0.875rem"
+};
+var StyledLabel = styles.styled("label")(({ theme, $error, $size }) => ({
+  display: "block",
+  marginBottom: "0.25rem",
+  fontSize: labelSizeMap[$size],
+  fontWeight: 500,
+  fontFamily: theme.typography.fontFamily,
+  color: $error ? theme.palette.error.main : theme.palette.text.primary
+}));
+var Label = ({ error = false, size = "md", children, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(StyledLabel, { $error: error, $size: size, ...rest, children });
+Label.displayName = "Label";
+
+// src/components/atoms/inputs/elements/sizeMap.ts
+var inputSizeMap = {
+  sm: { padding: "0.25rem 0.5rem", fontSize: "0.75rem", gap: "0.25rem" },
+  md: { padding: "0.375rem 0.75rem", fontSize: "0.875rem", gap: "0.375rem" },
+  lg: { padding: "0.5rem 1rem", fontSize: "1rem", gap: "0.5rem" }
+};
+var inputHeightMap = {
+  sm: "26px",
+  md: "32px",
+  lg: "38.5px"
+};
+var DropdownPanel = styles.styled("div")(({ theme }) => ({
+  position: "absolute",
+  top: "calc(100% + 4px)",
+  left: 0,
+  zIndex: theme.zIndex.modal,
+  backgroundColor: theme.palette.background.paper,
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: theme.shape.borderRadius,
+  boxShadow: theme.shadows[4]
+}));
+var Chevron = () => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("polyline", { points: "6 9 12 15 18 9" })
+  }
+);
+var inputColors = (theme, error) => ({
+  borderColor: error ? theme.palette.error.main : theme.palette.divider,
+  "&:hover:not(:focus-within):not([data-disabled])": {
+    borderColor: error ? theme.palette.error.dark : theme.palette.text.secondary
+  },
+  "&:focus-within": {
+    borderColor: error ? theme.palette.error.main : theme.palette.primary.main,
+    boxShadow: `0 0 0 3px ${error ? theme.palette.error.main : theme.palette.primary.main}33`
+  }
+});
+var Root = styles.styled("div")(({ $fullWidth }) => ({
+  display: $fullWidth ? "block" : "inline-block",
+  width: $fullWidth ? "100%" : "auto"
+}));
+var InputWrapper = styles.styled("div")(
+  ({ theme, $size, $fullWidth, $error, $disabled }) => ({
+    display: "inline-flex",
+    alignItems: "center",
+    width: $fullWidth ? "100%" : "auto",
+    borderRadius: theme.shape.borderRadius,
+    border: "1px solid",
+    backgroundColor: $disabled ? theme.palette.action.disabledBackground : theme.palette.background.paper,
+    transition: "border-color 150ms ease, box-shadow 150ms ease",
+    cursor: $disabled ? "not-allowed" : "text",
+    ...inputSizeMap[$size],
+    height: inputHeightMap[$size],
+    paddingBlock: 0,
+    ...inputColors(theme, $error),
+    ...$disabled && {
+      borderColor: theme.palette.action.disabled,
+      pointerEvents: "none"
+    }
+  })
+);
+var StyledInput = styles.styled("input")(({ theme }) => ({
+  flex: 1,
+  border: "none",
+  outline: "none",
+  background: "transparent",
+  fontFamily: theme.typography.fontFamily,
+  fontSize: "inherit",
+  color: theme.palette.text.primary,
+  width: "100%",
+  "&::placeholder": {
+    color: theme.palette.text.disabled
+  },
+  "&:disabled": {
+    color: theme.palette.action.disabled,
+    cursor: "not-allowed"
+  },
+  '&[type="search"]::-webkit-search-cancel-button': {
+    WebkitAppearance: "none"
+  }
+}));
+var Adornment = styles.styled("span")(({ theme }) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  color: theme.palette.text.secondary,
+  flexShrink: 0
+}));
+var BaseInput = react$1.forwardRef(
+  ({
+    label,
+    helperText,
+    error = false,
+    size = "md",
+    fullWidth = false,
+    startAdornment,
+    endAdornment,
+    disabled = false,
+    id,
+    ...rest
+  }, ref) => {
+    const autoId = react$1.useId();
+    const inputId = id ?? autoId;
+    return /* @__PURE__ */ jsxRuntime.jsxs(Root, { $fullWidth: fullWidth, children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: inputId, error, size, children: label }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        InputWrapper,
+        {
+          $size: size,
+          $fullWidth: fullWidth,
+          $error: error,
+          $disabled: disabled,
+          "data-disabled": disabled || void 0,
+          children: [
+            startAdornment && /* @__PURE__ */ jsxRuntime.jsx(Adornment, { children: startAdornment }),
+            /* @__PURE__ */ jsxRuntime.jsx(StyledInput, { ref, id: inputId, disabled, ...rest }),
+            endAdornment && /* @__PURE__ */ jsxRuntime.jsx(Adornment, { children: endAdornment })
+          ]
+        }
+      ),
+      helperText && /* @__PURE__ */ jsxRuntime.jsx(HelperText, { error, children: helperText })
+    ] });
+  }
+);
+BaseInput.displayName = "BaseInput";
+var checkboxSizeMap = {
+  sm: "14px",
+  md: "16px",
+  lg: "20px"
+};
+var labelFontSizeMap = {
+  sm: "0.75rem",
+  md: "0.875rem",
+  lg: "1rem"
+};
+var checkedColor = (theme, error) => error ? theme.palette.error.main : theme.palette.primary.main;
+var Box = styles.styled("span")(({ theme, $size, $error, $disabled }) => ({
+  position: "relative",
+  flexShrink: 0,
+  width: checkboxSizeMap[$size],
+  height: checkboxSizeMap[$size],
+  borderRadius: theme.shape.borderRadius / 2,
+  border: "1px solid",
+  borderColor: $disabled ? theme.palette.action.disabled : $error ? theme.palette.error.main : theme.palette.divider,
+  backgroundColor: $disabled ? theme.palette.action.disabledBackground : theme.palette.background.paper,
+  transition: "border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease",
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  ...!$disabled && {
+    "label:hover &": {
+      borderColor: $error ? theme.palette.error.dark : theme.palette.text.secondary
+    },
+    "label:has(input:checked) &, label:has(input:indeterminate) &": {
+      backgroundColor: checkedColor(theme, $error),
+      borderColor: checkedColor(theme, $error)
+    },
+    "label:has(input:focus-visible) &": {
+      boxShadow: `0 0 0 3px ${checkedColor(theme, $error)}33`
+    }
+  },
+  "&::after": {
+    content: '""',
+    position: "absolute",
+    display: "none"
+  },
+  "label:has(input:checked) &::after": {
+    display: "block",
+    width: "30%",
+    height: "55%",
+    borderRight: `2px solid #fff`,
+    borderBottom: `2px solid #fff`,
+    transform: "rotate(45deg) translate(-10%, -15%)"
+  },
+  "label:has(input:indeterminate) &::after": {
+    display: "block",
+    width: "55%",
+    height: "2px",
+    backgroundColor: "#fff",
+    borderRadius: "1px"
+  }
+}));
+var HiddenInput = styles.styled("input")({
+  position: "absolute",
+  width: 1,
+  height: 1,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0 0 0 0)",
+  whiteSpace: "nowrap",
+  borderWidth: 0
+});
+var Row = styles.styled("label")(({ theme }) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  gap: "0.5rem",
+  cursor: "inherit",
+  fontFamily: theme.typography.fontFamily
+}));
+var LabelText = styles.styled("span")(
+  ({ theme, $size, $disabled, $error }) => ({
+    fontSize: labelFontSizeMap[$size],
+    fontWeight: 400,
+    color: $disabled ? theme.palette.action.disabled : $error ? theme.palette.error.main : theme.palette.text.primary,
+    userSelect: "none"
+  })
+);
+var Root2 = styles.styled("span")(({ $disabled }) => ({
+  display: "inline-flex",
+  flexDirection: "column",
+  cursor: $disabled ? "not-allowed" : "pointer"
+}));
+var CheckboxInput = react$1.forwardRef(
+  ({
+    label,
+    helperText,
+    error = false,
+    size = "md",
+    disabled = false,
+    indeterminate = false,
+    id,
+    ...rest
+  }, ref) => {
+    const autoId = react$1.useId();
+    const inputId = id ?? autoId;
+    const innerRef = react$1.useRef(null);
+    react$1.useEffect(() => {
+      if (innerRef.current) {
+        innerRef.current.indeterminate = indeterminate;
+      }
+    }, [indeterminate]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(Root2, { $disabled: disabled, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Row, { htmlFor: inputId, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Box, { $size: size, $error: error, $disabled: disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
+          HiddenInput,
+          {
+            ref: (node) => {
+              innerRef.current = node;
+              if (typeof ref === "function") ref(node);
+              else if (ref)
+                ref.current = node;
+            },
+            id: inputId,
+            type: "checkbox",
+            disabled,
+            ...rest
+          }
+        ) }),
+        label && /* @__PURE__ */ jsxRuntime.jsx(LabelText, { $size: size, $disabled: disabled, $error: error, children: label })
+      ] }),
+      helperText && /* @__PURE__ */ jsxRuntime.jsx(HelperText, { error, children: helperText })
+    ] });
+  }
+);
+CheckboxInput.displayName = "CheckboxInput";
+var formatSize = (bytes) => {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 ** 2) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / 1024 ** 2).toFixed(1)} MB`;
+};
+var UploadArrowIcon = ({ size = 13 }) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("polyline", { points: "17 8 12 3 7 8" }),
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 15v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4" })
+    ]
+  }
+);
+var CloudUploadIcon = ({ size }) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("polyline", { points: "16 16 12 12 8 16" }),
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "12", x2: "12", y2: "21" }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "14 2 14 8 20 8" })
+    ]
+  }
+);
+var TrashIcon = ({ size = 12 }) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("polyline", { points: "3 6 5 6 21 6" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 11v6M14 11v6" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2" })
+    ]
+  }
+);
+var XIcon = () => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+    ]
+  }
+);
+var Root3 = styles.styled("div")(({ $fullWidth }) => ({
+  display: $fullWidth ? "block" : "inline-block",
+  width: $fullWidth ? "100%" : "auto"
+}));
+var HiddenInput2 = styles.styled("input")({
+  position: "absolute",
+  width: 1,
+  height: 1,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0 0 0 0)",
+  whiteSpace: "nowrap",
+  borderWidth: 0
+});
+var CompactWrapper = styles.styled("div")(({ theme, $size, $fullWidth, $error, $disabled }) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  width: $fullWidth ? "100%" : "auto",
+  height: inputHeightMap[$size],
+  fontSize: inputSizeMap[$size].fontSize,
+  borderRadius: theme.shape.borderRadius,
+  border: "1px solid",
+  overflow: "hidden",
+  transition: "border-color 150ms ease, box-shadow 150ms ease",
+  backgroundColor: $disabled ? theme.palette.action.disabledBackground : theme.palette.background.paper,
+  ...$disabled ? { borderColor: theme.palette.action.disabled, pointerEvents: "none" } : {
+    borderColor: $error ? theme.palette.error.main : theme.palette.divider,
+    "&:hover:not(:focus-within)": {
+      borderColor: $error ? theme.palette.error.dark : theme.palette.text.secondary
+    },
+    "&:focus-within": {
+      borderColor: $error ? theme.palette.error.main : theme.palette.primary.main,
+      boxShadow: `0 0 0 3px ${styles.alpha(
+        $error ? theme.palette.error.main : theme.palette.primary.main,
+        0.2
+      )}`
+    }
+  }
+}));
+var BrowseBtn = styles.styled("button")(
+  ({ theme, $size, $error }) => ({
+    flexShrink: 0,
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "0.35rem",
+    height: "100%",
+    padding: inputSizeMap[$size].padding,
+    paddingBlock: 0,
+    border: "none",
+    borderRight: `1px solid ${styles.alpha("#fff", 0.25)}`,
+    backgroundColor: $error ? theme.palette.error.main : theme.palette.primary.main,
+    color: "#fff",
+    fontFamily: theme.typography.fontFamily,
+    fontSize: "inherit",
+    fontWeight: 600,
+    letterSpacing: "0.01em",
+    cursor: "pointer",
+    transition: "background-color 150ms ease",
+    whiteSpace: "nowrap",
+    "&:hover:not(:disabled)": {
+      backgroundColor: $error ? theme.palette.error.dark : theme.palette.primary.dark
+    },
+    "&:active:not(:disabled)": { filter: "brightness(0.9)" },
+    "&:disabled": {
+      backgroundColor: theme.palette.action.disabled,
+      cursor: "not-allowed"
+    }
+  })
+);
+var CompactFileName = styles.styled("span")(({ theme, $hasFile }) => ({
+  flex: 1,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+  padding: "0 0.5rem 0 0.75rem",
+  fontFamily: theme.typography.fontFamily,
+  fontSize: "inherit",
+  color: $hasFile ? theme.palette.text.primary : theme.palette.text.disabled
+}));
+var ClearBtn = styles.styled("button")(({ theme }) => ({
+  flexShrink: 0,
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: "1.5rem",
+  height: "1.5rem",
+  marginRight: "0.25rem",
+  border: "none",
+  background: "none",
+  color: theme.palette.text.secondary,
+  borderRadius: "50%",
+  cursor: "pointer",
+  transition: "color 150ms ease, background-color 150ms ease",
+  "&:hover": {
+    color: theme.palette.error.main,
+    backgroundColor: styles.alpha(theme.palette.error.main, 0.08)
+  }
+}));
+var FileChipList = styles.styled("div")({
+  display: "flex",
+  flexWrap: "wrap",
+  gap: "0.3rem",
+  marginTop: "0.375rem"
+});
+var FileChip = styles.styled("div")(({ theme }) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  gap: "0.25rem",
+  maxWidth: "220px",
+  padding: "0.1875rem 0.3125rem 0.1875rem 0.5rem",
+  borderRadius: "100px",
+  backgroundColor: styles.alpha(theme.palette.primary.main, 0.07),
+  border: `1px solid ${styles.alpha(theme.palette.primary.main, 0.18)}`,
+  fontFamily: theme.typography.fontFamily,
+  fontSize: "0.75rem",
+  color: theme.palette.text.primary
+}));
+var FileChipName = styles.styled("span")({
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+  flex: 1
+});
+var FileChipRemove = styles.styled("button")(({ theme }) => ({
+  flexShrink: 0,
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: "1rem",
+  height: "1rem",
+  padding: 0,
+  border: "none",
+  background: "none",
+  borderRadius: "50%",
+  color: theme.palette.text.secondary,
+  cursor: "pointer",
+  transition: "color 150ms ease, background-color 150ms ease",
+  "&:hover": {
+    color: theme.palette.error.main,
+    backgroundColor: styles.alpha(theme.palette.error.main, 0.1)
+  }
+}));
+var dropzoneSizes = {
+  sm: { minHeight: "100px", padding: "1.125rem", iconSize: 16, circleSize: "2.25rem", fontSize: "0.75rem", subFontSize: "0.6875rem", gap: "0.375rem" },
+  md: { minHeight: "140px", padding: "1.5rem", iconSize: 20, circleSize: "2.875rem", fontSize: "0.875rem", subFontSize: "0.75rem", gap: "0.5rem" },
+  lg: { minHeight: "180px", padding: "2rem", iconSize: 26, circleSize: "3.5rem", fontSize: "1rem", subFontSize: "0.875rem", gap: "0.625rem" }
+};
+var DropzoneArea = styles.styled("div")(({ theme, $size, $fullWidth, $error, $disabled, $isDragging, $hasFile }) => {
+  const ds = dropzoneSizes[$size];
+  const mainColor = $error ? theme.palette.error.main : theme.palette.primary.main;
+  const mainDark = $error ? theme.palette.error.dark : theme.palette.primary.dark;
+  return {
+    position: "relative",
+    display: $fullWidth ? "flex" : "inline-flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    textAlign: "center",
+    width: $fullWidth ? "100%" : "auto",
+    minWidth: $fullWidth ? void 0 : "240px",
+    minHeight: ds.minHeight,
+    padding: ds.padding,
+    gap: ds.gap,
+    borderRadius: theme.shape.borderRadius * 2,
+    border: "2px dashed",
+    transition: "border-color 200ms ease, background-color 200ms ease, box-shadow 200ms ease, transform 200ms ease",
+    ...$disabled ? {
+      borderColor: theme.palette.action.disabled,
+      backgroundColor: theme.palette.action.disabledBackground,
+      color: theme.palette.action.disabled
+    } : $isDragging ? {
+      borderStyle: "solid",
+      borderColor: mainColor,
+      backgroundColor: styles.alpha(mainColor, 0.06),
+      color: mainColor,
+      transform: "scale(1.01)",
+      boxShadow: `0 0 0 3px ${styles.alpha(mainColor, 0.2)}`
+    } : $hasFile ? {
+      borderStyle: "solid",
+      borderColor: $error ? theme.palette.error.main : theme.palette.primary.main,
+      backgroundColor: styles.alpha(mainColor, 0.03),
+      color: theme.palette.text.secondary
+    } : {
+      borderColor: $error ? theme.palette.error.main : theme.palette.divider,
+      backgroundColor: theme.palette.background.paper,
+      color: theme.palette.text.secondary,
+      "&:hover": {
+        borderColor: $error ? mainDark : theme.palette.text.secondary,
+        backgroundColor: styles.alpha(mainColor, 0.04)
+      }
+    }
+  };
+});
+var DropzoneClickBtn = styles.styled("button")(({ theme, $size }) => {
+  const ds = dropzoneSizes[$size];
+  return {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: ds.gap,
+    width: "100%",
+    padding: 0,
+    border: "none",
+    background: "none",
+    cursor: "pointer",
+    color: "inherit",
+    fontFamily: theme.typography.fontFamily,
+    borderRadius: theme.shape.borderRadius,
+    transition: "box-shadow 150ms ease",
+    "&:focus-visible": {
+      boxShadow: `0 0 0 2px ${theme.palette.primary.main}`,
+      outline: "none"
+    },
+    "&:disabled": { cursor: "not-allowed" }
+  };
+});
+var DropzoneIconWrap = styles.styled("span")(({ $isDragging }) => ({
+  display: "inline-flex",
+  transition: "transform 200ms ease",
+  transform: $isDragging ? "translateY(-3px)" : "translateY(0)"
+}));
+var DropzoneText = styles.styled("p")(({ theme, $sub }) => ({
+  margin: 0,
+  fontFamily: theme.typography.fontFamily,
+  fontWeight: $sub ? 400 : 500,
+  color: "inherit"
+}));
+var BrowseLink = styles.styled("span")(({ theme }) => ({
+  color: theme.palette.primary.dark,
+  fontWeight: 700,
+  textDecoration: "underline",
+  textDecorationThickness: "1px",
+  textUnderlineOffset: "2px"
+}));
+var FileIconCircle = styles.styled("div")(({ theme, $size }) => ({
+  width: dropzoneSizes[$size].circleSize,
+  height: dropzoneSizes[$size].circleSize,
+  borderRadius: "50%",
+  backgroundColor: styles.alpha(theme.palette.primary.main, 0.1),
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  color: theme.palette.primary.main,
+  flexShrink: 0
+}));
+var FileDisplayName = styles.styled("p")(({ theme, $size }) => ({
+  margin: 0,
+  fontFamily: theme.typography.fontFamily,
+  fontWeight: 600,
+  fontSize: dropzoneSizes[$size].fontSize,
+  color: theme.palette.text.primary,
+  maxWidth: "260px",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+}));
+var FileDisplayMeta = styles.styled("p")(({ theme, $size }) => ({
+  margin: 0,
+  fontFamily: theme.typography.fontFamily,
+  fontWeight: 400,
+  fontSize: dropzoneSizes[$size].subFontSize,
+  color: theme.palette.text.secondary
+}));
+var FileListContainer = styles.styled("div")({
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.3rem",
+  width: "100%",
+  maxWidth: "340px",
+  maxHeight: "160px",
+  overflowY: "auto"
+});
+var FileListRow = styles.styled("div")(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5rem",
+  padding: "0.3125rem 0.5rem",
+  borderRadius: theme.shape.borderRadius,
+  backgroundColor: styles.alpha(theme.palette.primary.main, 0.05),
+  border: `1px solid ${styles.alpha(theme.palette.primary.main, 0.14)}`,
+  textAlign: "left"
+}));
+var FileListRowIcon = styles.styled("span")(({ theme }) => ({
+  flexShrink: 0,
+  display: "inline-flex",
+  color: theme.palette.primary.main
+}));
+var FileListRowBody = styles.styled("span")({
+  flex: 1,
+  overflow: "hidden",
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.05rem"
+});
+var FileListRowName = styles.styled("span")(({ theme }) => ({
+  fontFamily: theme.typography.fontFamily,
+  fontSize: "0.8125rem",
+  fontWeight: 500,
+  color: theme.palette.text.primary,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+}));
+var FileListRowSize = styles.styled("span")(({ theme }) => ({
+  fontFamily: theme.typography.fontFamily,
+  fontSize: "0.6875rem",
+  color: theme.palette.text.secondary
+}));
+var FileListRowRemove = styles.styled("button")(({ theme }) => ({
+  flexShrink: 0,
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: "1.25rem",
+  height: "1.25rem",
+  border: "none",
+  background: "none",
+  borderRadius: "50%",
+  color: theme.palette.text.secondary,
+  cursor: "pointer",
+  transition: "color 150ms ease, background-color 150ms ease",
+  "&:hover": {
+    color: theme.palette.error.main,
+    backgroundColor: styles.alpha(theme.palette.error.main, 0.1)
+  }
+}));
+var FileActionsRow = styles.styled("div")({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5rem",
+  marginTop: "0.25rem"
+});
+var FileActionBtn = styles.styled("button")(
+  ({ theme, $variant }) => {
+    const isRemove = $variant === "remove";
+    return {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "0.3rem",
+      padding: "0.25rem 0.75rem",
+      border: "1px solid",
+      borderColor: isRemove ? theme.palette.error.main : theme.palette.divider,
+      borderRadius: "100px",
+      background: "none",
+      fontFamily: theme.typography.fontFamily,
+      fontSize: "0.75rem",
+      fontWeight: 500,
+      color: isRemove ? theme.palette.error.main : theme.palette.text.secondary,
+      cursor: "pointer",
+      transition: "background-color 150ms ease, border-color 150ms ease, color 150ms ease",
+      whiteSpace: "nowrap",
+      "&:hover": isRemove ? {
+        backgroundColor: styles.alpha(theme.palette.error.main, 0.06),
+        borderColor: theme.palette.error.dark,
+        color: theme.palette.error.dark
+      } : {
+        backgroundColor: theme.palette.action.hover,
+        borderColor: theme.palette.text.secondary,
+        color: theme.palette.text.primary
+      },
+      "&:active": { filter: "brightness(0.93)" },
+      "&:disabled": { opacity: 0.5, cursor: "not-allowed" }
+    };
+  }
+);
+var FileInput = react$1.forwardRef(
+  ({
+    label,
+    helperText,
+    error = false,
+    size = "md",
+    fullWidth = false,
+    disabled = false,
+    variant = "compact",
+    browseLabel = "Przegl\u0105daj",
+    noFileLabel = "Nie wybrano pliku",
+    dropzoneLabel,
+    dropzoneSublabel,
+    dropToUploadLabel = "Upu\u015B\u0107, by wgra\u0107",
+    filesSelectedLabel = (n) => `Wybrano ${n} pliki/plik\xF3w`,
+    removeLabel = "Usu\u0144",
+    removeAllLabel = "Usu\u0144 wszystkie",
+    changeLabel = "Zmie\u0144",
+    clearAriaLabel = "Wyczy\u015B\u0107 wyb\xF3r pliku",
+    removeFileAriaLabel = (name) => `Usu\u0144 ${name}`,
+    removeAllAriaLabel = "Usu\u0144 wszystkie pliki",
+    changeAriaLabel = "Zmie\u0144 plik",
+    chooseFileAriaLabel = "Wybierz plik",
+    id,
+    multiple,
+    onChange,
+    ...rest
+  }, ref) => {
+    const autoId = react$1.useId();
+    const inputId = id ?? autoId;
+    const innerRef = react$1.useRef(null);
+    const [files, setFiles] = react$1.useState([]);
+    const [isDragging, setIsDragging] = react$1.useState(false);
+    const assignRef = (node) => {
+      innerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    };
+    const openPicker = () => {
+      if (!disabled) innerRef.current?.click();
+    };
+    const handleChange = (e) => {
+      const list = e.target.files;
+      setFiles(list && list.length > 0 ? Array.from(list) : []);
+      onChange?.(e);
+    };
+    const handleClear = (e) => {
+      e.stopPropagation();
+      setFiles([]);
+      if (innerRef.current) innerRef.current.value = "";
+    };
+    const handleRemoveFile = (index) => (e) => {
+      e.stopPropagation();
+      setFiles((prev) => {
+        const next = prev.filter((_, i) => i !== index);
+        if (innerRef.current && next.length === 0) innerRef.current.value = "";
+        return next;
+      });
+    };
+    const handleDragOver = (e) => {
+      e.preventDefault();
+      if (!disabled) setIsDragging(true);
+    };
+    const handleDragLeave = (e) => {
+      e.preventDefault();
+      setIsDragging(false);
+    };
+    const handleDrop = (e) => {
+      e.preventDefault();
+      setIsDragging(false);
+      if (disabled || !innerRef.current) return;
+      const dropped = Array.from(e.dataTransfer.files);
+      const picked = multiple ? dropped : [dropped[0]].filter(Boolean);
+      if (picked.length === 0) return;
+      setFiles(picked);
+      try {
+        const dt = new DataTransfer();
+        picked.forEach((f) => dt.items.add(f));
+        innerRef.current.files = dt.files;
+      } catch {
+      }
+    };
+    const hasFiles = files.length > 0;
+    const isMultiFile = files.length > 1;
+    const ds = dropzoneSizes[size];
+    const compactLabel = hasFiles ? files.length === 1 ? files[0].name : filesSelectedLabel(files.length) : noFileLabel;
+    const hiddenInput = /* @__PURE__ */ jsxRuntime.jsx(
+      HiddenInput2,
+      {
+        ref: assignRef,
+        id: inputId,
+        type: "file",
+        disabled,
+        multiple,
+        onChange: handleChange,
+        ...rest
+      }
+    );
+    if (variant === "dropzone") {
+      return /* @__PURE__ */ jsxRuntime.jsxs(Root3, { $fullWidth: fullWidth, children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: inputId, error, size, children: label }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          DropzoneArea,
+          {
+            $size: size,
+            $fullWidth: fullWidth,
+            $error: error,
+            $disabled: disabled,
+            $isDragging: isDragging,
+            $hasFile: hasFiles,
+            onDragOver: handleDragOver,
+            onDragLeave: handleDragLeave,
+            onDrop: handleDrop,
+            children: [
+              hiddenInput,
+              hasFiles ? isMultiFile ? (
+                // ── multiple files: scrollable list ──
+                /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(FileListContainer, { children: files.map((file, i) => /* @__PURE__ */ jsxRuntime.jsxs(FileListRow, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(FileListRowIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(FileDocIcon, { size: 14 }) }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(FileListRowBody, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(FileListRowName, { title: file.name, children: file.name }),
+                      /* @__PURE__ */ jsxRuntime.jsx(FileListRowSize, { children: formatSize(file.size) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      FileListRowRemove,
+                      {
+                        type: "button",
+                        onClick: handleRemoveFile(i),
+                        "aria-label": removeFileAriaLabel(file.name),
+                        children: /* @__PURE__ */ jsxRuntime.jsx(XIcon, {})
+                      }
+                    )
+                  ] }, `${file.name}-${i}`)) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(FileActionsRow, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      FileActionBtn,
+                      {
+                        type: "button",
+                        $variant: "remove",
+                        onClick: handleClear,
+                        "aria-label": removeAllAriaLabel,
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(TrashIcon, {}),
+                          removeAllLabel
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      FileActionBtn,
+                      {
+                        type: "button",
+                        $variant: "replace",
+                        onClick: openPicker,
+                        disabled,
+                        "aria-label": changeAriaLabel,
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(UploadArrowIcon, { size: 11 }),
+                          changeLabel
+                        ]
+                      }
+                    )
+                  ] })
+                ] })
+              ) : (
+                // ── single file: icon card ──
+                /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(FileIconCircle, { $size: size, children: /* @__PURE__ */ jsxRuntime.jsx(FileDocIcon, { size: dropzoneSizes[size].iconSize }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(FileDisplayName, { $size: size, title: files[0].name, children: files[0].name }),
+                  /* @__PURE__ */ jsxRuntime.jsx(FileDisplayMeta, { $size: size, children: formatSize(files[0].size) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(FileActionsRow, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      FileActionBtn,
+                      {
+                        type: "button",
+                        $variant: "remove",
+                        onClick: handleClear,
+                        "aria-label": removeLabel,
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(TrashIcon, {}),
+                          removeLabel
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      FileActionBtn,
+                      {
+                        type: "button",
+                        $variant: "replace",
+                        onClick: openPicker,
+                        disabled,
+                        "aria-label": changeAriaLabel,
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(UploadArrowIcon, { size: 11 }),
+                          changeLabel
+                        ]
+                      }
+                    )
+                  ] })
+                ] })
+              ) : (
+                // ── empty: click-to-browse ──
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  DropzoneClickBtn,
+                  {
+                    type: "button",
+                    $size: size,
+                    disabled,
+                    onClick: openPicker,
+                    "aria-label": label ? void 0 : chooseFileAriaLabel,
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(DropzoneIconWrap, { $isDragging: isDragging, children: /* @__PURE__ */ jsxRuntime.jsx(CloudUploadIcon, { size: ds.iconSize + 8 }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(DropzoneText, { style: { fontSize: ds.fontSize }, children: isDragging ? dropToUploadLabel : dropzoneLabel ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        "Upu\u015B\u0107 pliki lub ",
+                        /* @__PURE__ */ jsxRuntime.jsx(BrowseLink, { children: "przegl\u0105daj" })
+                      ] }) }),
+                      dropzoneSublabel && /* @__PURE__ */ jsxRuntime.jsx(DropzoneText, { $sub: true, style: { fontSize: ds.subFontSize }, children: dropzoneSublabel })
+                    ]
+                  }
+                )
+              )
+            ]
+          }
+        ),
+        helperText && /* @__PURE__ */ jsxRuntime.jsx(HelperText, { error, children: helperText })
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(Root3, { $fullWidth: fullWidth, children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: inputId, error, size, children: label }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        CompactWrapper,
+        {
+          $size: size,
+          $fullWidth: fullWidth,
+          $error: error,
+          $disabled: disabled,
+          "data-disabled": disabled || void 0,
+          onDragOver: handleDragOver,
+          onDragLeave: handleDragLeave,
+          onDrop: handleDrop,
+          children: [
+            hiddenInput,
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              BrowseBtn,
+              {
+                type: "button",
+                $size: size,
+                $error: error,
+                disabled,
+                onClick: openPicker,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(UploadArrowIcon, {}),
+                  browseLabel
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(CompactFileName, { $hasFile: hasFiles, children: compactLabel }),
+            hasFiles && /* @__PURE__ */ jsxRuntime.jsx(
+              ClearBtn,
+              {
+                type: "button",
+                onClick: handleClear,
+                "aria-label": clearAriaLabel,
+                tabIndex: -1,
+                children: /* @__PURE__ */ jsxRuntime.jsx(XIcon, {})
+              }
+            )
+          ]
+        }
+      ),
+      hasFiles && isMultiFile && /* @__PURE__ */ jsxRuntime.jsx(FileChipList, { children: files.map((file, i) => /* @__PURE__ */ jsxRuntime.jsxs(FileChip, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(FileChipName, { title: file.name, children: file.name }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FileChipRemove,
+          {
+            type: "button",
+            onClick: handleRemoveFile(i),
+            "aria-label": removeFileAriaLabel(file.name),
+            children: /* @__PURE__ */ jsxRuntime.jsx(XIcon, {})
+          }
+        )
+      ] }, `${file.name}-${i}`)) }),
+      helperText && /* @__PURE__ */ jsxRuntime.jsx(HelperText, { error, children: helperText })
+    ] });
+  }
+);
+FileInput.displayName = "FileInput";
+var LOCAL_CHAR = /^[a-zA-Z0-9._+-]$/;
+var DOMAIN_CHAR = /^[a-zA-Z0-9.-]$/;
+var filterEmailString = (value) => {
+  const atIdx = value.indexOf("@");
+  if (atIdx === -1) {
+    return value.replace(/[^a-zA-Z0-9._+-]/g, "");
+  }
+  const local = value.slice(0, atIdx).replace(/[^a-zA-Z0-9._+-]/g, "");
+  const domain = value.slice(atIdx + 1).replace(/@/g, "").replace(/[^a-zA-Z0-9.-]/g, "");
+  return `${local}@${domain}`;
+};
+var EmailInput = react$1.forwardRef(
+  ({ onKeyDown, onPaste, ...props }, ref) => {
+    const handleKeyDown = (e) => {
+      onKeyDown?.(e);
+      if (e.defaultPrevented) return;
+      if (e.ctrlKey || e.metaKey || e.altKey || e.key.length > 1) return;
+      const input = e.currentTarget;
+      const { value } = input;
+      const atIdx = value.indexOf("@");
+      const hasAt = atIdx !== -1;
+      const cursor = input.selectionStart ?? value.length;
+      if (e.key === "@") {
+        if (hasAt) e.preventDefault();
+        return;
+      }
+      const inDomain = hasAt && cursor > atIdx;
+      if (!(inDomain ? DOMAIN_CHAR : LOCAL_CHAR).test(e.key)) {
+        e.preventDefault();
+      }
+    };
+    const handlePaste = (e) => {
+      onPaste?.(e);
+      if (e.defaultPrevented) return;
+      e.preventDefault();
+      const input = e.currentTarget;
+      const pasted = e.clipboardData.getData("text");
+      const start = input.selectionStart ?? 0;
+      const end = input.selectionEnd ?? 0;
+      const merged = input.value.slice(0, start) + pasted + input.value.slice(end);
+      const filtered = filterEmailString(merged);
+      const setter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
+      setter?.call(input, filtered);
+      input.dispatchEvent(new Event("input", { bubbles: true }));
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      BaseInput,
+      {
+        ref,
+        type: "email",
+        onKeyDown: handleKeyDown,
+        onPaste: handlePaste,
+        ...props
+      }
+    );
+  }
+);
+EmailInput.displayName = "EmailInput";
+var triggerColors = (theme, error, open) => ({
+  borderColor: open ? error ? theme.palette.error.main : theme.palette.primary.main : error ? theme.palette.error.main : theme.palette.divider,
+  boxShadow: open ? `0 0 0 3px ${error ? theme.palette.error.main : theme.palette.primary.main}33` : "none",
+  "&:hover:not(:disabled)": {
+    borderColor: error ? theme.palette.error.dark : theme.palette.text.secondary
+  }
+});
+var Root4 = styles.styled("div")(({ $fullWidth }) => ({
+  display: $fullWidth ? "block" : "inline-block",
+  width: $fullWidth ? "100%" : "auto",
+  position: "relative"
+}));
+var Trigger = styles.styled("button")(
+  ({ theme, $size, $fullWidth, $error, $open }) => ({
+    display: "inline-flex",
+    alignItems: "center",
+    width: $fullWidth ? "100%" : "auto",
+    borderRadius: theme.shape.borderRadius,
+    border: "1px solid",
+    backgroundColor: theme.palette.background.paper,
+    fontFamily: theme.typography.fontFamily,
+    color: theme.palette.text.primary,
+    cursor: "pointer",
+    transition: "border-color 150ms ease, box-shadow 150ms ease",
+    outline: "none",
+    textAlign: "left",
+    ...inputSizeMap[$size],
+    height: inputHeightMap[$size],
+    paddingBlock: 0,
+    ...triggerColors(theme, $error, $open),
+    "&:disabled": {
+      backgroundColor: theme.palette.action.disabledBackground,
+      borderColor: theme.palette.action.disabled,
+      color: theme.palette.action.disabled,
+      cursor: "not-allowed",
+      pointerEvents: "none"
+    }
+  })
+);
+var TriggerContent = styles.styled("span")({
+  flex: 1,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+});
+var ChevronWrapper = styles.styled("span")(({ $open }) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  flexShrink: 0,
+  marginLeft: "0.5rem",
+  transition: "transform 150ms ease",
+  transform: $open ? "rotate(180deg)" : "rotate(0deg)"
+}));
+var DropdownPanel2 = styles.styled(DropdownPanel)({
+  right: 0,
+  maxHeight: "240px",
+  overflowY: "auto"
+});
+var OptionItem = styles.styled("div")(
+  ({ theme, $disabled, $size }) => ({
+    padding: "0.5rem 0.75rem",
+    cursor: $disabled ? "not-allowed" : "pointer",
+    fontSize: inputSizeMap[$size].fontSize,
+    fontFamily: theme.typography.fontFamily,
+    color: $disabled ? theme.palette.action.disabled : theme.palette.text.primary,
+    ...!$disabled && {
+      "&:hover": {
+        backgroundColor: theme.palette.action.hover
+      }
+    }
+  })
+);
+var DEFAULT_PLACEHOLDER = "Wybierz\u2026";
+var BaseSelectInput = ({
+  options,
+  value,
+  placeholder = DEFAULT_PLACEHOLDER,
+  onSelect,
+  renderTrigger: renderTrigger2,
+  renderOption: renderOption3,
+  isSelected,
+  open: controlledOpen,
+  onOpenChange,
+  label,
+  helperText,
+  error = false,
+  size = "md",
+  fullWidth = false,
+  disabled = false,
+  id
+}) => {
+  const checkSelected = isSelected ?? ((option) => option.value === value);
+  const autoId = react$1.useId();
+  const inputId = id ?? autoId;
+  const listboxId = `${inputId}-listbox`;
+  const [internalOpen, setInternalOpen] = react$1.useState(false);
+  const isOpen = controlledOpen ?? internalOpen;
+  const rootRef = react$1.useRef(null);
+  const close = react$1.useCallback(() => {
+    setInternalOpen(false);
+    onOpenChange?.(false);
+  }, [onOpenChange]);
+  const toggle = () => {
+    const next = !isOpen;
+    setInternalOpen(next);
+    onOpenChange?.(next);
+  };
+  const handleSelect = (option) => {
+    if (!option.disabled) {
+      onSelect?.(option, close);
+    }
+  };
+  react$1.useEffect(() => {
+    if (!isOpen) return;
+    const handleMouseDown = (e) => {
+      if (rootRef.current && !rootRef.current.contains(e.target)) {
+        close();
+      }
+    };
+    document.addEventListener("mousedown", handleMouseDown);
+    return () => document.removeEventListener("mousedown", handleMouseDown);
+  }, [isOpen, close]);
+  const selectedLabel = options.find((o) => o.value === value)?.label;
+  const defaultTriggerContent = /* @__PURE__ */ jsxRuntime.jsx("span", { style: { opacity: selectedLabel ? 1 : 0.5 }, children: selectedLabel ?? placeholder });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Root4, { $fullWidth: fullWidth, ref: rootRef, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: inputId, error, size, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      Trigger,
+      {
+        type: "button",
+        id: inputId,
+        disabled,
+        "aria-haspopup": "listbox",
+        "aria-expanded": isOpen,
+        "aria-controls": isOpen ? listboxId : void 0,
+        onClick: toggle,
+        onKeyDown: (e) => e.key === "Escape" && close(),
+        $size: size,
+        $fullWidth: fullWidth,
+        $error: error,
+        $open: isOpen,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TriggerContent, { children: renderTrigger2 ? renderTrigger2() : defaultTriggerContent }),
+          /* @__PURE__ */ jsxRuntime.jsx(ChevronWrapper, { $open: isOpen, children: /* @__PURE__ */ jsxRuntime.jsx(Chevron, {}) })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxRuntime.jsx(DropdownPanel2, { id: listboxId, role: "listbox", children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+      OptionItem,
+      {
+        role: "option",
+        "aria-selected": checkSelected(option),
+        "aria-disabled": option.disabled,
+        $disabled: !!option.disabled,
+        $size: size,
+        onClick: () => handleSelect(option),
+        onKeyDown: (e) => e.key === "Enter" && handleSelect(option),
+        tabIndex: option.disabled ? -1 : 0,
+        children: renderOption3 ? renderOption3(option) : option.label
+      },
+      option.value
+    )) }),
+    helperText && /* @__PURE__ */ jsxRuntime.jsx(HelperText, { error, children: helperText })
+  ] });
+};
+BaseSelectInput.displayName = "BaseSelectInput";
+var NumberInput = react$1.forwardRef(
+  (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(BaseInput, { ref, type: "number", ...props })
+);
+NumberInput.displayName = "NumberInput";
+var ChipList = styles.styled("span")({
+  display: "flex",
+  flexWrap: "wrap",
+  gap: "0.25rem",
+  overflow: "hidden"
+});
+var Chip = styles.styled("span")(({ theme }) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  padding: "0.125rem 0.375rem",
+  borderRadius: "0.25rem",
+  backgroundColor: theme.palette.primary.main + "22",
+  color: theme.palette.primary.main,
+  fontSize: "0.75em",
+  fontWeight: 500,
+  lineHeight: 1.5,
+  whiteSpace: "nowrap",
+  flexShrink: 0
+}));
+var OptionRow = styles.styled("span")({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5rem"
+});
+var CheckboxBox = styles.styled("span")(({ theme, $checked }) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: "1rem",
+  height: "1rem",
+  border: `2px solid ${$checked ? theme.palette.primary.main : theme.palette.divider}`,
+  borderRadius: "2px",
+  backgroundColor: $checked ? theme.palette.primary.main : "transparent",
+  color: theme.palette.primary.contrastText,
+  flexShrink: 0,
+  transition: "background-color 150ms ease, border-color 150ms ease"
+}));
+var CheckmarkIcon = () => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" })
+  }
+);
+var renderTrigger = (value, options, placeholder) => {
+  const MultiSelectTrigger = () => {
+    if (value.length === 0) {
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { opacity: 0.5 }, children: placeholder });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(ChipList, { children: value.map((v) => {
+      const label = options.find((o) => o.value === v)?.label ?? v;
+      return /* @__PURE__ */ jsxRuntime.jsx(Chip, { children: label }, v);
+    }) });
+  };
+  MultiSelectTrigger.displayName = "MultiSelectTrigger";
+  return MultiSelectTrigger;
+};
+var renderOption = (value) => {
+  const MultiSelectOption = (option) => /* @__PURE__ */ jsxRuntime.jsxs(OptionRow, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(CheckboxBox, { $checked: value.includes(option.value), children: value.includes(option.value) && /* @__PURE__ */ jsxRuntime.jsx(CheckmarkIcon, {}) }),
+    option.label
+  ] });
+  MultiSelectOption.displayName = "MultiSelectOption";
+  return MultiSelectOption;
+};
+var MultiSelectInput = ({
+  value = [],
+  onChange,
+  options,
+  placeholder = "Wybierz\u2026",
+  ...rest
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  BaseSelectInput,
+  {
+    options,
+    placeholder,
+    onSelect: (option) => {
+      const next = value.includes(option.value) ? value.filter((v) => v !== option.value) : [...value, option.value];
+      onChange?.(next);
+    },
+    isSelected: (option) => value.includes(option.value),
+    renderTrigger: renderTrigger(value, options, placeholder),
+    renderOption: renderOption(value),
+    ...rest
+  }
+);
+MultiSelectInput.displayName = "MultiSelectInput";
+var ToggleButton = styles.styled("button")(({ theme }) => ({
+  background: "none",
+  border: "none",
+  padding: 0,
+  cursor: "pointer",
+  color: theme.palette.text.secondary,
+  display: "inline-flex",
+  alignItems: "center",
+  flexShrink: 0,
+  "&:hover": {
+    color: theme.palette.text.primary
+  },
+  "&:disabled": {
+    color: theme.palette.action.disabled,
+    cursor: "not-allowed"
+  }
+}));
+var EyeIcon = () => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3" })
+    ]
+  }
+);
+var EyeOffIcon = () => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+    ]
+  }
+);
+var PasswordInput = react$1.forwardRef(
+  ({
+    disabled,
+    showPasswordLabel = "Poka\u017C has\u0142o",
+    hidePasswordLabel = "Ukryj has\u0142o",
+    ...props
+  }, ref) => {
+    const [show, setShow] = react$1.useState(false);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      BaseInput,
+      {
+        ref,
+        type: show ? "text" : "password",
+        disabled,
+        endAdornment: /* @__PURE__ */ jsxRuntime.jsx(
+          ToggleButton,
+          {
+            type: "button",
+            "aria-label": show ? hidePasswordLabel : showPasswordLabel,
+            onClick: () => setShow((s) => !s),
+            disabled,
+            tabIndex: -1,
+            children: show ? /* @__PURE__ */ jsxRuntime.jsx(EyeOffIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(EyeIcon, {})
+          }
+        ),
+        ...props
+      }
+    );
+  }
+);
+PasswordInput.displayName = "PasswordInput";
+var ClearButton = styles.styled("button")(({ theme }) => ({
+  background: "none",
+  border: "none",
+  padding: 0,
+  cursor: "pointer",
+  color: theme.palette.text.secondary,
+  display: "inline-flex",
+  alignItems: "center",
+  flexShrink: 0,
+  borderRadius: "50%",
+  "&:hover": {
+    color: theme.palette.text.primary
+  }
+}));
+var SearchIcon = () => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "8" }),
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+    ]
+  }
+);
+var XIcon2 = () => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+    ]
+  }
+);
+var SearchInput = react$1.forwardRef(
+  ({ value, onChange, onClear, clearAriaLabel = "Wyczy\u015B\u0107", ...props }, forwardedRef) => {
+    const innerRef = react$1.useRef(null);
+    const attachRef = react$1.useCallback(
+      (el) => {
+        innerRef.current = el;
+        if (typeof forwardedRef === "function") forwardedRef(el);
+        else if (forwardedRef)
+          forwardedRef.current = el;
+      },
+      [forwardedRef]
+    );
+    const isControlled = value !== void 0;
+    const [localValue, setLocalValue] = react$1.useState("");
+    const hasValue = isControlled ? !!value : !!localValue;
+    const handleChange = (e) => {
+      if (!isControlled) setLocalValue(e.target.value);
+      onChange?.(e);
+    };
+    const handleClear = () => {
+      if (!isControlled) {
+        setLocalValue("");
+        if (innerRef.current) {
+          const setter = Object.getOwnPropertyDescriptor(
+            window.HTMLInputElement.prototype,
+            "value"
+          )?.set;
+          setter?.call(innerRef.current, "");
+          innerRef.current.dispatchEvent(new Event("input", { bubbles: true }));
+        }
+      }
+      onClear?.();
+      innerRef.current?.focus();
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      BaseInput,
+      {
+        ref: attachRef,
+        type: "search",
+        value,
+        onChange: handleChange,
+        startAdornment: /* @__PURE__ */ jsxRuntime.jsx(SearchIcon, {}),
+        endAdornment: hasValue ? /* @__PURE__ */ jsxRuntime.jsx(ClearButton, { type: "button", "aria-label": clearAriaLabel, onClick: handleClear, children: /* @__PURE__ */ jsxRuntime.jsx(XIcon2, {}) }) : void 0,
+        ...props
+      }
+    );
+  }
+);
+SearchInput.displayName = "SearchInput";
+var Checkmark = () => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" })
+  }
+);
+var renderOption2 = (selected) => {
+  const SelectOption = (option) => /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: "0.5rem" }, children: [
+    option.label,
+    option.value === selected && /* @__PURE__ */ jsxRuntime.jsx(Checkmark, {})
+  ] });
+  SelectOption.displayName = "SelectOption";
+  return SelectOption;
+};
+var SelectInput = ({ onChange, value, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
+  BaseSelectInput,
+  {
+    value,
+    onSelect: (option, close) => {
+      onChange?.(option.value);
+      close();
+    },
+    renderOption: renderOption2(value),
+    ...rest
+  }
+);
+SelectInput.displayName = "SelectInput";
+var borderColors = (theme, error) => ({
+  borderColor: error ? theme.palette.error.main : theme.palette.divider,
+  "&:hover:not(:focus-within):not([data-disabled])": {
+    borderColor: error ? theme.palette.error.dark : theme.palette.text.secondary
+  },
+  "&:focus-within": {
+    borderColor: error ? theme.palette.error.main : theme.palette.primary.main,
+    boxShadow: `0 0 0 3px ${error ? theme.palette.error.main : theme.palette.primary.main}33`
+  }
+});
+var Root5 = styles.styled("div")(({ $fullWidth }) => ({
+  display: $fullWidth ? "block" : "inline-block",
+  width: $fullWidth ? "100%" : "auto"
+}));
+var StyledTextarea = styles.styled("textarea")(({ theme, $size, $fullWidth, $error, $disabled }) => ({
+  display: "block",
+  width: $fullWidth ? "100%" : "auto",
+  borderRadius: theme.shape.borderRadius,
+  border: "1px solid",
+  backgroundColor: $disabled ? theme.palette.action.disabledBackground : theme.palette.background.paper,
+  fontFamily: theme.typography.fontFamily,
+  color: $disabled ? theme.palette.action.disabled : theme.palette.text.primary,
+  resize: "vertical",
+  outline: "none",
+  transition: "border-color 150ms ease, box-shadow 150ms ease",
+  cursor: $disabled ? "not-allowed" : "text",
+  boxSizing: "border-box",
+  ...inputSizeMap[$size],
+  ...borderColors(theme, $error),
+  ...$disabled && {
+    borderColor: theme.palette.action.disabled,
+    pointerEvents: "none"
+  },
+  "&::placeholder": {
+    color: theme.palette.text.disabled
+  }
+}));
+var TextareaInput = react$1.forwardRef(
+  ({
+    label,
+    helperText,
+    error = false,
+    size = "md",
+    fullWidth = false,
+    rows = 4,
+    disabled = false,
+    id,
+    ...rest
+  }, ref) => {
+    const autoId = react$1.useId();
+    const inputId = id ?? autoId;
+    return /* @__PURE__ */ jsxRuntime.jsxs(Root5, { $fullWidth: fullWidth, children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: inputId, error, size, children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        StyledTextarea,
+        {
+          ref,
+          id: inputId,
+          rows,
+          disabled,
+          $size: size,
+          $fullWidth: fullWidth,
+          $error: error,
+          $disabled: disabled,
+          "data-disabled": disabled || void 0,
+          ...rest
+        }
+      ),
+      helperText && /* @__PURE__ */ jsxRuntime.jsx(HelperText, { error, children: helperText })
+    ] });
+  }
+);
+TextareaInput.displayName = "TextareaInput";
+var sizeMap2 = { sm: "1em", md: "1.25em", lg: "1.75em" };
+var toFlagEmoji = (code) => code.toUpperCase().replace(/[A-Z]/g, (char) => String.fromCodePoint(127462 + char.charCodeAt(0) - 65));
+var CountryFlag = ({ countryCode, size = "md", style, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "span",
+  {
+    role: "img",
+    "aria-label": `Flag: ${countryCode}`,
+    style: { fontSize: sizeMap2[size], lineHeight: 1, display: "inline-flex", ...style },
+    ...rest,
+    children: toFlagEmoji(countryCode)
+  }
+);
+CountryFlag.displayName = "CountryFlag";
+
+// src/data/countries.json
+var countries_default = {
+  countries: [
+    {
+      flagCode: "AU",
+      country: "Australia",
+      phoneNumberLengthByCountry_phLengthMax: 15,
+      phoneNumberLengthByCountry_phLengthMin: 4,
+      phoneNumberLengthByCountry_phLength: "4 to 15"
+    },
+    {
+      flagCode: "DE",
+      country: "Niemcy",
+      phoneNumberLengthByCountry_phLengthMax: 13,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: "6 to 13"
+    },
+    {
+      flagCode: "SE",
+      country: "Szwecja",
+      phoneNumberLengthByCountry_phLengthMax: 13,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 13"
+    },
+    {
+      flagCode: "AT",
+      country: "Austria",
+      phoneNumberLengthByCountry_phLengthMax: 13,
+      phoneNumberLengthByCountry_phLengthMin: 4,
+      phoneNumberLengthByCountry_phLength: "4 to 13"
+    },
+    {
+      flagCode: "CN",
+      country: "Chiny",
+      phoneNumberLengthByCountry_phLengthMax: 12,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: "5 to 12"
+    },
+    {
+      flagCode: "CZ",
+      country: "Czechy",
+      phoneNumberLengthByCountry_phLengthMax: 12,
+      phoneNumberLengthByCountry_phLengthMin: 4,
+      phoneNumberLengthByCountry_phLength: "4 to 12"
+    },
+    {
+      flagCode: "CH",
+      country: "Szwajcaria",
+      phoneNumberLengthByCountry_phLengthMax: 12,
+      phoneNumberLengthByCountry_phLengthMin: 4,
+      phoneNumberLengthByCountry_phLength: "4 to 12"
+    },
+    {
+      flagCode: "RS",
+      country: "Serbia",
+      phoneNumberLengthByCountry_phLengthMax: 12,
+      phoneNumberLengthByCountry_phLengthMin: 4,
+      phoneNumberLengthByCountry_phLength: "4 to 12"
+    },
+    {
+      flagCode: "SG",
+      country: "Singapur",
+      phoneNumberLengthByCountry_phLengthMax: 12,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 12"
+    },
+    {
+      flagCode: "FI",
+      country: "Finlandia",
+      phoneNumberLengthByCountry_phLengthMax: 12,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: "5 to 12"
+    },
+    {
+      flagCode: "HR",
+      country: "Chorwacja",
+      phoneNumberLengthByCountry_phLengthMax: 12,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 12"
+    },
+    {
+      flagCode: "ME",
+      country: "Czarnog\xF3ra",
+      phoneNumberLengthByCountry_phLengthMax: 12,
+      phoneNumberLengthByCountry_phLengthMin: 4,
+      phoneNumberLengthByCountry_phLength: "4 to 12"
+    },
+    {
+      flagCode: "PK",
+      country: "Pakistan",
+      phoneNumberLengthByCountry_phLengthMax: 11,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 11"
+    },
+    {
+      flagCode: "IT",
+      country: "W\u0142ochy",
+      phoneNumberLengthByCountry_phLengthMax: 11,
+      phoneNumberLengthByCountry_phLengthMin: null,
+      phoneNumberLengthByCountry_phLength: "up to 11"
+    },
+    {
+      flagCode: "KR",
+      country: "Korea Po\u0142udniowa",
+      phoneNumberLengthByCountry_phLengthMax: 11,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 11"
+    },
+    {
+      flagCode: "PE",
+      country: "Peru",
+      phoneNumberLengthByCountry_phLengthMax: 11,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 11"
+    },
+    {
+      flagCode: "PG",
+      country: "Papua Nowa Gwinea",
+      phoneNumberLengthByCountry_phLengthMax: 11,
+      phoneNumberLengthByCountry_phLengthMin: 4,
+      phoneNumberLengthByCountry_phLength: "4 to 11"
+    },
+    {
+      flagCode: "PT",
+      country: "Portugalia",
+      phoneNumberLengthByCountry_phLengthMax: 11,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: "9 or 11"
+    },
+    {
+      flagCode: "SV",
+      country: "Salwador",
+      phoneNumberLengthByCountry_phLengthMax: 11,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7, 8 or 11"
+    },
+    {
+      flagCode: "IE",
+      country: "Irlandia",
+      phoneNumberLengthByCountry_phLengthMax: 11,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 11"
+    },
+    {
+      flagCode: "UY",
+      country: "Urugwaj",
+      phoneNumberLengthByCountry_phLengthMax: 11,
+      phoneNumberLengthByCountry_phLengthMin: 4,
+      phoneNumberLengthByCountry_phLength: "4 to 11"
+    },
+    {
+      flagCode: "CY",
+      country: "Cypr",
+      phoneNumberLengthByCountry_phLengthMax: 11,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 or 11"
+    },
+    {
+      flagCode: "LU",
+      country: "Luksemburg",
+      phoneNumberLengthByCountry_phLengthMax: 11,
+      phoneNumberLengthByCountry_phLengthMin: 4,
+      phoneNumberLengthByCountry_phLength: "4 to 11"
+    },
+    {
+      flagCode: "VA",
+      country: "Watykan",
+      phoneNumberLengthByCountry_phLengthMax: 11,
+      phoneNumberLengthByCountry_phLengthMin: null,
+      phoneNumberLengthByCountry_phLength: "up to 11"
+    },
+    {
+      flagCode: "IN",
+      country: "Indie",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 10"
+    },
+    {
+      flagCode: "US",
+      country: "Stany Zjednoczone",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: 10
+    },
+    {
+      flagCode: "ID",
+      country: "Indonezja",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: "5 to 10"
+    },
+    {
+      flagCode: "NG",
+      country: "Nigeria",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 10"
+    },
+    {
+      flagCode: "BR",
+      country: "Brazylia",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: 10
+    },
+    {
+      flagCode: "BD",
+      country: "Bangladesz",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: "6 to 10"
+    },
+    {
+      flagCode: "RU",
+      country: "Rosja",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: 10
+    },
+    {
+      flagCode: "MX",
+      country: "Meksyk",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: 10
+    },
+    {
+      flagCode: "JP",
+      country: "Japonia",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: "9 to 10"
+    },
+    {
+      flagCode: "PH",
+      country: "Filipiny",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 10"
+    },
+    {
+      flagCode: "VN",
+      country: "Wietnam",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 10"
+    },
+    {
+      flagCode: "IR",
+      country: "Iran",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: "6 to 10"
+    },
+    {
+      flagCode: "TR",
+      country: "Turcja",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: 10
+    },
+    {
+      flagCode: "GB",
+      country: "Wielka Brytania",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 10"
+    },
+    {
+      flagCode: "KE",
+      country: "Kenia",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: "6 to 10"
+    },
+    {
+      flagCode: "CO",
+      country: "Kolumbia",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 or 10"
+    },
+    {
+      flagCode: "IQ",
+      country: "Irak",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 10"
+    },
+    {
+      flagCode: "AR",
+      country: "Argentyna",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: 10
+    },
+    {
+      flagCode: "CA",
+      country: "Kanada",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: 10
+    },
+    {
+      flagCode: "MG",
+      country: "Madagaskar",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: "9 to 10"
+    },
+    {
+      flagCode: "VE",
+      country: "Wenezuela",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: 10
+    },
+    {
+      flagCode: "KP",
+      country: "Korea P\xF3\u0142nocna",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 3,
+      phoneNumberLengthByCountry_phLength: "3 to 10"
+    },
+    {
+      flagCode: "SY",
+      country: "Syria",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 10"
+    },
+    {
+      flagCode: "KZ",
+      country: "Kazachstan",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: 10
+    },
+    {
+      flagCode: "DO",
+      country: "Dominikana",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(809/829) + 7"
+    },
+    {
+      flagCode: "GR",
+      country: "Grecja",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: 10
+    },
+    {
+      flagCode: "BY",
+      country: "Bia\u0142oru\u015B",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: "9 to 10"
+    },
+    {
+      flagCode: "NZ",
+      country: "Nowa Zelandia",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 3,
+      phoneNumberLengthByCountry_phLength: "3 to 10"
+    },
+    {
+      flagCode: "PR",
+      country: "Portoryko",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(787/939) + 7"
+    },
+    {
+      flagCode: "QA",
+      country: "Katar",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: "6, 7, 10"
+    },
+    {
+      flagCode: "NA",
+      country: "Namibia",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: "6 to 10"
+    },
+    {
+      flagCode: "JM",
+      country: "Jamajka",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(876) + 7"
+    },
+    {
+      flagCode: "TT",
+      country: "Trynidad i Tobago",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(868) + 7"
+    },
+    {
+      flagCode: "EE",
+      country: "Estonia",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 10"
+    },
+    {
+      flagCode: "BS",
+      country: "Bahamy",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(242) + 7"
+    },
+    {
+      flagCode: "BB",
+      country: "Barbados",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(246) + 7"
+    },
+    {
+      flagCode: "LC",
+      country: "Saint Lucia",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(758) + 7"
+    },
+    {
+      flagCode: "GU",
+      country: "Guam",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(671) + 7"
+    },
+    {
+      flagCode: "GD",
+      country: "Grenada",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(473) + 7"
+    },
+    {
+      flagCode: "VC",
+      country: "Saint Vincent i Grenadyny",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(784) + 7"
+    },
+    {
+      flagCode: "AG",
+      country: "Antigua i Barbuda",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(268) + 7"
+    },
+    {
+      flagCode: "VI",
+      country: "Wyspy Dziewicze Stan\xF3w Zjednoczonych",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(340) + 7"
+    },
+    {
+      flagCode: "KY",
+      country: "Kajmany",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(345) + 7"
+    },
+    {
+      flagCode: "DM",
+      country: "Dominika",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(767) + 7"
+    },
+    {
+      flagCode: "BM",
+      country: "Bermudy",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(441) + 7"
+    },
+    {
+      flagCode: "TC",
+      country: "Turks i Caicos",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(649) + 7"
+    },
+    {
+      flagCode: "KN",
+      country: "Saint Kitts i Nevis",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(869) + 7"
+    },
+    {
+      flagCode: "AS",
+      country: "Samoa Ameryka\u0144skie",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(684) + 7"
+    },
+    {
+      flagCode: "SX",
+      country: "Sint Maarten",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(721) + 7"
+    },
+    {
+      flagCode: "VG",
+      country: "Brytyjskie Wyspy Dziewicze",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(284) + 7"
+    },
+    {
+      flagCode: "SM",
+      country: "San Marino",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: "6 to 10"
+    },
+    {
+      flagCode: "AI",
+      country: "Anguilla",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(264) + 7"
+    },
+    {
+      flagCode: "MS",
+      country: "Montserrat",
+      phoneNumberLengthByCountry_phLengthMax: 10,
+      phoneNumberLengthByCountry_phLengthMin: 10,
+      phoneNumberLengthByCountry_phLength: "(664) + 7"
+    },
+    {
+      flagCode: "ET",
+      country: "Etiopia",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "EG",
+      country: "Egipt",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 9"
+    },
+    {
+      flagCode: "CD",
+      country: "Demokratyczna Republika Konga",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: "5 to 9"
+    },
+    {
+      flagCode: "TZ",
+      country: "Tanzania",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "TH",
+      country: "Tajlandia",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 or 9"
+    },
+    {
+      flagCode: "FR",
+      country: "Francja",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "ZA",
+      country: "Republika Po\u0142udniowej Afryki",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "MM",
+      country: "Mjanma",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 9"
+    },
+    {
+      flagCode: "SD",
+      country: "Sudan",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "UG",
+      country: "Uganda",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "DZ",
+      country: "Algieria",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 or 9"
+    },
+    {
+      flagCode: "ES",
+      country: "Hiszpania",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "AF",
+      country: "Afganistan",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "YE",
+      country: "Jemen",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: "6 to 9"
+    },
+    {
+      flagCode: "AO",
+      country: "Angola",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "UA",
+      country: "Ukraina",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "MA",
+      country: "Maroko",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "PL",
+      country: "Polska",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: "6 to 9"
+    },
+    {
+      flagCode: "UZ",
+      country: "Uzbekistan",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "MZ",
+      country: "Mozambik",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 9"
+    },
+    {
+      flagCode: "MY",
+      country: "Malezja",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 9"
+    },
+    {
+      flagCode: "GH",
+      country: "Ghana",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: "5 to 9"
+    },
+    {
+      flagCode: "SA",
+      country: "Arabia Saudyjska",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 9"
+    },
+    {
+      flagCode: "NP",
+      country: "Nepal",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 9"
+    },
+    {
+      flagCode: "LK",
+      country: "Sri Lanka",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "TW",
+      country: "Tajwan",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 9"
+    },
+    {
+      flagCode: "ZM",
+      country: "Zambia",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "CL",
+      country: "Chile",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 9"
+    },
+    {
+      flagCode: "SN",
+      country: "Senegal",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "RO",
+      country: "Rumunia",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "NL",
+      country: "Holandia",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "ZW",
+      country: "Zimbabwe",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: "5 to 9"
+    },
+    {
+      flagCode: "RW",
+      country: "Rwanda",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "BE",
+      country: "Belgia",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 9"
+    },
+    {
+      flagCode: "JO",
+      country: "Jordania",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: "5 to 9"
+    },
+    {
+      flagCode: "AE",
+      country: "Zjednoczone Emiraty Arabskie",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 9"
+    },
+    {
+      flagCode: "TJ",
+      country: "Tad\u017Cykistan",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "AZ",
+      country: "Azerbejd\u017Can",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 9"
+    },
+    {
+      flagCode: "IL",
+      country: "Izrael",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 9"
+    },
+    {
+      flagCode: "HU",
+      country: "W\u0119gry",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 9"
+    },
+    {
+      flagCode: "LA",
+      country: "Laos",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 9"
+    },
+    {
+      flagCode: "LY",
+      country: "Libia",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: "8 to 9"
+    },
+    {
+      flagCode: "KG",
+      country: "Kirgistan",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "HK",
+      country: "Hongkong",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 4,
+      phoneNumberLengthByCountry_phLength: "4, 8 to 9"
+    },
+    {
+      flagCode: "PY",
+      country: "Paragwaj",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: "5 to 9"
+    },
+    {
+      flagCode: "BG",
+      country: "Bu\u0142garia",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 9"
+    },
+    {
+      flagCode: "SK",
+      country: "S\u0142owacja",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 4,
+      phoneNumberLengthByCountry_phLength: "4 to 9"
+    },
+    {
+      flagCode: "AL",
+      country: "Albania",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 3,
+      phoneNumberLengthByCountry_phLength: "3 to 9"
+    },
+    {
+      flagCode: "IS",
+      country: "Islandia",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 or 9"
+    },
+    {
+      flagCode: "GP",
+      country: "Gwadelupa",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "MQ",
+      country: "Martynika",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "GF",
+      country: "Gujana Francuska",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 9,
+      phoneNumberLengthByCountry_phLength: 9
+    },
+    {
+      flagCode: "AD",
+      country: "Andora",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: "6, 8 or 9"
+    },
+    {
+      flagCode: "LI",
+      country: "Liechtenstein",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 9"
+    },
+    {
+      flagCode: "MC",
+      country: "Monako",
+      phoneNumberLengthByCountry_phLengthMax: 9,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: "5 to 9"
+    },
+    {
+      flagCode: "CI",
+      country: "Wybrze\u017Ce Ko\u015Bci S\u0142oniowej",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "CM",
+      country: "Kamerun",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "NE",
+      country: "Niger",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "ML",
+      country: "Mali",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "BF",
+      country: "Burkina Faso",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "MW",
+      country: "Malawi",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 or 8"
+    },
+    {
+      flagCode: "SO",
+      country: "Somalia",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: "5 to 8"
+    },
+    {
+      flagCode: "GT",
+      country: "Gwatemala",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "EC",
+      country: "Ekwador",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "KH",
+      country: "Kambod\u017Ca",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "GN",
+      country: "Gwinea",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "BJ",
+      country: "Benin",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "BI",
+      country: "Burundi",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "BO",
+      country: "Boliwia",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "TN",
+      country: "Tunezja",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "HT",
+      country: "Haiti",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "HN",
+      country: "Honduras",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 8"
+    },
+    {
+      flagCode: "CU",
+      country: "Kuba",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: "6 to 8"
+    },
+    {
+      flagCode: "SL",
+      country: "Sierra Leone",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "TM",
+      country: "Turkmenistan",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "NI",
+      country: "Nikaragua",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "DK",
+      country: "Dania",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "LB",
+      country: "Liban",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 8"
+    },
+    {
+      flagCode: "LR",
+      country: "Liberia",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 8"
+    },
+    {
+      flagCode: "CF",
+      country: "Republika \u015Arodkowoafryka\u0144ska",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "OM",
+      country: "Oman",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 8"
+    },
+    {
+      flagCode: "NO",
+      country: "Norwegia",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: "5 or 8"
+    },
+    {
+      flagCode: "CR",
+      country: "Kostaryka",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "KW",
+      country: "Kuwejt",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 or 8"
+    },
+    {
+      flagCode: "PA",
+      country: "Panama",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 or 8"
+    },
+    {
+      flagCode: "GE",
+      country: "Gruzja",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "MN",
+      country: "Mongolia",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 8"
+    },
+    {
+      flagCode: "BA",
+      country: "Bo\u015Bnia i Hercegowina",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "MD",
+      country: "Mo\u0142dawia",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "AM",
+      country: "Armenia",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "LT",
+      country: "Litwa",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "BW",
+      country: "Botswana",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 8"
+    },
+    {
+      flagCode: "LS",
+      country: "Lesotho",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "SI",
+      country: "S\u0142owenia",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "LV",
+      country: "\u0141otwa",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 or 8"
+    },
+    {
+      flagCode: "MK",
+      country: "Macedonia P\xF3\u0142nocna",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "BH",
+      country: "Bahrajn",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "SZ",
+      country: "Eswatini",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 8"
+    },
+    {
+      flagCode: "BT",
+      country: "Bhutan",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 8"
+    },
+    {
+      flagCode: "MO",
+      country: "Makao",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 8"
+    },
+    {
+      flagCode: "MT",
+      country: "Malta",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "CW",
+      country: "Cura\xE7ao",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: "7 to 8"
+    },
+    {
+      flagCode: "GI",
+      country: "Gibraltar",
+      phoneNumberLengthByCountry_phLengthMax: 8,
+      phoneNumberLengthByCountry_phLengthMin: 8,
+      phoneNumberLengthByCountry_phLength: 8
+    },
+    {
+      flagCode: "TD",
+      country: "Czad",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: "6 to 7"
+    },
+    {
+      flagCode: "TG",
+      country: "Togo",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "CG",
+      country: "Republika Konga",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: "6 to 7"
+    },
+    {
+      flagCode: "MR",
+      country: "Mauretania",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "ER",
+      country: "Erytrea",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "GM",
+      country: "Gambia",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "GA",
+      country: "Gabon",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: "6 or 7"
+    },
+    {
+      flagCode: "GW",
+      country: "Gwinea Bissau",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "TL",
+      country: "Timor Wschodni",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "MU",
+      country: "Mauritius",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "FJ",
+      country: "Fid\u017Ci",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "KM",
+      country: "Komory",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "GY",
+      country: "Gujana",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "SR",
+      country: "Surinam",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: "6 to 7"
+    },
+    {
+      flagCode: "MV",
+      country: "Malediwy",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "CV",
+      country: "Wyspy Zielonego Przyl\u0105dka",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "BN",
+      country: "Brunei",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "BZ",
+      country: "Belize",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "VU",
+      country: "Vanuatu",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: "5 or 7"
+    },
+    {
+      flagCode: "ST",
+      country: "Wyspy \u015Awi\u0119tego Tomasza i Ksi\u0105\u017C\u0119ca",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "WS",
+      country: "Samoa",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 3,
+      phoneNumberLengthByCountry_phLength: "3 to 7"
+    },
+    {
+      flagCode: "FM",
+      country: "Mikronezja",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "AW",
+      country: "Aruba",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "TO",
+      country: "Tonga",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: "5 or 7"
+    },
+    {
+      flagCode: "MH",
+      country: "Wyspy Marshalla",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "PW",
+      country: "Palau",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 7,
+      phoneNumberLengthByCountry_phLength: 7
+    },
+    {
+      flagCode: "NR",
+      country: "Nauru",
+      phoneNumberLengthByCountry_phLengthMax: 7,
+      phoneNumberLengthByCountry_phLengthMin: 4,
+      phoneNumberLengthByCountry_phLength: "4 or 7"
+    },
+    {
+      flagCode: "GQ",
+      country: "Gwinea R\xF3wnikowa",
+      phoneNumberLengthByCountry_phLengthMax: 6,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: 6
+    },
+    {
+      flagCode: "DJ",
+      country: "D\u017Cibuti",
+      phoneNumberLengthByCountry_phLengthMax: 6,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: 6
+    },
+    {
+      flagCode: "NC",
+      country: "Nowa Kaledonia",
+      phoneNumberLengthByCountry_phLengthMax: 6,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: 6
+    },
+    {
+      flagCode: "PF",
+      country: "Polinezja Francuska",
+      phoneNumberLengthByCountry_phLengthMax: 6,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: 6
+    },
+    {
+      flagCode: "SC",
+      country: "Seszele",
+      phoneNumberLengthByCountry_phLengthMax: 6,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: 6
+    },
+    {
+      flagCode: "FO",
+      country: "Wyspy Owcze",
+      phoneNumberLengthByCountry_phLengthMax: 6,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: 6
+    },
+    {
+      flagCode: "GL",
+      country: "Grenlandia",
+      phoneNumberLengthByCountry_phLengthMax: 6,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: 6
+    },
+    {
+      flagCode: "WF",
+      country: "Wallis i Futuna",
+      phoneNumberLengthByCountry_phLengthMax: 6,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: 6
+    },
+    {
+      flagCode: "TV",
+      country: "Tuvalu",
+      phoneNumberLengthByCountry_phLengthMax: 6,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: "5 or 6"
+    },
+    {
+      flagCode: "PM",
+      country: "Saint-Pierre i Miquelon",
+      phoneNumberLengthByCountry_phLengthMax: 6,
+      phoneNumberLengthByCountry_phLengthMin: 6,
+      phoneNumberLengthByCountry_phLength: 6
+    },
+    {
+      flagCode: "SB",
+      country: "Wyspy Salomona",
+      phoneNumberLengthByCountry_phLengthMax: 5,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: 5
+    },
+    {
+      flagCode: "KI",
+      country: "Kiribati",
+      phoneNumberLengthByCountry_phLengthMax: 5,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: 5
+    },
+    {
+      flagCode: "CK",
+      country: "Wyspy Cooka",
+      phoneNumberLengthByCountry_phLengthMax: 5,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: 5
+    },
+    {
+      flagCode: "FK",
+      country: "Falklandy",
+      phoneNumberLengthByCountry_phLengthMax: 5,
+      phoneNumberLengthByCountry_phLengthMin: 5,
+      phoneNumberLengthByCountry_phLength: 5
+    },
+    {
+      flagCode: "TK",
+      country: "Tokelau",
+      phoneNumberLengthByCountry_phLengthMax: 4,
+      phoneNumberLengthByCountry_phLengthMin: 4,
+      phoneNumberLengthByCountry_phLength: 4
+    },
+    {
+      flagCode: "NU",
+      country: "Niue",
+      phoneNumberLengthByCountry_phLengthMax: 4,
+      phoneNumberLengthByCountry_phLengthMin: 4,
+      phoneNumberLengthByCountry_phLength: 4
+    }
+  ]
+};
+var COUNTRIES = countries_default.countries.map((c) => {
+  let dialCode = "";
+  try {
+    dialCode = "+" + libphonenumberJs.getCountryCallingCode(c.flagCode);
+  } catch {
+    dialCode = "";
+  }
+  return {
+    flagCode: c.flagCode,
+    country: c.country,
+    dialCode,
+    maxLength: c.phoneNumberLengthByCountry_phLengthMax,
+    minLength: c.phoneNumberLengthByCountry_phLengthMin ?? 1
+  };
+}).sort((a, b) => a.country.localeCompare(b.country, "pl"));
+var DEFAULT_COUNTRY = COUNTRIES.find((c) => c.flagCode === "US") ?? COUNTRIES[0];
+var wrapperColors = (theme, error, focused) => ({
+  borderColor: focused ? error ? theme.palette.error.main : theme.palette.primary.main : error ? theme.palette.error.main : theme.palette.divider,
+  boxShadow: focused ? `0 0 0 3px ${error ? theme.palette.error.main : theme.palette.primary.main}33` : "none",
+  "&:hover": {
+    borderColor: !focused ? error ? theme.palette.error.dark : theme.palette.text.secondary : void 0
+  }
+});
+var Root6 = styles.styled("div")(({ $fullWidth }) => ({
+  display: $fullWidth ? "block" : "inline-block",
+  width: $fullWidth ? "100%" : "auto"
+}));
+var InputWrapper2 = styles.styled("div")(
+  ({ theme, $size, $fullWidth, $error, $focused, $disabled }) => ({
+    position: "relative",
+    display: "inline-flex",
+    alignItems: "center",
+    width: $fullWidth ? "100%" : "auto",
+    height: inputHeightMap[$size],
+    borderRadius: theme.shape.borderRadius,
+    border: "1px solid",
+    backgroundColor: $disabled ? theme.palette.action.disabledBackground : theme.palette.background.paper,
+    transition: "border-color 150ms ease, box-shadow 150ms ease",
+    fontSize: inputSizeMap[$size].fontSize,
+    overflow: "visible",
+    ...$disabled ? {
+      borderColor: theme.palette.action.disabled,
+      pointerEvents: "none"
+    } : wrapperColors(theme, $error, $focused)
+  })
+);
+var CountryTrigger = styles.styled("button")(({ theme, $size }) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  alignSelf: "stretch",
+  gap: "0.375rem",
+  flexShrink: 0,
+  padding: inputSizeMap[$size].padding,
+  paddingBlock: 0,
+  background: "none",
+  border: "none",
+  outline: "none",
+  cursor: "pointer",
+  color: theme.palette.text.primary,
+  fontFamily: theme.typography.fontFamily,
+  fontSize: "inherit",
+  borderRadius: `${theme.shape.borderRadius}px 0 0 ${theme.shape.borderRadius}px`,
+  "&:hover": {
+    backgroundColor: theme.palette.action.hover
+  },
+  "&:disabled": {
+    color: theme.palette.action.disabled,
+    cursor: "not-allowed"
+  }
+}));
+var DialCode = styles.styled("span")({
+  fontVariantNumeric: "tabular-nums",
+  whiteSpace: "nowrap"
+});
+var ChevronIcon = styles.styled("span")(({ $open }) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  transition: "transform 150ms ease",
+  transform: $open ? "rotate(180deg)" : "rotate(0deg)"
+}));
+var Divider = styles.styled("span")(({ theme }) => ({
+  width: "1px",
+  alignSelf: "stretch",
+  backgroundColor: theme.palette.divider,
+  flexShrink: 0,
+  margin: "4px 0"
+}));
+var StyledInput2 = styles.styled("input")(({ theme, $size }) => ({
+  flex: 1,
+  minWidth: 0,
+  border: "none",
+  outline: "none",
+  background: "transparent",
+  fontFamily: theme.typography.fontFamily,
+  fontSize: "inherit",
+  color: theme.palette.text.primary,
+  padding: inputSizeMap[$size].padding,
+  paddingBlock: 0,
+  "&::placeholder": {
+    color: theme.palette.text.disabled
+  },
+  "&:disabled": {
+    color: theme.palette.action.disabled,
+    cursor: "not-allowed"
+  }
+}));
+var DropdownPanel3 = styles.styled(DropdownPanel)({
+  minWidth: "280px",
+  display: "flex",
+  flexDirection: "column",
+  overflow: "hidden"
+});
+var SearchBox = styles.styled("div")(({ theme }) => ({
+  padding: "0.5rem",
+  borderBottom: `1px solid ${theme.palette.divider}`,
+  flexShrink: 0
+}));
+var SearchInput2 = styles.styled("input")(({ theme }) => ({
+  width: "100%",
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: theme.shape.borderRadius,
+  padding: "0.25rem 0.5rem",
+  fontSize: "0.875rem",
+  fontFamily: theme.typography.fontFamily,
+  color: theme.palette.text.primary,
+  background: theme.palette.background.paper,
+  outline: "none",
+  "&:focus": {
+    borderColor: theme.palette.primary.main,
+    boxShadow: `0 0 0 2px ${theme.palette.primary.main}33`
+  },
+  "&::placeholder": {
+    color: theme.palette.text.disabled
+  }
+}));
+var OptionList = styles.styled("ul")({
+  listStyle: "none",
+  margin: 0,
+  padding: "0.25rem 0",
+  overflowY: "auto",
+  maxHeight: "220px"
+});
+var OptionItem2 = styles.styled("li")(({ theme, $selected }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5rem",
+  padding: "0.375rem 0.75rem",
+  cursor: "pointer",
+  fontSize: "0.875rem",
+  fontFamily: theme.typography.fontFamily,
+  color: theme.palette.text.primary,
+  backgroundColor: $selected ? theme.palette.action.selected : "transparent",
+  "&:hover": {
+    backgroundColor: $selected ? theme.palette.action.selected : theme.palette.action.hover
+  }
+}));
+var CountryName = styles.styled("span")({
+  flex: 1,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+});
+var OptionDialCode = styles.styled("span")(({ theme }) => ({
+  color: theme.palette.text.secondary,
+  flexShrink: 0,
+  fontVariantNumeric: "tabular-nums"
+}));
+var EmptyMessage = styles.styled("p")(({ theme }) => ({
+  margin: 0,
+  padding: "0.75rem",
+  textAlign: "center",
+  fontSize: "0.875rem",
+  color: theme.palette.text.secondary
+}));
+var PhoneInput = react$1.forwardRef(
+  ({
+    value,
+    defaultValue = "",
+    defaultCountry,
+    onChange,
+    onCountryChange,
+    label,
+    helperText,
+    error = false,
+    size = "md",
+    fullWidth = false,
+    disabled = false,
+    placeholder,
+    id,
+    countrySelectAriaLabel = (country, dialCode) => `Wybierz kraj, aktualny: ${country} (${dialCode})`,
+    phoneAriaLabel = "Numer telefonu",
+    countryListAriaLabel = "Wybierz kraj",
+    countrySearchPlaceholder = "Szukaj kraju\u2026",
+    countrySearchAriaLabel = "Szukaj kraju",
+    digitsLabel = "cyfr"
+  }, ref) => {
+    const autoId = react$1.useId();
+    const inputId = id ?? autoId;
+    const listboxId = `${inputId}-listbox`;
+    const initialCountry = react$1.useMemo(
+      () => COUNTRIES.find((c) => c.flagCode === defaultCountry) ?? DEFAULT_COUNTRY,
+      [defaultCountry]
+    );
+    const [selectedCountry, setSelectedCountry] = react$1.useState(initialCountry);
+    const [isOpen, setIsOpen] = react$1.useState(false);
+    const [searchQuery, setSearchQuery] = react$1.useState("");
+    const [focused, setFocused] = react$1.useState(false);
+    const isControlled = value !== void 0;
+    const [internalValue, setInternalValue] = react$1.useState(defaultValue);
+    const phoneValue = isControlled ? value : internalValue;
+    const rootRef = react$1.useRef(null);
+    const searchRef = react$1.useRef(null);
+    const filteredCountries = react$1.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$1.useCallback(() => {
+      setIsOpen(false);
+      setSearchQuery("");
+    }, []);
+    const openDropdown = () => {
+      if (disabled) return;
+      setIsOpen((prev) => !prev);
+      if (!isOpen) {
+        setTimeout(() => searchRef.current?.focus(), 0);
+      }
+    };
+    const selectCountry = (country) => {
+      setSelectedCountry(country);
+      onCountryChange?.(country);
+      close();
+      if (!isControlled) setInternalValue("");
+      onChange?.("", { country, dialCode: country.dialCode, fullNumber: country.dialCode });
+    };
+    const handlePhoneChange = (e) => {
+      const raw = e.target.value.replace(/\D/g, "");
+      const clamped = raw.slice(0, selectedCountry.maxLength);
+      if (!isControlled) setInternalValue(clamped);
+      onChange?.(clamped, {
+        country: selectedCountry,
+        dialCode: selectedCountry.dialCode,
+        fullNumber: selectedCountry.dialCode + clamped
+      });
+    };
+    const handlePhoneKeyDown = (e) => {
+      if (e.ctrlKey || e.metaKey || e.altKey || e.key.length > 1) return;
+      if (!/^\d$/.test(e.key)) e.preventDefault();
+    };
+    react$1.useEffect(() => {
+      if (!isOpen) return;
+      const handler = (e) => {
+        if (rootRef.current && !rootRef.current.contains(e.target)) close();
+      };
+      document.addEventListener("mousedown", handler);
+      return () => document.removeEventListener("mousedown", handler);
+    }, [isOpen, close]);
+    const derivedPlaceholder = placeholder ?? (selectedCountry.minLength === selectedCountry.maxLength ? `${selectedCountry.maxLength} ${digitsLabel}` : `${selectedCountry.minLength}\u2013${selectedCountry.maxLength} ${digitsLabel}`);
+    return /* @__PURE__ */ jsxRuntime.jsxs(Root6, { $fullWidth: fullWidth, ref: rootRef, children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: inputId, error, size, children: label }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        InputWrapper2,
+        {
+          $size: size,
+          $fullWidth: fullWidth,
+          $error: error,
+          $focused: focused || isOpen,
+          $disabled: disabled,
+          "data-disabled": disabled || void 0,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              CountryTrigger,
+              {
+                type: "button",
+                $size: size,
+                disabled,
+                "aria-haspopup": "listbox",
+                "aria-expanded": isOpen,
+                "aria-controls": isOpen ? listboxId : void 0,
+                "aria-label": countrySelectAriaLabel(selectedCountry.country, selectedCountry.dialCode),
+                onClick: openDropdown,
+                onKeyDown: (e) => e.key === "Escape" && close(),
+                onFocus: () => setFocused(true),
+                onBlur: () => setFocused(false),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(CountryFlag, { countryCode: selectedCountry.flagCode, size }),
+                  /* @__PURE__ */ jsxRuntime.jsx(DialCode, { children: selectedCountry.dialCode }),
+                  /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, { $open: isOpen, children: /* @__PURE__ */ jsxRuntime.jsx(Chevron, {}) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(Divider, { "aria-hidden": true }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              StyledInput2,
+              {
+                ref,
+                id: inputId,
+                $size: size,
+                type: "tel",
+                inputMode: "numeric",
+                value: phoneValue,
+                onChange: handlePhoneChange,
+                onKeyDown: handlePhoneKeyDown,
+                onFocus: () => setFocused(true),
+                onBlur: () => setFocused(false),
+                disabled,
+                placeholder: derivedPlaceholder,
+                maxLength: selectedCountry.maxLength,
+                "aria-label": label ? void 0 : phoneAriaLabel
+              }
+            ),
+            isOpen && /* @__PURE__ */ jsxRuntime.jsxs(DropdownPanel3, { id: listboxId, role: "listbox", "aria-label": countryListAriaLabel, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SearchBox, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                SearchInput2,
+                {
+                  ref: searchRef,
+                  type: "search",
+                  placeholder: countrySearchPlaceholder,
+                  value: searchQuery,
+                  onChange: (e) => setSearchQuery(e.target.value),
+                  onKeyDown: (e) => e.key === "Escape" && close(),
+                  "aria-label": countrySearchAriaLabel
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(OptionList, { children: filteredCountries.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(EmptyMessage, { children: "Nie znaleziono kraju" }) : filteredCountries.map((country) => {
+                const isSelected = country.flagCode === selectedCountry.flagCode;
+                return /* @__PURE__ */ jsxRuntime.jsxs(
+                  OptionItem2,
+                  {
+                    role: "option",
+                    "aria-selected": isSelected,
+                    $selected: isSelected,
+                    onClick: () => selectCountry(country),
+                    onKeyDown: (e) => e.key === "Enter" && selectCountry(country),
+                    tabIndex: 0,
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(CountryFlag, { countryCode: country.flagCode, size: "sm" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(CountryName, { children: country.country }),
+                      /* @__PURE__ */ jsxRuntime.jsx(OptionDialCode, { children: country.dialCode })
+                    ]
+                  },
+                  country.flagCode
+                );
+              }) })
+            ] })
+          ]
+        }
+      ),
+      helperText && /* @__PURE__ */ jsxRuntime.jsx(HelperText, { error, children: helperText })
+    ] });
+  }
+);
+PhoneInput.displayName = "PhoneInput";
+var TextInput = react$1.forwardRef(
+  ({ type = "text", ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(BaseInput, { ref, type, ...rest })
+);
+TextInput.displayName = "TextInput";
+var BREAKPOINT_MAP = {
+  base: "xs",
+  sm: "sm",
+  md: "md",
+  lg: "lg",
+  xl: "xl",
+  "2xl": "xl"
+};
+var GAP_MAP = {
+  0: "0",
+  1: "0.25rem",
+  2: "0.5rem",
+  3: "0.75rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  8: "2rem",
+  10: "2.5rem",
+  12: "3rem"
+};
+var COLS_MAP = {
+  1: "repeat(1, minmax(0, 1fr))",
+  2: "repeat(2, minmax(0, 1fr))",
+  3: "repeat(3, minmax(0, 1fr))",
+  4: "repeat(4, minmax(0, 1fr))",
+  5: "repeat(5, minmax(0, 1fr))",
+  6: "repeat(6, minmax(0, 1fr))",
+  7: "repeat(7, minmax(0, 1fr))",
+  8: "repeat(8, minmax(0, 1fr))",
+  9: "repeat(9, minmax(0, 1fr))",
+  10: "repeat(10, minmax(0, 1fr))",
+  11: "repeat(11, minmax(0, 1fr))",
+  12: "repeat(12, minmax(0, 1fr))"
+};
+var StyledBox = styles.styled("div")(
+  ({ theme, $isGrid, $direction, $wrap, $gap, $cols, $rows }) => {
+    const css = { display: $isGrid ? "grid" : "flex" };
+    function apply(value, toCss) {
+      if (value === void 0 || value === null) return;
+      if (typeof value !== "object") {
+        Object.assign(css, toCss(value));
+        return;
+      }
+      for (const [bp, val] of Object.entries(value)) {
+        if (val === void 0) continue;
+        const muiBp = BREAKPOINT_MAP[bp];
+        if (muiBp === "xs") {
+          Object.assign(css, toCss(val));
+        } else {
+          const mq = theme.breakpoints.up(muiBp);
+          css[mq] = { ...css[mq], ...toCss(val) };
+        }
+      }
+    }
+    apply($direction, (v) => ({ flexDirection: v === "col" ? "column" : "row" }));
+    apply($wrap, (v) => ({ flexWrap: v }));
+    apply($gap, (v) => ({ gap: GAP_MAP[v] }));
+    if ($isGrid) {
+      apply($cols, (v) => ({ gridTemplateColumns: COLS_MAP[v] }));
+      apply($rows, (v) => ({ gridTemplateRows: COLS_MAP[v] }));
+    }
+    return css;
+  }
+);
+var Box2 = react$1.forwardRef(
+  ({ direction = "row", wrap = "nowrap", gap = 0, cols, rows, children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    StyledBox,
+    {
+      ref,
+      $isGrid: !!(cols || rows),
+      $direction: direction,
+      $wrap: wrap,
+      $gap: gap,
+      $cols: cols,
+      $rows: rows,
+      ...rest,
+      children
+    }
+  )
+);
+Box2.displayName = "Box";
+var MAX_WIDTH_MAP = {
+  sm: "40rem",
+  md: "48rem",
+  lg: "64rem",
+  xl: "80rem",
+  "2xl": "96rem",
+  full: "100%"
+};
+var StyledContainer = styles.styled("div")(({ theme, $maxWidth }) => ({
+  maxWidth: MAX_WIDTH_MAP[$maxWidth],
+  marginLeft: "auto",
+  marginRight: "auto",
+  paddingLeft: "1.5rem",
+  paddingRight: "1.5rem",
+  width: "100%",
+  [theme.breakpoints.up("sm")]: {
+    paddingLeft: "2rem",
+    paddingRight: "2rem"
+  }
+}));
+var Container = react$1.forwardRef(
+  ({ maxWidth = "xl", children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(StyledContainer, { ref, $maxWidth: maxWidth, ...rest, children })
+);
+Container.displayName = "Container";
+var StyledSection = styles.styled("section")(({ theme }) => ({
+  paddingTop: "2rem",
+  paddingBottom: "2rem",
+  [theme.breakpoints.up("md")]: {
+    paddingTop: "3rem",
+    paddingBottom: "3rem"
+  }
+}));
+var Section = react$1.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(StyledSection, { ref, ...rest, children }));
+Section.displayName = "Section";
+var getTypographyStyles = (theme) => ({
+  fontFamily: theme.typography.fontFamily,
+  "& h1": { fontSize: "2.25rem", fontWeight: 500, letterSpacing: "-0.025em" },
+  "& h2": { fontSize: "1.875rem", fontWeight: 500, letterSpacing: "-0.025em" },
+  "& h3": { fontSize: "1.5rem", fontWeight: 500, letterSpacing: "-0.025em" },
+  "& h4": { fontSize: "1.25rem", fontWeight: 500, letterSpacing: "-0.025em" },
+  "& h5": { fontSize: "1.125rem", fontWeight: 500, letterSpacing: "-0.025em" },
+  "& h6": { fontSize: "1rem", fontWeight: 500, letterSpacing: "-0.025em" },
+  "& p": { fontSize: "1rem", lineHeight: 1.75, marginBottom: "1rem" },
+  "& strong": { fontWeight: 600 },
+  "& em": { fontStyle: "italic" },
+  "& del": { textDecoration: "line-through" },
+  "& small": { fontSize: "0.875rem", fontWeight: 500, lineHeight: 1 },
+  "& sub, & sup": { fontSize: "0.875rem" },
+  "& a": {
+    textDecoration: "underline",
+    textUnderlineOffset: "4px",
+    textDecorationColor: styles.alpha(theme.palette.primary.main, 0.5),
+    transition: "color 150ms ease, text-decoration-color 150ms ease",
+    "&:hover": {
+      color: theme.palette.primary.main,
+      textDecorationColor: theme.palette.primary.main
+    }
+  },
+  "& ul": {
+    paddingLeft: 0,
+    listStyle: "none",
+    "& > li": { position: "relative", paddingLeft: "1.5rem", marginBottom: "0.5rem" },
+    "& > li::before": {
+      content: '""',
+      position: "absolute",
+      left: "0.25rem",
+      top: "0.6875em",
+      height: "0.375rem",
+      width: "0.375rem",
+      borderRadius: "50%",
+      backgroundColor: styles.alpha(theme.palette.text.primary, 0.8)
+    }
+  },
+  "& ol": {
+    paddingLeft: "1.5rem",
+    listStyleType: "decimal",
+    "& > li": { paddingLeft: "0.5rem", marginBottom: "0.5rem" },
+    "& ol": { listStyleType: "lower-alpha", paddingLeft: "1.5rem" },
+    "& ol ol": { listStyleType: "lower-roman" }
+  },
+  "& code": {
+    position: "relative",
+    borderRadius: "0.25rem",
+    backgroundColor: styles.alpha(theme.palette.grey[500], 0.1),
+    padding: "0.2rem 0.3rem",
+    fontFamily: "monospace",
+    fontSize: "0.875rem",
+    fontWeight: 500
+  },
+  "& pre": {
+    overflowX: "auto",
+    borderRadius: "0.5rem",
+    border: `1px solid ${theme.palette.divider}`,
+    backgroundColor: styles.alpha(theme.palette.grey[500], 0.1),
+    padding: "1rem",
+    margin: "1rem 0",
+    "& code": {
+      background: "transparent",
+      padding: 0,
+      fontSize: "0.875rem",
+      display: "block",
+      width: "100%"
+    }
+  },
+  "& table": {
+    width: "100%",
+    margin: "1rem 0",
+    borderRadius: "0.5rem",
+    border: `1px solid ${theme.palette.divider}`,
+    borderCollapse: "collapse",
+    overflow: "hidden"
+  },
+  "& thead": { backgroundColor: styles.alpha(theme.palette.grey[500], 0.1) },
+  "& tr": {
+    borderBottom: `1px solid ${theme.palette.divider}`,
+    "&:last-child": { borderBottom: "none" }
+  },
+  "& th": {
+    padding: "0.5rem 1rem",
+    textAlign: "left",
+    fontWeight: 600,
+    borderRight: `1px solid ${theme.palette.divider}`,
+    "&:last-child": { borderRight: "none" }
+  },
+  "& td": {
+    padding: "0.5rem 1rem",
+    borderRight: `1px solid ${theme.palette.divider}`,
+    "&:last-child": { borderRight: "none" }
+  },
+  "& img": {
+    borderRadius: "0.5rem",
+    border: `1px solid ${theme.palette.divider}`,
+    margin: "1rem 0",
+    maxWidth: "100%",
+    height: "auto"
+  },
+  "& video": {
+    borderRadius: "0.5rem",
+    border: `1px solid ${theme.palette.divider}`,
+    margin: "1rem 0"
+  },
+  "& figure": { margin: "1rem 0", "& img": { margin: 0 } },
+  "& figcaption": {
+    fontSize: "0.875rem",
+    marginTop: "0.5rem",
+    color: theme.palette.text.secondary
+  },
+  "& blockquote": {
+    borderLeft: `4px solid ${styles.alpha(theme.palette.primary.main, 0.2)}`,
+    paddingLeft: "1rem",
+    paddingTop: "0.25rem",
+    paddingBottom: "0.25rem",
+    margin: "1rem 0",
+    color: theme.palette.text.secondary
+  },
+  "& hr": {
+    margin: "2rem 0",
+    borderTop: `2px solid ${theme.palette.divider}`,
+    borderBottom: "none"
+  },
+  "& abbr": { cursor: "help", textDecoration: "underline dotted", textUnderlineOffset: "4px" },
+  "& kbd": {
+    borderRadius: "0.375rem",
+    border: `1px solid ${theme.palette.divider}`,
+    backgroundColor: styles.alpha(theme.palette.grey[500], 0.1),
+    padding: "0.125rem 0.375rem",
+    fontSize: "0.875rem",
+    fontFamily: "monospace"
+  },
+  "& mark": { backgroundColor: styles.alpha(theme.palette.primary.main, 0.1), padding: "0 0.25rem" },
+  "& details": {
+    borderRadius: "0.5rem",
+    border: `1px solid ${theme.palette.divider}`,
+    padding: "0.5rem 1rem",
+    margin: "1rem 0"
+  },
+  "& summary": { cursor: "pointer", fontWeight: 600 }
+});
+var getHeaderSpacingStyles = () => ({
+  "& h1": { marginTop: "2rem", marginBottom: "1rem" },
+  "& h2": { marginTop: "2rem", marginBottom: "1rem" },
+  "& h3": { marginTop: "1.5rem", marginBottom: "0.75rem" },
+  "& h4": { marginTop: "1.5rem", marginBottom: "0.75rem" },
+  "& h5": { marginTop: "1rem", marginBottom: "0.5rem" },
+  "& h6": { marginTop: "1rem", marginBottom: "0.5rem" }
+});
+var spacingStyles = {
+  "& > * + *": { marginTop: "1.5rem" }
+};
+var StyledMain = styles.styled("main")(({ theme }) => ({
+  ...getTypographyStyles(theme)
+}));
+var Main = react$1.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$1.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(StyledProse, { ref, ...rest, children }));
+Prose.displayName = "Prose";
+var StyledArticle = styles.styled("article")(({ theme }) => ({
+  maxWidth: "56rem",
+  marginLeft: "auto",
+  marginRight: "auto",
+  ...getTypographyStyles(theme),
+  ...getHeaderSpacingStyles(),
+  ...spacingStyles
+}));
+var Article = react$1.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(StyledArticle, { ref, ...rest, children }));
+Article.displayName = "Article";
+var sizeMap3 = {
+  sm: { minWidth: "1.75rem", height: "1.75rem", fontSize: "0.75rem" },
+  md: { minWidth: "2rem", height: "2rem", fontSize: "0.875rem" },
+  lg: { minWidth: "2.5rem", height: "2.5rem", fontSize: "1rem" }
+};
+var activeStyles = (theme) => ({
+  backgroundColor: theme.palette.primary.main,
+  color: theme.palette.primary.contrastText,
+  "&:hover:not(:disabled)": { backgroundColor: theme.palette.primary.dark }
+});
+var idleStyles = (theme) => ({
+  backgroundColor: "transparent",
+  color: theme.palette.text.primary,
+  "&:hover:not(:disabled)": { backgroundColor: styles.alpha(theme.palette.primary.main, 0.08) },
+  "&:active:not(:disabled)": { backgroundColor: styles.alpha(theme.palette.primary.main, 0.16) }
+});
+var StyledButton2 = styles.styled("button")(({ theme, $isActive, $size }) => ({
+  appearance: "none",
+  border: "none",
+  cursor: "pointer",
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  borderRadius: theme.shape.borderRadius,
+  fontFamily: theme.typography.fontFamily,
+  fontWeight: $isActive ? 700 : 400,
+  lineHeight: 1,
+  padding: "0 0.25rem",
+  transition: "background-color 150ms ease",
+  ...sizeMap3[$size],
+  ...$isActive ? activeStyles(theme) : idleStyles(theme),
+  "&:focus-visible": {
+    outline: `3px solid ${theme.palette.primary.main}`,
+    outlineOffset: "2px"
+  },
+  "&:disabled": {
+    color: theme.palette.action.disabled,
+    cursor: "not-allowed",
+    pointerEvents: "none"
+  }
+}));
+var PaginationButton = react$1.forwardRef(
+  ({ onClick, isActive = false, disabled = false, size = "md", children, "aria-label": ariaLabel }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    StyledButton2,
+    {
+      ref,
+      type: "button",
+      onClick,
+      disabled,
+      $isActive: isActive,
+      $size: size,
+      "aria-label": ariaLabel,
+      "aria-current": isActive ? "page" : void 0,
+      children
+    }
+  )
+);
+PaginationButton.displayName = "PaginationButton";
+var sizeMap4 = {
+  sm: { minWidth: "1.75rem", height: "1.75rem", fontSize: "0.75rem" },
+  md: { minWidth: "2rem", height: "2rem", fontSize: "0.875rem" },
+  lg: { minWidth: "2.5rem", height: "2.5rem", fontSize: "1rem" }
+};
+var StyledEllipsis = styles.styled("span")(({ theme, $size }) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  color: theme.palette.text.secondary,
+  userSelect: "none",
+  ...sizeMap4[$size]
+}));
+var PaginationEllipsis = ({ size = "md" }) => /* @__PURE__ */ jsxRuntime.jsx(StyledEllipsis, { $size: size, "aria-hidden": "true", children: "\u2026" });
+PaginationEllipsis.displayName = "PaginationEllipsis";
+var Nav = styles.styled("nav")({
+  display: "inline-flex",
+  alignItems: "center",
+  gap: "0.25rem"
+});
+var DOTS = "DOTS";
+function buildPageItems(currentPage, totalPages, siblingCount) {
+  const totalSlots = siblingCount * 2 + 5;
+  if (totalPages <= totalSlots) {
+    return Array.from({ length: totalPages }, (_, i) => i + 1);
+  }
+  const leftSibling = Math.max(currentPage - siblingCount, 1);
+  const rightSibling = Math.min(currentPage + siblingCount, totalPages);
+  const showLeftDots = leftSibling > 2;
+  const showRightDots = rightSibling < totalPages - 1;
+  if (!showLeftDots && showRightDots) {
+    const leftRange = Array.from({ length: 3 + siblingCount * 2 }, (_, i) => i + 1);
+    return [...leftRange, DOTS, totalPages];
+  }
+  if (showLeftDots && !showRightDots) {
+    const rightRange = Array.from(
+      { length: 3 + siblingCount * 2 },
+      (_, i) => totalPages - (3 + siblingCount * 2) + 1 + i
+    );
+    return [1, DOTS, ...rightRange];
+  }
+  const middleRange = Array.from(
+    { length: rightSibling - leftSibling + 1 },
+    (_, i) => leftSibling + i
+  );
+  return [1, DOTS, ...middleRange, DOTS, totalPages];
+}
+var ChevronLeft = () => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("polyline", { points: "15 18 9 12 15 6" }) });
+var ChevronRight = () => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" }) });
+var ChevronsLeft = () => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("polyline", { points: "11 17 6 12 11 7" }),
+  /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "18 17 13 12 18 7" })
+] });
+var ChevronsRight = () => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("polyline", { points: "13 17 18 12 13 7" }),
+  /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "6 17 11 12 6 7" })
+] });
+var PaginationBar = ({
+  currentPage,
+  totalPages,
+  onPageChange,
+  siblingCount = 1,
+  showFirstLast = true,
+  size = "md",
+  disabled = false
+}) => {
+  const pageItems = buildPageItems(currentPage, totalPages, siblingCount);
+  const isFirst = currentPage === 1;
+  const isLast = currentPage === totalPages;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Nav, { "aria-label": "Pagination", children: [
+    showFirstLast && /* @__PURE__ */ jsxRuntime.jsx(
+      PaginationButton,
+      {
+        size,
+        disabled: disabled || isFirst,
+        onClick: () => onPageChange(1),
+        "aria-label": "First page",
+        children: /* @__PURE__ */ jsxRuntime.jsx(ChevronsLeft, {})
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PaginationButton,
+      {
+        size,
+        disabled: disabled || isFirst,
+        onClick: () => onPageChange(currentPage - 1),
+        "aria-label": "Previous page",
+        children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, {})
+      }
+    ),
+    pageItems.map(
+      (item, index) => item === DOTS ? /* @__PURE__ */ jsxRuntime.jsx(PaginationEllipsis, { size }, `dots-${index}`) : /* @__PURE__ */ jsxRuntime.jsx(
+        PaginationButton,
+        {
+          size,
+          isActive: item === currentPage,
+          disabled,
+          onClick: () => onPageChange(item),
+          "aria-label": `Page ${item}`,
+          children: item
+        },
+        item
+      )
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PaginationButton,
+      {
+        size,
+        disabled: disabled || isLast,
+        onClick: () => onPageChange(currentPage + 1),
+        "aria-label": "Next page",
+        children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, {})
+      }
+    ),
+    showFirstLast && /* @__PURE__ */ jsxRuntime.jsx(
+      PaginationButton,
+      {
+        size,
+        disabled: disabled || isLast,
+        onClick: () => onPageChange(totalPages),
+        "aria-label": "Last page",
+        children: /* @__PURE__ */ jsxRuntime.jsx(ChevronsRight, {})
+      }
+    )
+  ] });
+};
+PaginationBar.displayName = "PaginationBar";
 var ss = "sans-serif";
 var typographyOptions = {
   fontFamily: ["'Lato'", ss].join(","),
@@ -245,8 +4312,31 @@ var MyThemeProvider = ({
   ] });
 };
 
+exports.Article = Article;
+exports.BaseInput = BaseInput;
+exports.BaseSelectInput = BaseSelectInput;
+exports.Box = Box2;
 exports.Button = Button;
+exports.CheckboxInput = CheckboxInput;
+exports.Container = Container;
+exports.CountryFlag = CountryFlag;
+exports.EmailInput = EmailInput;
+exports.FileInput = FileInput;
+exports.Main = Main;
+exports.MultiSelectInput = MultiSelectInput;
 exports.MyThemeProvider = MyThemeProvider;
+exports.NumberInput = NumberInput;
+exports.PaginationBar = PaginationBar;
+exports.PaginationButton = PaginationButton;
+exports.PaginationEllipsis = PaginationEllipsis;
+exports.PasswordInput = PasswordInput;
+exports.PhoneInput = PhoneInput;
+exports.Prose = Prose;
+exports.SearchInput = SearchInput;
+exports.Section = Section;
+exports.SelectInput = SelectInput;
+exports.TextInput = TextInput;
+exports.TextareaInput = TextareaInput;
 exports.createMyTheme = createMyTheme;
 exports.myTheme = myTheme;
 exports.themeDark = themeDark;