@saas-ui/forms 2.6.1 → 2.6.3

package/dist/index.mjs

@@ -530,7 +530,8 @@ var useBaseField = (props) => {
 };
 var BaseField = (props) => {
   const { controlProps, label, help, hideLabel, error } = useBaseField(props);
-  return /* @__PURE__ */ jsxs5(FormControl2, { ...controlProps, isInvalid: !!error, children: [
+  const isInvalid = !!error || controlProps.isInvalid;
+  return /* @__PURE__ */ jsxs5(FormControl2, { ...controlProps, isInvalid, children: [
     label && !hideLabel ? /* @__PURE__ */ jsx10(FormLabel2, { children: label }) : null,
     /* @__PURE__ */ jsxs5(Box, { children: [
       props.children,
@@ -564,7 +565,8 @@ var _createField = (InputComponent, { displayName, hideLabel, getBaseField: getB
         "isDisabled",
         "isInvalid",
         "isReadOnly",
-        "help"
+        "help",
+        "hideLabel"
       ].concat(extraProps)
     );
     return /* @__PURE__ */ jsx11(BaseField2, { ...props, children: /* @__PURE__ */ jsx11(
@@ -758,6 +760,7 @@ import {
   chakra as chakra2,
   omitThemingProps as omitThemingProps2,
   SimpleGrid,
+  useStyleConfig,
   useTheme
 } from "@chakra-ui/react";
 import { cx as cx2 } from "@chakra-ui/utils";
@@ -772,6 +775,7 @@ var FormLayout = ({ children, ...props }) => {
   const defaultProps = (_c = (_b = (_a = theme.components) == null ? void 0 : _a.SuiFormLayout) == null ? void 0 : _b.defaultProps) != null ? _c : {
     spacing: 4
   };
+  const styles = useStyleConfig("SuiFormLayout", props);
   const gridProps = omitThemingProps2({
     ...defaultProps,
     ...props
@@ -781,6 +785,10 @@ var FormLayout = ({ children, ...props }) => {
     {
       ...gridProps,
       className: cx2("sui-form__layout", props.className),
+      sx: {
+        ...styles,
+        ...props.sx
+      },
       children
     }
   );
@@ -967,11 +975,11 @@ ArrayFieldContainer.displayName = "ArrayFieldContainer";
 import {
   FormControl as FormControl3,
   FormLabel as FormLabel3,
-  useStyleConfig
+  useStyleConfig as useStyleConfig2
 } from "@chakra-ui/react";
 import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 var FormLegend = (props) => {
-  const styles = useStyleConfig("SuiFormLegend");
+  const styles = useStyleConfig2("SuiFormLegend");
   return /* @__PURE__ */ jsx16(FormLabel3, { as: "legend", sx: styles, ...props });
 };
 var ObjectField = (props) => {