@ammarkhalidfarooq/dashboard-package 0.1.0

package/dist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../src/config/customTheme.js","../src/components/MetricSelector.jsx","../src/components/RevenueChart.jsx","../src/components/Dashboard.jsx","../src/config/customColors.js"],"sourcesContent":["import { createTheme } from \"@mui/material/styles\";\r\n\r\nexport const theme = createTheme({\r\n  cssVariables: true, // Enable CSS variables for better SSR support\r\n  typography: {\r\n    fontFamily: [\r\n      \"var(--font-league-spartan)\",\r\n      \"var(--font-noto-sans-arabic)\", // Added as a fallback for Arabic text\r\n      \"-apple-system\",\r\n      \"BlinkMacSystemFont\",\r\n      \"Segoe UI\",\r\n      \"Roboto\",\r\n      \"Helvetica Neue\",\r\n      \"Arial\",\r\n      \"sans-serif\",\r\n      \"Apple Color Emoji\",\r\n      \"Segoe UI Emoji\",\r\n      \"Segoe UI Symbol\",\r\n    ].join(\",\"),\r\n  },\r\n  palette: {\r\n    primary: {\r\n      main: \"#6363E6\",\r\n      mainLight: \"#F7F7FF\",\r\n      light: \"#FFFFFF\",\r\n      gray: \"#A1A1A8\",\r\n      lightGreen: \"#E1FBF2\",\r\n      green: \"#0CAB72\",\r\n      red: \"#E61D1D\",\r\n      lightRed: \"#FFEDED\",\r\n      lightGray: \"#E9E9EB\",\r\n      darkGray: \"#606062\",\r\n      dark: \"#090909\",\r\n    },\r\n    text: { primary: \"#666666\" },\r\n    secondary: {\r\n      main: \"#E0C2FF\",\r\n      light: \"#F5EBFF\",\r\n      // dark: will be calculated from palette.secondary.main,\r\n      contrastText: \"#47008F\",\r\n    },\r\n    white: {\r\n      main: \"#FFFFFF\",\r\n      light: \"#F8F8F8\",\r\n    },\r\n\r\n    gradients: {\r\n      primary: \"linear-gradient(90deg, #6363E6 0.05%, #59C9F9 99.96%)\",\r\n      secondary: \"linear-gradient(180deg, #E9E9FF 0%, #C9EEFF 100%)\",\r\n      // You can add more gradients if needed\r\n    },\r\n  },\r\n});\r\n","import React from 'react';\nimport { Button, Menu, MenuItem, Box } from '@mui/material';\nimport { MoreHoriz as MoreHorizIcon } from '@mui/icons-material';\n\nconst MetricSelector = ({ metric, onMetricChange, options = ['Revenue', 'Donations'] }) => {\n  const [anchorEl, setAnchorEl] = React.useState(null);\n  const open = Boolean(anchorEl);\n\n  const handleClick = (event) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = (value) => {\n    if (typeof value === 'string') {\n      onMetricChange(value);\n    }\n    setAnchorEl(null);\n  };\n\n  return (\n    <Box sx={{ display: 'flex', gap: 1 }}>\n      <Button\n        id=\"metric-button\"\n        aria-controls={open ? 'metric-menu' : undefined}\n        aria-haspopup=\"true\"\n        aria-expanded={open ? 'true' : undefined}\n        onClick={handleClick}\n        variant=\"outlined\"\n        sx={{ \n          borderRadius: '8px', \n          borderColor: '#E9E9EB', \n          color: '#000', \n          textTransform: 'none',\n          fontWeight: 600,\n          px: 2,\n          height: '40px',\n          '&:hover': {\n            borderColor: 'primary.main',\n            bgcolor: 'rgba(99, 99, 230, 0.04)'\n          }\n        }}\n      >\n        Metric: {metric}\n      </Button>\n      <Menu\n        id=\"metric-menu\"\n        anchorEl={anchorEl}\n        open={open}\n        onClose={() => handleClose()}\n        MenuListProps={{\n          'aria-labelledby': 'metric-button',\n        }}\n        PaperProps={{\n          sx: {\n            borderRadius: '8px',\n            mt: 1,\n            boxShadow: '0 4px 12px rgba(0,0,0,0.1)',\n            minWidth: '150px'\n          }\n        }}\n      >\n        {options.map((option) => (\n          <MenuItem \n            key={option} \n            onClick={() => handleClose(option)} \n            sx={{ fontWeight: metric === option ? 700 : 400 }}\n          >\n            {option}\n          </MenuItem>\n        ))}\n      </Menu>\n    </Box>\n  );\n};\n\nexport default MetricSelector;\n","import React from 'react';\nimport Chart from 'react-apexcharts';\nimport { useTheme } from '@mui/material/styles';\n\nconst RevenueChart = ({ metric, data, series, categories, height = 350, stacked = false }) => {\n  const theme = useTheme();\n\n  const chartOptions = {\n    chart: {\n      id: 'revenue-chart',\n      stacked: stacked,\n      toolbar: {\n        show: false\n      },\n      sparkline: {\n        enabled: false\n      }\n    },\n    stroke: {\n      curve: 'straight',\n      width: 2\n    },\n    fill: {\n      type: 'gradient',\n      gradient: {\n        shadeIntensity: 1,\n        opacityFrom: 0.8,\n        opacityTo: 0.4,\n        stops: [0, 100]\n      }\n    },\n    xaxis: {\n      categories: categories,\n      axisBorder: {\n        show: false\n      },\n      axisTicks: {\n        show: false\n      },\n      labels: {\n        style: {\n          colors: '#A1A1A8',\n          fontSize: '12px'\n        }\n      }\n    },\n    yaxis: {\n      show: true,\n      labels: {\n        style: {\n          colors: '#A1A1A8',\n          fontSize: '12px'\n        },\n        formatter: (value) => metric === 'Revenue' ? `$${value}` : value\n      }\n    },\n    grid: {\n      show: true,\n      borderColor: '#f1f1f1',\n      strokeDashArray: 4,\n      position: 'back'\n    },\n    // Use primary main and a darker version of it for differentiation\n    colors: [theme.palette.primary.main, '#4B4BC2'],\n    dataLabels: {\n      enabled: false\n    },\n    tooltip: {\n      theme: 'light',\n      y: {\n        formatter: (value) => metric === 'Revenue' ? `$${value}` : value\n      }\n    },\n    legend: {\n      show: stacked,\n      position: 'top',\n      horizontalAlign: 'left'\n    }\n  };\n\n  const chartSeries = series || [\n    {\n      name: metric,\n      data: data,\n    },\n  ];\n\n  return (\n    <Chart\n      options={chartOptions}\n      series={chartSeries}\n      type=\"area\"\n      height={height}\n      width=\"100%\"\n    />\n  );\n};\n\nexport default RevenueChart;\n","import React from 'react';\nimport { Box, Typography, Card, CardContent, ThemeProvider, IconButton, Grid } from '@mui/material';\nimport { MoreHoriz as MoreHorizIcon } from '@mui/icons-material';\nimport { theme } from '../config/customTheme';\nimport MetricSelector from './MetricSelector';\nimport RevenueChart from './RevenueChart';\n\nconst Dashboard = ({ \n  title = \"Overview\",\n  initialMetric = 'Revenue',\n  revenueData = [3000, 4500, 4200, 5800, 5200, 7100, 8500, 9200, 5000],\n  donationsData = [15, 22, 18, 30, 25, 35, 42, 45, 28],\n  categories = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep']\n}) => {\n  const [metric, setMetric] = React.useState(initialMetric);\n\n  const currentData = metric === 'Revenue' ? revenueData : donationsData;\n\n  const primaryCharts = [\n    { \n      label: 'Total Revenue', \n      value: '$9,200.00',\n      subValue: 'Total Donations: 215',\n      data: currentData,\n      categories: categories,\n      showSelector: true\n    },\n    { \n      label: 'First installments', \n      value: '$510.00', \n      data: currentData.slice(-7),\n      categories: categories.slice(-7)\n    },\n    { \n      label: 'One-time donations', \n      value: '$7,100.00',\n      data: currentData,\n      categories: categories\n    }\n  ];\n\n  const secondaryCharts = [\n    { \n      label: 'New vs Returning Donors', \n      series: [\n        { name: 'New Donors', data: [10, 15, 12, 20, 18, 25, 30, 35, 20] },\n        { name: 'Returning', data: [5, 7, 6, 10, 7, 10, 12, 10, 8] }\n      ],\n      categories: categories,\n      stacked: true,\n      footer: { left: 'New donors: 195', right: 'Returning donors: 20' }\n    },\n    { \n      label: 'Average Donation Amount', \n      value: '$42.80',\n      data: currentData.map(v => v * 0.5),\n      categories: categories\n    },\n    { \n      label: 'Tip Amount', \n      value: '$1,250.00',\n      subValue: 'Number of Tips: 110',\n      data: currentData.map(v => v * 0.2),\n      categories: categories\n    }\n  ];\n\n  const tertiaryCharts = [\n    { \n      label: 'Conversion Rate', \n      value: '2%',\n      data: [1.5, 1.8, 1.7, 2.1, 2.0, 1.9, 2.2, 2.5, 2.0],\n      categories: categories\n    },\n    { \n      label: 'Organic vs Paid Traffic', \n      series: [\n        { name: 'Organic', data: [500, 600, 550, 700, 800, 750, 900, 1000, 950] },\n        { name: 'Paid', data: [200, 250, 220, 300, 350, 320, 400, 450, 420] }\n      ],\n      categories: categories,\n      stacked: true\n    },\n    { \n      label: 'Organic Donations', \n      value: '120',\n      data: [8, 12, 10, 15, 14, 18, 22, 20, 12],\n      categories: categories\n    }\n  ];\n\n  const quaternaryCharts = [\n    { \n      label: 'Email Marketing', \n      value: '56',\n      data: [45, 48, 52, 50, 56, 54, 58, 60, 56],\n      categories: categories\n    },\n    { \n      label: 'Traffic source', \n      value: '23%',\n      data: [18, 22, 20, 25, 23, 21, 24, 26, 23],\n      categories: categories\n    },\n    { \n      label: 'URL', \n      value: '10%',\n      data: [8, 9, 11, 10, 10, 12, 9, 11, 10],\n      categories: categories\n    }\n  ];\n\n  const renderChartCard = (item, index, isPrimary = false) => (\n    <Grid item xs={12} md={4} key={item.label + index} sx={{ display: 'flex' }}>\n      <Card sx={{ width: '100%', display: 'flex', flexDirection: 'column', boxShadow: '0 4px 24px rgba(0,0,0,0.06)', borderRadius: 4, border: '1px solid #f0f0f0' }}>\n        <CardContent sx={{ p: 3, flexGrow: 1, display: 'flex', flexDirection: 'column' }}>\n          <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', mb: 2 }}>\n            <Box sx={{ textAlign: 'left' }}>\n              <Typography variant=\"subtitle2\" sx={{ color: '#000000', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.5px', mb: 0.5 }}>\n                {item.label}\n              </Typography>\n              {item.value && (\n                <Typography variant=\"subtitle2\" sx={{ fontWeight: 600, color: '#000000', mb: 0.5 }}>\n                  {item.value}\n                </Typography>\n              )}\n              {item.subValue && (\n                <Typography variant=\"subtitle2\" sx={{ color: '#000000', fontWeight: 600 }}>\n                  {item.subValue}\n                </Typography>\n              )}\n            </Box>\n            \n            <Box sx={{ display: 'flex', gap: 1 }}>\n              {item.showSelector && (\n                <MetricSelector \n                  metric={metric} \n                  onMetricChange={setMetric} \n                  options={['Revenue', 'Donations']} \n                />\n              )}\n              <IconButton \n                sx={{ \n                  border: '1px solid #E9E9EB', \n                  borderRadius: '8px',\n                  color: '#000',\n                  height: '40px',\n                  width: '40px',\n                  '&:hover': {\n                    borderColor: 'primary.main',\n                    bgcolor: 'rgba(99, 99, 230, 0.04)'\n                  }\n                }}\n              >\n                <MoreHorizIcon sx={{ fontSize: '1.2rem' }} />\n              </IconButton>\n            </Box>\n          </Box>\n          \n          <Box sx={{ flexGrow: 1, minHeight: isPrimary ? '250px' : '200px' }}>\n            <RevenueChart \n              metric={item.label.includes('Rate') || item.label.includes('Performance') || item.label.includes('source') || item.label === 'URL' ? 'Percent' : (item.stacked ? (item.label.includes('Traffic') ? 'Visitors' : 'Donors') : metric)} \n              data={item.data} \n              series={item.series}\n              categories={item.categories} \n              height={isPrimary ? 250 : 200}\n              stacked={item.stacked}\n            />\n          </Box>\n\n          {item.footer && (\n            <Box sx={{ display: 'flex', justifyContent: 'space-between', mt: 2, pt: 2, borderTop: '1px solid #f0f0f0' }}>\n              <Typography variant=\"caption\" sx={{ color: '#606062', fontWeight: 600 }}>\n                {item.footer.left}\n              </Typography>\n              <Typography variant=\"caption\" sx={{ color: '#606062', fontWeight: 600 }}>\n                {item.footer.right}\n              </Typography>\n            </Box>\n          )}\n        </CardContent>\n      </Card>\n    </Grid>\n  );\n\n  return (\n    <ThemeProvider theme={theme}>\n      <Box sx={{ p: 4, bgcolor: 'primary.mainLight', minHeight: '100vh', display: 'flex', flexDirection: 'column', alignItems: 'stretch' }}>\n        <Typography variant=\"h4\" gutterBottom sx={{ fontWeight: 'bold', color: 'primary.main', mb: 4 }}>\n          {title}\n        </Typography>\n        \n        {/* Row 1 */}\n        <Grid container spacing={3} sx={{ mb: 1 }}>\n          {primaryCharts.map((item, index) => renderChartCard(item, index, true))}\n        </Grid>\n\n        {/* Row 2 */}\n        <Grid container spacing={3} sx={{ mt: 1 }}>\n          {secondaryCharts.map((item, index) => renderChartCard(item, index, false))}\n        </Grid>\n\n        {/* Row 3 */}\n        <Grid container spacing={3} sx={{ mt: 1 }}>\n          {tertiaryCharts.map((item, index) => renderChartCard(item, index, false))}\n        </Grid>\n\n        {/* Row 4 */}\n        <Grid container spacing={3} sx={{ mt: 1 }}>\n          {quaternaryCharts.map((item, index) => renderChartCard(item, index, false))}\n        </Grid>\n      </Box>\n    </ThemeProvider>\n  );\n};\n\nexport default Dashboard;\nexport { MetricSelector, RevenueChart };\n","/**\r\n * Theme colors for server components\r\n *\r\n * These are plain JavaScript objects that can be safely imported\r\n * in both server and client components without triggering\r\n * client-only code in server components.\r\n *\r\n * For client components, use the full theme from @/config/customTheme\r\n */\r\n\r\nexport const themeColors = {\r\n  primary: {\r\n    main: \"#6363E6\",\r\n    mainLight: \"#F7F7FF\",\r\n    light: \"#FFFFFF\",\r\n    gray: \"#A1A1A8\",\r\n    lightGreen: \"#E1FBF2\",\r\n    green: \"#0CAB72\",\r\n    red: \"#E61D1D\",\r\n    lightRed: \"#FFEDED\",\r\n    lightGray: \"#E9E9EB\",\r\n    darkGray: \"#606062\",\r\n    dark: \"#090909\",\r\n  },\r\n  text: {\r\n    primary: \"#666666\",\r\n  },\r\n  secondary: {\r\n    main: \"#E0C2FF\",\r\n    light: \"#F5EBFF\",\r\n    contrastText: \"#47008F\",\r\n  },\r\n  white: {\r\n    main: \"#FFFFFF\",\r\n    light: \"#F8F8F8\",\r\n  },\r\n  gradients: {\r\n    primary: \"linear-gradient(90deg, #6363E6 0.05%, #59C9F9 99.96%)\",\r\n    secondary: \"linear-gradient(180deg, #E9E9FF 0%, #C9EEFF 100%)\",\r\n  },\r\n};\r\n\r\n// Typography settings for server components\r\nexport const themeTypography = {\r\n  fontFamily: [\r\n    \"var(--font-league-spartan)\",\r\n    \"var(--font-noto-sans-arabic)\",\r\n    \"-apple-system\",\r\n    \"BlinkMacSystemFont\",\r\n    \"Segoe UI\",\r\n    \"Roboto\",\r\n    \"Helvetica Neue\",\r\n    \"Arial\",\r\n    \"sans-serif\",\r\n    \"Apple Color Emoji\",\r\n    \"Segoe UI Emoji\",\r\n    \"Segoe UI Symbol\",\r\n  ].join(\",\"),\r\n};\r\n"],"names":["theme","createTheme","cssVariables","typography","fontFamily","join","palette","primary","main","mainLight","light","gray","lightGreen","green","red","lightRed","lightGray","darkGray","dark","text","secondary","contrastText","white","gradients","MetricSelector","_ref","metric","onMetricChange","_ref$options","options","_React$useState","React","useState","_React$useState2","_slicedToArray","anchorEl","setAnchorEl","open","Boolean","handleClick","event","currentTarget","handleClose","value","createElement","Box","sx","display","gap","Button","id","undefined","onClick","variant","borderRadius","borderColor","color","textTransform","fontWeight","px","height","bgcolor","Menu","onClose","MenuListProps","PaperProps","mt","boxShadow","minWidth","map","option","MenuItem","key","RevenueChart","data","series","categories","_ref$height","_ref$stacked","stacked","useTheme","chartOptions","chart","toolbar","show","sparkline","enabled","stroke","curve","width","fill","type","gradient","shadeIntensity","opacityFrom","opacityTo","stops","xaxis","axisBorder","axisTicks","labels","style","colors","fontSize","yaxis","formatter","concat","grid","strokeDashArray","position","dataLabels","tooltip","y","legend","horizontalAlign","chartSeries","name","Chart","Dashboard","_ref$title","title","_ref$initialMetric","initialMetric","_ref$revenueData","revenueData","_ref$donationsData","donationsData","_ref$categories","setMetric","currentData","primaryCharts","label","subValue","showSelector","slice","secondaryCharts","footer","left","right","v","tertiaryCharts","quaternaryCharts","renderChartCard","item","index","isPrimary","arguments","length","Grid","xs","md","Card","flexDirection","border","CardContent","p","flexGrow","justifyContent","alignItems","mb","textAlign","Typography","letterSpacing","IconButton","MoreHorizIcon","minHeight","includes","pt","borderTop","ThemeProvider","gutterBottom","container","spacing","themeColors","themeTypography"],"mappings":"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"}

