@saas-ui/forms 2.6.3 → 2.6.4

package/dist/index.mjs

@@ -513,6 +513,7 @@ var useBaseField = (props) => {
   const [fieldProps] = splitProps(props, ["name", "label", "help", "hideLabel"]);
   const [controlProps] = splitProps(props, [
     "id",
+    "direction",
     "isDisabled",
     "isInvalid",
     "isReadOnly",
@@ -531,14 +532,23 @@ var useBaseField = (props) => {
 var BaseField = (props) => {
   const { controlProps, label, help, hideLabel, error } = useBaseField(props);
   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,
-      help && !(error == null ? void 0 : error.message) ? /* @__PURE__ */ jsx10(FormHelperText, { children: help }) : null,
-      (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx10(FormErrorMessage, { children: error == null ? void 0 : error.message })
-    ] })
-  ] });
+  const { direction, ...rest } = controlProps;
+  return /* @__PURE__ */ jsxs5(
+    FormControl2,
+    {
+      ...rest,
+      isInvalid,
+      variant: direction === "row" ? "horizontal" : void 0,
+      children: [
+        label && !hideLabel ? /* @__PURE__ */ jsx10(FormLabel2, { children: label }) : null,
+        /* @__PURE__ */ jsxs5(Box, { children: [
+          props.children,
+          help && !(error == null ? void 0 : error.message) ? /* @__PURE__ */ jsx10(FormHelperText, { children: help }) : null,
+          (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx10(FormErrorMessage, { children: error == null ? void 0 : error.message })
+        ] })
+      ]
+    }
+  );
 };
 BaseField.displayName = "BaseField";