import { styled as o } from "@mui/material/styles";
import { Box as m } from "@mui/material";
import { DynamicFormSlots as e } from "./DynamicFormEnum.js";
import { componentStyles as r } from "../DynamicForm.styles.js";
import { DYNAMIC_FORM_KEY_COMPONENT as t } from "../constants.js";
import { RHFormProvider as i } from "../../hook-form/RHFormProvider/RHFormProvider.js";
const n = o(i, {
  name: t,
  slot: e.formProvider
})(r?.formProvider), y = n, v = o("div", {
  name: t,
  slot: e.contentRoot
})(r?.contentRoot), F = o(m, {
  name: t,
  slot: e.fieldWrapper
})(r?.fieldWrapper);
o("div", {
  name: t,
  slot: e.label
})(r?.label);
o("div", {
  name: t,
  slot: e.helperText
})(r?.helperText);
o("div", {
  name: t,
  slot: e.sectionDivider
})(r?.sectionDivider);
const f = o("div", {
  name: t,
  slot: e.checkableListWrapper
})(r?.checkableListWrapper);
export {
  f as DynamicFormCheckableListWrapperStyled,
  v as DynamicFormContentRootStyled,
  F as DynamicFormFieldWrapperStyled,
  y as DynamicFormFormProviderStyled,
  n as DynamicFormFormProviderStyledBase
};
