bluconndesign 1.0.0

package/dist/theme/index.mjs

@@ -0,0 +1,2139 @@
+// src/theme/theme.ts
+import { createTheme } from "@mui/material/styles";
+
+// src/theme/types.ts
+import "@mui/material/styles";
+
+// src/tokens/tokens.json
+var tokens_default = {
+  color: {
+    primary: {
+      "25": "#F2FDF6",
+      "50": "#D4F7E1",
+      "100": "#B5F2CC",
+      "200": "#97EDB8",
+      "300": "#78E8A1",
+      "400": "#5AE28C",
+      "500": "#3BDD77",
+      "600": "#1EAB52",
+      "700": "#1A9849",
+      "800": "#176B34",
+      "900": "#134C25",
+      "950": "#102D16"
+    },
+    base: {
+      white: "#FFFFFF",
+      black: "#000000",
+      transparent: "#FFFFFF 10%"
+    },
+    gray: {
+      "25": "#FDFDFD",
+      "50": "#FAFAFA",
+      "100": "#F5F5F5",
+      "200": "#E9EAEB",
+      "300": "#D5D7DA",
+      "400": "#A4A7AE",
+      "500": "#717680",
+      "600": "#535862",
+      "700": "#414651",
+      "800": "#252B37",
+      "900": "#181D27",
+      "950": "#0A0D12"
+    },
+    "gray-dark": {
+      "25": "#FAFAFA",
+      "50": "#F7F7F7",
+      "100": "#F0F0F1",
+      "200": "#ECECED",
+      "300": "#CECFD2",
+      "400": "#94979C",
+      "500": "#85888E",
+      "600": "#61656C",
+      "700": "#52565D",
+      "800": "#3E4248",
+      "900": "#24272C",
+      "950": "#1A1C1F"
+    },
+    error: {
+      "25": "#FFFBFA",
+      "50": "#FEF3F2",
+      "100": "#FEE4E2",
+      "200": "#FECDCA",
+      "300": "#FDA29B",
+      "400": "#F97066",
+      "500": "#F04438",
+      "600": "#D92D20",
+      "700": "#B42318",
+      "800": "#912018",
+      "900": "#7A271A",
+      "950": "#55160C"
+    },
+    success: {
+      "25": "#F6FEF9",
+      "50": "#ECFDF3",
+      "100": "#DCFAE6",
+      "200": "#ABEFC6",
+      "300": "#75E0A7",
+      "400": "#47CD89",
+      "500": "#17B26A",
+      "600": "#079455",
+      "700": "#067647",
+      "800": "#085D3A",
+      "900": "#074D31",
+      "950": "#053321"
+    },
+    warning: {
+      "25": "#FFFCF5",
+      "50": "#FFFAEB",
+      "100": "#FEF0C7",
+      "200": "#FEDF89",
+      "300": "#FEC84B",
+      "400": "#FDB022",
+      "500": "#F79009",
+      "600": "#DC6803",
+      "700": "#B54708",
+      "800": "#93370D",
+      "900": "#7A2E0E",
+      "950": "#4E1D09"
+    },
+    secondary: {
+      "25": "#FDFDFD",
+      "50": "#F4F4F4",
+      "100": "#F1F1F1",
+      "200": "#E9EAEE",
+      "300": "#D5D7DA",
+      "400": "#A4A7AE",
+      "500": "#717680",
+      "600": "#535862",
+      "700": "#414651",
+      "800": "#252B37",
+      "900": "#181D27",
+      "950": "#0A0D12"
+    }
+  },
+  spacing: {
+    xxs: "2px",
+    xs: "4px",
+    sm: "6px",
+    md: "8px",
+    lg: "12px",
+    xl: "16px",
+    "2xl": "20px",
+    "3xl": "24px",
+    "4xl": "32px",
+    "5xl": "40px",
+    "6xl": "48px",
+    "7xl": "64px",
+    "8xl": "80px",
+    "9xl": "96px"
+  },
+  typography: {
+    fontFamily: {
+      display: "DM Sans, sans-serif",
+      body: "DM Sans, sans-serif"
+    },
+    fontWeight: {
+      regular: "400",
+      medium: "500",
+      semibold: "600",
+      bold: "700"
+    },
+    fontSize: {
+      "display-2xl": "72px",
+      "display-xl": "60px",
+      "display-lg": "48px",
+      "display-md": "36px",
+      "display-sm": "30px",
+      "display-xs": "24px",
+      "text-xl": "20px",
+      "text-lg": "18px",
+      "text-md": "16px",
+      "text-sm": "14px",
+      "text-xs": "12px"
+    },
+    lineHeight: {
+      "display-2xl": "90px",
+      "display-xl": "72px",
+      "display-lg": "60px",
+      "display-md": "44px",
+      "display-sm": "38px",
+      "display-xs": "32px",
+      "text-xl": "30px",
+      "text-lg": "28px",
+      "text-md": "24px",
+      "text-sm": "20px",
+      "text-xs": "18px"
+    },
+    letterSpacing: {
+      "display-2xl": "-2%",
+      "display-xl": "-2%",
+      "display-lg": "-2%",
+      "display-md": "-2%",
+      "display-sm": "0",
+      "display-xs": "0",
+      "text-xl": "0",
+      "text-lg": "0",
+      "text-md": "0",
+      "text-sm": "0",
+      "text-xs": "0"
+    }
+  },
+  borderRadius: {
+    sm: 6,
+    md: 8,
+    lg: 10,
+    xl: 12,
+    full: 9999
+  },
+  shadows: {
+    xs: "0px 1px 2px 0px rgba(10, 13, 18, 0.05)",
+    sm: "0px 1px 2px 0px rgba(10, 13, 18, 0.06), 0px 1px 3px 0px rgba(10, 13, 18, 0.1)",
+    md: "0px 2px 4px -2px rgba(10, 13, 18, 0.06), 0px 4px 8px -2px rgba(10, 13, 18, 0.1)",
+    lg: "0px 4px 6px -2px rgba(10, 13, 18, 0.03), 0px 12px 16px -4px rgba(10, 13, 18, 0.08)",
+    xl: "0px 8px 8px -4px rgba(10, 13, 18, 0.03), 0px 20px 24px -4px rgba(10, 13, 18, 0.08)",
+    "2xl": "0px 24px 48px -12px rgba(10, 13, 18, 0.18)",
+    "3xl": "0px 32px 64px -12px rgba(10, 13, 18, 0.14)",
+    "skeumorphic-inner": "inset 0px -2px 0px 0px rgba(10, 13, 18, 0.05)",
+    "skeumorphic-inner-border": "inset 0px 0px 0px 1px rgba(10, 13, 18, 0.06)"
+  },
+  effects: {
+    focusRings: {
+      "focus-ring": "#3BDD77",
+      "focus-ring-error": "#F04438"
+    }
+  }
+};
+
+// src/theme/colour.ts
+var colorTokens = tokens_default.color;
+var palette = {
+  primary: {
+    main: colorTokens.primary["500"],
+    light: colorTokens.primary["100"],
+    dark: colorTokens.primary["900"]
+  },
+  secondary: {
+    main: colorTokens.secondary["500"],
+    light: colorTokens.secondary["100"],
+    dark: colorTokens.secondary["900"]
+  },
+  error: {
+    main: colorTokens.error["500"],
+    light: colorTokens.error["100"],
+    dark: colorTokens.error["900"]
+  },
+  success: {
+    main: colorTokens.success["500"],
+    light: colorTokens.success["100"],
+    dark: colorTokens.success["900"]
+  },
+  warning: {
+    main: colorTokens.warning["500"],
+    light: colorTokens.warning["100"],
+    dark: colorTokens.warning["900"]
+  }
+};
+
+// src/theme/typography.ts
+var { fontFamily, fontWeight, fontSize, lineHeight, letterSpacing } = tokens_default.typography;
+var typography = {
+  fontFamily: fontFamily.body,
+  h1: {
+    fontFamily: fontFamily.display,
+    fontSize: fontSize["display-2xl"],
+    fontWeight: parseInt(fontWeight.bold),
+    lineHeight: lineHeight["display-2xl"],
+    letterSpacing: letterSpacing["display-2xl"]
+  },
+  h2: {
+    fontFamily: fontFamily.display,
+    fontSize: fontSize["display-xl"],
+    fontWeight: parseInt(fontWeight.bold),
+    lineHeight: lineHeight["display-xl"],
+    letterSpacing: letterSpacing["display-xl"]
+  },
+  h3: {
+    fontFamily: fontFamily.display,
+    fontSize: fontSize["display-lg"],
+    fontWeight: parseInt(fontWeight.semibold),
+    lineHeight: lineHeight["display-lg"],
+    letterSpacing: letterSpacing["display-lg"]
+  },
+  h4: {
+    fontFamily: fontFamily.display,
+    fontSize: fontSize["display-md"],
+    fontWeight: parseInt(fontWeight.semibold),
+    lineHeight: lineHeight["display-md"],
+    letterSpacing: letterSpacing["display-md"]
+  },
+  h5: {
+    fontFamily: fontFamily.display,
+    fontSize: fontSize["display-sm"],
+    fontWeight: parseInt(fontWeight.medium),
+    lineHeight: lineHeight["display-sm"],
+    letterSpacing: letterSpacing["display-sm"]
+  },
+  h6: {
+    fontFamily: fontFamily.display,
+    fontSize: fontSize["display-xs"],
+    fontWeight: parseInt(fontWeight.medium),
+    lineHeight: lineHeight["display-xs"],
+    letterSpacing: letterSpacing["display-xs"]
+  },
+  subtitle1: {
+    fontFamily: fontFamily.body,
+    fontSize: fontSize["text-lg"],
+    fontWeight: parseInt(fontWeight.medium),
+    lineHeight: lineHeight["text-lg"],
+    letterSpacing: letterSpacing["text-lg"]
+  },
+  subtitle2: {
+    fontFamily: fontFamily.body,
+    fontSize: fontSize["text-md"],
+    fontWeight: parseInt(fontWeight.medium),
+    lineHeight: lineHeight["text-md"],
+    letterSpacing: letterSpacing["text-md"]
+  },
+  body1: {
+    fontFamily: fontFamily.body,
+    fontSize: fontSize["text-md"],
+    fontWeight: parseInt(fontWeight.regular),
+    lineHeight: lineHeight["text-md"],
+    letterSpacing: letterSpacing["text-md"]
+  },
+  body2: {
+    fontFamily: fontFamily.body,
+    fontSize: fontSize["text-sm"],
+    fontWeight: parseInt(fontWeight.regular),
+    lineHeight: lineHeight["text-sm"],
+    letterSpacing: letterSpacing["text-sm"]
+  },
+  caption: {
+    fontFamily: fontFamily.body,
+    fontSize: fontSize["text-xs"],
+    fontWeight: parseInt(fontWeight.regular),
+    lineHeight: lineHeight["text-xs"],
+    letterSpacing: letterSpacing["text-xs"]
+  },
+  overline: {
+    fontFamily: fontFamily.body,
+    fontSize: fontSize["text-xs"],
+    fontWeight: parseInt(fontWeight.medium),
+    lineHeight: lineHeight["text-xs"],
+    letterSpacing: letterSpacing["text-xs"],
+    textTransform: "uppercase"
+  }
+};
+
+// src/theme/components/button.ts
+var borderRadiusTokens = tokens_default.borderRadius;
+var buttonOverrides = {
+  styleOverrides: {
+    root: {
+      textTransform: "none",
+      borderRadius: borderRadiusTokens.md,
+      fontWeight: tokens_default.typography.fontWeight.semibold,
+      boxShadow: "none",
+      transition: "all 0.2s ease-in-out",
+      "&:hover": {
+        boxShadow: "none"
+      }
+    },
+    // Size variants
+    sizeSmall: {
+      padding: "8px 14px",
+      fontSize: tokens_default.typography.fontSize["text-sm"],
+      lineHeight: tokens_default.typography.lineHeight["text-sm"],
+      height: "36px"
+    },
+    sizeMedium: {
+      padding: "10px 16px",
+      fontSize: tokens_default.typography.fontSize["text-sm"],
+      lineHeight: tokens_default.typography.lineHeight["text-sm"],
+      height: "40px"
+    },
+    sizeLarge: {
+      padding: "10px 18px",
+      fontSize: tokens_default.typography.fontSize["text-md"],
+      lineHeight: tokens_default.typography.lineHeight["text-md"],
+      height: "44px"
+    },
+    // Contained variant styles
+    containedPrimary: {
+      backgroundColor: tokens_default.color.primary[600],
+      color: tokens_default.color.base.white,
+      "&:hover": {
+        backgroundColor: tokens_default.color.primary[700]
+      },
+      "&:active": {
+        backgroundColor: tokens_default.color.primary[700]
+      },
+      "&.Mui-disabled": {
+        backgroundColor: tokens_default.color.secondary[100],
+        color: tokens_default.color.secondary[400]
+      }
+    },
+    containedSecondary: {
+      backgroundColor: tokens_default.color.secondary[600],
+      color: tokens_default.color.base.white,
+      "&:hover": {
+        backgroundColor: tokens_default.color.secondary[700]
+      },
+      "&:active": {
+        backgroundColor: tokens_default.color.secondary[700]
+      },
+      "&.Mui-disabled": {
+        backgroundColor: tokens_default.color.secondary[100],
+        color: tokens_default.color.secondary[400]
+      }
+    },
+    containedError: {
+      backgroundColor: tokens_default.color.error[600],
+      color: tokens_default.color.base.white,
+      "&:hover": {
+        backgroundColor: tokens_default.color.error[700]
+      },
+      "&:active": {
+        backgroundColor: tokens_default.color.error[700]
+      },
+      "&.Mui-disabled": {
+        backgroundColor: tokens_default.color.secondary[100],
+        color: tokens_default.color.secondary[400]
+      }
+    },
+    containedWarning: {
+      backgroundColor: tokens_default.color.warning[600],
+      color: tokens_default.color.base.white,
+      "&:hover": {
+        backgroundColor: tokens_default.color.warning[700]
+      },
+      "&:active": {
+        backgroundColor: tokens_default.color.warning[700]
+      },
+      "&.Mui-disabled": {
+        backgroundColor: tokens_default.color.secondary[100],
+        color: tokens_default.color.secondary[400]
+      }
+    },
+    containedSuccess: {
+      backgroundColor: tokens_default.color.success[600],
+      color: tokens_default.color.base.white,
+      "&:hover": {
+        backgroundColor: tokens_default.color.success[700]
+      },
+      "&:active": {
+        backgroundColor: tokens_default.color.success[700]
+      },
+      "&.Mui-disabled": {
+        backgroundColor: tokens_default.color.secondary[100],
+        color: tokens_default.color.secondary[400]
+      }
+    },
+    // Outlined variant styles
+    outlinedPrimary: {
+      backgroundColor: tokens_default.color.base.white,
+      color: tokens_default.color.primary[700],
+      borderColor: tokens_default.color.primary[300],
+      "&:hover": {
+        backgroundColor: tokens_default.color.primary[50],
+        borderColor: tokens_default.color.primary[300]
+      },
+      "&:active": {
+        backgroundColor: tokens_default.color.primary[50]
+      },
+      "&.Mui-disabled": {
+        backgroundColor: tokens_default.color.base.white,
+        color: tokens_default.color.secondary[300],
+        borderColor: tokens_default.color.secondary[200]
+      }
+    },
+    outlinedSecondary: {
+      backgroundColor: tokens_default.color.base.white,
+      color: tokens_default.color.secondary[700],
+      borderColor: tokens_default.color.secondary[300],
+      "&:hover": {
+        backgroundColor: tokens_default.color.secondary[50],
+        borderColor: tokens_default.color.secondary[300]
+      },
+      "&:active": {
+        backgroundColor: tokens_default.color.secondary[50]
+      },
+      "&.Mui-disabled": {
+        backgroundColor: tokens_default.color.base.white,
+        color: tokens_default.color.secondary[300],
+        borderColor: tokens_default.color.secondary[200]
+      }
+    },
+    outlinedError: {
+      backgroundColor: tokens_default.color.base.white,
+      color: tokens_default.color.error[700],
+      borderColor: tokens_default.color.error[300],
+      "&:hover": {
+        backgroundColor: tokens_default.color.error[50],
+        borderColor: tokens_default.color.error[300]
+      },
+      "&:active": {
+        backgroundColor: tokens_default.color.error[50]
+      },
+      "&.Mui-disabled": {
+        backgroundColor: tokens_default.color.base.white,
+        color: tokens_default.color.secondary[300],
+        borderColor: tokens_default.color.secondary[200]
+      }
+    },
+    outlinedWarning: {
+      backgroundColor: tokens_default.color.base.white,
+      color: tokens_default.color.warning[700],
+      borderColor: tokens_default.color.warning[300],
+      "&:hover": {
+        backgroundColor: tokens_default.color.warning[50],
+        borderColor: tokens_default.color.warning[300]
+      },
+      "&:active": {
+        backgroundColor: tokens_default.color.warning[50]
+      },
+      "&.Mui-disabled": {
+        backgroundColor: tokens_default.color.base.white,
+        color: tokens_default.color.secondary[300],
+        borderColor: tokens_default.color.secondary[200]
+      }
+    },
+    outlinedSuccess: {
+      backgroundColor: tokens_default.color.base.white,
+      color: tokens_default.color.success[700],
+      borderColor: tokens_default.color.success[300],
+      "&:hover": {
+        backgroundColor: tokens_default.color.success[50],
+        borderColor: tokens_default.color.success[300]
+      },
+      "&:active": {
+        backgroundColor: tokens_default.color.success[50]
+      },
+      "&.Mui-disabled": {
+        backgroundColor: tokens_default.color.base.white,
+        color: tokens_default.color.secondary[300],
+        borderColor: tokens_default.color.secondary[200]
+      }
+    },
+    // Text variant styles
+    textPrimary: {
+      color: tokens_default.color.primary[700],
+      "&:hover": {
+        backgroundColor: tokens_default.color.primary[50]
+      },
+      "&:active": {
+        backgroundColor: tokens_default.color.primary[50]
+      },
+      "&.Mui-disabled": {
+        color: tokens_default.color.secondary[300]
+      }
+    },
+    textSecondary: {
+      color: tokens_default.color.secondary[700],
+      "&:hover": {
+        backgroundColor: tokens_default.color.secondary[50]
+      },
+      "&:active": {
+        backgroundColor: tokens_default.color.secondary[50]
+      },
+      "&.Mui-disabled": {
+        color: tokens_default.color.secondary[300]
+      }
+    },
+    textError: {
+      color: tokens_default.color.error[700],
+      "&:hover": {
+        backgroundColor: tokens_default.color.error[50]
+      },
+      "&:active": {
+        backgroundColor: tokens_default.color.error[50]
+      },
+      "&.Mui-disabled": {
+        color: tokens_default.color.secondary[300]
+      }
+    },
+    textWarning: {
+      color: tokens_default.color.warning[700],
+      "&:hover": {
+        backgroundColor: tokens_default.color.warning[50]
+      },
+      "&:active": {
+        backgroundColor: tokens_default.color.warning[50]
+      },
+      "&.Mui-disabled": {
+        color: tokens_default.color.secondary[300]
+      }
+    },
+    textSuccess: {
+      color: tokens_default.color.success[700],
+      "&:hover": {
+        backgroundColor: tokens_default.color.success[50]
+      },
+      "&:active": {
+        backgroundColor: tokens_default.color.success[50]
+      },
+      "&.Mui-disabled": {
+        color: tokens_default.color.secondary[300]
+      }
+    }
+  }
+};
+
+// src/theme/components/buttonGroup.ts
+var borderRadiusTokens2 = tokens_default.borderRadius;
+var buttonGroupOverrides = {
+  styleOverrides: {
+    root: {
+      boxShadow: "none",
+      borderRadius: borderRadiusTokens2.md
+    },
+    grouped: {
+      "&:not(:last-of-type)": {
+        borderRight: `1px solid ${tokens_default.color.secondary[300]}`
+      },
+      "&:hover": {
+        backgroundColor: tokens_default.color.secondary[50]
+      }
+    },
+    // Outlined variant
+    groupedOutlined: {
+      borderColor: tokens_default.color.secondary[300],
+      "&:not(:last-of-type)": {
+        borderRightColor: tokens_default.color.secondary[300]
+      }
+    },
+    groupedOutlinedPrimary: {
+      borderColor: tokens_default.color.primary[300],
+      "&:not(:last-of-type)": {
+        borderRightColor: tokens_default.color.primary[300]
+      }
+    },
+    groupedOutlinedSecondary: {
+      borderColor: tokens_default.color.secondary[300],
+      "&:not(:last-of-type)": {
+        borderRightColor: tokens_default.color.secondary[300]
+      }
+    },
+    // Contained variant
+    groupedContained: {
+      "&:not(:last-of-type)": {
+        borderRight: `1px solid ${tokens_default.color.secondary[400]}`
+      }
+    },
+    groupedContainedPrimary: {
+      "&:not(:last-of-type)": {
+        borderRight: `1px solid ${tokens_default.color.primary[700]}`
+      }
+    },
+    // Text variant
+    groupedText: {
+      "&:not(:last-of-type)": {
+        borderRight: `1px solid ${tokens_default.color.secondary[300]}`
+      }
+    }
+  }
+};
+
+// src/theme/components/card.ts
+var borderRadiusTokens3 = tokens_default.borderRadius;
+var cardOverrides = {
+  styleOverrides: {
+    root: {
+      borderRadius: borderRadiusTokens3.lg,
+      boxShadow: tokens_default.shadows.md,
+      border: "1px solid rgba(0, 0, 0, 0.05)"
+    }
+  }
+};
+
+// src/theme/components/progress.ts
+var colorTokens2 = tokens_default.color;
+var progressOverrides = {
+  MuiCircularProgress: {
+    styleOverrides: {
+      root: {
+        color: colorTokens2.primary["500"]
+      }
+    }
+  },
+  MuiLinearProgress: {
+    styleOverrides: {
+      root: {
+        "& .MuiLinearProgress-bar": {
+          backgroundColor: colorTokens2.primary["500"]
+        }
+      }
+    }
+  }
+};
+
+// src/theme/components/chip.ts
+var borderRadiusTokens4 = tokens_default.borderRadius;
+var chipOverrides = {
+  styleOverrides: {
+    root: {
+      fontWeight: tokens_default.typography.fontWeight.medium,
+      fontSize: tokens_default.typography.fontSize["text-sm"],
+      lineHeight: tokens_default.typography.lineHeight["text-sm"],
+      borderRadius: borderRadiusTokens4.md,
+      height: "28px",
+      // Adjusted to match design
+      transition: "all 0.2s ease-in-out",
+      border: "1px solid transparent"
+    },
+    // Size variants
+    sizeSmall: {
+      height: "24px",
+      fontSize: tokens_default.typography.fontSize["text-xs"],
+      lineHeight: tokens_default.typography.lineHeight["text-xs"],
+      "& .MuiChip-label": {
+        paddingLeft: "8px",
+        paddingRight: "8px"
+      },
+      "& .MuiChip-icon": {
+        fontSize: "12px",
+        marginLeft: "6px",
+        marginRight: "-4px"
+      },
+      "& .MuiChip-avatar": {
+        width: "16px",
+        height: "16px",
+        marginLeft: "4px",
+        marginRight: "-4px"
+      },
+      "& .MuiChip-deleteIcon": {
+        fontSize: "12px",
+        marginRight: "4px",
+        marginLeft: "-4px"
+      }
+    },
+    sizeMedium: {
+      height: "28px",
+      fontSize: tokens_default.typography.fontSize["text-sm"],
+      lineHeight: tokens_default.typography.lineHeight["text-sm"],
+      "& .MuiChip-label": {
+        paddingLeft: "10px",
+        paddingRight: "10px"
+      },
+      "& .MuiChip-icon": {
+        fontSize: "14px",
+        marginLeft: "8px",
+        marginRight: "-6px"
+      },
+      "& .MuiChip-avatar": {
+        width: "20px",
+        height: "20px",
+        marginLeft: "6px",
+        marginRight: "-6px"
+      },
+      "& .MuiChip-deleteIcon": {
+        fontSize: "14px",
+        marginRight: "6px",
+        marginLeft: "-6px"
+      }
+    },
+    deleteIcon: {
+      transition: "all 0.2s ease-in-out",
+      "&:hover": {
+        opacity: 0.8
+      }
+    },
+    clickable: {
+      cursor: "pointer",
+      "&:hover": {
+        opacity: 0.9
+      },
+      "&:active": {
+        boxShadow: "none"
+      }
+    }
+  },
+  variants: [
+    {
+      props: { size: "large" },
+      style: {
+        height: "32px",
+        fontSize: tokens_default.typography.fontSize["text-sm"],
+        lineHeight: tokens_default.typography.lineHeight["text-sm"],
+        "& .MuiChip-label": {
+          paddingLeft: "12px",
+          paddingRight: "12px"
+        },
+        "& .MuiChip-icon": {
+          fontSize: "16px",
+          marginLeft: "10px",
+          marginRight: "-8px"
+        },
+        "& .MuiChip-avatar": {
+          width: "24px",
+          height: "24px",
+          marginLeft: "8px",
+          marginRight: "-8px"
+        },
+        "& .MuiChip-deleteIcon": {
+          fontSize: "16px",
+          marginRight: "8px",
+          marginLeft: "-8px"
+        }
+      }
+    },
+    {
+      props: { variant: "filled", color: "primary" },
+      style: {
+        backgroundColor: tokens_default.color.primary[50],
+        color: tokens_default.color.secondary[700],
+        borderColor: tokens_default.color.primary[200],
+        "&:hover": {
+          backgroundColor: tokens_default.color.primary[100]
+        },
+        "& .MuiChip-icon": { color: tokens_default.color.primary[700] },
+        "& .MuiChip-deleteIcon": { color: tokens_default.color.primary[700] }
+      }
+    },
+    {
+      props: { variant: "filled", color: "secondary" },
+      style: {
+        backgroundColor: tokens_default.color.secondary[50],
+        color: tokens_default.color.secondary[700],
+        borderColor: tokens_default.color.secondary[200],
+        "&:hover": {
+          backgroundColor: tokens_default.color.secondary[100]
+        },
+        "& .MuiChip-icon": { color: tokens_default.color.secondary[700] },
+        "& .MuiChip-deleteIcon": { color: tokens_default.color.secondary[700] }
+      }
+    },
+    {
+      props: { variant: "filled", color: "error" },
+      style: {
+        backgroundColor: tokens_default.color.error[50],
+        color: tokens_default.color.secondary[700],
+        borderColor: tokens_default.color.error[200],
+        "&:hover": {
+          backgroundColor: tokens_default.color.error[100]
+        },
+        "& .MuiChip-icon": { color: tokens_default.color.error[700] },
+        "& .MuiChip-deleteIcon": { color: tokens_default.color.error[700] }
+      }
+    },
+    {
+      props: { variant: "filled", color: "success" },
+      style: {
+        backgroundColor: tokens_default.color.success[50],
+        color: tokens_default.color.secondary[700],
+        borderColor: tokens_default.color.success[200],
+        "&:hover": {
+          backgroundColor: tokens_default.color.success[100]
+        },
+        "& .MuiChip-icon": { color: tokens_default.color.success[700] },
+        "& .MuiChip-deleteIcon": { color: tokens_default.color.success[700] }
+      }
+    },
+    {
+      props: { variant: "outlined", color: "primary" },
+      style: {
+        backgroundColor: "transparent",
+        color: tokens_default.color.secondary[700],
+        borderColor: tokens_default.color.primary[300],
+        "&:hover": {
+          backgroundColor: tokens_default.color.primary[25]
+        }
+      }
+    },
+    {
+      props: { variant: "outlined", color: "secondary" },
+      style: {
+        backgroundColor: "transparent",
+        color: tokens_default.color.secondary[700],
+        borderColor: tokens_default.color.secondary[300],
+        "&:hover": {
+          backgroundColor: tokens_default.color.secondary[25]
+        }
+      }
+    },
+    {
+      props: { variant: "outlined", color: "error" },
+      style: {
+        backgroundColor: "transparent",
+        color: tokens_default.color.error[700],
+        borderColor: tokens_default.color.error[300],
+        "&:hover": {
+          backgroundColor: tokens_default.color.error[25]
+        }
+      }
+    },
+    {
+      props: { variant: "outlined", color: "success" },
+      style: {
+        backgroundColor: "transparent",
+        color: tokens_default.color.success[700],
+        borderColor: tokens_default.color.success[300],
+        "&:hover": {
+          backgroundColor: tokens_default.color.success[25]
+        }
+      }
+    }
+  ]
+};
+
+// src/theme/components/textField.ts
+var borderRadiusTokens5 = tokens_default.borderRadius;
+var textFieldOverrides = {
+  MuiTextField: {
+    defaultProps: {
+      variant: "outlined",
+      size: "medium",
+      fullWidth: true
+    }
+  },
+  MuiFormLabel: {
+    styleOverrides: {
+      asterisk: {
+        color: tokens_default.color.primary[600],
+        "&.Mui-error": {
+          color: tokens_default.color.error[600]
+        }
+      }
+    }
+  },
+  MuiInputLabel: {
+    styleOverrides: {
+      root: {
+        position: "relative",
+        transform: "none",
+        marginBottom: "6px",
+        fontSize: tokens_default.typography.fontSize["text-sm"],
+        lineHeight: tokens_default.typography.lineHeight["text-sm"],
+        fontWeight: 500,
+        color: tokens_default.color.secondary[700],
+        "&.Mui-focused": {
+          color: tokens_default.color.secondary[700]
+        },
+        "&.Mui-error": {
+          color: tokens_default.color.secondary[700]
+        },
+        "&.Mui-disabled": {
+          color: tokens_default.color.secondary[500]
+        }
+      },
+      shrink: {
+        transform: "none"
+      }
+    }
+  },
+  MuiOutlinedInput: {
+    styleOverrides: {
+      root: {
+        borderRadius: borderRadiusTokens5.md,
+        backgroundColor: tokens_default.color.base.white,
+        boxShadow: tokens_default.shadows.xs,
+        transition: "box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out",
+        "& .MuiOutlinedInput-notchedOutline": {
+          borderColor: tokens_default.color.secondary[300],
+          borderWidth: "2px",
+          transition: "border-color 0.2s ease-in-out",
+          top: 0,
+          "& legend": {
+            display: "none"
+          }
+        },
+        "&:hover:not(.Mui-focused):not(.Mui-disabled):not(.Mui-error)": {
+          "& .MuiOutlinedInput-notchedOutline": {
+            borderColor: tokens_default.color.gray[400]
+          }
+        },
+        "&.Mui-focused": {
+          boxShadow: tokens_default.shadows.xs,
+          "& .MuiOutlinedInput-notchedOutline": {
+            borderColor: tokens_default.color.primary[300],
+            borderWidth: "3px"
+          }
+        },
+        "&.Mui-error": {
+          "& .MuiOutlinedInput-notchedOutline": {
+            borderColor: tokens_default.color.error[300],
+            borderWidth: "2px"
+          },
+          "&:hover:not(.Mui-focused)": {
+            "& .MuiOutlinedInput-notchedOutline": {
+              borderColor: tokens_default.color.error[400]
+            }
+          },
+          "&.Mui-focused": {
+            boxShadow: tokens_default.shadows.xs,
+            "& .MuiOutlinedInput-notchedOutline": {
+              borderColor: tokens_default.color.error[300],
+              borderWidth: "3px"
+            }
+          }
+        },
+        "&.Mui-disabled": {
+          backgroundColor: tokens_default.color.secondary[50],
+          boxShadow: "none",
+          "& .MuiOutlinedInput-notchedOutline": {
+            borderColor: tokens_default.color.secondary[200],
+            borderWidth: "2px"
+          }
+        },
+        "&.MuiInputBase-multiline": {
+          padding: 0
+        }
+      },
+      input: {
+        padding: "10px 14px",
+        height: "24px",
+        fontSize: tokens_default.typography.fontSize["text-md"],
+        lineHeight: tokens_default.typography.lineHeight["text-md"],
+        fontWeight: 400,
+        color: tokens_default.color.secondary[900],
+        "&::placeholder": {
+          color: tokens_default.color.secondary[500],
+          opacity: 1
+        },
+        "&.Mui-disabled": {
+          color: tokens_default.color.secondary[500],
+          WebkitTextFillColor: tokens_default.color.secondary[500]
+        }
+      },
+      inputSizeSmall: {
+        padding: "8px 12px",
+        height: "20px"
+      },
+      multiline: {
+        padding: 0,
+        alignItems: "flex-start"
+      },
+      inputMultiline: {
+        padding: "12px 14px",
+        height: "auto",
+        minHeight: "80px",
+        resize: "vertical",
+        lineHeight: tokens_default.typography.lineHeight["text-md"]
+      },
+      adornedStart: {
+        paddingLeft: "14px",
+        "& .MuiOutlinedInput-input": {
+          paddingLeft: "8px"
+        }
+      },
+      adornedEnd: {
+        paddingRight: "14px",
+        "& .MuiOutlinedInput-input": {
+          paddingRight: "8px"
+        }
+      }
+    }
+  },
+  MuiInputAdornment: {
+    styleOverrides: {
+      root: {
+        color: tokens_default.color.secondary[400],
+        "& .MuiTypography-root": {
+          color: "inherit",
+          fontSize: tokens_default.typography.fontSize["text-md"]
+        },
+        "& .MuiSvgIcon-root": {
+          fontSize: "20px",
+          color: tokens_default.color.secondary[400]
+        }
+      },
+      positionStart: {
+        marginRight: "0px"
+      },
+      positionEnd: {
+        marginLeft: "0px"
+      }
+    }
+  },
+  MuiFormHelperText: {
+    styleOverrides: {
+      root: {
+        marginLeft: 0,
+        marginTop: "6px",
+        fontSize: tokens_default.typography.fontSize["text-sm"],
+        lineHeight: tokens_default.typography.lineHeight["text-sm"],
+        fontWeight: 400,
+        color: tokens_default.color.secondary[600],
+        "&.Mui-error": {
+          color: tokens_default.color.error[600]
+        }
+      }
+    }
+  }
+};
+
+// src/theme/components/select.ts
+var selectOverrides = {
+  defaultProps: {
+    variant: "outlined",
+    size: "medium",
+    fullWidth: true
+  },
+  styleOverrides: {
+    select: {
+      padding: "10px 14px",
+      "&:focus": {
+        backgroundColor: "transparent"
+      },
+      display: "flex",
+      alignItems: "center",
+      gap: "8px"
+    },
+    icon: {
+      color: tokens_default.color.secondary[500],
+      right: "12px"
+    }
+  }
+};
+
+// src/theme/components/menu.ts
+var menuOverrides = {
+  MuiMenu: {
+    defaultProps: {
+      elevation: 0,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "right"
+      },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "right"
+      }
+    },
+    styleOverrides: {
+      paper: {
+        borderRadius: tokens_default.borderRadius.lg,
+        marginTop: "8px",
+        minWidth: 180,
+        border: `1px solid ${tokens_default.color.secondary[200]}`,
+        boxShadow: tokens_default.shadows.lg
+      },
+      list: {
+        padding: "4px"
+      }
+    }
+  },
+  MuiMenuItem: {
+    styleOverrides: {
+      root: {
+        borderRadius: tokens_default.borderRadius.sm,
+        margin: "2px 4px",
+        padding: "10px 12px",
+        fontSize: tokens_default.typography.fontSize["text-sm"],
+        fontWeight: tokens_default.typography.fontWeight.medium,
+        color: tokens_default.color.secondary[700],
+        transition: "all 0.2s ease-in-out",
+        "&:hover": {
+          backgroundColor: tokens_default.color.secondary[50],
+          color: tokens_default.color.secondary[900]
+        },
+        "&.Mui-selected": {
+          backgroundColor: tokens_default.color.primary[50],
+          color: tokens_default.color.primary[700],
+          "&:hover": {
+            backgroundColor: tokens_default.color.primary[100]
+          }
+        },
+        "& .MuiListItemIcon-root": {
+          minWidth: "auto",
+          marginRight: "12px",
+          color: tokens_default.color.secondary[500],
+          fontSize: "18px"
+        }
+      }
+    }
+  },
+  MuiDivider: {
+    styleOverrides: {
+      root: {
+        margin: "4px 0",
+        borderColor: tokens_default.color.secondary[100]
+      }
+    }
+  }
+};
+
+// src/theme/components/autocomplete.ts
+var autocompleteOverrides = {
+  styleOverrides: {
+    root: {
+      "& .MuiOutlinedInput-root": {
+        backgroundColor: tokens_default.color.base.white,
+        borderRadius: tokens_default.borderRadius.md,
+        boxShadow: tokens_default.shadows.xs,
+        "& fieldset": {
+          borderColor: tokens_default.color.secondary[300],
+          borderWidth: "1px"
+        },
+        "&:hover fieldset": {
+          borderColor: tokens_default.color.secondary[400]
+        },
+        "&.Mui-focused fieldset": {
+          borderColor: tokens_default.color.primary[500],
+          borderWidth: "2px"
+        },
+        "&.Mui-disabled": {
+          backgroundColor: tokens_default.color.secondary[50],
+          "& fieldset": {
+            borderColor: tokens_default.color.secondary[200]
+          }
+        }
+      },
+      // Size variants
+      "&.MuiAutocomplete-sizeSmall .MuiOutlinedInput-root": {
+        padding: "4px 12px",
+        "& .MuiAutocomplete-input": {
+          padding: "4px 0",
+          fontSize: tokens_default.typography.fontSize["text-md"],
+          lineHeight: tokens_default.typography.lineHeight["text-md"]
+        }
+      },
+      "& .MuiOutlinedInput-root.MuiInputBase-sizeSmall": {
+        padding: "4px 12px"
+      }
+    },
+    input: {
+      fontSize: tokens_default.typography.fontSize["text-md"],
+      lineHeight: tokens_default.typography.lineHeight["text-md"],
+      fontWeight: tokens_default.typography.fontWeight.regular,
+      color: tokens_default.color.secondary[900],
+      "&::placeholder": {
+        color: tokens_default.color.secondary[500],
+        opacity: 1
+      }
+    },
+    inputRoot: {
+      padding: "6px 14px !important",
+      gap: "8px",
+      "&.MuiInputBase-sizeSmall": {
+        padding: "4px 12px !important"
+      }
+    },
+    paper: {
+      borderRadius: tokens_default.borderRadius.md,
+      border: `1px solid ${tokens_default.color.secondary[200]}`,
+      marginTop: "4px",
+      boxShadow: tokens_default.shadows.lg
+    },
+    listbox: {
+      padding: "4px",
+      "& .MuiAutocomplete-option": {
+        borderRadius: tokens_default.borderRadius.sm,
+        margin: "2px 0",
+        padding: "10px 12px",
+        fontSize: tokens_default.typography.fontSize["text-sm"],
+        fontWeight: tokens_default.typography.fontWeight.medium,
+        color: tokens_default.color.secondary[700],
+        minHeight: "auto",
+        '&[aria-selected="true"]': {
+          backgroundColor: tokens_default.color.primary[50],
+          color: tokens_default.color.primary[700],
+          "&.Mui-focused": {
+            backgroundColor: tokens_default.color.primary[100]
+          }
+        },
+        "&.Mui-focused": {
+          backgroundColor: tokens_default.color.secondary[50]
+        },
+        "&:hover": {
+          backgroundColor: tokens_default.color.secondary[50]
+        }
+      }
+    },
+    tag: {
+      margin: "2px",
+      height: "24px",
+      backgroundColor: "#FFFFFF",
+      border: `1px solid ${tokens_default.color.secondary[300]}`,
+      borderRadius: tokens_default.borderRadius.sm,
+      fontSize: tokens_default.typography.fontSize["text-sm"],
+      fontWeight: tokens_default.typography.fontWeight.medium,
+      color: tokens_default.color.secondary[700],
+      "& .MuiChip-deleteIcon": {
+        color: tokens_default.color.secondary[400],
+        fontSize: "12px",
+        "&:hover": {
+          color: tokens_default.color.secondary[600]
+        }
+      }
+    },
+    endAdornment: {
+      right: "12px",
+      "& .MuiIconButton-root": {
+        padding: "4px"
+      },
+      "& .MuiSvgIcon-root": {
+        fontSize: "20px",
+        color: tokens_default.color.secondary[400]
+      }
+    },
+    clearIndicator: {
+      padding: "4px",
+      "& .MuiSvgIcon-root": {
+        fontSize: "16px",
+        color: tokens_default.color.secondary[400]
+      }
+    },
+    popupIndicator: {
+      padding: "4px",
+      "& .MuiSvgIcon-root": {
+        fontSize: "20px",
+        color: tokens_default.color.secondary[400]
+      }
+    },
+    noOptions: {
+      fontSize: tokens_default.typography.fontSize["text-sm"],
+      color: tokens_default.color.secondary[500],
+      padding: "10px 12px"
+    },
+    loading: {
+      fontSize: tokens_default.typography.fontSize["text-sm"],
+      color: tokens_default.color.secondary[500],
+      padding: "10px 12px"
+    }
+  }
+};
+
+// src/theme/components/avatar.ts
+var avatarOverrides = {
+  styleOverrides: {
+    root: {
+      fontSize: "14px",
+      fontWeight: 500
+    }
+  }
+};
+
+// src/theme/components/switch.ts
+var switchOverrides = {
+  defaultProps: {
+    disableRipple: true
+  },
+  styleOverrides: {
+    root: {
+      width: 44,
+      height: 24,
+      padding: 0,
+      "& .MuiSwitch-switchBase": {
+        padding: 2,
+        transitionDuration: "200ms",
+        "&.Mui-checked": {
+          transform: "translateX(20px)",
+          "& + .MuiSwitch-track": {
+            backgroundColor: tokens_default.color.primary[600],
+            opacity: 1,
+            border: 0
+          },
+          "& .MuiSwitch-thumb": {
+            backgroundColor: tokens_default.color.base.white
+          },
+          "&:hover + .MuiSwitch-track": {
+            backgroundColor: tokens_default.color.primary[700]
+          },
+          "&.Mui-disabled + .MuiSwitch-track": {
+            backgroundColor: tokens_default.color.secondary[50],
+            opacity: 1
+          },
+          "&.Mui-disabled .MuiSwitch-thumb": {
+            backgroundColor: tokens_default.color.gray[50]
+          }
+        },
+        "&.Mui-focusVisible + .MuiSwitch-track": {
+          boxShadow: `0px 0px 0px 2px ${tokens_default.color.base.white}, 0px 0px 0px 4px ${tokens_default.effects.focusRings["focus-ring"]}`
+        },
+        "&.Mui-disabled": {
+          "& + .MuiSwitch-track": {
+            backgroundColor: tokens_default.color.secondary[50],
+            opacity: 1
+          },
+          "& .MuiSwitch-thumb": {
+            backgroundColor: tokens_default.color.gray[50]
+          }
+        }
+      }
+    },
+    switchBase: {
+      padding: 2,
+      "&.Mui-checked": {
+        transform: "translateX(20px)"
+      }
+    },
+    thumb: {
+      boxSizing: "border-box",
+      width: 20,
+      height: 20,
+      backgroundColor: tokens_default.color.base.white,
+      boxShadow: tokens_default.shadows.sm
+    },
+    track: {
+      borderRadius: 9999,
+      backgroundColor: tokens_default.color.secondary[50],
+      opacity: 1,
+      transition: "background-color 200ms, box-shadow 200ms"
+    },
+    sizeSmall: {
+      width: 36,
+      height: 20,
+      "& .MuiSwitch-switchBase": {
+        padding: 2,
+        "&.Mui-checked": {
+          transform: "translateX(16px)"
+        }
+      },
+      "& .MuiSwitch-thumb": {
+        width: 16,
+        height: 16
+      }
+    }
+  }
+};
+
+// src/theme/components/checkbox.ts
+var checkboxOverrides = {
+  defaultProps: {
+    disableRipple: true
+  },
+  styleOverrides: {
+    root: {
+      padding: 0,
+      transition: "all 200ms ease-in-out",
+      "&:hover": {
+        backgroundColor: "transparent",
+        "& rect[stroke]": {
+          stroke: tokens_default.color.primary[600],
+          fill: tokens_default.color.primary[50]
+        }
+      },
+      "&.Mui-checked:hover, &.MuiCheckbox-indeterminate:hover": {
+        "& rect:first-of-type": {
+          fill: tokens_default.color.primary[700]
+        }
+      },
+      "&.Mui-focusVisible": {
+        "& .MuiSvgIcon-root": {
+          boxShadow: `0px 0px 0px 2px ${tokens_default.color.base.white}, 0px 0px 0px 4px ${tokens_default.effects.focusRings["focus-ring"]}`,
+          borderRadius: tokens_default.borderRadius.md
+        }
+      },
+      "&.Mui-disabled": {
+        "& rect[stroke]": {
+          fill: tokens_default.color.secondary[50],
+          stroke: tokens_default.color.secondary[300]
+        },
+        "& rect:first-of-type": {
+          fill: tokens_default.color.secondary[50]
+        },
+        "& path, & rect:not(:first-of-type)": {
+          fill: tokens_default.color.secondary[300]
+        }
+      }
+    },
+    sizeSmall: {
+      "&.Mui-focusVisible": {
+        "& .MuiSvgIcon-root": {
+          borderRadius: tokens_default.borderRadius.sm
+        }
+      }
+    }
+  }
+};
+
+// src/theme/components/radio.ts
+var radioOverrides = {
+  defaultProps: {
+    disableRipple: true
+  },
+  styleOverrides: {
+    root: {
+      padding: 0,
+      transition: "all 200ms ease-in-out",
+      "& svg": {
+        transition: "all 200ms ease-in-out"
+      },
+      "& svg circle": {
+        transition: "all 200ms ease-in-out"
+      },
+      "&:hover:not(.Mui-checked):not(.Mui-disabled)": {
+        "& svg circle": {
+          stroke: tokens_default.color.primary[600]
+        }
+      },
+      "&.Mui-checked:hover:not(.Mui-disabled)": {
+        "& svg circle:first-of-type": {
+          stroke: " tokens.color.primary[700]"
+        },
+        "& svg circle:last-of-type": {
+          fill: " tokens.color.primary[700]"
+        }
+      },
+      "&.Mui-focusVisible": {
+        "& > span": {
+          boxShadow: `0px 0px 0px 2px ${tokens_default.color.base.white}, 0px 0px 0px 4px ${tokens_default.effects.focusRings["focus-ring"]}`,
+          borderRadius: "50%"
+        }
+      },
+      // Disabled state unchecked
+      "&.Mui-disabled:not(.Mui-checked)": {
+        "& svg circle": {
+          fill: tokens_default.color.secondary[50],
+          stroke: tokens_default.color.secondary[300]
+        }
+      },
+      // Disabled state checked
+      "&.Mui-disabled.Mui-checked": {
+        "& svg circle:first-of-type": {
+          fill: tokens_default.color.secondary[50],
+          stroke: tokens_default.color.secondary[300]
+        },
+        "& svg circle:last-of-type": {
+          fill: tokens_default.color.secondary[300]
+        }
+      }
+    }
+  }
+};
+
+// src/theme/components/datePicker.ts
+var datePickerOverrides = {
+  MuiPickersDay: {
+    styleOverrides: {
+      root: {
+        width: "40px",
+        height: "40px",
+        margin: 0,
+        borderRadius: tokens_default.borderRadius.full,
+        fontSize: tokens_default.typography.fontSize["text-sm"],
+        fontWeight: tokens_default.typography.fontWeight.regular,
+        fontFamily: tokens_default.typography.fontFamily.body,
+        color: tokens_default.color.gray[900],
+        "&:hover": {
+          backgroundColor: tokens_default.color.gray[50]
+        },
+        "&.Mui-selected": {
+          backgroundColor: `${tokens_default.color.primary[600]} !important`,
+          color: `${tokens_default.color.base.white} !important`,
+          fontWeight: tokens_default.typography.fontWeight.medium,
+          "&:hover": {
+            backgroundColor: `${tokens_default.color.primary[700]} !important`
+          }
+        },
+        "&.MuiPickersDay-today": {
+          border: `1px solid ${tokens_default.color.primary[600]}`,
+          backgroundColor: "transparent",
+          "&:not(.Mui-selected)": {
+            color: tokens_default.color.gray[900],
+            borderColor: tokens_default.color.gray[300]
+          }
+        },
+        "&.Mui-disabled": {
+          color: tokens_default.color.gray[400]
+        }
+      }
+    }
+  },
+  MuiDateCalendar: {
+    styleOverrides: {
+      root: {
+        width: "100%",
+        maxWidth: "328px",
+        maxHeight: "none",
+        fontFamily: tokens_default.typography.fontFamily.body
+      }
+    }
+  },
+  MuiPickersCalendarHeader: {
+    styleOverrides: {
+      root: {
+        paddingLeft: 0,
+        paddingRight: 0,
+        marginTop: 0,
+        marginBottom: `${tokens_default.borderRadius.md}px`,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between"
+      },
+      label: {
+        fontSize: tokens_default.typography.fontSize["text-md"],
+        fontWeight: tokens_default.typography.fontWeight.semibold,
+        fontFamily: tokens_default.typography.fontFamily.body,
+        color: tokens_default.color.gray[900]
+      }
+    }
+  },
+  MuiPickersArrowSwitcher: {
+    styleOverrides: {
+      root: {
+        display: "inline-flex",
+        gap: `${tokens_default.borderRadius.sm}px`
+      },
+      button: {
+        padding: `${tokens_default.borderRadius.sm}px`,
+        width: "32px",
+        height: "32px",
+        borderRadius: `${tokens_default.borderRadius.sm}px`,
+        color: tokens_default.color.gray[500],
+        "&:hover": {
+          backgroundColor: tokens_default.color.gray[50]
+        }
+      }
+    }
+  },
+  MuiDayCalendar: {
+    styleOverrides: {
+      header: {
+        gap: 0,
+        justifyContent: "space-between",
+        paddingLeft: 0,
+        paddingRight: 0
+      },
+      weekContainer: {
+        margin: 0,
+        justifyContent: "space-between"
+      },
+      weekDayLabel: {
+        width: "40px",
+        height: "40px",
+        fontSize: tokens_default.typography.fontSize["text-xs"],
+        fontWeight: tokens_default.typography.fontWeight.medium,
+        fontFamily: tokens_default.typography.fontFamily.body,
+        color: tokens_default.color.gray[600],
+        margin: 0
+      }
+    }
+  },
+  MuiPickersLayout: {
+    styleOverrides: {
+      root: {
+        backgroundColor: tokens_default.color.base.white,
+        borderRadius: `${tokens_default.borderRadius.xl}px`,
+        boxShadow: tokens_default.shadows.lg,
+        overflow: "hidden"
+      },
+      contentWrapper: {
+        padding: `${tokens_default.borderRadius.xl * 1.5}px ${tokens_default.borderRadius.xl * 2}px`
+      }
+    }
+  },
+  MuiPickerPopper: {
+    styleOverrides: {
+      paper: {
+        borderRadius: `${tokens_default.borderRadius.xl}px`,
+        boxShadow: tokens_default.shadows.lg,
+        overflow: "hidden"
+      }
+    }
+  },
+  MuiDialogActions: {
+    styleOverrides: {
+      root: {
+        padding: `${tokens_default.borderRadius.md * 2}px`,
+        borderTop: `1px solid ${tokens_default.color.gray[200]}`,
+        gap: `${tokens_default.borderRadius.lg}px`,
+        "& .MuiButton-root": {
+          flex: 1,
+          minWidth: "auto",
+          fontFamily: tokens_default.typography.fontFamily.body
+        }
+      }
+    }
+  },
+  MuiPickersToolbar: {
+    styleOverrides: {
+      root: {
+        padding: `${tokens_default.borderRadius.md * 2}px`,
+        borderTop: `1px solid ${tokens_default.color.gray[200]}`,
+        gap: `${tokens_default.borderRadius.lg}px`,
+        display: "flex",
+        "& .MuiButton-root": {
+          flex: 1,
+          minWidth: "auto",
+          textTransform: "none",
+          fontSize: tokens_default.typography.fontSize["text-md"],
+          fontWeight: tokens_default.typography.fontWeight.semibold,
+          fontFamily: tokens_default.typography.fontFamily.body,
+          padding: "10px 16px",
+          borderRadius: `${tokens_default.borderRadius.md}px`,
+          lineHeight: tokens_default.typography.lineHeight["text-md"],
+          boxShadow: "none",
+          "&:hover": {
+            boxShadow: "none"
+          }
+        },
+        "& .MuiButton-root:first-of-type": {
+          backgroundColor: tokens_default.color.base.white,
+          border: `1px solid ${tokens_default.color.gray[300]}`,
+          color: tokens_default.color.gray[700],
+          "&:hover": {
+            backgroundColor: tokens_default.color.gray[50],
+            border: `1px solid ${tokens_default.color.gray[300]}`
+          }
+        },
+        "& .MuiButton-root:last-of-type": {
+          backgroundColor: `${tokens_default.color.primary[600]} !important`,
+          color: `${tokens_default.color.base.white} !important`,
+          border: "none !important",
+          "&:hover": {
+            backgroundColor: `${tokens_default.color.primary[700]} !important`
+          }
+        }
+      }
+    }
+  }
+};
+
+// src/theme/components/table.ts
+var tableOverrides = {
+  MuiTable: {
+    styleOverrides: {
+      root: {
+        borderCollapse: "separate",
+        borderSpacing: 0
+      }
+    }
+  },
+  MuiTableHead: {
+    styleOverrides: {
+      root: {
+        "& .MuiTableCell-root": {
+          backgroundColor: tokens_default.color.gray[50],
+          borderBottom: `1px solid ${tokens_default.color.gray[200]}`,
+          fontFamily: tokens_default.typography.fontFamily.body,
+          fontSize: tokens_default.typography.fontSize["text-xs"],
+          fontWeight: tokens_default.typography.fontWeight.medium,
+          lineHeight: tokens_default.typography.lineHeight["text-xs"],
+          color: tokens_default.color.gray[600],
+          textTransform: "uppercase",
+          padding: "12px 24px"
+        }
+      }
+    }
+  },
+  MuiTableBody: {
+    styleOverrides: {
+      root: {
+        "& .MuiTableRow-root": {
+          "&:hover": {
+            backgroundColor: tokens_default.color.gray[25]
+          },
+          "&:last-child .MuiTableCell-root": {
+            borderBottom: 0
+          }
+        }
+      }
+    }
+  },
+  MuiTableCell: {
+    styleOverrides: {
+      root: {
+        fontFamily: tokens_default.typography.fontFamily.body,
+        fontSize: tokens_default.typography.fontSize["text-sm"],
+        fontWeight: tokens_default.typography.fontWeight.regular,
+        lineHeight: tokens_default.typography.lineHeight["text-sm"],
+        color: tokens_default.color.gray[900],
+        padding: "16px 24px",
+        borderBottom: `1px solid ${tokens_default.color.gray[200]}`
+      },
+      head: {
+        backgroundColor: tokens_default.color.gray[50],
+        fontWeight: tokens_default.typography.fontWeight.medium,
+        color: tokens_default.color.gray[600],
+        fontSize: tokens_default.typography.fontSize["text-xs"],
+        lineHeight: tokens_default.typography.lineHeight["text-xs"],
+        textTransform: "uppercase",
+        padding: "12px 24px"
+      }
+    }
+  },
+  MuiTablePagination: {
+    styleOverrides: {
+      root: {
+        borderTop: `1px solid ${tokens_default.color.gray[200]}`,
+        padding: "12px 24px 16px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: "12px",
+        color: tokens_default.color.gray[700],
+        fontFamily: tokens_default.typography.fontFamily.body
+      },
+      toolbar: {
+        padding: 0,
+        minHeight: "unset",
+        gap: "12px",
+        justifyContent: "center",
+        width: "100%"
+      },
+      spacer: {
+        display: "none"
+      },
+      selectLabel: {
+        display: "none"
+      },
+      select: {
+        display: "none"
+      },
+      displayedRows: {
+        margin: 0,
+        fontFamily: tokens_default.typography.fontFamily.body,
+        fontSize: tokens_default.typography.fontSize["text-sm"],
+        fontWeight: tokens_default.typography.fontWeight.medium,
+        color: tokens_default.color.gray[700],
+        order: 1
+      },
+      actions: {
+        display: "flex",
+        gap: "2px",
+        alignItems: "center",
+        order: 2,
+        marginLeft: 0,
+        "& .MuiIconButton-root": {
+          backgroundColor: tokens_default.color.base.white,
+          border: `1px solid ${tokens_default.color.gray[300]}`,
+          borderRadius: tokens_default.borderRadius.md,
+          padding: "8px 12px",
+          margin: 0,
+          boxShadow: tokens_default.shadows.xs,
+          fontFamily: tokens_default.typography.fontFamily.body,
+          fontSize: tokens_default.typography.fontSize["text-sm"],
+          fontWeight: tokens_default.typography.fontWeight.semibold,
+          color: tokens_default.color.gray[700],
+          gap: "4px",
+          minWidth: "40px",
+          height: "36px",
+          "&:hover": {
+            backgroundColor: tokens_default.color.gray[50],
+            borderColor: tokens_default.color.gray[300]
+          },
+          "&.Mui-disabled": {
+            backgroundColor: tokens_default.color.base.white,
+            borderColor: tokens_default.color.gray[200],
+            color: tokens_default.color.gray[400],
+            opacity: 0.6
+          },
+          "&:first-of-type": {
+            "&::after": {
+              content: '"Previous"',
+              marginLeft: "4px"
+            }
+          },
+          "&:last-of-type": {
+            "&::before": {
+              content: '"Next"',
+              marginRight: "4px"
+            }
+          }
+        }
+      }
+    }
+  }
+};
+
+// src/theme/components/sectionHeader.ts
+var sectionHeaderOverrides = {
+  // Future: Add any SectionHeader-specific MUI component overrides here if needed
+};
+
+// src/theme/components/modal.ts
+var modalOverrides = {
+  MuiModal: {
+    styleOverrides: {
+      root: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      backdrop: {
+        backgroundColor: tokens_default.color.gray[950],
+        opacity: "0.5 !important",
+        backdropFilter: "blur(8px)"
+      }
+    }
+  },
+  MuiDialog: {
+    styleOverrides: {
+      root: {
+        "& .MuiBackdrop-root": {
+          backgroundColor: tokens_default.color.gray[950],
+          opacity: "0.5 !important",
+          backdropFilter: "blur(8px)"
+        }
+      },
+      paper: {
+        backgroundColor: tokens_default.color.base.white,
+        borderRadius: tokens_default.borderRadius["2xl"],
+        boxShadow: `0px 20px 24px -4px rgba(10,13,18,0.08), 0px 8px 8px -4px rgba(10,13,18,0.03), 0px 3px 3px -1.5px rgba(10,13,18,0.02)`,
+        overflow: "hidden"
+      }
+    }
+  },
+  MuiDialogTitle: {
+    styleOverrides: {
+      root: {
+        fontFamily: tokens_default.typography.fontFamily.body,
+        fontSize: tokens_default.typography.fontSize["text-lg"],
+        fontWeight: tokens_default.typography.fontWeight.semibold,
+        lineHeight: tokens_default.typography.lineHeight["text-lg"],
+        color: tokens_default.color.gray[900],
+        padding: `${tokens_default.spacing["3xl"]} ${tokens_default.spacing["3xl"]} ${tokens_default.spacing.lg}`
+      }
+    }
+  },
+  MuiDialogContent: {
+    styleOverrides: {
+      root: {
+        fontFamily: tokens_default.typography.fontFamily.body,
+        fontSize: tokens_default.typography.fontSize["text-sm"],
+        fontWeight: tokens_default.typography.fontWeight.regular,
+        lineHeight: tokens_default.typography.lineHeight["text-sm"],
+        color: tokens_default.color.gray[600],
+        padding: `0 ${tokens_default.spacing["3xl"]}`
+      }
+    }
+  },
+  MuiDialogContentText: {
+    styleOverrides: {
+      root: {
+        fontFamily: tokens_default.typography.fontFamily.body,
+        fontSize: tokens_default.typography.fontSize["text-sm"],
+        fontWeight: tokens_default.typography.fontWeight.regular,
+        lineHeight: tokens_default.typography.lineHeight["text-sm"],
+        color: tokens_default.color.gray[600]
+      }
+    }
+  },
+  MuiDialogActions: {
+    styleOverrides: {
+      root: {
+        padding: `${tokens_default.spacing["4xl"]} ${tokens_default.spacing["3xl"]} ${tokens_default.spacing["3xl"]}`,
+        gap: tokens_default.spacing.lg,
+        "& > :not(:first-of-type)": {
+          marginLeft: 0
+        }
+      }
+    }
+  }
+};
+
+// src/theme/components/index.ts
+var components = {
+  MuiButton: buttonOverrides,
+  MuiButtonGroup: buttonGroupOverrides,
+  MuiCard: cardOverrides,
+  MuiChip: chipOverrides,
+  MuiSelect: selectOverrides,
+  MuiAutocomplete: autocompleteOverrides,
+  MuiAvatar: avatarOverrides,
+  MuiSwitch: switchOverrides,
+  MuiCheckbox: checkboxOverrides,
+  MuiRadio: radioOverrides,
+  ...datePickerOverrides,
+  ...textFieldOverrides,
+  ...menuOverrides,
+  ...progressOverrides,
+  ...tableOverrides,
+  ...sectionHeaderOverrides,
+  ...modalOverrides
+};
+
+// src/theme/theme.ts
+var colorTokens3 = tokens_default.color;
+var typographyTokens = tokens_default.typography;
+var borderRadiusTokens6 = tokens_default.borderRadius;
+var shadowTokens = tokens_default.shadows;
+var themeOptions = {
+  palette,
+  typography,
+  spacing: 8,
+  // Base unit for theme.spacing() function
+  shape: {
+    borderRadiusSm: borderRadiusTokens6.sm,
+    borderRadiusMd: borderRadiusTokens6.md,
+    borderRadiusLg: borderRadiusTokens6.lg,
+    borderRadiusXl: borderRadiusTokens6.xl
+  },
+  components
+};
+var theme = createTheme(themeOptions);
+var tokens = {
+  color: colorTokens3,
+  typography: typographyTokens,
+  borderRadius: borderRadiusTokens6,
+  shadows: shadowTokens
+};
+
+// src/theme/icons.ts
+import { default as default2 } from "@mui/icons-material/Close";
+import { default as default3 } from "@mui/icons-material/Menu";
+import { default as default4 } from "@mui/icons-material/ChevronLeft";
+import { default as default5 } from "@mui/icons-material/ChevronRight";
+import { default as default6 } from "@mui/icons-material/KeyboardArrowDown";
+import { default as default7 } from "@mui/icons-material/KeyboardArrowUp";
+import { default as default8 } from "@mui/icons-material/KeyboardArrowRight";
+import { default as default9 } from "@mui/icons-material/OpenInNew";
+import { default as default10 } from "@mui/icons-material/LogoutOutlined";
+import { default as default11 } from "@mui/icons-material/Add";
+import { default as default12 } from "@mui/icons-material/Edit";
+import { default as default13 } from "@mui/icons-material/Delete";
+import { default as default14 } from "@mui/icons-material/DeleteOutline";
+import { default as default15 } from "@mui/icons-material/ContentCopy";
+import { default as default16 } from "@mui/icons-material/Send";
+import { default as default17 } from "@mui/icons-material/Search";
+import { default as default18 } from "@mui/icons-material/CloudUpload";
+import { default as default19 } from "@mui/icons-material/CloudUploadOutlined";
+import { default as default20 } from "@mui/icons-material/CloudDownload";
+import { default as default21 } from "@mui/icons-material/Download";
+import { default as default22 } from "@mui/icons-material/AttachFile";
+import { default as default23 } from "@mui/icons-material/Create";
+import { default as default24 } from "@mui/icons-material/PlayArrow";
+import { default as default25 } from "@mui/icons-material/UploadFile";
+import { default as default26 } from "@mui/icons-material/Pause";
+import { default as default27 } from "@mui/icons-material/VolumeUp";
+import { default as default28 } from "@mui/icons-material/Fullscreen";
+import { default as default29 } from "@mui/icons-material/Check";
+import { default as default30 } from "@mui/icons-material/CheckCircle";
+import { default as default31 } from "@mui/icons-material/CheckCircleOutline";
+import { default as default32 } from "@mui/icons-material/CheckCircleOutlined";
+import { default as default33 } from "@mui/icons-material/ErrorOutline";
+import { default as default34 } from "@mui/icons-material/ErrorOutlined";
+import { default as default35 } from "@mui/icons-material/WarningAmber";
+import { default as default36 } from "@mui/icons-material/WarningAmberOutlined";
+import { default as default37 } from "@mui/icons-material/InfoOutlined";
+import { default as default38 } from "@mui/icons-material/Verified";
+import { default as default39 } from "@mui/icons-material/CancelOutlined";
+import { default as default40 } from "@mui/icons-material/GitHub";
+import { default as default41 } from "@mui/icons-material/Twitter";
+import { default as default42 } from "@mui/icons-material/LinkedIn";
+import { default as default43 } from "@mui/icons-material/Public";
+import { default as default44 } from "@mui/icons-material/Email";
+import { default as default45 } from "@mui/icons-material/Mail";
+import { default as default46 } from "@mui/icons-material/FolderOutlined";
+import { default as default47 } from "@mui/icons-material/FolderOutlined";
+import { default as default48 } from "@mui/icons-material/DescriptionOutlined";
+import { default as default49 } from "@mui/icons-material/DescriptionOutlined";
+import { default as default50 } from "@mui/icons-material/ArticleOutlined";
+import { default as default51 } from "@mui/icons-material/InsertDriveFileOutlined";
+import { default as default52 } from "@mui/icons-material/Image";
+import { default as default53 } from "@mui/icons-material/Person";
+import { default as default54 } from "@mui/icons-material/PersonOutline";
+import { default as default55 } from "@mui/icons-material/PeopleOutlined";
+import { default as default56 } from "@mui/icons-material/GroupAddOutlined";
+import { default as default57 } from "@mui/icons-material/Settings";
+import { default as default58 } from "@mui/icons-material/SettingsOutlined";
+import { default as default59 } from "@mui/icons-material/Notifications";
+import { default as default60 } from "@mui/icons-material/NotificationsOutlined";
+import { default as default61 } from "@mui/icons-material/HelpOutline";
+import { default as default62 } from "@mui/icons-material/MoreVert";
+import { default as default63 } from "@mui/icons-material/DashboardOutlined";
+import { default as default64 } from "@mui/icons-material/BarChart";
+import { default as default65 } from "@mui/icons-material/BarChartOutlined";
+import { default as default66 } from "@mui/icons-material/AssessmentOutlined";
+import { default as default67 } from "@mui/icons-material/Circle";
+import { default as default68 } from "@mui/icons-material/HomeOutlined";
+import { default as default69 } from "@mui/icons-material/AssignmentOutlined";
+import { default as default70 } from "@mui/icons-material/AccessTime";
+import { default as default71 } from "@mui/icons-material/CalendarToday";
+import { default as default72 } from "@mui/icons-material/CalendarTodayOutlined";
+import { default as default73 } from "@mui/icons-material/Alarm";
+import { default as default74 } from "@mui/icons-material/FlashOn";
+import { default as default75 } from "@mui/icons-material/Bolt";
+import { default as default76 } from "@mui/icons-material/AutoAwesome";
+import { default as default77 } from "@mui/icons-material/Mic";
+import { default as default78 } from "@mui/icons-material/Link";
+import { default as default79 } from "@mui/icons-material/BookmarkBorder";
+import { default as default80 } from "@mui/icons-material/CreditCard";
+import { default as default81 } from "@mui/icons-material/IntegrationInstructions";
+import { default as default82 } from "@mui/icons-material/ChatBubbleOutline";
+import { default as default83 } from "@mui/icons-material/MailOutline";
+import { default as default84 } from "@mui/icons-material/StarOutline";
+import { default as default85 } from "@mui/icons-material/Refresh";
+import { default as default86 } from "@mui/icons-material/DoneAll";
+export {
+  default70 as AccessTimeIcon,
+  default11 as AddIcon,
+  default73 as AlarmIcon,
+  default50 as ArticleOutlinedIcon,
+  default66 as AssessmentOutlinedIcon,
+  default69 as AssignmentOutlinedIcon,
+  default22 as AttachFileIcon,
+  default76 as AutoAwesomeIcon,
+  default64 as BarChartIcon,
+  default65 as BarChartOutlinedIcon,
+  default75 as BoltIcon,
+  default79 as BookmarkBorderIcon,
+  default71 as CalendarTodayIcon,
+  default72 as CalendarTodayOutlinedIcon,
+  default39 as CancelOutlinedIcon,
+  default82 as ChatBubbleOutlineIcon,
+  default30 as CheckCircleIcon,
+  default31 as CheckCircleOutlineIcon,
+  default32 as CheckCircleOutlinedIcon,
+  default29 as CheckIcon,
+  default4 as ChevronLeftIcon,
+  default5 as ChevronRightIcon,
+  default67 as CircleIcon,
+  default2 as CloseIcon,
+  default20 as CloudDownloadIcon,
+  default18 as CloudUploadIcon,
+  default19 as CloudUploadOutlinedIcon,
+  default15 as ContentCopyIcon,
+  default23 as CreateIcon,
+  default80 as CreditCardIcon,
+  default63 as DashboardOutlinedIcon,
+  default13 as DeleteIcon,
+  default14 as DeleteOutlineIcon,
+  default48 as DescriptionIcon,
+  default49 as DescriptionOutlinedIcon,
+  default86 as DoneAllIcon,
+  default21 as DownloadIcon,
+  default12 as EditIcon,
+  default44 as EmailIcon,
+  default33 as ErrorOutlineIcon,
+  default34 as ErrorOutlinedIcon,
+  default74 as FlashOnIcon,
+  default46 as FolderIcon,
+  default47 as FolderOutlinedIcon,
+  default28 as FullscreenIcon,
+  default40 as GitHubIcon,
+  default56 as GroupAddOutlinedIcon,
+  default61 as HelpOutlineIcon,
+  default68 as HomeOutlinedIcon,
+  default52 as ImageIcon,
+  default37 as InfoOutlinedIcon,
+  default51 as InsertDriveFileOutlinedIcon,
+  default81 as IntegrationInstructionsIcon,
+  default6 as KeyboardArrowDownIcon,
+  default8 as KeyboardArrowRightIcon,
+  default7 as KeyboardArrowUpIcon,
+  default78 as LinkIcon,
+  default42 as LinkedInIcon,
+  default10 as LogoutOutlinedIcon,
+  default45 as MailIcon,
+  default83 as MailOutlineIcon,
+  default3 as MenuIcon,
+  default77 as MicIcon,
+  default62 as MoreVertIcon,
+  default59 as NotificationsIcon,
+  default60 as NotificationsOutlinedIcon,
+  default9 as OpenInNewIcon,
+  default26 as PauseIcon,
+  default55 as PeopleOutlinedIcon,
+  default53 as PersonIcon,
+  default54 as PersonOutlineIcon,
+  default24 as PlayArrowIcon,
+  default43 as PublicIcon,
+  default85 as RefreshIcon,
+  default17 as SearchIcon,
+  default16 as SendIcon,
+  default57 as SettingsIcon,
+  default58 as SettingsOutlinedIcon,
+  default84 as StarOutlineIcon,
+  default41 as TwitterIcon,
+  default25 as UploadFileIcon,
+  default38 as VerifiedIcon,
+  default27 as VolumeUpIcon,
+  default35 as WarningAmberIcon,
+  default36 as WarningAmberOutlinedIcon,
+  theme,
+  tokens
+};
+//# sourceMappingURL=index.mjs.map