@ctlyst.id/internal-ui 4.1.6 → 4.1.7

package/dist/index.mjs

@@ -498,6 +498,7 @@ import { Box as Box6, FormControl, FormErrorMessage, FormHelperText, FormLabel }
 import { jsx as jsx17, jsxs as jsxs3 } from "react/jsx-runtime";
 var Field = (props) => {
   const {
+    id: id2,
     label,
     isError,
     errorMessage,
@@ -520,7 +521,7 @@ var Field = (props) => {
   };
   const helperColor = getHelperColor();
   const justifyHelper = getJustifyContentHelper();
-  return /* @__PURE__ */ jsxs3(FormControl, { isInvalid: isError, ...boxProps, children: [
+  return /* @__PURE__ */ jsxs3(FormControl, { isInvalid: isError, id: id2, ...boxProps, children: [
     label && (typeof label === "string" ? /* @__PURE__ */ jsxs3(FormLabel, { mb: 1, fontSize: "text.sm", requiredIndicator: void 0, children: [
       isRequired && /* @__PURE__ */ jsx17(Box6, { as: "span", color: "danger.500", ml: 0, mr: 1, children: "*" }),
       label
@@ -693,6 +694,7 @@ var InputField = React2.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx21(
     field_default,
     {
+      id: props.id || props.name,
       label,
       isSuccess,
       isError,