@dashadmin/dash-styles 1.3.25 → 1.3.28

package/dist/index.cjs

@@ -0,0 +1,979 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  appTheme: () => appTheme,
+  default: () => index_default,
+  defaultComponentOverrides: () => defaultComponentOverrides,
+  defaultOptions: () => defaultOptions,
+  getAntTheme: () => getAntTheme
+});
+module.exports = __toCommonJS(index_exports);
+var import_react_admin = require("react-admin");
+var import_utils = require("@mui/utils");
+var import_antd = require("antd");
+var getAllCssVariablesFromStyleSheets = (selector) => {
+  var _a;
+  const cssVariables = {};
+  for (let i = 0; i < document.styleSheets.length; i++) {
+    try {
+      const styleSheet = document.styleSheets[i];
+      if (((_a = styleSheet.ownerNode) == null ? void 0 : _a.id) === "dash-theme-variables") continue;
+      if (!styleSheet.cssRules) continue;
+      for (let j = 0; j < styleSheet.cssRules.length; j++) {
+        const rule = styleSheet.cssRules[j];
+        if (rule.selectorText === selector) {
+          const style = rule.style;
+          for (let k = 0; k < style.length; k++) {
+            const prop = style[k];
+            if (prop.startsWith("--")) {
+              cssVariables[prop] = style.getPropertyValue(prop).trim();
+            }
+          }
+        }
+      }
+    } catch (e) {
+      console.warn("Could not access stylesheet:", e);
+    }
+  }
+  return cssVariables;
+};
+var defaultOptions = (options) => {
+  const _a = options || {}, { tenantSettings, colors } = _a, otherOptions = __objRest(_a, ["tenantSettings", "colors"]);
+  const currentTheme = document.documentElement.getAttribute("data-theme") || "dark";
+  const cssVars = getAllCssVariablesFromStyleSheets(":root");
+  const _color = (key, colorKey, mode = null) => {
+    if (colors) {
+      const colorValue = colors[`${colorKey}--${mode || currentTheme}`];
+      return colorValue ? { [key]: colorValue } : {};
+    } else if (cssVars[`--${colorKey}--${mode || currentTheme}`]) {
+      const cssVarValue = cssVars[`--${colorKey}--${mode || currentTheme}`];
+      return cssVarValue ? { [key]: cssVarValue } : {};
+    } else {
+      return {};
+    }
+  };
+  const createPalette = (mode = "light") => {
+    const palette = __spreadProps(__spreadValues({
+      mode,
+      background: __spreadValues(__spreadValues({}, _color("default", "module-bg", mode)), _color("paper", "module-bg", mode)),
+      primary: __spreadValues(__spreadValues({}, _color("main", "btn-bg", mode)), _color("contrastText", "primary-contrast", mode)),
+      secondary: __spreadValues({}, _color("main", "secondary-color", mode)),
+      text: __spreadValues(__spreadValues(__spreadValues({}, _color("primary", "text-color", mode)), _color("secondary", "text-light", mode)), _color("disabled", "disabled-color", mode)),
+      action: __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, _color("active", "component-active-bg", mode)), _color("hover", "component-hover-bg", mode)), _color("disabled", "disabled-color", mode)), _color("disabledBackground", "disabled-bg", mode))
+    }, _color("border", "border-color", mode)), {
+      error: __spreadValues(__spreadValues({}, _color("main", "alert-error-bg", mode)), _color("contrastText", "alert-error-title", mode)),
+      warning: __spreadValues(__spreadValues({}, _color("main", "alert-warning-bg", mode)), _color("contrastText", "alert-warning-title", mode)),
+      info: __spreadValues(__spreadValues({}, _color("main", "alert-info-bg", mode)), _color("contrastText", "alert-info-title", mode)),
+      success: __spreadValues(__spreadValues({}, _color("main", "alert-success-bg", mode)), _color("contrastText", "alert-success-title", mode)),
+      common: __spreadValues(__spreadValues({}, _color("black", "text-color", mode)), _color("white", "text-contrast", mode)),
+      variant: __spreadValues({}, _color("containedBg", "btn-bg", mode))
+    });
+    return Object.fromEntries(
+      Object.entries(palette).filter(([_, value]) => {
+        if (typeof value === "object" && value !== null) {
+          return Object.keys(value).length > 0;
+        }
+        return value !== void 0;
+      })
+    );
+  };
+  return {
+    cssVariables: {
+      cssVarPrefix: "dash",
+      // Your custom prefix
+      colorSchemeSelector: "data-theme",
+      // Tell MUI to use data attributes
+      colorSchemeStorageKey: "theme"
+      // Use same key as dashStorage for consistency
+    },
+    // Enable both light and dark color schemes - NO 'system' to force light/dark only
+    colorSchemes: {
+      light: {
+        palette: createPalette("light")
+      },
+      dark: {
+        palette: createPalette("dark")
+      }
+    },
+    defaultColorScheme: currentTheme || "dark",
+    palette: createPalette(currentTheme),
+    // Don't put your custom CSS variables in the palette
+    // Instead, use them directly in component overrides
+    typography: {
+      allVariants: {
+        //color: 'var(--text-color)', // Keep using your CSS variables here
+      }
+    },
+    components: {
+      // Override ALL color usage in component overrides
+      MuiCssBaseline: {
+        styleOverrides: {
+          body: {
+            //background: 'linear-gradient(to bottom, var(--bodybg-primary), var(--bodybg-secondary))',
+            //color: 'var(--text-color)',
+          }
+        }
+      },
+      /* MuiIconButton: {
+               styleOverrides: {
+                 root: {
+                   backgroundColor: 'var(--btn-bg)',
+                   color: 'var(--btn-color)',
+      
+                   '&.MuiIconButton-containedPrimary': {
+                     backgroundColor: 'var(--primary-color)',
+                     color: 'var(--btn-color)',
+                     '&:hover': {
+                       backgroundColor: 'var(--highlight-color)',
+                     },
+                   },
+                   '&.MuiIconButton-containedSecondary': {
+                     backgroundColor: 'var(--secondary-color)',
+                     color: 'var(--btn-color)',
+                     '&:hover': {
+                       backgroundColor: 'var(--highlight-color)',
+                     },
+                   },
+                   '&.MuiIconButton-outlinedPrimary': {
+                     backgroundColor: 'inherit',
+                     borderColor: 'var(--primary-color)',
+                     color: 'var(--text-color)',
+                     '&:hover': {
+                       borderColor: 'var(--highlight-color)',
+                     },
+                   },
+                   '&.MuiIconButton-outlinedSecondary': {
+                     backgroundColor: 'inherit',
+                     borderColor: 'var(--primary-color)',
+                     color: 'var(--text-color)',
+                     '&:hover': {
+                       borderColor: 'var(--highlight-color)',
+                     },
+                   },
+                 },
+               },
+             },*/
+      /*MuiToolbar: {
+            styleOverrides: {
+             root: {
+                 backgroundColor: 'var(--table-header-bg)',
+             }
+         }
+      },*/
+      /*MuiButtonBase: {
+                      styleOverrides: {
+                          root: {
+                              backgroundColor: 'var(--btn-bg)',
+                              color: 'var(--btn-color)',
+      
+                              '&.MuiButton-containedPrimary': {
+                                  backgroundColor: 'var(--btn-primary-bg)',
+                                  color: 'var(--btn-primary-color)',
+                                  '&:hover': {
+                                      backgroundColor: 'var(--highlight-color)',
+                                  },
+                              },
+                              '&.MuiButton-containedSecondary': {
+                                  backgroundColor: 'var(--btn-secondary-bg)',
+                                  color: 'var(--btn-secondary-color)',
+                                  '&:hover': {
+                                      backgroundColor: 'var(--btn-secondary-color)',
+                                  },
+                              },
+                              '&.MuiButton-outlinedPrimary': {
+                                  backgroundColor: 'inherit',
+                                  borderColor: 'var(--btn-primary-bg)',
+                                  color: 'var(--text-color)',
+                                  '&:hover': {
+                                      borderColor: 'var(--highlight-color)',
+                                      color: 'var(--highlight-color-contrast)',
+                                  },
+                              },
+                              '&.MuiButton-outlinedSecondary': {
+                                  backgroundColor: 'inherit',
+                                  borderColor: 'var(--btn-primary-bg)',
+                                  color: 'var(--text-color)',
+                                  '&:hover': {
+                                      borderColor: 'var(--highlight-color)',
+                                      color: 'var(--highlight-color-contrast)',
+                                  },
+                              },
+                              '&.MuiButton-textPrimary': {
+                                  color: 'var(--link-color)',
+                                  background: 'none',
+                                  '&:hover': {
+                                      color: 'var(--highlight-color)',
+                                      textDecoration: 'underline',
+                                      background: 'none',
+                                  },
+                              },
+                              '&.MuiButton-textSecondary': {
+                                  color: 'var(--text-light)',
+                                  background: 'none',
+                                  '&:hover': {
+                                      color: 'var(--text-color)',
+                                      textDecoration: 'underline',
+                                      background: 'none',
+                                  },
+                              },
+                          },
+                      },
+                  },*/
+      MuiButton: {
+        styleOverrides: {
+          root: {
+            backgroundColor: "var(--btn-bg)",
+            color: "var(--btn-color)",
+            "&.MuiButton-containedPrimary": {
+              backgroundColor: "var(--btn-primary-bg)",
+              color: "var(--btn-primary-color)",
+              "&:hover": {
+                backgroundColor: "var(--highlight-color)"
+              }
+            },
+            "&.MuiButton-containedSecondary": {
+              backgroundColor: "var(--btn-secondary-bg)",
+              color: "var(--btn-secondary-color)",
+              "&:hover": {
+                backgroundColor: "var(--btn-secondary-color)"
+              }
+            },
+            "&.MuiButton-outlinedPrimary": {
+              backgroundColor: "inherit",
+              borderColor: "var(--btn-primary-bg)",
+              color: "var(--text-color)",
+              "&:hover": {
+                borderColor: "var(--highlight-color)",
+                color: "var(--highlight-color-contrast)"
+              }
+            },
+            "&.MuiButton-outlinedSecondary": {
+              backgroundColor: "inherit",
+              borderColor: "var(--btn-primary-bg)",
+              color: "var(--text-color)",
+              "&:hover": {
+                borderColor: "var(--highlight-color)",
+                color: "var(--highlight-color-contrast)"
+              }
+            },
+            "&.MuiButton-textPrimary": {
+              color: "var(--link-color)",
+              background: "none",
+              "&:hover": {
+                color: "var(--highlight-color)",
+                textDecoration: "underline",
+                background: "none"
+              }
+            },
+            "&.MuiButton-textSecondary": {
+              color: "var(--text-light)",
+              background: "none",
+              "&:hover": {
+                color: "var(--text-color)",
+                textDecoration: "underline",
+                background: "none"
+              }
+            }
+          }
+        }
+      },
+      MuiDialog: {
+        styleOverrides: {
+          root: {
+            zIndex: 100
+          }
+        }
+      },
+      MuiDialogTitle: {
+        styleOverrides: {
+          root: {
+            "& svg": {
+              color: "var(--text-color)"
+            }
+          }
+        }
+      },
+      MuiTooltip: {
+        styleOverrides: {
+          tooltip: {
+            backgroundColor: "var(--module-bg)",
+            color: "var(--text-color)",
+            border: "1px solid var(--border-color)",
+            fontSize: "0.75rem",
+            maxWidth: 300,
+            "& .MuiTooltip-arrow": {
+              color: "var(--module-bg)",
+              "&::before": {
+                border: "1px solid var(--border-color)"
+              }
+            }
+          },
+          popper: {
+            '&[data-popper-placement*="bottom"] .MuiTooltip-tooltip': {
+              marginTop: "8px"
+            },
+            '&[data-popper-placement*="top"] .MuiTooltip-tooltip': {
+              marginBottom: "8px"
+            },
+            '&[data-popper-placement*="right"] .MuiTooltip-tooltip': {
+              marginLeft: "8px"
+            },
+            '&[data-popper-placement*="left"] .MuiTooltip-tooltip': {
+              marginRight: "8px"
+            }
+          }
+        }
+      },
+      MuiTabs: {
+        styleOverrides: {
+          indicator: {
+            backgroundColor: "var(--highlight-color)"
+          }
+        }
+      },
+      MuiListItemIcon: {
+        styleOverrides: {
+          root: {
+            color: "var(--sidebar-icon)",
+            "& svg": {
+              color: "var(--sidebar-icon)"
+            }
+          }
+        }
+      },
+      RaReferenceField: {
+        styleOverrides: {
+          root: {
+            "& .RaReferenceField-link>*": {
+              color: "var(--text-color)"
+            }
+          }
+        }
+      },
+      RaSingleFieldList: {
+        styleOverrides: {
+          root: {
+            "& .RaSingleFieldList-link>*": {
+              color: "var(--text-color)"
+            }
+          }
+        }
+      },
+      /*MuiInputAdornment: {
+         styleOverrides: {
+           root: {
+             '& svg': {
+               color: 'var(--highlight-color)',
+             },
+           },
+         },
+       },*/
+      MuiTab: {
+        styleOverrides: {
+          root: {
+            "&.MuiButtonBase-root": {
+              "&.Mui-selected": {
+                color: "var(--highlight-color)",
+                backgroundColor: "var(--tab-selected-bg)"
+              },
+              "&.MuiTab-textColorPrimary": {
+                color: "var(--table-color)"
+              }
+            }
+          }
+        }
+      },
+      MuiAlert: {
+        styleOverrides: {
+          root: {
+            "&.MuiAlert-standardInfo": {
+              backgroundColor: "var(--module-bg)",
+              color: "var(--text-color)",
+              "& .MuiAlert-icon": {
+                color: "var(--highlight-color)"
+              },
+              "& .MuiAlertTitle-root": {
+                color: "var(--text-color)"
+              }
+            },
+            "&.MuiAlert-standardError": {
+              backgroundColor: "var(--dash-alert-error-bg)",
+              color: "var(--dash-alert-error-title)"
+            },
+            "&.MuiAlert-standardWarning": {
+              backgroundColor: "var(--dash-alert-warning-bg)",
+              color: "var(--dash-alert-warning-title)"
+            },
+            "&.MuiAlert-standardSuccess": {
+              backgroundColor: "var(--dash-alert-success-bg)",
+              color: "var(--dash-alert-success-title)"
+            }
+          }
+        }
+      },
+      MuiAccordion: {
+        styleOverrides: {
+          root: {
+            backgroundColor: "var(--module-bg)",
+            "&.MuiPaper-root": {
+              backgroundColor: "var(--module-bg)"
+            }
+          }
+        }
+      },
+      MuiAccordionSummary: {
+        styleOverrides: {
+          expandIconWrapper: {
+            color: "inherit",
+            "& .MuiSvgIcon-root": {
+              color: "inherit"
+            }
+          }
+        }
+      },
+      MuiBox: {
+        styleOverrides: {
+          root: {
+            display: "flex !important"
+          }
+        }
+      },
+      /* MuiCard: {
+         styleOverrides: {
+           root: {
+             backgroundColor: 'var(--module-bg)',
+           },
+         },
+       },
+       MuiPaper: {
+         styleOverrides: {
+           root: {
+             marginBottom: 8,
+             backgroundColor: 'var(--module-bg)', // Use the correct variable name
+             color: 'var(--text-color)',
+           },
+         },
+       },
+       */
+      MuiAppBar: {
+        styleOverrides: {
+          root: {
+            backgroundColor: "var(--primary-color)",
+            color: "var(--text-contrast-color)"
+          }
+        }
+      },
+      /*MuiChip: {
+        styleOverrides: {
+          root: {
+            '&.MuiChip-colorPrimary': {
+              backgroundColor: 'var(--primary-color)',
+              color: 'var(--text-light-color)',
+            },
+            '&.MuiChip-colorSecondary': {
+              backgroundColor: 'var(--secondary-color)',
+              color: 'var(--text-light-color)',
+            },
+          },
+        },
+      },*/
+      MuiInputBase: {
+        styleOverrides: {
+          input: {
+            "& .MuiOutlinedInput-root": {
+              border: 1
+            }
+          },
+          /*input: {
+            '&::placeholder': {
+              color: 'var(--highlight-color)',
+              opacity: 1,
+            },
+            // For WebKit browsers
+            '&::-webkit-input-placeholder': {
+              color: 'var(--highlight-color)',
+              opacity: 1,
+            },
+          },*/
+          colorPrimary: {
+            color: "var(--text-color)"
+          }
+        }
+      },
+      MuiOutlinedInput: {
+        styleOverrides: {
+          root: {
+            color: "var(--text-color)",
+            "& .MuiOutlinedInput-notchedOutline": {
+              borderColor: "var(--border-color)"
+            },
+            "&:hover .MuiOutlinedInput-notchedOutline": {
+              borderColor: "var(--primary-color)"
+            },
+            "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+              borderColor: "var(--primary-color)"
+            }
+          }
+        }
+      },
+      MuiInputLabel: {
+        styleOverrides: {
+          root: {
+            color: "var(--text-color)",
+            "&.Mui-focused": {
+              color: "var(--primary-color)"
+            }
+          }
+        }
+      },
+      MuiSelect: {
+        styleOverrides: {
+          select: {
+            color: "var(--text-color)"
+          },
+          icon: {
+            color: "var(--text-color)"
+          }
+        }
+      },
+      MuiTextField: {
+        styleOverrides: {
+          root: {
+            "& .MuiOutlinedInput-root": {
+              "& fieldset": {
+                borderColor: "var(--border-color)"
+              },
+              "&:hover fieldset": {
+                borderColor: "var(--primary-color)"
+              },
+              "&.Mui-focused fieldset": {
+                borderColor: "var(--primary-color)"
+              }
+            },
+            "& .MuiInputLabel-root": {
+              color: "var(--text-light-color)",
+              "&.Mui-focused": {
+                color: "var(--primary-color)"
+              }
+            }
+            /* '& .MuiInputBase-input': {
+               color: 'var(--text-color)',
+               // Add placeholder styling here
+               '&::placeholder': {
+                 color: 'var(--highlight-color)',
+                 opacity: 0.7,
+               },
+               '&::-webkit-input-placeholder': {
+                 color: 'var(--highlight-color)',
+                 opacity: 0.7,
+               },
+               '&::-moz-placeholder': {
+                 color: 'var(--highlight-color)',
+                 opacity: 0.7,
+               },
+               '&:-ms-input-placeholder': {
+                 color: 'var(--highlight-color)',
+                 opacity: 0.7,
+               },
+               '&:-moz-placeholder': {
+                 color: 'var(--highlight-color)',
+                 opacity: 0.7,
+               },
+             },*/
+          }
+        }
+      },
+      // Add more component overrides as needed for other elements that use primary/secondary colors
+      MuiIconButton: {
+        styleOverrides: {
+          root: {
+            height: 30,
+            width: 30,
+            color: "var(--text-color)",
+            backgroundColor: "var(--secondary-color)",
+            "&:hover": {
+              "& svg": {
+                color: "var(--highlight-color-contrast)",
+                fill: "var(--highlight-color-contrast)"
+              },
+              color: "var(--highlight-color-contrast)",
+              backgroundColor: "var(--highlight-color)"
+            }
+          }
+        }
+      },
+      MuiAvatar: {
+        styleOverrides: {
+          root: {
+            color: "var(--text-color)",
+            backgroundColor: "var(--secondary-color)",
+            "&:hover": {
+              "& svg": {
+                color: "var(--highlight-color-contrast)",
+                fill: "var(--highlight-color-contrast)"
+              },
+              color: "var(--highlight-color-contrast)",
+              backgroundColor: "var(--highlight-color)"
+            }
+          }
+        }
+      },
+      MuiTable: {
+        styleOverrides: {
+          root: {
+            backgroundColor: "var(--component-bg)",
+            color: "var(--text-color)"
+          }
+        }
+      },
+      MuiTableHead: {
+        styleOverrides: {
+          root: {
+            backgroundColor: "var(--table-header-bg) !important",
+            color: "var(--table-header-color) !important"
+          }
+        }
+      },
+      MuiTableRow: {
+        styleOverrides: {
+          root: {
+            "&:hover": {
+              backgroundColor: "var(--component-hover-bg)"
+            },
+            "&.MuiTableRow-head": {
+              backgroundColor: "var(--table-header-bg) !important",
+              color: "var(--table-header-color) !important"
+            }
+          }
+        }
+      },
+      MuiTableCell: {
+        styleOverrides: {
+          root: {
+            textWrapMode: "nowrap",
+            borderColor: "var(--border-color-split)",
+            color: "var(--text-color)",
+            //borderBottom: '1px solid var(--border-color)',
+            "& .MuiTableSortLabel-root, & .MuiTableSortLabel-icon": {
+              color: "var(--table-header-color) !important"
+            }
+          },
+          head: {
+            fontWeight: 600,
+            color: "var(--table-header-color) !important",
+            backgroundColor: "var(--table-header-bg) !important"
+          }
+        }
+      },
+      MuiDataGrid: {
+        styleOverrides: {
+          root: {
+            backgroundColor: "var(--component-bg)",
+            color: "var(--text-color)",
+            border: "1px solid var(--border-color)",
+            "& .MuiDataGrid-main": {
+              backgroundColor: "var(--component-bg)"
+            },
+            "& .MuiDataGrid-overlay": {
+              backgroundColor: "var(--component-bg)",
+              color: "var(--text-color)"
+            },
+            // Add this to target the header row specifically
+            "& .MuiDataGrid-columnHeaderRow": {
+              color: "var(--table-header-color) !important",
+              backgroundColor: "var(--table-header-bg) !important"
+            },
+            // Also target the container that holds the header
+            "& .MuiDataGrid-container--top [role=row]": {
+              color: "var(--table-header-color) !important",
+              backgroundColor: "var(--table-header-bg) !important"
+            }
+          },
+          columnHeader: {
+            color: "var(--table-header-color) !important",
+            backgroundColor: "var(--table-header-bg) !important",
+            "&  .MuiSvgIcon-root": {
+              color: "var(--highlight-color) !important"
+            }
+          },
+          columnHeaders: {
+            backgroundColor: "var(--primary-contrast)",
+            color: "var(--btn-primary-color)",
+            borderBottom: "1px solid var(--border-color)",
+            "& .MuiDataGrid-columnHeaderTitle": {
+              color: "var(--btn-primary-color)",
+              fontWeight: 600
+            },
+            "& .MuiDataGrid-iconSeparator": {
+              color: "var(--btn-primary-color)"
+            },
+            "& .MuiDataGrid-sortIcon": {
+              color: "var(--btn-primary-color)"
+            },
+            "& .MuiDataGrid-menuIcon": {
+              color: "var(--btn-primary-color)"
+            }
+          },
+          // Add this new selector for the column header row
+          columnHeaderRow: {
+            color: "var(--table-header-color) !important",
+            backgroundColor: "var(--table-header-bg) !important"
+          },
+          cell: {
+            borderBottom: "1px solid var(--border-color)",
+            color: "var(--text-color)",
+            "&:focus": {
+              outline: "1px solid var(--primary-color)"
+            },
+            "&.MuiDataGrid-cell--editing": {
+              backgroundColor: "var(--component-active-bg)"
+            }
+          },
+          row: {
+            backgroundColor: "var(--component-bg)",
+            "&:hover": {
+              backgroundColor: "var(--component-hover-bg)"
+            },
+            "&.Mui-selected": {
+              backgroundColor: "var(--component-active-bg)",
+              "&:hover": {
+                backgroundColor: "var(--component-hover-bg)"
+              }
+            },
+            "&.MuiDataGrid-row": {
+              backgroundColor: "var(--bodybg-primary)"
+            },
+            "&.MuiDataGrid-row--odd": {
+              backgroundColor: "var(--bodybg-secondary)"
+            }
+          },
+          footerContainer: {
+            backgroundColor: "var(--component-bg)",
+            borderTop: "1px solid var(--border-color-split)",
+            color: "var(--text-color)"
+          },
+          toolbarContainer: {
+            backgroundColor: "var(--component-bg)",
+            borderBottom: "1px solid var(--border-color-split)",
+            color: "var(--text-color)",
+            "& .MuiButton-root": {
+              color: "var(--btn-color)",
+              "&:hover": {
+                backgroundColor: "var(--btn-hover-bg)"
+              }
+            }
+          },
+          filterForm: {
+            backgroundColor: "var(--component-bg)",
+            color: "var(--text-color)"
+          },
+          panel: {
+            backgroundColor: "var(--component-bg)",
+            color: "var(--text-color)",
+            border: "1px solid var(--border-color)"
+          },
+          panelHeader: {
+            backgroundColor: "var(--primary-contrast)",
+            borderBottom: "1px solid var(--border-color-split)"
+          },
+          panelContent: {
+            backgroundColor: "var(--component-bg)"
+          },
+          columnMenu: {
+            backgroundColor: "var(--component-bg)",
+            color: "var(--text-color)",
+            "& .MuiMenuItem-root": {
+              color: "var(--text-color)",
+              "&:hover": {
+                backgroundColor: "var(--component-hover-bg)"
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+};
+var defaultComponentOverrides = (options) => {
+  const full = defaultOptions(options || {});
+  const _a = full, { palette, colorSchemes, defaultColorScheme, cssVariables } = _a, safeOptions = __objRest(_a, ["palette", "colorSchemes", "defaultColorScheme", "cssVariables"]);
+  return safeOptions;
+};
+var appTheme = (muiThemeOptions, options) => {
+  const _a = options || {}, { tenantSettings, colors } = _a, otherOptions = __objRest(_a, ["tenantSettings", "colors"]);
+  const baseTheme = __spreadValues({
+    cssVariables: true
+  }, defaultOptions(options));
+  const theme = muiThemeOptions ? (0, import_utils.deepmerge)((0, import_utils.deepmerge)(import_react_admin.defaultTheme, baseTheme), muiThemeOptions) : (0, import_utils.deepmerge)(import_react_admin.defaultTheme, baseTheme);
+  return theme;
+};
+var getAntTheme = (options) => {
+  const { colors } = options || {};
+  const currentTheme = document.documentElement.getAttribute("data-theme") || "dark";
+  const cssVars = getAllCssVariablesFromStyleSheets(":root");
+  const resolve = (colorKey) => {
+    const suffixed = `--${colorKey}--${currentTheme}`;
+    if (colors == null ? void 0 : colors[`${colorKey}--${currentTheme}`]) {
+      return colors[`${colorKey}--${currentTheme}`];
+    }
+    if (cssVars[suffixed]) {
+      return cssVars[suffixed];
+    }
+    if (cssVars[`--${colorKey}`]) {
+      return cssVars[`--${colorKey}`];
+    }
+    return void 0;
+  };
+  const token = {
+    // Core
+    colorPrimary: resolve("btn-bg"),
+    colorSuccess: resolve("alert-success-bg"),
+    colorWarning: resolve("alert-warning-bg"),
+    colorError: resolve("alert-error-bg"),
+    colorInfo: resolve("alert-info-bg"),
+    // Text
+    colorText: resolve("text-color"),
+    colorTextSecondary: resolve("text-light-color"),
+    colorTextDisabled: resolve("disabled-color"),
+    // Background
+    colorBgBase: resolve("bodybg-primary"),
+    colorBgContainer: resolve("component-bg"),
+    colorBgElevated: resolve("module-bg"),
+    colorBgLayout: resolve("body-bg"),
+    // Borders
+    colorBorder: resolve("border-color"),
+    colorSplit: resolve("border-color-split"),
+    // Typography
+    fontSize: 14,
+    borderRadius: 6
+  };
+  Object.keys(token).forEach((k) => {
+    if (token[k] === void 0) delete token[k];
+  });
+  return {
+    cssVar: true,
+    hashed: false,
+    algorithm: currentTheme === "dark" ? import_antd.theme.darkAlgorithm : import_antd.theme.defaultAlgorithm,
+    token,
+    components: {
+      Table: {
+        headerBg: resolve("table-header-bg"),
+        headerColor: resolve("table-header-color"),
+        rowHoverBg: resolve("component-hover-bg"),
+        rowSelectedBg: resolve("component-active-bg"),
+        borderColor: resolve("border-color"),
+        footerBg: resolve("component-bg")
+      },
+      Button: {
+        colorPrimary: resolve("btn-bg"),
+        colorPrimaryHover: resolve("highlight-color"),
+        colorPrimaryActive: resolve("btn-active-bg"),
+        defaultBg: resolve("secondary-color"),
+        defaultColor: resolve("text-color"),
+        defaultBorderColor: resolve("border-color")
+      },
+      Input: {
+        colorBgContainer: resolve("component-bg"),
+        colorBorder: resolve("border-color"),
+        colorText: resolve("text-color"),
+        activeBorderColor: resolve("primary-color"),
+        hoverBorderColor: resolve("primary-color")
+      },
+      Select: {
+        colorBgContainer: resolve("component-bg"),
+        colorBorder: resolve("border-color"),
+        colorText: resolve("text-color")
+      },
+      Dropdown: {
+        colorBgElevated: resolve("component-bg"),
+        colorText: resolve("text-color")
+      },
+      Modal: {
+        contentBg: resolve("component-bg"),
+        headerBg: resolve("component-bg"),
+        titleColor: resolve("text-color")
+      },
+      Layout: {
+        headerBg: resolve("primary-color"),
+        bodyBg: resolve("bodybg-primary"),
+        siderBg: resolve("sidebar-bg")
+      },
+      Menu: {
+        itemBg: "transparent",
+        itemColor: resolve("text-color"),
+        itemHoverBg: resolve("component-hover-bg"),
+        itemSelectedBg: resolve("component-active-bg"),
+        itemSelectedColor: resolve("highlight-color")
+      },
+      Card: {
+        colorBgContainer: resolve("component-bg"),
+        colorBorderSecondary: resolve("border-color")
+      },
+      Tooltip: {
+        colorBgSpotlight: resolve("module-bg"),
+        colorTextLightSolid: resolve("text-color")
+      },
+      Tabs: {
+        itemColor: resolve("text-color"),
+        itemSelectedColor: resolve("highlight-color"),
+        inkBarColor: resolve("highlight-color")
+      }
+    }
+  };
+};
+var index_default = appTheme;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  appTheme,
+  defaultComponentOverrides,
+  defaultOptions,
+  getAntTheme
+});