@uniform-ts/core 0.0.2 → 0.0.4

package/dist/index.mjs

@@ -376,9 +376,10 @@ function DefaultFormWrapper({ children }) {
 }
 function DefaultSectionWrapper({
   children,
-  title
+  title,
+  className
 }) {
-  return /* @__PURE__ */ jsxs("fieldset", { children: [
+  return /* @__PURE__ */ jsxs("fieldset", { className, children: [
     /* @__PURE__ */ jsx("legend", { children: title }),
     children
   ] });
@@ -1503,7 +1504,17 @@ function AutoForm(props) {
           if (section.title === null) {
             return /* @__PURE__ */ jsx(React3.Fragment, { children: renderedFields }, "__ungrouped");
           }
-          return /* @__PURE__ */ jsx(SectionWrapper, { title: section.title, children: renderedFields }, section.title);
+          const sectionConfig = layout?.sections?.[section.title];
+          const PerSectionWrapper = sectionConfig?.component ?? SectionWrapper;
+          return /* @__PURE__ */ jsx(
+            PerSectionWrapper,
+            {
+              title: section.title,
+              className: sectionConfig?.className,
+              children: renderedFields
+            },
+            section.title
+          );
         }),
         /* @__PURE__ */ jsx(
           SubmitButton,
@@ -1523,7 +1534,11 @@ function createAutoForm(config) {
       [props.components]
     );
     const mergedLayout = React3.useMemo(
-      () => ({ ...config.layout, ...props.layout }),
+      () => ({
+        ...config.layout,
+        ...props.layout,
+        sections: config.layout?.sections || props.layout?.sections ? { ...config.layout?.sections, ...props.layout?.sections } : void 0
+      }),
       [props.layout]
     );
     const mergedClassNames = React3.useMemo(