@ctlyst.id/internal-ui 4.1.6 → 4.1.7

package/dist/index.d.mts

@@ -165,6 +165,7 @@ interface CheckboxComponentProps extends CheckboxProps, PropsWithChildren {
 declare const CheckboxComponent: _chakra_ui_react.ComponentWithAs<"input", CheckboxComponentProps>;
 
 interface Props {
+    id?: string;
     label?: string | ReactNode;
     isError?: boolean;
     isSuccess?: boolean;

package/dist/index.d.ts

@@ -165,6 +165,7 @@ interface CheckboxComponentProps extends CheckboxProps, PropsWithChildren {
 declare const CheckboxComponent: _chakra_ui_react.ComponentWithAs<"input", CheckboxComponentProps>;
 
 interface Props {
+    id?: string;
     label?: string | ReactNode;
     isError?: boolean;
     isSuccess?: boolean;

package/dist/index.js

@@ -877,6 +877,7 @@ var import_react14 = require("@chakra-ui/react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var Field = (props) => {
   const {
+    id: id2,
     label,
     isError,
     errorMessage,
@@ -899,7 +900,7 @@ var Field = (props) => {
   };
   const helperColor = getHelperColor();
   const justifyHelper = getJustifyContentHelper();
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react14.FormControl, { isInvalid: isError, ...boxProps, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react14.FormControl, { isInvalid: isError, id: id2, ...boxProps, children: [
     label && (typeof label === "string" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react14.FormLabel, { mb: 1, fontSize: "text.sm", requiredIndicator: void 0, children: [
       isRequired && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react14.Box, { as: "span", color: "danger.500", ml: 0, mr: 1, children: "*" }),
       label
@@ -1060,6 +1061,7 @@ var InputField = import_react22.default.forwardRef((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     field_default,
     {
+      id: props.id || props.name,
       label,
       isSuccess,
       isError,