package/dist/index.d.js

@@ -0,0 +1,2 @@
+// Types for @your-org/dashboard-package
+export function Dashboard(): JSX.Element;

package/dist/index.es.js

@@ -0,0 +1,593 @@
+import React from 'react';
+import { Box, Button, Menu, MenuItem, ThemeProvider, Typography, Grid, Card, CardContent, IconButton } from '@mui/material';
+import { MoreHoriz } from '@mui/icons-material';
+import { createTheme, useTheme } from '@mui/material/styles';
+import Chart from 'react-apexcharts';
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = true,
+      o = false;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = true, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+var theme = createTheme({
+  cssVariables: true,
+  // Enable CSS variables for better SSR support
+  typography: {
+    fontFamily: ["var(--font-league-spartan)", "var(--font-noto-sans-arabic)",
+    // Added as a fallback for Arabic text
+    "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"].join(",")
+  },
+  palette: {
+    primary: {
+      main: "#6363E6",
+      mainLight: "#F7F7FF",
+      light: "#FFFFFF",
+      gray: "#A1A1A8",
+      lightGreen: "#E1FBF2",
+      green: "#0CAB72",
+      red: "#E61D1D",
+      lightRed: "#FFEDED",
+      lightGray: "#E9E9EB",
+      darkGray: "#606062",
+      dark: "#090909"
+    },
+    text: {
+      primary: "#666666"
+    },
+    secondary: {
+      main: "#E0C2FF",
+      light: "#F5EBFF",
+      // dark: will be calculated from palette.secondary.main,
+      contrastText: "#47008F"
+    },
+    white: {
+      main: "#FFFFFF",
+      light: "#F8F8F8"
+    },
+    gradients: {
+      primary: "linear-gradient(90deg, #6363E6 0.05%, #59C9F9 99.96%)",
+      secondary: "linear-gradient(180deg, #E9E9FF 0%, #C9EEFF 100%)"
+      // You can add more gradients if needed
+    }
+  }
+});
+
+var MetricSelector = function MetricSelector(_ref) {
+  var metric = _ref.metric,
+    onMetricChange = _ref.onMetricChange,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? ['Revenue', 'Donations'] : _ref$options;
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    anchorEl = _React$useState2[0],
+    setAnchorEl = _React$useState2[1];
+  var open = Boolean(anchorEl);
+  var handleClick = function handleClick(event) {
+    setAnchorEl(event.currentTarget);
+  };
+  var handleClose = function handleClose(value) {
+    if (typeof value === 'string') {
+      onMetricChange(value);
+    }
+    setAnchorEl(null);
+  };
+  return /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      display: 'flex',
+      gap: 1
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    id: "metric-button",
+    "aria-controls": open ? 'metric-menu' : undefined,
+    "aria-haspopup": "true",
+    "aria-expanded": open ? 'true' : undefined,
+    onClick: handleClick,
+    variant: "outlined",
+    sx: {
+      borderRadius: '8px',
+      borderColor: '#E9E9EB',
+      color: '#000',
+      textTransform: 'none',
+      fontWeight: 600,
+      px: 2,
+      height: '40px',
+      '&:hover': {
+        borderColor: 'primary.main',
+        bgcolor: 'rgba(99, 99, 230, 0.04)'
+      }
+    }
+  }, "Metric: ", metric), /*#__PURE__*/React.createElement(Menu, {
+    id: "metric-menu",
+    anchorEl: anchorEl,
+    open: open,
+    onClose: function onClose() {
+      return handleClose();
+    },
+    MenuListProps: {
+      'aria-labelledby': 'metric-button'
+    },
+    PaperProps: {
+      sx: {
+        borderRadius: '8px',
+        mt: 1,
+        boxShadow: '0 4px 12px rgba(0,0,0,0.1)',
+        minWidth: '150px'
+      }
+    }
+  }, options.map(function (option) {
+    return /*#__PURE__*/React.createElement(MenuItem, {
+      key: option,
+      onClick: function onClick() {
+        return handleClose(option);
+      },
+      sx: {
+        fontWeight: metric === option ? 700 : 400
+      }
+    }, option);
+  })));
+};
+
+var RevenueChart = function RevenueChart(_ref) {
+  var metric = _ref.metric,
+    data = _ref.data,
+    series = _ref.series,
+    categories = _ref.categories,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 350 : _ref$height,
+    _ref$stacked = _ref.stacked,
+    stacked = _ref$stacked === void 0 ? false : _ref$stacked;
+  var theme = useTheme();
+  var chartOptions = {
+    chart: {
+      id: 'revenue-chart',
+      stacked: stacked,
+      toolbar: {
+        show: false
+      },
+      sparkline: {
+        enabled: false
+      }
+    },
+    stroke: {
+      curve: 'straight',
+      width: 2
+    },
+    fill: {
+      type: 'gradient',
+      gradient: {
+        shadeIntensity: 1,
+        opacityFrom: 0.8,
+        opacityTo: 0.4,
+        stops: [0, 100]
+      }
+    },
+    xaxis: {
+      categories: categories,
+      axisBorder: {
+        show: false
+      },
+      axisTicks: {
+        show: false
+      },
+      labels: {
+        style: {
+          colors: '#A1A1A8',
+          fontSize: '12px'
+        }
+      }
+    },
+    yaxis: {
+      show: true,
+      labels: {
+        style: {
+          colors: '#A1A1A8',
+          fontSize: '12px'
+        },
+        formatter: function formatter(value) {
+          return metric === 'Revenue' ? "$".concat(value) : value;
+        }
+      }
+    },
+    grid: {
+      show: true,
+      borderColor: '#f1f1f1',
+      strokeDashArray: 4,
+      position: 'back'
+    },
+    // Use primary main and a darker version of it for differentiation
+    colors: [theme.palette.primary.main, '#4B4BC2'],
+    dataLabels: {
+      enabled: false
+    },
+    tooltip: {
+      theme: 'light',
+      y: {
+        formatter: function formatter(value) {
+          return metric === 'Revenue' ? "$".concat(value) : value;
+        }
+      }
+    },
+    legend: {
+      show: stacked,
+      position: 'top',
+      horizontalAlign: 'left'
+    }
+  };
+  var chartSeries = series || [{
+    name: metric,
+    data: data
+  }];
+  return /*#__PURE__*/React.createElement(Chart, {
+    options: chartOptions,
+    series: chartSeries,
+    type: "area",
+    height: height,
+    width: "100%"
+  });
+};
+
+var Dashboard = function Dashboard(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "Overview" : _ref$title,
+    _ref$initialMetric = _ref.initialMetric,
+    initialMetric = _ref$initialMetric === void 0 ? 'Revenue' : _ref$initialMetric,
+    _ref$revenueData = _ref.revenueData,
+    revenueData = _ref$revenueData === void 0 ? [3000, 4500, 4200, 5800, 5200, 7100, 8500, 9200, 5000] : _ref$revenueData,
+    _ref$donationsData = _ref.donationsData,
+    donationsData = _ref$donationsData === void 0 ? [15, 22, 18, 30, 25, 35, 42, 45, 28] : _ref$donationsData,
+    _ref$categories = _ref.categories,
+    categories = _ref$categories === void 0 ? ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'] : _ref$categories;
+  var _React$useState = React.useState(initialMetric),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    metric = _React$useState2[0],
+    setMetric = _React$useState2[1];
+  var currentData = metric === 'Revenue' ? revenueData : donationsData;
+  var primaryCharts = [{
+    label: 'Total Revenue',
+    value: '$9,200.00',
+    subValue: 'Total Donations: 215',
+    data: currentData,
+    categories: categories,
+    showSelector: true
+  }, {
+    label: 'First installments',
+    value: '$510.00',
+    data: currentData.slice(-7),
+    categories: categories.slice(-7)
+  }, {
+    label: 'One-time donations',
+    value: '$7,100.00',
+    data: currentData,
+    categories: categories
+  }];
+  var secondaryCharts = [{
+    label: 'New vs Returning Donors',
+    series: [{
+      name: 'New Donors',
+      data: [10, 15, 12, 20, 18, 25, 30, 35, 20]
+    }, {
+      name: 'Returning',
+      data: [5, 7, 6, 10, 7, 10, 12, 10, 8]
+    }],
+    categories: categories,
+    stacked: true,
+    footer: {
+      left: 'New donors: 195',
+      right: 'Returning donors: 20'
+    }
+  }, {
+    label: 'Average Donation Amount',
+    value: '$42.80',
+    data: currentData.map(function (v) {
+      return v * 0.5;
+    }),
+    categories: categories
+  }, {
+    label: 'Tip Amount',
+    value: '$1,250.00',
+    subValue: 'Number of Tips: 110',
+    data: currentData.map(function (v) {
+      return v * 0.2;
+    }),
+    categories: categories
+  }];
+  var tertiaryCharts = [{
+    label: 'Conversion Rate',
+    value: '2%',
+    data: [1.5, 1.8, 1.7, 2.1, 2.0, 1.9, 2.2, 2.5, 2.0],
+    categories: categories
+  }, {
+    label: 'Organic vs Paid Traffic',
+    series: [{
+      name: 'Organic',
+      data: [500, 600, 550, 700, 800, 750, 900, 1000, 950]
+    }, {
+      name: 'Paid',
+      data: [200, 250, 220, 300, 350, 320, 400, 450, 420]
+    }],
+    categories: categories,
+    stacked: true
+  }, {
+    label: 'Organic Donations',
+    value: '120',
+    data: [8, 12, 10, 15, 14, 18, 22, 20, 12],
+    categories: categories
+  }];
+  var quaternaryCharts = [{
+    label: 'Email Marketing',
+    value: '56',
+    data: [45, 48, 52, 50, 56, 54, 58, 60, 56],
+    categories: categories
+  }, {
+    label: 'Traffic source',
+    value: '23%',
+    data: [18, 22, 20, 25, 23, 21, 24, 26, 23],
+    categories: categories
+  }, {
+    label: 'URL',
+    value: '10%',
+    data: [8, 9, 11, 10, 10, 12, 9, 11, 10],
+    categories: categories
+  }];
+  var renderChartCard = function renderChartCard(item, index) {
+    var isPrimary = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    return /*#__PURE__*/React.createElement(Grid, {
+      item: true,
+      xs: 12,
+      md: 4,
+      key: item.label + index,
+      sx: {
+        display: 'flex'
+      }
+    }, /*#__PURE__*/React.createElement(Card, {
+      sx: {
+        width: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        boxShadow: '0 4px 24px rgba(0,0,0,0.06)',
+        borderRadius: 4,
+        border: '1px solid #f0f0f0'
+      }
+    }, /*#__PURE__*/React.createElement(CardContent, {
+      sx: {
+        p: 3,
+        flexGrow: 1,
+        display: 'flex',
+        flexDirection: 'column'
+      }
+    }, /*#__PURE__*/React.createElement(Box, {
+      sx: {
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'flex-start',
+        mb: 2
+      }
+    }, /*#__PURE__*/React.createElement(Box, {
+      sx: {
+        textAlign: 'left'
+      }
+    }, /*#__PURE__*/React.createElement(Typography, {
+      variant: "subtitle2",
+      sx: {
+        color: '#000000',
+        fontWeight: 600,
+        textTransform: 'uppercase',
+        letterSpacing: '0.5px',
+        mb: 0.5
+      }
+    }, item.label), item.value && /*#__PURE__*/React.createElement(Typography, {
+      variant: "subtitle2",
+      sx: {
+        fontWeight: 600,
+        color: '#000000',
+        mb: 0.5
+      }
+    }, item.value), item.subValue && /*#__PURE__*/React.createElement(Typography, {
+      variant: "subtitle2",
+      sx: {
+        color: '#000000',
+        fontWeight: 600
+      }
+    }, item.subValue)), /*#__PURE__*/React.createElement(Box, {
+      sx: {
+        display: 'flex',
+        gap: 1
+      }
+    }, item.showSelector && /*#__PURE__*/React.createElement(MetricSelector, {
+      metric: metric,
+      onMetricChange: setMetric,
+      options: ['Revenue', 'Donations']
+    }), /*#__PURE__*/React.createElement(IconButton, {
+      sx: {
+        border: '1px solid #E9E9EB',
+        borderRadius: '8px',
+        color: '#000',
+        height: '40px',
+        width: '40px',
+        '&:hover': {
+          borderColor: 'primary.main',
+          bgcolor: 'rgba(99, 99, 230, 0.04)'
+        }
+      }
+    }, /*#__PURE__*/React.createElement(MoreHoriz, {
+      sx: {
+        fontSize: '1.2rem'
+      }
+    })))), /*#__PURE__*/React.createElement(Box, {
+      sx: {
+        flexGrow: 1,
+        minHeight: isPrimary ? '250px' : '200px'
+      }
+    }, /*#__PURE__*/React.createElement(RevenueChart, {
+      metric: item.label.includes('Rate') || item.label.includes('Performance') || item.label.includes('source') || item.label === 'URL' ? 'Percent' : item.stacked ? item.label.includes('Traffic') ? 'Visitors' : 'Donors' : metric,
+      data: item.data,
+      series: item.series,
+      categories: item.categories,
+      height: isPrimary ? 250 : 200,
+      stacked: item.stacked
+    })), item.footer && /*#__PURE__*/React.createElement(Box, {
+      sx: {
+        display: 'flex',
+        justifyContent: 'space-between',
+        mt: 2,
+        pt: 2,
+        borderTop: '1px solid #f0f0f0'
+      }
+    }, /*#__PURE__*/React.createElement(Typography, {
+      variant: "caption",
+      sx: {
+        color: '#606062',
+        fontWeight: 600
+      }
+    }, item.footer.left), /*#__PURE__*/React.createElement(Typography, {
+      variant: "caption",
+      sx: {
+        color: '#606062',
+        fontWeight: 600
+      }
+    }, item.footer.right)))));
+  };
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
+    theme: theme
+  }, /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      p: 4,
+      bgcolor: 'primary.mainLight',
+      minHeight: '100vh',
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'stretch'
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "h4",
+    gutterBottom: true,
+    sx: {
+      fontWeight: 'bold',
+      color: 'primary.main',
+      mb: 4
+    }
+  }, title), /*#__PURE__*/React.createElement(Grid, {
+    container: true,
+    spacing: 3,
+    sx: {
+      mb: 1
+    }
+  }, primaryCharts.map(function (item, index) {
+    return renderChartCard(item, index, true);
+  })), /*#__PURE__*/React.createElement(Grid, {
+    container: true,
+    spacing: 3,
+    sx: {
+      mt: 1
+    }
+  }, secondaryCharts.map(function (item, index) {
+    return renderChartCard(item, index, false);
+  })), /*#__PURE__*/React.createElement(Grid, {
+    container: true,
+    spacing: 3,
+    sx: {
+      mt: 1
+    }
+  }, tertiaryCharts.map(function (item, index) {
+    return renderChartCard(item, index, false);
+  })), /*#__PURE__*/React.createElement(Grid, {
+    container: true,
+    spacing: 3,
+    sx: {
+      mt: 1
+    }
+  }, quaternaryCharts.map(function (item, index) {
+    return renderChartCard(item, index, false);
+  }))));
+};
+
+/**
+ * Theme colors for server components
+ *
+ * These are plain JavaScript objects that can be safely imported
+ * in both server and client components without triggering
+ * client-only code in server components.
+ *
+ * For client components, use the full theme from @/config/customTheme
+ */
+
+var themeColors = {
+  primary: {
+    main: "#6363E6",
+    mainLight: "#F7F7FF",
+    light: "#FFFFFF",
+    gray: "#A1A1A8",
+    lightGreen: "#E1FBF2",
+    green: "#0CAB72",
+    red: "#E61D1D",
+    lightRed: "#FFEDED",
+    lightGray: "#E9E9EB",
+    darkGray: "#606062",
+    dark: "#090909"
+  },
+  text: {
+    primary: "#666666"
+  },
+  secondary: {
+    main: "#E0C2FF",
+    light: "#F5EBFF",
+    contrastText: "#47008F"
+  },
+  white: {
+    main: "#FFFFFF",
+    light: "#F8F8F8"
+  },
+  gradients: {
+    primary: "linear-gradient(90deg, #6363E6 0.05%, #59C9F9 99.96%)",
+    secondary: "linear-gradient(180deg, #E9E9FF 0%, #C9EEFF 100%)"
+  }
+};
+
+// Typography settings for server components
+var themeTypography = {
+  fontFamily: ["var(--font-league-spartan)", "var(--font-noto-sans-arabic)", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"].join(",")
+};
+
+export { Dashboard, theme as DashboardTheme, MetricSelector, RevenueChart, themeColors, themeTypography };
+//# sourceMappingURL=index.es.js.map