import { maskOptions } from "./templates.mjs";
const overlayThemes = {
  light: {
    background: "rgba(0,0,0,0.5)"
  },
  dark: {
    background: "rgba(0,0,0,0.9)"
  }
};
const overlayThemeDefinitions = [{
  parent: "light",
  theme: overlayThemes.light
}, {
  parent: "dark",
  theme: overlayThemes.dark
}];
const componentThemeDefinitions = {
  ListItem: [{
    parent: "light",
    mask: "strengthen",
    ...maskOptions.component
  }, {
    parent: "dark",
    mask: "identity",
    ...maskOptions.component
  }],
  Card: {
    mask: "soften",
    ...maskOptions.component
  },
  Button: {
    mask: "soften2",
    ...maskOptions.button
  },
  Checkbox: {
    mask: "softenBorder2",
    ...maskOptions.component
  },
  Switch: {
    mask: "soften2",
    ...maskOptions.component
  },
  SwitchThumb: {
    mask: "inverseStrengthen2",
    ...maskOptions.component
  },
  TooltipContent: {
    mask: "soften2",
    ...maskOptions.component
  },
  DrawerFrame: {
    mask: "soften",
    ...maskOptions.component
  },
  Progress: {
    mask: "soften",
    ...maskOptions.component
  },
  RadioGroupItem: {
    mask: "softenBorder2",
    ...maskOptions.component
  },
  TooltipArrow: {
    mask: "soften",
    ...maskOptions.component
  },
  SliderTrackActive: {
    mask: "inverseSoften",
    ...maskOptions.component
  },
  SliderTrack: {
    mask: "soften2",
    ...maskOptions.component
  },
  SliderThumb: {
    mask: "inverse",
    ...maskOptions.component
  },
  Tooltip: {
    mask: "inverse",
    ...maskOptions.component
  },
  ProgressIndicator: {
    mask: "inverse",
    ...maskOptions.component
  },
  SheetOverlay: overlayThemeDefinitions,
  DialogOverlay: overlayThemeDefinitions,
  ModalOverlay: overlayThemeDefinitions,
  Input: {
    mask: "softenBorder2",
    ...maskOptions.component
  },
  TextArea: {
    mask: "softenBorder2",
    ...maskOptions.component
  }
};
export { componentThemeDefinitions, overlayThemeDefinitions };
//# sourceMappingURL=componentThemeDefinitions.mjs.map
