@incodetech/welcome 1.85.0-20251215155839.0 → 1.85.0-20251215165729.0

package/dist/onBoarding.mjs

@@ -8350,7 +8350,7 @@ class MlWasmJSApi {
     );
   }
 }
-const MlWasmJSApi$1 = MlWasmJSApi.getInstance(), version$4 = "1.85.0-20251215155839.0";
+const MlWasmJSApi$1 = MlWasmJSApi.getInstance(), version$4 = "1.85.0-20251215165729.0";
 function e$2(Be, Le) {
   return function(Ye, tt) {
     return Object.prototype.hasOwnProperty.call(Ye, tt);
@@ -26734,7 +26734,7 @@ const FlexCenter = (Be) => /* @__PURE__ */ jsx$1(Flex, { justify: "center", alig
     border: 1px solid ${(Be) => Be.borderColor || Be.tokens.input.primary.border.default};
     border-radius: ${(Be) => Be.borderRadius || Be.tokens.spacing[2]};
     color: ${(Be) => Be.color || Be.tokens.input.primary.text.field.default};
-    
+
     &:disabled {
         border: 1px solid ${(Be) => Be.tokens.input.primary.border.disabled};
         background-color: ${(Be) => Be.tokens.input.primary.surface.disabled};
@@ -27857,82 +27857,94 @@ const FlexCenter = (Be) => /* @__PURE__ */ jsx$1(Flex, { justify: "center", alig
   }
 ), InputComposed = forwardRef(
   ({
-    label: Be,
-    type: Le,
-    error: Ye,
-    showErrorIcon: tt,
-    helper: nt,
-    showHelperIcon: ft,
-    closeButton: ht,
-    ...gt
-  }, At) => {
-    const xt = useTokens();
+    id: Be,
+    label: Le,
+    "aria-label": Ye,
+    type: tt,
+    error: nt,
+    showErrorIcon: ft,
+    helper: ht,
+    showHelperIcon: gt,
+    closeButton: At,
+    required: xt,
+    ...Et
+  }, yt) => {
+    const Ct = useTokens(), kt = `${Be}-helper`, vt = `${Be}-error`, bt = [ht ? kt : null, nt ? vt : null].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsxs(Box, { wFull: !0, maxW: "420px", children: [
-      Be && /* @__PURE__ */ jsx$1(
+      Le && /* @__PURE__ */ jsx$1(
         Text$7,
         {
           fontWeight: 700,
           as: "label",
-          color: xt.input.primary.text.label.default,
-          mb: xt.spacing[2],
+          color: Ct.input.primary.text.label.default,
+          mb: Ct.spacing[2],
           display: "inline-block",
           fontSize: "14px",
-          children: Be
+          htmlFor: Be,
+          children: Le
         }
       ),
       /* @__PURE__ */ jsxs(Box, { position: "relative", children: [
         /* @__PURE__ */ jsx$1(
           Input$b,
           {
-            type: Le,
-            p: xt.spacing[4],
-            ...gt,
-            ref: At,
-            borderColor: Ye && xt.input.primary.border.negative,
-            "data-has-value": !!gt.value && String(gt.value).length > 0
+            id: Be,
+            type: tt,
+            p: Ct.spacing[4],
+            ...Et,
+            ref: yt,
+            required: xt,
+            borderColor: nt && Ct.input.primary.border.negative,
+            "data-has-value": !!Et.value && String(Et.value).length > 0,
+            ...!Le && Ye ? { "aria-label": Ye } : {},
+            "aria-describedby": bt || void 0,
+            "aria-required": xt ? "true" : void 0,
+            "aria-invalid": nt ? "true" : void 0
           }
         ),
-        (ht == null ? void 0 : ht.show) && /* @__PURE__ */ jsx$1(
+        (At == null ? void 0 : At.show) && /* @__PURE__ */ jsx$1(
           Box,
           {
             as: "button",
             position: "absolute",
-            right: xt.spacing[6],
+            right: Ct.spacing[6],
             top: "50%",
             transform: "translateY(-50%)",
             backgroundColor: "transparent",
             border: "none",
             p: 0,
             zIndex: 1e4,
-            onClick: ht.onClose,
+            onClick: At.onClose,
             children: /* @__PURE__ */ jsx$1(XIcon, {})
           }
         )
       ] }),
-      Ye && /* @__PURE__ */ jsxs(Flex, { mt: xt.spacing[2], align: "center", children: [
-        tt && /* @__PURE__ */ jsx$1(Box, { display: "inline-block", mr: xt.spacing[2], children: /* @__PURE__ */ jsx$1(ErrorIcon$1, { size: "17" }) }),
+      nt && /* @__PURE__ */ jsxs(Flex, { mt: Ct.spacing[2], align: "center", children: [
+        ft && /* @__PURE__ */ jsx$1(Box, { display: "inline-block", mr: Ct.spacing[2], children: /* @__PURE__ */ jsx$1(ErrorIcon$1, { size: "17" }) }),
         /* @__PURE__ */ jsx$1(
           Text$7,
           {
+            id: vt,
             display: "inline-block",
             as: "p",
             my: "auto",
-            color: xt.input.primary.text.helper.negative,
-            children: Ye
+            color: Ct.input.primary.text.helper.negative,
+            children: nt
           }
         )
       ] }),
-      nt && /* @__PURE__ */ jsxs(Flex, { mt: xt.spacing[2], align: "center", children: [
-        ft && /* @__PURE__ */ jsx$1(Box, { display: "inline-block", mr: xt.spacing[2], children: /* @__PURE__ */ jsx$1(SuccessIcon$1, { size: "17" }) }),
+      ht && /* @__PURE__ */ jsxs(Flex, { mt: Ct.spacing[2], align: "center", children: [
+        gt && /* @__PURE__ */ jsx$1(Box, { display: "inline-block", mr: Ct.spacing[2], children: /* @__PURE__ */ jsx$1(SuccessIcon$1, { size: "17" }) }),
         /* @__PURE__ */ jsx$1(
           Text$7,
           {
+            id: kt,
             display: "inline-block",
             as: "p",
             my: "auto",
             fontWeight: 400,
-            color: xt.input.primary.text.helper.default,
-            children: nt
+            color: Ct.input.primary.text.helper.default,
+            children: ht
           }
         )
       ] })
@@ -28402,11 +28414,11 @@ const isObject$7 = (Be) => typeof Be == "object" && Be !== null && !Array.isArra
     disabled: Be.gray[300]
   },
   border: {
-    primary: Be.gray[100],
+    primary: Be.gray[200],
     disabled: Be.gray[300],
     focus: Be.gray[500],
     accent: Be.brand[500],
-    negative: Be.negative[500],
+    negative: Be.negative[600],
     warning: Be.warn[500],
     positive: Be.positive[600]
   },
@@ -28422,7 +28434,7 @@ const isObject$7 = (Be) => typeof Be == "object" && Be !== null && !Array.isArra
       brandSecondary: Be.brandSecondary[500]
     },
     status: {
-      negative: Be.negative[500],
+      negative: Be.negative[600],
       warning: Be.warn[500],
       positive: Be.positive[600]
     }
@@ -142540,33 +142552,34 @@ const SynchronizedInputGroup = styled.div`
     ]
   }
 ), DateInput = forwardRef(
-  ({ value: Be, onChange: Le, label: Ye, ...tt }, nt) => {
-    const ft = useRef(null), ht = (gt) => {
-      gt.preventDefault(), gt.stopPropagation();
-      const At = ft.current;
-      if (At)
-        if (At.focus(), "showPicker" in HTMLInputElement.prototype)
+  ({ id: Be, value: Le, onChange: Ye, label: tt, ...nt }, ft) => {
+    const ht = useRef(null), gt = (At) => {
+      At.preventDefault(), At.stopPropagation();
+      const xt = ht.current;
+      if (xt)
+        if (xt.focus(), "showPicker" in HTMLInputElement.prototype)
           try {
-            At.showPicker();
+            xt.showPicker();
           } catch {
-            At.click();
+            xt.click();
           }
         else
-          At.click();
+          xt.click();
     };
     return /* @__PURE__ */ jsxs(Box, { position: "relative", wFull: !0, maxW: "420px", children: [
       /* @__PURE__ */ jsx$1(
         InputComposed,
         {
-          ref: (gt) => {
-            ft.current = gt, typeof nt == "function" ? nt(gt) : nt && (nt.current = gt);
+          id: Be,
+          ref: (At) => {
+            ht.current = At, typeof ft == "function" ? ft(At) : ft && (ft.current = At);
           },
-          label: Ye,
+          label: tt,
           type: "date",
-          value: Be,
-          onChange: Le,
-          "data-has-value": !!Be,
-          ...tt
+          value: Le,
+          onChange: Ye,
+          "data-has-value": !!Le,
+          ...nt
         }
       ),
       /* @__PURE__ */ jsx$1(
@@ -142578,8 +142591,8 @@ const SynchronizedInputGroup = styled.div`
           right: "16px",
           top: "65%",
           transform: "translateY(-50%)",
-          onClick: ht,
-          onTouchEnd: ht,
+          onClick: gt,
+          onTouchEnd: gt,
           style: {
             cursor: "pointer",
             zIndex: 1,
@@ -277566,6 +277579,7 @@ const CURP_LENGTH = 18, isValidCurp = (Be) => typeof Be == "string" && Be.length
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           InputComposed,
           {
+            id: "generated-curp",
             label: "",
             value: Dt,
             readOnly: !0,
@@ -277602,18 +277616,21 @@ const CURP_LENGTH = 18, isValidCurp = (Be) => typeof Be == "string" && Be.length
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         InputComposed,
         {
+          id: "first-name",
           ref: Nt,
           label: ht("curp.labels.firstName"),
           placeholder: ht("curp.placeholder.firstName"),
           value: gt,
           onChange: (zt) => At(zt.target.value),
           onKeyDown: (zt) => Gt(zt, Lt),
-          enterKeyHint: "next"
+          enterKeyHint: "next",
+          autoComplete: "given-name"
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         InputComposed,
         {
+          id: "first-last-name",
           ref: Lt,
           label: ht("curp.labels.firstLast"),
           placeholder: ht("curp.placeholder.firstLast"),
@@ -277626,6 +277643,7 @@ const CURP_LENGTH = 18, isValidCurp = (Be) => typeof Be == "string" && Be.length
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         InputComposed,
         {
+          id: "second-last-name",
           ref: Wt,
           label: ht("curp.labels.secondLast"),
           placeholder: ht("curp.placeholder.secondLast"),
@@ -277655,6 +277673,7 @@ const CURP_LENGTH = 18, isValidCurp = (Be) => typeof Be == "string" && Be.length
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         DateInput,
         {
+          id: "birth-date",
           ref: Kt,
           label: ht("curp.labels.dob"),
           value: bt,
@@ -277825,6 +277844,7 @@ const CURP_LENGTH = 18, isValidCurp = (Be) => typeof Be == "string" && Be.length
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         InputComposed,
         {
+          id: "your-curp",
           placeholder: nt("curp.placeholder.curp"),
           value: ft,
           onChange: (wt) => ht(wt.target.value.toUpperCase())
@@ -355992,6 +356012,7 @@ function Email$1({ onSuccess: Be, token: Le, otpVerification: Ye }) {
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             InputComposed,
             {
+              id: "email",
               error: ht,
               type: "email",
               value: Et,